.red-social img {
    float:right;  
    margin-right:1em;
}

.red-social {
    padding-right:12em;
      margin-top: -15px;
    display:block;
}

html, body{
	margin-top:35px;
    font-family: 'Oswald', sans-serif;
    font-size: 100%;
    background-color:#FFF;
}

body a{
	transition:0.5s all;
	    font-family: 'Oswald', sans-serif;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all; 
	-ms-transition:0.5s all;
}

.titulo{
	display: block;
	width: 100%;
	margin: 100px 0 30px;
}

.titulo h1{
	font-size: 40px;
	font-weight: 600;
}

h1{
     font-family: 'Oswald', sans-serif;
}

h2{
	font-family: 'Oswald',sans-serif;
}

h3{
	font-family: 'Oswald', sans-serif; 
}

h4{
	font-family: 'Oswald', sans-serif;
}

h5{
    font-family: 'Oswald', sans-serif;
}

h6{
    font-family: 'Oswald', sans-serif;
}

figcaption {
font-family: Oswald;
	color: #FFFFFF;
	font-size: 0.96em;
	font-weight:300;
}
	
figcaption  h3{
	font-family: Oswald;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight:300;
}
	
p {
font-family: 'Oswald', sans-serif;
}

.logo{
	color: #FFF;
	position: relative;
	background-position:right;
	alignment-adjust: after-edge;
}

.logo a{
	font-weight: 700;
	margin-top: 1em;
}




.logo a:hover{
	text-decoration: none;
	color: #FFF;
}

#logo img {
width:200px;

}

.header{
	position: fixed;
	top: 0px;
	background-color: #999;
	z-index: 99;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#162039+0,162039+29,162039+30,2556a1+100 */
	background: rgb(22,32,57); /* Old browsers */
	background: -moz-linear-gradient(left,  rgb(22,32,57) 0%, rgb(22,32,57) 29%, rgb(22,32,57) 30%, rgb(37,86,161) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgb(22,32,57) 0%,rgb(22,32,57) 29%,rgb(22,32,57) 30%,rgb(37,86,161) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgb(22,32,57) 0%,rgb(22,32,57) 29%,rgb(22,32,57) 30%,rgb(37,86,161) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162039', endColorstr='#2556a1',GradientType=1 );	
	border-bottom:5px solid transparent;
	padding:15px;
	border-image:url(../images/barra-degradado.png) 30 stretch;
	
	
	/*border-bottom: 3px inset #f19800;
	padding-top: 0.8em;
	padding-bottom: 1.5em;*/
}

.header2 {
	width: 100%;
	display: block;
	position: fixed;
	text-align: center;
	color: #FFFFFF;
	padding-top: 1%;
	margin: auto;
	z-index: 11;
	background-color: #DEDEDE;
}

.header2 ul{
	font-family: 'Open-Sans', sans-serif;
	font-size: 20px;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.monitoreo{
	position: absolute;
	z-index: 20;
	width: 20%;
	height: 20%;
	right: 13%;
	top: 80%;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}

.monitoreo img{
	width: 100%;
	height: 100%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.monitoreo span{
	width: 100%;
	position: absolute;
	color: white;
	font-family: "open sans", sans serif;
	font-weight:200;
	font-stretch:extra-condensed;
	font-size: small;
	background-color: #f19800;
	bottom: 0px;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;	
}

.monitoreo-html {
   position: relative;
   padding-bottom: 56.25%;
   overflow: hidden;
}

.monitoreo-html iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.monitoreo-html object {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-contenido {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	font-family:Open Sans, sans serif;

}

.blog-contenido img {
	 float:none;
	display:block;
	margin:auto;
}

.blog-contenido h4  {
	 text-align:center;
}

.blog-contenido h2 {
	 text-align:center;
}

.nav-proyectos ul li{
	color: #999;
	padding: 0.5em 1em;
	font-size: 0.96em;
	font-weight:300;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 0 0.5em;
}

.proyectos  {
  text-align: center;
  padding-bottom: 20px;
}

.proyectos a {
  color:#f19800;
  font-family:"open sans", sans serif;
}

.blog p {
  color:#2556a1;
  font-family:"Open Sans";
}

.blog a {
  color:#2556a1;
  font-family:"Open Sans";
}



/*----navbar-nav----*/


/*vista general */
.top-nav ul li a{
color: #fff;
padding: 0.8em 1.5em;
font-size: 0.90em;
font-weight:300;
text-align: center;
text-transform: uppercase;
position: relative;
margin: 0 0 0 0.5em;
display:block;

}

/*Margen del Menu*/
.top-nav >li {
    float:left;
    margin:5px 0;
}

.top-nav >li>ul>li {
    float:none;
    background-color:#999;
}


.top-nav >li>ul>li>ul  {
    display:none;
}

.top-nav >li>ul>li>ul  a:hover {
    float:block;
}


.top-nav >li>ul>li>ul  a:hover {
    color: #FFFFFF;
background-color: #555;
position: relative;
margin:0px 5px 0px 5px ;
border-radius: 15px 15px 15px 15px;
}








.top-nav >li>ul {
    display:none;
     text-decoration:none;
    list-style:none;
    position:absolute;
    min-width:100%;
    
    
    
}


.top-nav li:hover > ul{
    display:block;
}

.top-nav ul li ul li{
color: #fff;

font-size: 0.96em;
font-weight:300;
text-align: center;
text-transform: uppercase;
display:block;
position:relative;
min-width:100%;
}




.top-nav ul li a span{
height: 20px;
width: 1px;
display: inline-block;
background: #C2C2C2;
position: relative;
top: 29%;
right: 0;

}

.top-nav ul li a:active,
.top-nav ul li a:hover {
color: #FFFFFF;
background-color: #555;
position: relative;
margin:0px 5px 0px 5px ;
border-radius: 15px 15px 15px 15px;
}







.top-nav ul li a:focus{
color: #fff;

}

.logo a{
display:block;
}

/* top-nav */
.top-nav:before,
.top-nav:after {
content: " ";
background-color: #2556A1;
display: compact;
}

.top-nav:after {
clear: both;
}

nav {
float: left;
position: fixed;
top: 15px;
margin-left:auto;
margin-right:auto;
}

nav ul {
padding: 0;
float: right;
margin: 0 0px ;
text-decoration: underline;
color: #FFFFFF;
}

nav li {
display: inline;
float: left;
position: relative;
margin: 0;
}

nav a {
color: #fff;
display: inline-block;
text-align: center;
text-decoration: none;
}

nav a:hover{
text-decoration:none;
color:#00A2C1;
}

nav a#pull {
display: none;
}

/*-----Inicia ESTRUCTURA CSS ES.LEARN----*/

#container-productos {
display: -webkit-flex;
display: flex;
position: static;
padding: 30px;
}

#nav-productos {
width: 200px;
position: static;
background-color:#F30;
}

#flex-column {
-webkit-flex: 1;
flex: 1;
position:inherit;
color:#000;
background-color:#CFC;
}

#mapa {
width:100%;
height:100%;
}

#mapa img{
width:100%;
height:100%;
}

#mapa map{
width:100%;
height:100%;
}

#mapa area shape{
width:100%;
height:100%;
}

.label {
color:#000;
appearance:button;
font-family: 'Open-Sans', sans-serif;
}

/*-----TERMINA ESTRUCTURA CSS ES.LEARN----*/

