/*-----start-gallery----*/
.gallery-grids{
	padding-top:1em;
}
.gallery{
	padding:1em 0;
}
.gallery-head h3{
	color: #202020;
	font-weight: 700;
	font-size: 1.8em;
	margin: 0;
	text-transform:uppercase;
}
.gallery-head span{
	height: 1px;
	width: 8%;
	background: #202020;
	display: inline-block;
}
.gallery-head p{
	color: #777777;
	width: 60%;
	margin: 0.5em auto;
	font-size:0.8125em;
	line-height:1.8em;
	font-family: 'Open Sans', sans-serif;
}
/*-----start-pricing-plans-----*/
.pricing-plans{
	padding:3em 0;
	background:#E25050;
}
.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 #e25050;
}
.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;
}
/*--botones redes--*/
#flotar { 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;

position: fixed;
left: 0;
top: 50px;
z-index: 2000;

}
#flotar ul {
	list-style: none;
	margin-left: -40px;
}
#flotar ul li a{
	display: inline-block;
	color: #fff;
	background: #000;
	padding:  10px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition: all 500ms ease;
	width: 40px;
	height: 45px;
	font-size: 20px;

}
#flotar ul li .folder{background: rgba(240, 129, 67, 0.67);}
#flotar ul li .facebook{background: rgba(51, 122, 183, 0.52);}
#flotar ul li .mail{background: rgba(176, 203, 31, 0.65);}
#flotar ul li .user{background: rgba(102, 102, 102, 0.66);}
#flotar ul li .twitter{background: rgba(0, 137, 255, 0.52);}
#flotar ul li .instagram{background: rgba(255, 0, 0, 0.67);}

#flotar ul li a:hover {
	padding: 10px 40px;
	background: #000;
}
/*--adicion portafolio--*/
.porta{
  font-size: 10px;
  list-style-type:none;
  margin-left: 40px;
   
 
  }

 .nav.ser a:hover{
  	background: rgba(51, 122, 183, 0.4);
  	


  }
.primero{
	border-top:1px solid #000; 
}
.serv{
	font-size: 50px;
	margin-right: 10px;
	vertical-align: center;
	border-radius: 5px 5px 5px 5px;
	color: #31708f;
	width: 70px;
	height: 76px;

}

/*************************
*******serviciosCSS*******
**************************/
#servi {
  text-align: center;
  background-image: url(../images/serv.png);
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
}

#servi i {
  font-size: 48px;
}

#servi h3 {
  margin-top: 15px;
  font-size: 30px;
  margin-bottom: 7px;
  color: #fff;
}

#servi .slider-overlay {
  opacity: 0.8;
}
.ronal {
	height: 20px;
	width: 20px;
	margin: 5px;
	text-decoration: none;
}