@charset "UTF-8";
    body {
    margin: 0;
    padding: 0;
    background-image: url(../img/crossword.png);
    background-repeat: repeat;
    overflow-x: hidden;
}
.ui.image{
    background-color: #fff;
}
.ui.vertical.buttons.large.labeled.icon.basic .ui.button {
    cursor: default;
}
@media (min-width:1390px) {
    h1.ui.header {
    margin-top: 50px!important;
}

@media (min-width: 1000px) {
	p#responsive_headline1{
		margin-bottom: 0 !important;
	}	

	.ui.middle.aligned.grid row{
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

}.overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(153, 204, 51, .9);
}
.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(../img/cross.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: 0;
    z-index: 100;
}
.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}
.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
}
.overlay ul li a {
    font-weight: 300;
    display: block;
    color: #fff;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.overlay ul li a:focus, .overlay ul li a:hover {
    color: #97C9EA;
}
.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s, visibility 0s .5s;
    transition: opacity .5s, visibility 0s .5s;
}
.overlay-hugeinc.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay-hugeinc nav {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.overlay-hugeinc nav ul {
    width: 100%;
    opacity: .4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
}
.overlay-hugeinc nav ul li:hover {
    background-color: rgba(21, 72, 106, .5);
}
.overlay-hugeinc.active nav ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.overlay-hugeinc.close nav ul {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
}
@media screen and (max-height:30.5em) {
    .overlay nav {
    height: 70%;
    font-size: 34px;
}
.overlay ul li {
    min-height: 34px;
}
}.ui.blue.button {
    color: #fff;
    background-color: #226ea2!important;
}
.ui.blue.button:hover {
    background-color: #0b588c!important;
}
.ui.blue.button:active {
    background-color: #1a537a!important;
}
.item-name {
    display: none;
}
.simpleCart_items {
    max-height: 65%!important;
}
.secondary.pointing.ui.menu {
    border-bottom: 3px solid rgba(255, 255, 255, .5);
}
.secondary.pointing.ui.menu .right.menu .item {
    text-shadow: 0 0 2px rgba(255, 255, 255, .7);
}
.secondary.pointing.ui.menu .right.menu .ui.icon.button {
    position: absolute!important;
    box-shadow: none;
}
.ui.tag.line {
    width: 80%}
.ui.segment.background-image {
    background-image: url(/../img/materiales.jpg)!important;
    background-size: cover!important;
}
.style0 {
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
    fill-rule: evenodd;
    clip-rule: evenodd;
}
svg {
    margin-bottom: 10px;
}
svg .fil0, svg path {
    fill: #fff;
    fill-rule: nonzero;
}
svg:hover {
    fill: #1778a8;
}
.ui.inverted.page.grid.masthead.segment {
    background-color: transparent;
    overflow: inherit;
}
.ui.basic.modal i.close.icon {
    top: 5.5rem;
    right: -15%;
    font-size: 3em;
}
.ui.information.basic.segment .ui.middle.aligned.grid .row .column h1.ui.header {
    font: uppercase;
}
.ui.information.basic.segment .ui.middle.aligned.grid .row .column h1.ui.header, .ui.information.basic.segment .ui.middle.aligned.grid .row .column p {
    color: #fff!important;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
.ui.vertical.labeled.icon.buttons {
    float: right;
}
.ui.vertical.labeled.icon.buttons .ui.button {
    color: rgba(255, 255, 255, .8)!important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}
.ui.vertical.labeled.icon.buttons .ui.button i.icon {
    padding-top: 10px!important;
    color: rgba(0, 0, 0, .8)!important;
    text-shadow: none!important;
}
.ui.product.buttons {
    margin-top: 20px;
}
.or:before {
    content: "ó"!important;
}
.ui.inventario.segment {
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: -1px;
}
.ui.inventario.segment .ui.two.column.page.grid .column {
    margin-bottom: 80px;
}
.ui.inventario.segment .ui.two.column.page.grid .column:last-child {
    position: absolute;
    top: 0;
    margin: 0;
    width: 1200px;
}
.ui.background-image.segment .ui.inverted.basic.segment {
    background-color: transparent;
    width: 800px;
    margin: 100px auto;
}
.ui.background-image.segment .ui.inverted.basic.segment h1 {
    font-size: 3em;
}
.ui.background-image.segment .ui.inverted.basic.segment p {
    font-size: 1.33em;
}
.ui.background-image.segment .ui.inverted.basic.segment p:first-of-type {
    font-size: 1.7em!important;
}
.ui.black.inverted.segment .ui.two.column.page.grid .column p {
    font-size: 1.33em;
}
.ui.blue.inverted.segment, .ui.segment {
    box-shadow: none!important;
    border-radius: 0!important;
}
.ui.basic.page.container.segment {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.ui.information.segment h1, .ui.information.segment p {
    color: #fff;
}
.four.fluid.big.icon.ui.basic.buttons .ui.button:hover {
    color: rgba(255, 255, 255, .9)!important;
}
.ui.items .gallery.item {
    width: 269px!important;
    min-height: 200px!important;
}
.ui.items .gallery.item .active {
    background-color: red;
}
.ui.items .gallery.item .content .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui.accordion {
    margin-top: 30px;
    padding: 0;
}
.title {
    padding: 15px!important;
}
.bottom.attached.ui.button {
    margin: 20px -15px -15px;
}
.ui.product.image img {
    height: 150px;
    width: 150px;
}
.ui.middle.aligned.two.column.cotizador.element.grid, .ui.middle.aligned.two.column.cotizador.element.grid .column {
    margin: 0;
}
.ui.cotizador.product.header {
    margin-left: 1.5%;
    padding-left: 1.5%}
.cotizador.grid.row {
    margin-top: 8.5%}
.ui.accordion .title.active {
    background-color: rgba(0, 0, 0, .01);
}
.ui.accordion .title.active border {
    color: red;
}
.ui.accordion .title.active .bottom.attached.button {
    border: none;
    box-shadow: none!important;
    background-color: rgba(199, 199, 199, .3)!important;
}
.simpleCart_shelfItem input {
    width: 200px!important;
}
.simpleCart_shelfItem .item_price {
    display: inline-block;
}
.ms-choice {
    margin: 0!important;
    background-color: #fff!important;
    border: 1px solid rgba(0, 0, 0, .15)!important;
    outline: 0!important;
    border-radius: .3125em!important;
    -webkit-box-shadow: 0 0 rgba(0, 0, 0, .3) inset!important;
    box-shadow: 0 0 rgba(0, 0, 0, .3) inset!important;
    -webkit-tap-highlight-color: transparent!important;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: box-shadow .2s ease-out!important;
    -moz-transition: box-shadow .2s ease-out!important;
    transition: box-shadow .2s ease-out!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
}
.ms-choice:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2)!important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2)!important;
}
.ms-choice span {
    position: static;
    color: rgba(0, 0, 0, .7)!important;
    margin: .65em .4em!important;
    padding: 0;
    float: left;
    width: 83%!important;
    font-size: 15px;
}
.ms-choice .ui.sort.descending.icon {
    margin-top: 10px!important;
}
.ms-drop ul li.multiple {
    width: auto!important;
    min-width: 80px!important;
}
.inverted.ui.form {
    width: 500px;
    background-color: #226ea2;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
}
.ui.center.aligned.basic.segment {
    margin-top: 10px;
}
.ui.circular.red.icon.button {
    padding: 20px;
}
.ui.feed.segment {
    height: 500px;
    padding: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)!important;
    border-radius: 5px!important;
}
.ui.feed.segment overflow {
    y: hidden;
    x: hidden;
}
.ui.feed.segment:hover {
    overflow-y: scroll;
}
.event:hover {
    background-color: #fafafa;
}
#scroll::-webkit-scrollbar-track {
    border-radius: 0 6px 6px 0;
    background-color: #d6d6d6;
}
#scroll::-webkit-scrollbar {
    width: 12px;
    background-color: #d6d6d6;
}
#scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #919191;
}
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;
}
a {
    text-decoration: none;
}
#cd-nav ul {
    visibility: hidden;
}
#cd-nav.is-fixed ul {
    position: fixed;
    width: 90%;
    max-width: 400px;
    max-height: 700px;
    margin: 0 0 181px;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    right: 5%;
    bottom: 20px;
    border-radius: .25em;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2)!important;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: -webkit-transform .3s, visibility 0s .3s;
    -moz-transition: -moz-transform .3s, visibility 0s .3s;
    transition: transform .3s, visibility 0s .3s;
}
#cd-nav.is-fixed ul:last-child {
    margin-bottom: 43px;
}
#cd-nav.is-fixed ul .subtotal .checkout.button {
    width: 114%;
    margin-left: -1.6rem;
    margin-right: 0;
    margin-bottom: -1.6em;
}
#cd-nav.is-fixed ul .subtotal .divider {
    margin-top: 0;
}
#cd-nav.is-fixed ul .subtotal .divider:after, #cd-nav.is-fixed ul .subtotal .divider:before {
    width: 43%}