/*Styles for screen 600px and lower*/
@media screen and (max-width: 991px) {
	
nav { 
height: auto;
float:none;
}

nav ul {
width: 100%;
display: block;
height: auto;
}

nav li {
width: 100%;
position: relative;
}
	
nav li a {
border-bottom: 1px solid #eee;
}
	
nav a {
text-align: left;
width: 100%;
text-indent: 25px;
}

}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 991px) {
	
/*-----start-header----*/

nav {
list-style:none;
appearance:checkbox;
border-bottom: 0;
float:none;
}

nav ul {
list-style:none;
display: none;
height: auto;
margin:0px;
background: #fff;
margin-top: 1em;
}

nav a#pull {
list-style:none;
display: block;
position: relative;
color: #F26D7D;
text-align: left;
position: relative;
top: 15px;
left: 1px;
}

nav a#pull:after {
list-style:none;
content:"";
background: url('nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;
}

nav a#pull img{
margin-right:2%;
}

.top-nav ul li a {
color: #fff;
padding: 0em 0;

}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	
nav {
float: none;
}
	
nav li {
display: block;
float: none;
}
	
nav li a {
border-bottom: 1px solid #576979;
}
	
.top-nav ul li a{
color: #FFFFFF;
padding: 0.5em 2em;
font-size: 36px;
text-align: center;
text-transform: uppercase;
position: relative;
margin: 0 0 0 0.5em;

}

.top-nav ul li a span{
display: inline-block;
background: #C2C2C2;
position: relative;

}

.top-nav ul li.active a,
.top-nav ul li a:hover{
	color: #FFFFFF;
	background: #f19800;
}
}

/*-----*/

.contact-info{
background: #f19800;
position: absolute;
z-index: -999;
top: 84px;
right: 328px;
float: right;
padding-top: 0;
padding-right: 1em;
padding-bottom: 0;
padding-left: 0;
background-color: #f19800;
width: 108px;
}

.contact-info p{
color: #FFF;
font-size:1em;
margin: 0;
font-weight:50;
}

.contact-info span{
background: #f19800;
height: 40px;
width: 40px;
display: inline-block;
margin-right:0.8em;
}

.contact-info span label{
width: 14px;
height: 14px;
display: inline-block;
background: no-repeat 0px 0px;
margin-top: 0.2em;
margin-left: 0.6em;
vertical-align: middle;
}

/*----slider----*/
#slider2,
#slider3 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 auto;
}

.rslides_tabs {
list-style: none;
background: rgba(0,0,0,.25);
box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
font-size: 18px;
list-style: none;
margin: 0 auto 50px;
max-width: 540px;
padding: 10px 0;
width: 100%;
}

.rslides_tabs li {
display: inline;
float: none;
margin-right: 1px;
}

.rslides_tabs a {
width: auto;
line-height: 20px;
padding: 9px 20px;
height: auto;
background: transparent;
display: inline;
}

.rslides_tabs li:first-child {
margin-left: 0;
}

.rslides_tabs .rslides_here a {
background: rgba(255,255,255,.1);
color: #fff;
font-weight: bold;
}

.events {
list-style: none;
}

.callbacks_container {
position: relative;
float: left;
width: 100%;
}

.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}

.callbacks li {
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.callbacks img {
position: relative;
z-index: 1;
height: auto;
border: 0;
width: 100%;
}

.callbacks .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 20px;
text-shadow: none;
color: #fff;
left: 17%;
right: 0;
padding-top: auto;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
margin: 0;
max-width: none;
top: 28%;
}

.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 58%;
left: 8%;
z-index: 5;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 41px;
width: 41px;
background: transparent url("../images/themes-gris.png") no-repeat left top;
margin-top: -65px;
}

.callbacks_nav:active {
opacity: 1.0;
}

.callbacks_nav.next {
left: auto;
background-position: right top;
right: 10%;
}

#slider3-pager a {
display: inline-block;
}

#slider3-pager span{
float: left;
}

#slider3-pager span{
width:100px;
height:15px;
background:#fff;
display:inline-block;
border-radius:30em;
opacity:0.6;
}

#slider3-pager .rslides_here a {
background: #FFF;
border-radius:30em;
opacity:1;
}

#slider3-pager a {
padding: 0;
}

#slider3-pager li{
display:inline-block;
}

.rslides {
position: static;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
z-index: 4;
}

.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}

.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.rslides img {
height: auto;
border: 0;
}

.callbacks_tabs{
display:none;
}

.callbacks_tabs li{
display:inline-block;
}

@media screen and (max-width: 600px) {
	
.header{
background-color: #999;
}

.logo {
width:75%;
}
	
h1 {
font: 24px/500px;
font-family: 'Oswald', sans-serif;
}

.callbacks_nav {
top: 47%;
}
}

/*----*/
.callbacks_tabs a{
 visibility: hidden;
}

.callbacks_tabs a:after {
content: "\f111";
font-size:0;
font-family: FontAwesome;
visibility: visible;
display: block;
height:18px;
width:18px;
display:inline-block;
border:2px solid #FFF;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
-ms-border-radius: 30px;
}

.callbacks_here a:after{
border:2px solid #F4BB36;
}

.slide-text-info h1{
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
background: #162039;
padding: 0.8em 0.5em;
width:28%;
margin: 0.4em 0 0.1em;
font-family: 'Oswald', sans-serif;
}

/*----*/
.slide-text-info span{
background: #2556a1;
color: #FFF;
text-transform: uppercase;
font-weight: 100;
padding: 0.5em 1em;
margin: 0;
font-size: 0.8125em;
font-family: 'Oswald', sans-serif;
}

.slide-text-info label{
background: #162039;
color: #FFF;
text-transform: uppercase;
font-weight: 100;
padding: 0.5em 1em;
margin:0;
font-size:1.2em;
font-family: 'Oswald', sans-serif;
}

/*----//slider----*/
/*-----start-features-----*/
.features{
padding:3em 0 0;
}

.features-head h2{
color: #202020;
font-size: 2.4em;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}

.features-head h2 span{
color:#fff;
font-size: .5em;
}

.features-head p{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 1em;
font-style: italic;
margin-top: 10px;
}

.feature-grid h3{
color: #000000;
font-weight: 700;
text-transform: uppercase;
font-size: 1.2em;
}

.feature-grid h3 span{
width: 26px;
height: 25px;
display: inline-block;
background: url(../images/fea-icons2.png) no-repeat 1px 0px;
vertical-align: top;
margin-right: 0.5em;
}

.feature-grid p{
color:#000000;
font-size:0.85em;
margin:0;
font-family: 'Open Sans', sans-serif;
}

.feature-grid h3 span.fea-icon2{
background-position: -25px 0px;
}

.feature-grid h3 span.fea-icon3{
background-position: -53px 0px;
}

.feature-grid h3 span.fea-icon4{
background-position: -77px 0px;
}

.feature-grids{
padding-top:1em;
}

