@import url("icons.css.css");
@import url("css/bootstrap.min.css.css");
 input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}

.xpn [class*="col-"] {padding: 0;}
.ir-arriba {
    display:none;
    padding:10px;
    background: deepskyblue;
    font-size:20px;
    color:#fff;
    cursor:pointer;
    position: fixed;
    bottom:20px;
    right:20px;
    z-index: 100;
    -moz-border-radius:50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
}

.container_carta {
    width: 530px;
    height: 430px;
    margin: auto;
    -webkit-perspective: 700;
}
.carta {
    position: relative;
    transform-style: preserve-3d;
    transition: 2s;
}
.carta:hover {
    transform: rotateY(180deg);
    
}
.lado {
    width: 530px;
    height: 430px;
    backface-visibility: hidden;
    position: absolute; 
}
.atras {
    transform: rotateY(180deg)
}

#img_ {
    width: 530px;
    height: 430px;
}
#img_products {
    width:300px ;
    height:200px ;
}
body {
    background: #f5f5dc;
}
nav li  a span{
    right: 5px;
}
.xpn_head{
    margin: 0;
    padding-top:18px;
}
.xpn_tel{
    color: deepskyblue;
    font-weight:bold;
    box-sizing:border-box;
}
.xpn_right{
    margin-top: 5px;
}
.xpn_right li {
    color: #5579b1;
    font-family:Arial;
}
.navbar-brand{
    padding-top: 3px;
} 
.navbar-inverse{
    background: #BEF781; 
}
.social-slide li a {
    font-size: 30px;
    color: #5579b1 ; 
    padding: 5px;
}

.xpn-seccion {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
}
.xpn-seccion:hover, .xpn-seccion:focus{
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background: rgba(198,197,197,0.1);
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
}
.caret.right {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
}
@media screen and (min-width: 768px) {
    .dropdown-menu:before{
        content: "";
        position: absolute;
        top: 0;
        left: 30%;
        border-style: solid;
        border-width: 10px;
        border-color: transparent transparent #fff transparent;
    }  
    .dropdown-menu .dropdown-menu {    
        top: -3px;
        left: 120%;
        display: block;
        float: left;
        z-index: 1000;
        margin: 2px 0 0;
        visibility: visible;
        opacity: 0;
    }
    .dropdown-menu .dropdown-menu li {    
        background:#5579b1 !important; 
    }
    .dropdown-menu .dropdown-menu:before{
        content: "";
        position: absolute;
        top: 5px;
        left: -20px;
        border-style: solid;
        border-width: 10px;
        border-color: transparent #fff transparent transparent;
    }
    .dropdown:hover > .dropdown-menu {
        opacity: 1 ;
        top: 100% ;    
        visibility: visible ;
    }
    .dropdown-menu .dropdown:hover > .dropdown-menu {
        opacity: 1;  
        top: -3px;
        left: 100%;
        padding: 5px 0;
        visibility: visible;
        display: block;
    }
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }  
    .navbar-right .dropdown-menu:before{
        content: "";
        position: absolute;
        top: -20px;
        left: auto;
        right: 30%;
        border-style: solid;
        border-width: 10px;
        border-color: transparent transparent #e4000d transparent;
    } 
    .navbar {
        border-radius: 4px;
    }
    .navbar-header {
        float: left;
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-nav {
        float: left;
        margin: 0 !important;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
    .navbar-right {
        float: right !important;
    }
    
    /*
    #slider1, #slider2,#slider3 {
    width: 100%;
}
    
#img_products {
    width:100% ;
    height:100% ;
}
iframe {
    width: 100%;
    height: 100%;
}
h1 {
    font-size: 22px;
*/

}

@media screen and (max-width: < 450px) {
    .dropdown-menu:before{
        content: "";
        position: absolute;
        top: 0;
        left: 30%;
        border-style: solid;
        border-width: 10px;
        border-color: transparent transparent #fff transparent;
    }  
    .dropdown-menu .dropdown-menu {    
        top: -3px;
        left: 120%;
        display: block;
        float: left;
        z-index: 1000;
        margin: 2px 0 0;
        visibility: visible;
        opacity: 0;
    }
    .dropdown-menu .dropdown-menu li {    
        background:#5579b1 !important; 
    }
    .dropdown-menu .dropdown-menu:before{
        content: "";
        position: absolute;
        top: 5px;
        left: -20px;
        border-style: solid;
        border-width: 10px;
        border-color: transparent #fff transparent transparent;
    }
    .dropdown:hover > .dropdown-menu {
        opacity: 1 ;
        top: 100% ;    
        visibility: visible ;
    }
    .dropdown-menu .dropdown:hover > .dropdown-menu {
        opacity: 1;  
        top: -3px;
        left: 100%;
        padding: 5px 0;
        visibility: visible;
        display: block;
    }
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }  
    .navbar-right .dropdown-menu:before{
        content: "";
        position: absolute;
        top: -20px;
        left: auto;
        right: 30%;
        border-style: solid;
        border-width: 10px;
        border-color: transparent transparent #e4000d transparent;
    } 
    .navbar {
        border-radius: 4px;
    }
    .navbar-header {
        float: left;
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-nav {
        float: left;
        margin: 0 !important;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
    .navbar-right {
        float: right !important;
    }
    #slider1{
        width: 100%;
    }
} /*fin media query  */

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}
.dropdown-menu > li {
    position: relative;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    color: #fff;  
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {      
    background: #fa2e2e;
    text-decoration: none;
}
.open > .dropdown-menu {  
    display: block;
    opacity: 1;
}

.navbar-nav>li>.dropdown-menu{
    // margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; 
}
.mega-dropdown{
    //position: static !important;
    //  width: 100%;
}
.mega-dropdown-menu{
    padding: 20px 20px;
    width: 100%;
}

.mega-dropdown-menu> li > ul > li {
    list-style: none;
}
.mega-dropdown-menu> li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    white-space: normal;
}
.mega-dropdown-menu> li ul > li > a:hover,
.mega-dropdown-menu> li ul > li > a:focus {
    text-decoration: none;
    background-color: #f5f5f5;
    border-radius: 5px;
}



a:active,
a:hover {
    outline: 0;
}

a, .navbar-toggle,.dropdown-menu{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; 
}
.footer{
    background:#BEF781;

}