#cd-nav.is-fixed ul div div:first-child {
    display: none;
}
#cd-nav.is-fixed ul div li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#cd-nav.is-fixed ul div.is-visible {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s, visibility 0s 0s;
    -moz-transition: -moz-transform .3s, visibility 0s 0s;
    transition: transform .3s, visibility 0s 0s;
}
#cd-nav.is-fixed ul div.is-visible li {
    color: #646464!important;
}
#cd-nav.is-fixed ul div.is-visible li:nth-child(1) {
    -webkit-animation: cd-slide-in .2s;
    -moz-animation: cd-slide-in .2s;
    animation: cd-slide-in .2s;
}
#cd-nav.is-fixed ul div.is-visible li:nth-child(2) {
    -webkit-animation: cd-slide-in .3s;
    -moz-animation: cd-slide-in .3s;
    animation: cd-slide-in .3s;
}
#cd-nav.is-fixed ul div.is-visible li:nth-child(3) {
    -webkit-animation: cd-slide-in .4s;
    -moz-animation: cd-slide-in .4s;
    animation: cd-slide-in .4s;
}
#cd-nav.is-fixed ul div.is-visible li:nth-child(4) {
    -webkit-animation: cd-slide-in .5s;
    -moz-animation: cd-slide-in .5s;
    animation: cd-slide-in .5s;
}
#cd-nav.is-fixed ul div.is-visible li:nth-child(5) {
    -webkit-animation: cd-slide-in .6s;
    -moz-animation: cd-slide-in .6s;
    animation: cd-slide-in .6s;
}
#cd-nav.is-fixed ul div li {
    display: block;
    padding: 1.6em;
    border-bottom: 1px solid #eff2f6;
}
#cd-nav.is-fixed ul div li div:first-child {
    display: inline-block;
}
#cd-nav.is-fixed ul div li:last-child {
    border-bottom: none;
}
#cd-nav.is-fixed ul div li .ui.small.header {
    display: block;
    margin-bottom: 1rem;
}
#cd-nav.is-fixed ul div ol li:first-child {
    padding-top: 0;
}
#cd-nav.is-fixed ul div ol li:last-child {
    padding-bottom: 0;
}
#cd-nav.is-fixed ul div ol li .ui.two.column.grid {
    display: block;
}
#cd-nav.is-fixed ul div ol li .ui.two.column.grid .column {
    margin-top: 0;
    margin-bottom: 0;
}
#cd-nav.is-fixed ul div ol li .ui.two.column.grid .column.unidad {
    border-right: 1px solid rgba(0, 0, 0, .2);
    margin-left: 0;
}
#cd-nav.is-fixed ul div ol li .ui.two.column.grid .column.cantidad .fields, #cd-nav.is-fixed ul div ol li .ui.two.column.grid .column.cantidad .fields .field, #cd-nav.is-fixed ul div ol li .ui.two.column.grid .column.unidad .ui.big.header {
    display: block;
}
#cd-nav.is-fixed ul div ol li .ui.two.column.grid .column.cantidad .fields .field input {
    width: 45px;
    padding: 10px;
}
#cd-nav.is-fixed ul div ol li .ui.two.column.grid .column.cantidad .fields .field .ui.header {
    margin-top: 40px;
}
li.subtotal {
    background-color: #e8e8e8;
}
@media only screen and (min-width:0px) {
    #cd-nav ul {
    position: absolute;
    width: auto;
    max-width: none;
    bottom: auto;
    top: 36px;
    background: 0 0;
    visibility: hidden;
    box-shadow: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}