/*----start-team----*/
.team{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#162039+0,162039+29,162039+30,2556a1+100 */

background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(left,     rgb(239,239,239) 0%, rgb(239,239,239) 29%, rgb(239,239,239) 30%, rgb(239,239,239) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(239,239,239) 0%, rgb(239,239,239) 29%, rgb(239,239,239) 30%, rgb(239,239,239) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,      rgb(239,239,239) 0%, rgb(239,239,239) 29%, rgb(239,239,239) 30%, rgb(239,239,239) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162039', endColorstr='#2556a1',GradientType=1 ); /* IE6-9 */

background-size:cover;
padding:3em 0;
}

.team-head h3{
color: #fff;
font-weight: 700;
font-size: 1.8em;
margin:0;
}

.team-head span{
height:1px;
width:100%;
background:#FFF;
display:inline-block;
}

.team-grid{
padding-top:1em;
padding-bottom: 15px;
}

.paneldis{
padding-top:.5em;
}

/* Self Clearing Goodness */
/*	Strip
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
position:relative;
display:inline-block;
vertical-align:top;
font-weight: 300;
overflow:hidden;
}

.b-link-stripe .b-wrapper{
position: absolute;
width: 101%;
height: 100%;
top: 0px;
left: -1px;
color: #ffffff;
overflow: hidden;
}

.b-link-stripe .b-line{
position:absolute;
top:0;
bottom:0;
width:20%;
background:rgba(75, 202, 255, 0.85);
transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
opacity:0;
visibility:hidden; /* lt-ie9 */
}

/* lt-ie9 */
.b-link-stripe:hover .b-line{
visibility:visible;
}

.b-link-stripe .b-line1{
left:0;
}

.b-link-stripe .b-line2{
left:20%;
transition-delay:0.1s !important;
-moz-transition-delay:0.1s !important;
-ms-transition-delay:0.1s !important;
-o-transition-delay:0.1s !important;
-webkit-transition-delay:0.1s !important;
}

.b-link-stripe .b-line3{
left:40%;
transition-delay:0.2s !important;
-moz-transition-delay:0.2s !important;
-ms-transition-delay:0.2s !important;
-o-transition-delay:0.2s !important;
-webkit-transition-delay:0.2s !important;
}

.b-link-stripe .b-line4{
left:60%;
transition-delay:0.3s !important;
-moz-transition-delay:0.3s !important;
-ms-transition-delay:0.3s !important;
-o-transition-delay:0.3s !important;
-webkit-transition-delay:0.3s !important;
}

.b-link-stripe .b-line5{
left:80%;
transition-delay:0.4s !important;
-moz-transition-delay:0.4s !important;
-ms-transition-delay:0.4s !important;
-o-transition-delay:0.4s !important;
-webkit-transition-delay:0.4s !important;
}

.b-link-stripe:hover .b-line{
opacity:1;
}

/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
text-decoration:none;
}

.b-animate{
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
visibility: hidden;
font-size:1.1em;
font-weight:700;
}

.b-animate img{
margin-top: 4%;
display: -webkit-inline-box;
}

.b-animate span{
display:block;
font-size:1em;
text-transform:uppercase;
margin:0.8em 0 0;
}

.b-animate button{
background:#F90;
padding: 0.9em 1.8em;
color: #3B3B43;
text-transform: uppercase;
font-size: 0.875em;
border: none;
border-radius: 0.3em;
margin-top: 0.8em;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-ms-transition:0.5s all;
-o-transition:0.5s all;
outline:none;
}

.b-animate button:hover{
background:#999;
color:#fff;
}

.b-animate label{
display:block;
font-size:0.875em;
margin-top:0.5em;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-ms-transition:0.5s all;
-o-transition:0.5s all;
}

.b-animate label:hover{
color:#FFB500;
cursor:pointer;
}

/* lt-ie9 */
.b-animate-go:hover .b-animate{
visibility:visible;
}

.b-from-left {
position: relative;
left: -100%;
background: rgba(226, 80, 80, 0.71);
background-size: 100% 100%;
margin: 0;
min-height: 282px;
background-color: #999;
width: 100%;
height: 100%;
}

.b-from-left1 {
position: relative;
left: -100%;
background: rgba(226, 80, 80, 0.71);
background-size: 100% 100%;
margin: 0;
min-height: 282px;
background-color: #f19800;
width: 100%;
height: 100%;
}

.b-animate-go:hover .b-from-left1{
left:0;
}

.b-animate-go:hover .b-from-left{
left:0;
}

span.default_line {
width: 50px;
display: block;
border-bottom: 2px solid #FFF;
position: absolute;
bottom:0px;
}

/*----*/
.animate-head{
padding:0.5em;
}

.animate-head-left{
text-align:center;
}

.animate-head-left h3{
font-size: .8em;
font-weight: 300;
margin: 0 auto;
text-transform: uppercase;
padding-top: 2.2em;
color:#fff;
}

.animate-head-left span{
font-size: 1.2em;
text-transform: lowercase;
font-weight: normal;
font-style: italic;
line-height: 1.3em;
margin-top: 0;
}

.t-member-info{
background:#999;
padding:0.8em;
width:auto;
border-radius:0px 0px 10px 10px;
}

.t-member-info h5{
color: #FFF;
font-weight: 700;
font-size: 1.1em;
text-transform: uppercase;
margin: 0;
}

.t-member-info span{
text-transform:uppercase;
color:#BBBBBB;
}

.p-img{
width:100%;
border-radius:10px 10px 0px 0px;
}

/*-----start-gallery----*/
.gallery-grids{
padding-top: 3em;
}

.gallery{
padding:3em 0;
background-color:#FFFFFF;
}

.gallery-head h3{
color: #202020;
font-weight: 700;
font-size: 1.8em;
margin: 0;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
}

.gallery-head span{
height: 1px;
width: 8%;
background: #2556a1;
display: inline-block;
font-family: 'Oswald', sans-serif;
}

.gallery-head p{
color: #777777;
width: 60%;
margin: 0.5em auto;
font-size:0.8125em;
line-height:1.8em;
font-family: 'Oswald', sans-serif;
}

/*-----start-pricing-plans-----*/
.pricing-plans{
padding:3em 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#162039+0,162039+29,162039+30,2556a1+100 */

background: rgb(119,119,119); /* Old browsers */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162039', endColorstr='#2556a1',GradientType=1 ); /* IE6-9 */
}

.pricing-plans-head h3{
color: #FFF;
font-weight: 700;
font-size: 1.8em;
margin: 0;
text-transform:uppercase;
}

.pricing-plans-head span{
height: 1px;
width: 8%;
background: #FFF;
display: inline-block;
}

span.p-icon1{
width: 40px;
height: 40px;
display: inline-block;
background: url(../images/pricing-icons.png) no-repeat 9px 0px;
}

span.p-icon2{
width: 40px;
height: 40px;
display: inline-block;
background: url(../images/pricing-icons.png) no-repeat -39px 0px;
}

span.p-icon3{
width: 40px;
height: 40px;
display: inline-block;
background: url(../images/pricing-icons.png) no-repeat -84px 0px;
}

.pricing-plan-grid-left p, .pricing-plan-grid-left1 p{
font-weight: 700;
font-size: 2.5em;
color: #FFF;
}

.list-unstyled {
padding-left: 0;
list-style: none;
margin: 0.6em 0 0 0;
}

.pricing-plan-grids {
margin-top: 5%;
}

.pricing-plan-grid-left{
margin-top:0.5em;
border-right: 1px solid #f19800;
}

.pricing-plan-grid-left1{
margin-top:0.5em;
border-right: 1px solid #fff;
}

.pricing-plan-grid-left p label, .pricing-plan-grid-left1 p label{
font-size: 0.4em;
vertical-align: text-top;
}

.pricing-plan-grid-left h4, .pricing-plan-grid-left1 h4{
text-transform: uppercase;
color: #FFF;
font-weight: 700;
margin: 0.2em;
font-size: 1.1em;
}

.pricing-plan-grid-right ul li span{
width: 10px;
height: 8px;
display: inline-block;
background: url(../images/check-icon.png) no-repeat 0px 0px;
margin-right: 0.2em;
vertical-align: middle;
}

.pricing-plan-grid-right ul li a{
color: #FFF;
font-size: 0.8125em;
font-family: 'Open Sans', sans-serif;
line-height: 1.8em;
text-decoration:none;
}

.pricing-plan-grid-right ul li a:hover{
color:#FBB;
}

.pricing-plan-grid {
background:#d14343;
padding:3% 0%;
}

.pricing-plan-middlegrid {
padding:3% 0%;
border: 2px solid #FFF;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display: none;
}

.nbs-flexisel-container {
position: relative;
max-width: 100%;
}

.nbs-flexisel-ul {
position: relative;
width: 9999px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

.nbs-flexisel-inner {
overflow: hidden;
width:90%;
margin: 0 auto;
margin-top: 2%;
}

.nbs-flexisel-item {
float: left;
margin: 0px;
padding: 0px;
cursor: pointer;
position: relative;
line-height: 0px;
}

.nbs-flexisel-item > img {
width:70%;
cursor: pointer;
positon: relative;
margin-top:2.5em;
max-width:200px;
max-height:90px;
}

/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width: 26px;
height: 36px;
position: absolute;
cursor: pointer;
z-index: 100;
}

.nbs-flexisel-nav-left {
left: 0px;
background: url(../images/c_arrows.png) no-repeat 0px 0px;
}

.nbs-flexisel-nav-right {
right: 0px;
background: url(../images/c_arrows.png) no-repeat -18px 0px;
}

/*--footer--*/
.footer{
background:#00446a;
}

.footer-top{
padding:1% 0;
}

ul.twitter_footer {
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 78%;
}

i.twt_icon {
background: url(../images/twt.png)no-repeat 0px 0px;
width: 34px;
height: 28px;
float: left;
margin: 0.5em 1em 0 0;
}

ul.twitter_footer li p {
color: #888;
font-size: 0.8125em;
line-height: 1.8em;
width: 65.5%;
float: left;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0;
}

.social{
float:right;
}

.social li:first-child {
margin-left: 0;
}

.social li {
display: inline-block;
margin-left:4px;
}

.social li a {
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.contact-top h3 {
color: #000000;
font-size: 1em;
text-transform: uppercase;
font-weight: 400;
margin: 0 0 1em;	
}

.to input[type="text"] {
padding: 10px;
width: 49%;
font-size: 0.85em;
margin-top: 10px;
margin-right: 0;
margin-left: 2px;
margin-bottom: 10px;
border: 1px solid #444;
color: #8E8C8C;
background-image: none;
float: left;
outline: none;
font-weight: 400;
background-color: #F2F2F2;
}

.to input[type="email"] {
padding: 10px;
width: 49%;
font-size: 0.85em;
margin-top: 10px;
margin-right: 0;
margin-left: 2px;
margin-bottom: 10px;
border: 1px solid #444;
color: #8E8C8C;
background-image: none;
float: left;
outline: none;
font-weight: 400;
background-color: #F2F2F2;
}

.to input[type="tel"] {
padding: 10px;
width: 49%;
font-size: 0.85em;
margin-top: 10px;
margin-right: 0;
margin-left: 2px;
margin-bottom: 10px;
border: 1px solid #444;
color: #8E8C8C;
background-image: none;
float: left;
outline: none;
font-weight: 400;
background-color: #F2F2F2;
}

.to input[type="url"] {
padding: 10px;
width: 49%;
font-size: 0.85em;
margin-top: 10px;
margin-right: 0;
margin-left: 2px;
margin-bottom: 10px;
border: 1px solid #444;
color: #8E8C8C;
background-image: none;
float: left;
outline: none;
font-weight: 400;
background-color: #F2F2F2;
}

.to select  {
width: 70%;
}

.contact_bottom-textarea {
float: rigth;
width: 97%;
}

.form-submit1 {
float: left;
margin: 0.7em 0 0 1.3em;
}

.form-submit1 input[type="submit"] {
color: #FFF;
font-size: 0.85em;
padding: 0.8em 4.8em 0.8em 2em;
text-transform: uppercase;
background-repeat: no-repeat;
background-position: 186px 13px #f19800;
background: url(../images/submit_arrow.png)no-repeat 145px 13px #152038;
display: inline-block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 400;
border: none;
cursor: pointer;
}

.form-submit1 input[type="submit"]:hover {
background-repeat: no-repeat;
background-position: 186px 13px #333;
background: url(../images/submit_arrow.png)no-repeat 190px 13px #2456a2;
}

.text input[type="text"], .contact_bottom-textarea textarea {
width: 100%;
font-size: 0.85em;
margin: 10px 10px 10px 10px;
margin-bottom: 10px;
border: none;
color: #8E8C8C;
font-weight: 400;
outline: none;
background-image: none;
height: 120px;
padding: 10px;
resize: none;
text-transform: uppercase;
border: 1px solid #444;
background-color:#F2F2F2;
}

.email input[type="email"], .contact_bottom-textarea textarea {
width: 100%;
font-size: 0.85em;
margin: 10px 10px 10px 10px;
margin-bottom: 10px;
border: none;
color: #8E8C8C;
font-weight: 400;
outline: none;
background-image: none;
height: 120px;
padding: 10px;
resize: none;
text-transform: uppercase;
border: 1px solid #444;
background-color:#F2F2F2;
}

.tel input[type="tel"], .contact_bottom-textarea textarea {
width: 100%;
font-size: 0.85em;
margin: 10px 10px 10px 10px;
margin-bottom: 10px;
border: none;
color: #8E8C8C;
font-weight: 400;
outline: none;
background-image: none;
height: 120px;
padding: 10px;
resize: none;
text-transform: uppercase;
border: 1px solid #444;
background-color:#F2F2F2;
}

.contact-top_left h3 {
color: #000;
font-size: 1em;
text-transform: uppercase;
font-weight: 400;
margin: 0 0 5px;
}

.contact-top_left p {
color: #888;
font-size: 0.8125em;
line-height: 1.8em;
margin: 2em 0;
font-family: 'Open Sans', sans-serif;
}

ul.contact_info {
padding: 0;
list-style: none;
margin: 0;
color: #FFFFFF;
}

i.mobile {
height: 20px;
width: 15px;
float: left;
background: url(../images/msg.png)no-repeat -4px 3px;
margin-right: 2%;
}

ul.contact_info span {
color: #FFFFFF;
font-size: 0.8125em;
font-family: 'Open Sans', sans-serif;
}

ul.contact_info span:hover {
text-decoration:underline;
}

i.message {
height: 20px;
width: 15px;
float: left;
background: url(../images/msg.png)no-repeat -22px 3px;
margin-right: 2%;
}

ul.contact_info span.msg {
cursor: pointer;
}

.social li a:hover {
background:#fff;
}

.social li a i {
width: 24px;
height: 24px;
display: block;
background: url(../images/social2.png) no-repeat;
}

.social li a i.facebook {
background-position:-2px -2px;
}

.social li a i.twitter {
background-position:-27px -2px;
}

.social li a i.pinterest {
background-position:-56px -2px;
}

.social li a i.google {
background-position:-84px -2px;
}

.social li a i.tw {
background-position:-112px -2px;
}

.social li a i.instagram {
background-position:-140px -2px;
}

.social li a i.rss{
background-position:-169px -2px;
}

.footer-bottom{
background: #;
background-size: 100% 100%;
border-top: 1px solid #999999;
padding-top: 1%;
}

.footer-bottom p{
color:#fff;
}

.footer-bottom span{
color:#fff;
}

.footer-bottom li{
color:#fff;
}

.contact {
padding: 0;
}

p.m_msg{
color:#CBCBCB;
font-size:0.8125em;
font-family: 'Open Sans', sans-serif;
margin: 1em 0 0;
}

.copy{
padding-top:5%;
font-family: 'Open Sans', sans-serif;
}

.copy p{
font-size:0.8125em;
color:#888;
}

.copy p a{
color:#fff;
}

#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 26px;
right: 3%;
overflow: hidden;
width:50px;
height:50px;
border: none;
text-indent: 100%;
background: url("../images/top_move.png") no-repeat 0px 0px;
}