#cd-nav li {
    display: inline-block;
    opacity: 1;
    padding: .4em;
    margin-left: 1.6em;
    border-bottom: none;
}
#cd-nav.is-fixed ul {
    position: fixed;
    width: 90%;
    max-width: 400px;
    bottom: 20px;
    top: auto;
    background: #fff;
    visibility: hidden;
    box-shadow: 0 0 10px rgba(232, 74, 100, .4);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
#cd-nav.is-fixed ul li {
    display: block;
    padding: 1.6em;
    margin-left: 0;
    border-bottom: 1px solid #eff2f6;
}
#cd-nav ul.has-transitions {
    -webkit-transition: -webkit-transform .3s, visibility 0s .3s;
    -moz-transition: -moz-transform .3s, visibility 0s .3s;
    transition: transform .3s, visibility 0s .3s;
}
#cd-nav ul.is-visible {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s, visibility 0s 0s;
    -moz-transition: -moz-transform .3s, visibility 0s 0s;
    transition: transform .3s, visibility 0s 0s;
}
#cd-nav ul.is-hidden {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}
}.cd-nav-trigger {
    position: fixed;
    cursor: pointe;
    bottom: 20px;
    right: 5%;
    width: 200px;
    height: 44px;
    padding-left: 18.04px;
    padding-top: 11px;
    border-radius: .25em;
    color: #fff;
    background-color: #226ea2;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    -webkit-transition: box-shadow .2s cubic-bezier(0.4, 0, .2, 1), width .3s;
    -moz-transition: box-shadow .2s cubic-bezier(0.4, 0, .2, 1), width .3s;
    transition: box-shadow .2s cubic-bezier(0.4, 0, .2, 1), width .3s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
    white-space: nowrap;
    z-index: 2;
}
.cd-nav-trigger .ui.simpleCart_quantity.header {
    display: inline-block;
    margin: 0 4.94px 0 0;
}
.cd-nav-trigger .ui.checkout.button {
    opacity: 0;
    margin-top: -5px;
    margin-left: 40px;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}
.cd-nav-trigger:active {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}
.cd-nav-trigger span {
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    top: 50%;
    margin-top: -1px;
    left: 85%;
    margin-left: -10px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.cd-nav-trigger span::after, .cd-nav-trigger span::before {
    content: "";
    position: absolute;
    left: 0;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s, background 0s;
    -moz-transition: -moz-transform .3s, background 0s;
    transition: transform .3s, background 0s;
}
.cd-nav-trigger span::before {
    top: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.cd-nav-trigger span::after {
    bottom: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.cd-nav-trigger.menu-is-open {
    box-shadow: none;
    width: 400px;
    color: #fff;
}
.cd-nav-trigger.menu-is-open .ui.checkout.button {
    display: inline-block;
    opacity: 1;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s;
}
.cd-nav-trigger.menu-is-open span {
    background: 0 0;
    left: 93%}
.cd-nav-trigger.menu-is-open span::after, .cd-nav-trigger.menu-is-open span::before {
    background: #fff;
}
.cd-nav-trigger.menu-is-open span::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.cd-nav-trigger.menu-is-open span::after {
    bottom: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
@media only screen and (min-width:1170px) {
    .cd-nav-trigger {
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s, visibility 0s .3s;
    -moz-transition: -moz-transform .3s, visibility 0s .3s;
    transition: transform .3s, visibility 0s .3s;
}
.is-fixed .cd-nav-trigger {
    visibility: visible;
    -webkit-transition: all 0s, width .3s;
    -moz-transition: all 0s, width .3s;
    transition: all 0s, width .3s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cd-bounce-in .3s linear;
    -moz-animation: cd-bounce-in .3s linear;
    animation: cd-bounce-in .3s linear;
}
}#cd-gallery-items li {
    margin-bottom: 1.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    border-radius: .25em;
}
#cd-gallery-items li img {
    width: 100%;
    display: block;
    border-radius: .25em;
}
@media only screen and (min-width:768px) {
    #cd-gallery-items li {
    width: 48%;
    float: left;
    margin-bottom: 2em;
    margin-right: 4%}
#cd-gallery-items li:nth-child(2n) {
    margin-right: 0;
}
}@media only screen and (min-width:1170px) {
    #cd-gallery-items li {
    width: 31%;
    float: left;
    margin-bottom: 2.5em;
    margin-right: 3.5%}
#cd-gallery-items li:nth-child(2n) {
    margin-right: 3.5%}
#cd-gallery-items li:nth-child(3n) {
    margin-right: 0;
}
}@-webkit-keyframes cd-slide-in {
    0% {
    -webkit-transform: translateX(100px);
}
100% {
    -webkit-transform: translateY(0);
}
}@-moz-keyframes cd-slide-in {
    0% {
    -moz-transform: translateX(100px);
}
100% {
    -moz-transform: translateY(0);
}
}@keyframes cd-slide-in {
    0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
}
100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
}@-webkit-keyframes cd-bounce-in {
    0% {
    -webkit-transform: scale(0);
}
60% {
    -webkit-transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
}
}@-moz-keyframes cd-bounce-in {
    0% {
    -moz-transform: scale(0);
}
60% {
    -moz-transform: scale(1.2);
}
100% {
    -moz-transform: scale(1);
}
}@keyframes cd-bounce-in {
    0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
}