/*--responsive design--*/
@media (max-width:1366px){
	
.slide-text-info h1 {
width: 34%;
}
}

@media (max-width:1280px){

.slide-text-info h1 {
width: 36%;
}
}

@media (max-width:1024px){

.slide-text-info h1 {
width: 37%;
font-size: 1em;
}

.top-nav ul li a {
margin:0;

}

.slide-text-info label {
font-size: 0.95em;
}

.contact-info {
right: 45px;
}

.contact-info p {
font-size: 1.2em;
}

.contact-info span {
height: 33px;
}

.callbacks .caption {
top: 22%;
}

.callbacks_nav {
top: 63%;
}

.features-head h2{
font-size: 1.7em;
}

.feature-grid h3 {
font-size: 1em;
}

.feature-grid h3 span {
vertical-align: sub;
}

.feature-grid p {
font-size: 0.8125em;
}

.team-head h3, .pricing-plans-head h3, .gallery-head h3{
font-size: 1.5em;
}

.animate-head-left h3 {
font-size: 1em;
}

.animate-head-left span {
font-size: 0.8125em;
}

.t-member-info h5 {
font-size: 0.95em;

}

.t-member-info span {
font-size: 13px;

}

.pricing-plan-grid-left h4, .pricing-plan-grid-left1 h4 {
font-size: 0.85em;
}

.pricing-plan-grid-left p, .pricing-plan-grid-left1 p {
font-size: 1.7em;
}

ul.twitter_footer {
width: 73%;
}

.to input[type="text"] {
width: 49%;
}

.contact_bottom-textarea {
width: 97%;
}

.form-submit1 input[type="submit"] {
padding: 0.8em 2.2em 0.8em 1em;
background: url(../images/submit_arrow.png)no-repeat 155px 13px #f19800;
}

.form-submit1 input[type="submit"]:hover {
background: url(../images/submit_arrow.png)no-repeat 155px 13px #f19800;
}
}
@media (max-width:800px){
	
.slide-text-info h1 {
width: 40%;
font-size: 1em;
}

.callbacks .caption {
top: 18%;
}

.contact-info {
top: 83px;
}

.callbacks_nav {
top: 69%;
}

.pricing-plan-grid-right {
text-align: center;
}

.pricing-plan-grid-left {
margin-top: 0;
}

.pricing-plan-grid, .pricing-plan-middlegrid{
margin-bottom: 20px;
}

ul.twitter_footer {
width: 65%;
}

.logo a {
margin-top:0;
}

.contact-top_left p {
margin: 1em 0;
}

.contact-top_left {
margin-bottom: 30px;
}

.feature-grids {
text-align: center;
}

#mapa {
display:none;
}

header {
background:#FFF;
}
}

@media (max-width:990px){
	
.top-nav {
top:0px;
left:0px;
}

.top-nav ul li a {
padding: 0.5em 0.7em;
font-size: 150%;
background-color: #162039;

}
}

@media (max-width:768px){
	
.top-nav {
top:0px;
left:0px;
width:80%;
position:absolute;
margin-top:0px;

}

.top-nav ul{
    position:relative;
    margin-left:0;
    float:left;
    
}
.top-nav ul li{
    display:block;
    border-bottom:1px solid rgba(255 255 255 .5);
    
}
.top-nav ul li a {
padding: 0.5em 0.7em;
font-size: 100%;
display:block;

}

.top-nav ul li ul {
    width:100%;
    position:relative;
    background:#999;
    color:#000;
    margin:0;
}

.top-nav ul li ul a {
    
    background:#999;
    
}


.contact-info {
display: none;
}

.slide-text-info h1 {
font-size: 0.95em;
}

.slide-text-info span {
font-size: 14px;
}

.slide-text-info label {
font-size: 0.85em;
}

.slide-text-info label {
font-size: 0.85em;
}

.features-head p {
font-size: 0.85em;
}
}

@media (max-width:640px){

.slide-text-info h1 {
font-size: 0.85em;
width: 44%;
}

ul.twitter_footer {
width: 57%;
}
}

@media (max-width:480px){
	
.slide-text-info h1 {
display: none;
}

.callbacks_nav {
top: 79%;
}

.form-submit1 {
margin:0;
}

.contact_bottom-textarea {
width: 96%;
}

ul.twitter_footer {
width: 100%;
float: none;
}

.social {
float: none;
margin-top: 20px;
}

ul.twitter_footer li p {
width: 84.5%;
}

.to input[type="text"] {
width: 100%;
margin-left: 0px !important;
}
}

@media (max-width:320px){
	
.callbacks img {
min-height: 130px;
}

.slide-text-info span {
font-size: 12px;
}

.slide-text-info label {
font-size: 13px;
}

.callbacks_nav {
top: 84%;
}

.features-head h2 {
font-size: 1.2em;
}

.features-head p {
font-size: 12px;
}

.feature-grids {
padding-top:0;
}

.team-head h3, .pricing-plans-head h3, .gallery-head h3 {
font-size: 1.1em;
}

.gallery-head p {
width: 100%;
}

.grid {
margin: 10px 10px 10px 10px;
}
}

#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
z-index: 4;
color: #ffffff;
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
background: #070707;
background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
background: -o-linear-gradient(top, #262626 0%, #070707 100%);
background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
background: linear-gradient(to bottom, #262626 0%, #070707 100%);
}

#cssmenu .has-sub {
z-index: ;
}

#cssmenu .has-sub:hover > ul {
display: block;
}

#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}

.align-center {
position:absolute;
}

#cssmenu.align-right .has-sub ul {
left: auto;
right: 0;
position: relative;
background: #f19800;
align: middle;
.efecto2
{
    
position: relative;
background: #f19800;
align: middle;
width: 300px;
}

.efecto2:before, .efecto2:after
{

/* Posiciona la sobora por detras del color de la caja*/
z-index: -1;
position: absolute;
/* no aplico ningún contenidos HTML */
content: "";
/* posiciona la sombra con respecto al borde inferior, izquierdo y superior */
bottom: 15px;
left: 10px;
top: 80%;
/* configura el ancho */
width: 50%;
/* color de fondo */
background: #777;
/* definicion de la sombra estandar para box-shadow */
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
/* rotacion de la sombra */
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}

.efecto2:after{
/* rotacion de la sombra */
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
/* posiciona la sombra con respecto al borde izquierdo y derecho */
right: 10px;
left: auto;
}

body {
font-family: 'Open Sans', 'sans-serif';
background: #ffffff;
font-size: 100%;
}

.wrap{
margin:0 auto;
width:80%;
}

.header_bg{
background: url('../images/tikupe.jpg');
background-size: 100%;
}

.breadcrumb {
background: none;
padding: 4% 2%;
}

.breadcrumb > .active {
color: #A8B8D8;
}

.breadcrumb li,.breadcrumb li a{
font-size: 14px;
color: #ffffff;
text-transform:capitalize;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.breadcrumb li a:hover{
text-decoration: none;
color:#F15F43;
}

.h_right{
float: right;
width: 72%;
}

.navbar-nav {
margin-top:2%;
margin-left: 10%;
}

.navbar-brand {
line-height: 25px;
}

.menu li.active a{
background: none;
color:#F15F43;
border-bottom:2px solid #F15F43;
}

.menu li a{
font-size: 14px;
text-transform: uppercase;
color: #354B77;
border-radius: 0px;
font-weight: 700;
padding-top: 5px;
padding-bottom: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.menu li a:hover,.menu li.active a:hover{
background: none;
color: #F15F43;
border-bottom:2px solid #F15F43;
}

.navbar-toggle {
background-color: #354B77;
}

.navbar-toggle .icon-bar {
background-color: #ffffff;
}

.my_search{
margin-top: 2%;
width: 500px;
}

.my_search input[type="text"]{
color:#2C3547;
box-shadow: none;
border:1px solid rgb(226, 226, 226);
padding: 18px 14px;
font-size: 13px;
}

.btn{
background: #F15F43;
color: #ffffff;
padding: 9px 28px;
line-height:20px;
text-transform: uppercase;
border: none;
outline:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.btn:hover{
color:#ffffff;
background: #354B77;
}

/* start slider */
.slider{
margin-top: 8%;	
}

.slider_text h2{
font-size: 5em;
color: #ffffff;
text-transform: capitalize;
font-weight: 600;
line-height: 1.2em;
}

.slider_text h3{
font-size: 3em;
color: #ffffff;
text-transform: capitalize;
font-weight: 100;
}

.slider_img img{
display: inline-block;
}

/* grids_of_3 */
.main{
background: #fffffff;
}

.grids_of_3 {
text-align: center;
padding: 4% 2%;
}

.grid1_of_3 h2{
text-transform: uppercase;
color: #354B77;
font-size: 26px;
}

.grid1_of_3 p{
font-size: 14px;
line-height: 1.8em;
color: #434C5E;
margin-bottom: 20px;
}

.grid1_of_3 img{
display: inline-block;
margin: 4% 0;
}

.btn_style{
font-size: 14px;
color: #ffffff;
background: #F15F43;
padding: 12px 30px;
line-height: 20px;
text-transform: uppercase;
border: none;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
}

.btn_style:hover{
background: #354B77;
}

/* grids_btm */
.grids_btm {
padding: 4% 0;
}

.grid_list{
display: block;
}

.grids_btm.top{
padding: 4% 0;
border-top: 1px ridge rgb(241, 241, 241);
border-bottom: 1px ridge rgb(241, 241, 241);
}

.images_1_of_1{
width:24%;
float:left;
background: #354B77;
padding:4%;
}

.images_1_of_1 p{
text-align: center;
font-size: 5em;
color: #ffffff;
line-height:66px;
margin: 0;
}

.grid_1_of_1{
width:76%;
float:left;
background: #E5EAF3;
padding:4%;
}

.grid_1_of_1 h3{
color: #354B77;
font-size: 1.8em;
font-weight: normal;
line-height: 31px;
text-transform: uppercase;
margin: 0;
}

.grid_1_of_1 p {
font-size: 14px;
line-height: 1.8em;
color: #434C5E;
}

/* start footer */
.footer_bg{
background: #f9f9f9;
}

.footer{
padding:0% 0%;
}

.span1_of_4 h4{
font-size: 2.5em;
text-transform: uppercase;
color: #354B77;
margin-bottom: 8%;
}

.span1_of_4 h5{
font-size: 1.5em;
text-transform: capitalize;
color: #354B77;
margin-top: 8%;
}

.span1_of_4 p{
margin-top: 5px;
font-size: 13px;
line-height: 1.5em;
color: #9FA0A2;
}

.span1_of_4 p.top{
margin-top: 4%;
}

.span1_of_4 span a{
border-bottom: 1px dashed rgb(235, 233, 233);
padding-bottom: 4px;
margin-top: 8%;
display: block;
font-size: 14px;
line-height: 1.5em;
color: #434C5E;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.span1_of_4 span a:hover{
text-decoration:none;
color: #F15F43;
}

.f_nav li{
display:inline-block;
margin: 0 8px 8px 0;
}

.f_nav li a{
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.f_nav li a img{
background: #ffffff;
padding: 5px;
border: 1px solid #eeeeee;
}

.f_nav li a:hover{
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.7;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}

/*start footer_top */
.footer_btm{
background: #f3f3f3;
}

.footer1{
padding: 4% 2% 4% 0;
}

/* start soc_icons */
.soc_icons ul li{
display:inline-block;
margin-left: 10px;
}

.soc_icons ul li:first-child{
margin-left: 0;
}

.soc_icons ul li a{
display: block;
width: 42px;
height: 42px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
}

.soc_icons ul li a.icon1{
background: #39579D url('../images/icons.png') no-repeat 18px 10px;
}

.soc_icons ul li a.icon2{
background: #02B3E9 url('../images/icons.png') no-repeat -12px 10px;
}

.soc_icons ul li a.icon3{
background: #DB4A39 url('../images/icons.png') no-repeat -44px 10px;
}

.soc_icons ul li a.icon4{
background: #EA4C89 url('../images/icons.png') no-repeat -78px 10px;
}

.soc_icons ul li a.icon5{
background: #5A872A url('../images/icons.png') no-repeat -112px 10px;
}

.soc_icons ul li a:hover{
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.7;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}

.copy{
margin-top: 10px;
}

.copy p{
color: #FFFFFF;
font-size: 13px;
line-height: 1.8em;
}

.copy p a{
color:#F15F43;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.copy p a:hover{
color: #434C5E;
text-decoration: none;
}

/* start feature */
.features{
padding:2% 2% 2% 2%;
}

.features_list1{
margin-top: 4%;
}

.feature p{
margin-top: 8%;
}

.feature img{
width: 100%;
}

.feature a{
display: block;
font-size: 16px;
font-style: italic;
color: #354B77;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.feature a:hover{
text-decoration: none;
color: #F15F43;
}

/* start blog */
.blog{
padding-top: 4px;
padding-right: 2%;
padding-left: 2%;
padding-bottom: 4%;
margin-top: 40px;
top: 0px;
}

.blog_img{
margin-top: 5px;
}

.blog_img1{
margin-top: 6%;
}

.blog_left img{
width:100%;
}

.blog_left h4 a{
display:block;
margin: 4% 0 2%;
color: #354B77;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.blog_left h4 a:hover{
text-decoration: none;
color: #F15F43;
}

.blog_right h4{
margin:0 0 4%;
color: #354B77;	
text-transform: capitalize;
}

/* start ads_nav */
.ads_nav li{
float: left;
width: 48.3333%;
margin-left: 3.33333%;
margin-bottom: 10px;
}

.ads_nav li:first-child,.ads_nav li:nth-child(3){
margin-left: 0;
}

.ads_nav li a{
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.ads_nav li a img{
width: 100%;
}

.ads_nav li a:hover{
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.7;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}

/* start tag_nav */
.tag_nav {
margin: 8% 0;
}

.tag_nav li{
margin:10px 5px 0 0;
display: inline-block;
}

.tag_nav li a{
display: block;
text-transform: capitalize;
background: #E7E7E7;
color: #5F5F5F;
font-size: 13px;
padding: 8px 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.tag_nav li a:hover{
background: #354B77;
color: #ffffff;
text-decoration:none;
}

/* start news_letter */
.news_letter{
margin: 8% 0;
}

.news_letter form input[type="text"]{
font-family: 'Open Sans', 'sans-serif';
font-weight:100;
padding: 10px;
display: block;
width: 100%;
background: #ffffff;
outline: none;
color: #555555;
font-size: 13px;
border: 1px solid #DADADA;
-webkit-appearance: none;
}

.news_letter form input[type="submit"]{
margin-top: 4%;
-webkit-appearance: none;
float:right;
font-family: 'Open Sans', 'sans-serif';
cursor:pointer;
border:none;
outline:none;
display: inline-block;
padding: 12px 30px;
font-size: 13px;
color: #ffffff;
background: #354B77;
text-transform: uppercase;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.news_letter form input[type="submit"]:hover{
background: #F15F43;
}

/* start about */
.about{
padding: 4% 2%;
}

.img_style{
margin-top:10px;
}

.img_style img{
width: 100%;
}

.about h4{
color: #354B77;
}

.para{
font-size: 13px;
line-height: 1.8em;
color: #434C5E;
}

.about_p {
padding: 10px;
margin-top: 2%;
}

.read_more {
margin: 3% 0 2%;
}

/* start contact */
.contact{
padding: 2%;
}

.contact_info h2{
text-transform: uppercase;
color: #354B77;
font-size: 26px;
}

.company_ad h2{
font-size: 26px;
text-transform: uppercase;
color: #354B77;
}

.company_ad p{
font-size: 13px;
}

.company_ad p a {
color: #F15F43;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.company_ad p a:hover{
text-decoration:none;
color: #354B77;
}

.contact-form h2{
font-size: 26px;	
text-transform: uppercase;
color: #354B77;
}

.contact-form span{
display:block;
text-transform: capitalize;
font-size: 13px;
color: #9499A3;
font-weight: normal;
margin-bottom: 10px;
}

.contact-form textarea {
font-family: 'Open Sans', 'sans-serif';
padding: 10px;
display: block;
width: 99.3333%;
background: #ffffff;
outline: none;
color: #c0c0c0;
font-size: 0.8725em;
border: 1px solid #ECECEC;
-webkit-appearance: none;
resize: none;
height: 120px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}

.contact-form textarea:focus{
border:1px solid #66afe9;
}

.form-control{
box-shadow: none;
margin-top: 10px;
margin-right: 0;
margin-left: 2px;
margin-bottom: 10px;
border: 1px solid #ECECEC;	
}

.form-control:focus {
box-shadow: none;
}

.contact-form input[type="submit"] {
margin-top:20px;
font-family: 'Open Sans', 'sans-serif';
-webkit-appearance: none;
float: right;
cursor: pointer;
border: none;
outline: none;
display: inline-block;
padding: 12px 30px;
font-size: 0.8925em;
color: #ffffff;
background: #F15F43;
text-transform: uppercase;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.contact-form2 input[type="submit"] {
margin-top:10px;
font-family: 'Open Sans', 'sans-serif';
-webkit-appearance: none;
float: right;
cursor: pointer;
border: none;
outline: none;
display: inline-block;
padding: 12px 30px;
font-size: 0.8925em;
color: #ffffff;
background: #F15F43;
text-transform: uppercase;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.contact-form input[type="submit"]:hover{
background: #354B77;
}

/* start derails */
.details{
padding:4% 2%;
}

.details img{
margin-bottom: 2%;
}

/***** Media Quries *****/
@media only screen and (max-width: 1440px) and (min-width: 240px)  {
	
.wrap{
width:95%;
}
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1366px) {
}

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1024px) {
.logo img{
width: 60%;
}

.h_right {
width: 80%;
}

.nav > li > a {
padding: 4px 8px;
}

.slider_text h2 {
font-size: 4em;
}

.slider {
margin-top: 2%;
}

.slider_text h3 {
font-size: 2.5em;
}

.navbar-nav {
margin-left: 0%;
}

.span1_of_4 h4 {
font-size: 2em;
}

.images_1_of_1 p {
line-height: 90px;
}
}

@media only screen and (max-width: 768px) {
.header_bg {
background-size: 100% 100%;
}

.menu li.active a {
border-bottom: none;
}

.menu li a:hover,.menu li.active a:hover{
border-bottom: none;
}

.slider_text h2 {
font-size: 2.8em;
}

.slider_text h3 {
font-size: 2em;
}

.breadcrumb {
padding: 4% 2% 2%;
}

.grid1_of_3 img {
margin: 0% 0;
}

.grid_list{
margin: 2% 0;
}

.images_1_of_1 p {
line-height: 66px;
}

.span1_of_4 h4 {
margin-bottom: 1%;
margin-top: 2%;
}

.span1_of_4 h5 {
margin-top: 2%;
}

.span1_of_4 p.top {
margin-top: 1%;
}

.span1_of_4 span a {
margin-top: 1%;
}

.footer1,.copy p{
text-align:center !important;
}

.feature p {
margin-top: 0%;
}

.feature a {
margin-bottom: 4%;
}

.blog_right{
margin-top: 4%;
}

.contact-form input[type="submit"] {
margin: 15px 0;
}
}

@media only screen and (max-width: 640px){
.navbar-toggle {
margin-top: 18px;
}

.slider_text h2 {
font-size: 2.5em;
}

.slider_text h3 {
font-size: 1.8em;
}
}

@media only screen and (max-width: 480px) {
	
.header{
position:fixed;
top: 0px;
background:#FFF;
z-index: 99;
padding: 0.8em 0;
width:100%;
}
	
.slider_text h2 {
font-size: 2em;
}

.slider_text h3 {
font-size: 1.2em;
}
	
.grid_1_of_1 h3 {
line-height: 24px;
}
	
.grid_1_of_1 p {
font-size: 13px;
line-height: 1.5em;
}
	
.images_1_of_1 p {
font-size: 5em;
line-height: 1.44em;
}
	
.breadcrumb {
padding: 4% 2% 0%;
}
}

@media only screen and (max-width: 320px) {
	
.slider_text h2 {
font-size: 2.4em;
}

.slider_text h3 {
font-size: 1.5em;
}

.slider_img img{
width: 50%;
}

.grid1_of_3{
margin-top: 30px;
}

.grid1_of_3 h2 {
font-size: 26px;
}

.grid_1_of_1 h3 {
font-size: 1.2em;
}

.images_1_of_1 p {
font-size: 3em;
line-height: 60px;
}

.hide{
display: none;
}

.grid_1_of_1 {
padding: 2%;
}

.breadcrumb li, .breadcrumb li a {
font-size: 12px;
}

.span1_of_4 {
margin-top: 20px;
}
	
.span1_of_4 span{
margin: 10px 0;
}

.gallery-grid {
margin:3em;
}

/* formulario popup */
#modal {
left:50%;
margin:-250px 0 0 -40%;
opacity: 0;
position:absolute;
top:-50%;
visibility: hidden;
width:80%;
box-shadow:0 3px 7px rgba(0,0,0,.25);
box-sizing:border-box;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}

/* Make the modal appear when targeted */
#modal:target {
opacity: 1;
top:50%;
visibility: visible;
}

#modal .header,#modal .footer {
border-bottom: 1px solid #e7e7e7;
border-radius: 5px 5px 0 0;
}

#modal .footer {
border:none;
border-top: 1px solid #e7e7e7;
border-radius: 0 0 5px 5px;
}

#modal h2 {
	margin:0;
}

#modal .btn {
float:right;
}

#modal .copy,#modal .header, #modal .footer {
padding:15px;
}

.modal-content {
background: #f7f7f7;
position: relative;
z-index: 20;
border-radius:5px;
}

#modal .copy {
background: #fff;
}

#modal .overlay {
background-color: #000;
background: rgba(0,0,0,.8);
height: 100%;
left: 100%;
position: fixed;
width: 200px;
top: 0;
width: 100%;
z-index: 10;
}

/* Log in */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

#login{
width:400px;
margin:0 auto;
margin-top:8px;
margin-bottom:2%;
transition:opacity 1s;
-webkit-transition:opacity 1s;
}

#triangle{
width:0;
border-top:12x solid transparent;
border-right:12px solid transparent;
border-bottom:12px solid #3399cc;
border-left:12px solid transparent;
margin:0 auto;
}

#login h1{
background:#3399cc;
padding:20px 0;
font-size:140%;
font-weight:300;
text-align:center;
color:#fff;
}

form{
background:#f0f0f0;
padding:6% 4%;
}

input[type="email"],input[type="password"]{
width:92%;
background:#fff;
margin-bottom:4%;
border:1px solid #ccc;
padding:4%;
font-family:'Open Sans',sans-serif;
font-size:95%;
color:#555;
}

input[type="submit"]{
width:100%;
background:#3399cc;
border:0;
padding:4%;
font-family:'Open Sans',sans-serif;
font-size:100%;
color:#fff;
cursor:pointer;
transition:background .3s;
-webkit-transition:background .3s;
}

input[type="submit"]:hover{
background:#2288bb;
}

/*-----start-header----*/

#video{
width:100%;
height:1000px;
animation:ease-in;
border-radius:150px;
stress:inherit;
}

/*-----Inicia CODE PEN----*/

.col {
background: #ccc;
padding: 30px;
}

.fluid {
flex: 1;
}

.fixed {
background: red;
width: 400px;
}

/*-----Termina CODE PEN----*/
/*-----Inicia ESTRUCTURA CSS ES.LEARN----*/

.container-productos {
display: -webkit-flex;
display: flex;
margin:auto;
}

.nav-productos {
width: 200px;
float:left;
shape-outside: polygon
}

.flex-column {
margin-left: 1000px;
-webkit-flex: 1;
flex: 1;
padding-left:50%;
}

/*-----TERMINA ESTRUCTURA CSS ES.LEARN----*/
/*-----INICIA MEDIA QUERIES CSS ES.LEARN----*/

@media screen and (min-width:600px) {
	
#menuprueba {
float: left;
width: 25%;
}

#seccion {
margin-left: 25%;
}
}

@media screen and (max-width:599px) {
#menuprueba li {
display: inline;
}
}

/*-----INICIA acordeon----*/

#container-prod {
margin: 0 auto;
width: 90%;
}

#accordion input {
display: none;
margin-top:auto;
}

#accordion label {
background: #eee;
border-radius: .25em;
cursor: pointer;
display: block;
margin-bottom: .23em;
padding: .25em 1em;
z-index: 20;
height:60px;
display: -webkit-flex;
display:         flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
float: left;
}

#accordion label:hover + label {
background: #fff;
color: white;
}
  
#accordion input:checked + label {
background: #fff;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
text-color: white;
margin-bottom: 0;
}

#accordion article {
background:  #f7f7f7;
height:0px;
overflow:hidden;
z-index:10;
}

#accordion article p {
padding: 1em;
}

#accordion input:checked ~ article {
border-bottom-left-radius: .25em;
border-bottom-right-radius: .25em;
height: auto;
margin-bottom: .125em;
}

#introduccion {
margin-left:10%;
margin-right:10%;
width:100%;
}

#introduccion p{
text-align:left;
appearance:desktop;
}

#introduccion img {
float: right;
overflow:auto;
}

#content {
background: #f1f1f1; /* Fondo del contenido */
border-radius: 0 .25em .25em .25em;
min-height: 20em; /* Alto del contenido */
position: relative;
width: 100%;
z-index: 5;
}

#content div {
opacity: 0;
padding: 1.5em;
position: relative;
z-index: -100;
}

#content-1 p {
clear: both;
margin-bottom: 1em;
}

#content-1 p.left img {
float: left;
margin-right: 1em;
}

#content-1 p.last {
margin-bottom: 0;
}

#content-2 p {
float: left;
width: 48.5%;
}

#content-2 p.column-right {
margin-left: 3%;
}

#content-2 p img {
display: block;
margin: 0 auto 1em auto;
}

#content-3 p,
#content-3 ul {
margin-bottom: 1em;
}

#content-3 ul {
margin-left: 2em;
}

#container input#tab-1:checked ~ #content #content-1,
#container input#tab-2:checked ~ #content #content-2,
#container input#tab-3:checked ~ #content #content-3 {
opacity: 1;
z-index: 100;
}

.contenedor {
margin: 10%;
}

.contenedor img {
width:100%;
}

.descripcion {
display: inline-block;
vertical-align: top;
width:auto;
position:relative;
margin:auto;
}

.contenedor-pdf  {
display: inline-block;
margin-left:auto;
margin-right:auto;
width:100%;
}

.contenedor-pdf p{
color:#777777;
font-size:0.85em;
margin:auto;
}

.pdfs{
display: inline-block;
height: 200px;
margin: .5em;
position: relative;
vertical-align:top;
float:left;
}

.pdfs p{
color:#000;
}

.imgproductos{
width:190px;
height:190px;
opacity: 1;
filter: alpha(opacity=100);
background:url(../images/productos/lamparas.jpg);
}
 
.imgproductos: hover{
opacity: 0.3;filter: alpha(opacity=30);
}

.pdf-div {
position:fixed;
height: 100%;
width: 100%;
text-align:center;
}

@font-face {
font-family: 'Oswald';
src: url('../fuentes/Oswald.eot');
src: url('../fuentes/Oswald.eot?#iefix') format('embedded-opentype'),
url('../fuentes/Oswald.woff2') format('woff2'),
url('../fuentes/Oswald.woff') format('woff'),
url('../fuentes/Oswald.ttf') format('truetype'),
url('../fuentes/Oswald.svg#oswald_regularregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Oswald';
src: url('../fuentes/Oswald.woff2') format('woff2'),
url('../fuentes/Oswald.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Droid Serif';
src: url('../fuentes/Droid Serif.eot');
src: url('../fuentes/Droid Serif.eot?#iefix') format('embedded-opentype'),
url('../fuentes/Droid Serif.woff2') format('woff2'),
url('../fuentes/Droid Serif.woff') format('woff'),
url('../fuentes/Droid Serif.ttf') format('truetype'),
url('../fuentes/Droid Serif.svg#droid_serifregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Oswald';
src: url('../fuentes/Droid Serif.woff2') format('woff2'),
url('../fuentes/Droid Serif.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('../fuentes/Open Sans.eot');
src: url('../fuentes/Open Sans.eot?#iefix') format('embedded-opentype'),
url('../fuentes/Open Sans.woff2') format('woff2'),
url('../fuentes/Open Sans.woff') format('woff'),
url('../fuentes/Open Sans.ttf') format('truetype'),
url('../fuentes/Open Sans.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Oswald';
src: url('../fuentes/Open Sans.woff2') format('woff2'),
url('../fuentes/Open Sans.woff') format('woff');
font-weight: normal;
font-style: normal;
}

.custom-shape-divider-bottom-1735051145 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1735051145 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 42px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1735051145 .shape-fill {
    fill: #00446A;
}