/*Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/



/*-- flexisel --*/
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}










.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
	border-radius: 10px 10px 10px 10px;
	background: rgba(255,255,255,0.30);
	
	border:solid 2px  #FFFFFF;
	

	
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	text-align: center;
	
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
	
	
}
.nbs-flexisel-item {
	float:left;
	margin:0px;
	padding:0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	padding-top:10px;
	padding-bottom:10px;

	
	
}
.nbs-flexisel-item > img {
	cursor: pointer;
	positon: relative;
	margin-top:5px;
	margin-bottom: 10px;
	max-width:240px;
	max-height:240px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	
}
.nbs-flexisel-item p{
	padding:0px;
}
.nbs-flexisel-item p a{
	color:#000;
	font-size:1.2em;
}
.nbs-flexisel-item p a:hover{
	color:#6CC372;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 22px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	z-index: 0;
	margin-top:0em;
}
.nbs-flexisel-nav-left {
	left:-2em;
	background: url(../imagenes/lef.png) no-repeat 1px 1px;
}
.nbs-flexisel-nav-right {
	right:-2em;
	background: url(../imagenes/righ.png) no-repeat 1px 1px;
}
.banner-1 {
  margin: 0em 0.5em;
}


/*-- flexisel --*/
/*-- error-page --*/
.main {
	padding: 12em 0px;

}
.error-404 h1 {
  font-size: 12em;
  font-weight: 700;
  color: #b72706;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.error-404 p{
	color: #090909;
	margin: 0;
	font-size: 1.2em;
	text-transform: uppercase;
} 
a.b-home{
	background:#b72706;
	padding:0.8em 3em;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	margin-top:1em;
}
a.b-home:hover{
	background:#E4DD2C;
	color:#000;
}
/*--start-about--*/
.about{
	padding:4em 0px;
}
.about-top-left img {
	width: 100%;
}
.about-top-right h4 {
  color: #090909;
  font-size: 1.3em;
  font-weight: 600;
  margin: 0;
  line-height: 1.35em;
}
.about-top-right p {
  color: #50504f;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.8em;
  margin-top: 1em;
}
.about-top {
	margin-top: 2em;
}
.advantage-top {
  margin: 3em 0px 0;
}
.a-left {
	width: 15%;
	float: left;
	text-align: center;
	background: #FFF600;
	padding: 14px 0px;
}
.a-left h4 {
	color: #000;
	margin: 0;
	font-size: 1.3em;
	font-weight: 700;
}
.a-right {
	width: 77%;
	float: right;
}
.a-right h4 {
  font-size: 1.3em;
  font-weight: 600;
  letter-spacing: 1px;
  color: #090909;
  margin: 0;
}
.a-right p {
  color: #50504f;
  font-size: 1em;
  font-weight: 400;
  margin: 1em 0;
  line-height: 1.8em;
}

/*--end-contact--*/
/*--gallery-Part-starts-Here--*/
/*-- portfolio --*/


/*---*/
/*--gallery-Part-Ends-Here--*/
/*-- responsive-mediaquries --*/
@media(max-width:1440px){
.workes {
  position: absolute;
  top: -9px;
  left: 38em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:1366px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 2.45em;
}
.workes {
  position: absolute;
  top: -9px;
  left: 35em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:1280px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 2.3em;
}
.about-top-right h4, .a-right h4 {
  font-size: 1.18em;
}
.contact-top-one h4 {
  font-size: 1.3em;
}
.workes {
  position: absolute;
  top: -9px;
  left: 32em;
}
.portfolio h3 {
  font-size: 2.3em;
}
.about {
  padding: 2em 0px;
}
.services {
  padding: 2em 0px;
}
.contact {
  padding-top: 2em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:1024px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 2.1em;
}
.about-top-right h4, .a-right h4 {
  font-size: 1.1em;
}
.a-left {
  width: 16%;
  padding: 11px 0px;
  font-size: 15px;
}
.ch-item {
  width: 95%;
  height: 95%;
}
.services-top-right h4 {
  font-size: 1em;
}
.add-right h4 {
  font-size: 1.05em;
}
.contact-top-one h4 {
  font-size: 1.2em;
}
.contact-top-right form input[type="text"] {
  width: 32.87%;
  font-size: 15px;
  padding: 8px 10px;
}
.contact-bottom iframe {
  height: 320px;
}
.head-nav ul li a {
  font-size: 0.9em;
}
.banner-bottom h4 {
  font-size: 1.2em;
  font-weight: 600;
}
.workes h2 {
  font-size: 1.1em;
  margin: 0;
}
.workes h2 a {
  padding: 1em 4em;
}
.workes {
  left: 26em;
}
.banner {
  padding: 3em 0;
}
.Here h5 {
  font-size: 1.1em;
    padding: 0.6em 0.6em;
}
.Here {
  padding: 3em 0 1em;
}
.company h3 {
  font-size: 1.5em;
}
.company {
  padding: 2em 0;
}
.later h5 {
  font-size: 1.1em;
}
.later-left{
  width: 45%;
}
.later-right {
  width: 55%;
  padding: 0;
}
.social-ic li {
  margin: 0 0.1em;
}

.portfolio h3 {
  font-size: 2.1em;
}
#portfoliolist .portfolio {
  width: 23.5%;
}
.port {
  padding: 1em 0;
}
div#portfoliolist {
  padding: 0em 0 0em;
}
.add-right {
  width: 77%;
  float: right;
}
.add-left {
  width: 23%;
  float: left;
}
.error-404 h1 {
	font-size: 9em;
}
.main {
	padding: 10em 0px;
}
.artical-content h3 {
  font-size: 1.4em;
}
.artical-commentbox h3, .comment-grid-top h3 {
  font-size: 1.4em;
}
.single-page-artical {
  padding: 2em 0 2em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:768px){
.head-nav ul li{
	display:block;
	float:none;
}
.head-nav ul li a{
	border-right:none;
	color:#000;
}
.head-nav ul{
	position:absolute;
	margin: 0;
	padding: 2% 0;
	z-index: 999;
	width: 100%;
	display: none;
	text-align: center;
	background:#FFF600;
	left:0em;
	top:6em;
}
.head-nav span.menu {
	display: block;
	background: none;
	position: absolute;
	top: 34px;
	right: 20px;
}
.head-nav span.menu:before{
	content:url(../images/menu.png);
	text-align:right;
	cursor:pointer;
}
.head-nav ul li a {
  padding: 0.5em 1.5em;
  display: block;
  font-size: 0.875em;
  font-weight: 600;
  margin: 0;
}
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 1.8em;
}
.about-top-right h4, .a-right h4 {
  font-size: 1.05em;
  line-height: 1.4em;
}
.a-left {
  width: 12%;
  padding: 19px 0px;
  font-size: 16px;
  float: none;
  margin: 0 auto;
}
.services-top-right h4 {
  font-size: 1.05em;
}
.contact-bottom iframe {
  height: 280px;
}
.about-top-right {
  margin-top: 1em;
}
.a-right {
  width: 76%;
  float: none;
  margin: 0 auto;
  text-align: center;
  margin-top: 1em;
}
.advantage-top {
  margin: 1em 0px 0;
}
.team {
  padding: 1em 0px;
}
.about {
  padding: 2em 0px;
}
.nbs-flexisel-nav-right {
  right: -2em;
}
.nbs-flexisel-nav-left {
  left: -2em;
}
.workes h2 a {
  padding: 1em 3em;
}
.workes {
  left: 18em;
}
.here-1 {
  float: left;
  width: 47.5%;
  margin: 0% 1%;
}
.company-1 {
  float: left;
  width: 33.33%;
}
.later-left {
  width: 60%;
  margin: 0 auto;
}
.later-right {
  width: 74%;
  padding: 0;
  margin: 1em auto;
}
.later {
  padding: 1em 0;
}

.portfolio h3 {
  font-size: 1.8em;
}
#portfoliolist .portfolio {
  width: 23%;
}
.grid_box .zoom-icon {
  top: -5px;
  width: 100%;
  height: 122px;
}
.services-top-right {
  margin-top: 1em;
}
.add-top {
  margin-top: 2em;
}
.add-left {
  width: 10%;
  float: left;
}
.add-right {
  width: 87%;
  float: right;
}
.add-top-left {
  margin: 1em 0;
}
.additional {
  padding-bottom: 1em;
}
.services-top {
  margin-top: 1em;
}
.main {
	padding: 10em 0px;
}
.error-404 h1 {
	font-size: 7em;
}
.error-404 p {
	font-size: 1.1em;
}
.artical-content h3 {
  font-size: 1.3em;
}
.artical-commentbox h3, .comment-grid-top h3 {
  font-size: 1.3em;
}
.top-comment-left {
  float: none;
  width: 100%;
  text-align: center;
}
.top-comment-right {
  float: none;
  width: 100%;
  margin-left: 0em;
  text-align: center;
}

}
/*-- responsive-mediaquries --*/
@media(max-width:640px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 1.56em;
}
.services-top-right h4 {
  font-size: 1em;
}
.contact-top-one h4 {
  font-size: 1.1em;
}
.contact-top-one {
  margin: 15px 0px;
}
.contact-top-right form input[type="text"] {
  width: 32.84%;
  font-size: 14px;
  padding: 7px 10px;
  margin-bottom: 10px;
}
.contact {
  padding-top: 2.5em;
}
.contact-bottom iframe {
  height: 230px;
}
.workes h2 a {
  padding: 0.7em 3em;
}
.workes {
  left: 13.5em;
}
.here-1 {
  float: left;
  width: 50%;
  margin: 0%;
  padding: 0 9px;
}
.company h3 {
  font-size: 1.4em;
}
.later-left {
  width: 71%;
  margin: 0 auto;
}
.later-right {
  width: 87%;
  padding: 0;
  margin: 1em auto;
}

.banner-bottom h4 {
  font-size: 1.2em;
}
.portfolio h3 {
  font-size: 1.56em;
}
#portfoliolist .portfolio {
  width: 22.6%;
}
.grid_box .zoom-icon {
  top: -5px;
  width: 100%;
  height: 100px;
}
.error-404 h1 {
	font-size: 6em;
}
.main {
	padding: 7em 0px;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:480px){
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3  {
  font-size: 1.5em;
}
.about-top-right h4, .a-right h4 {
  font-size: 1em;
}
.a-left {
  width: 13%;
  padding: 14px 0px;
  font-size: 14px;
}
.banner {
  padding: 20em 0 3em;
}
.workes h2 {
  font-size: 1em;
  margin: 0;
}
.workes {
  left: 9em;
}
.here-1 {
  float: left;
  width: 100%;
  margin: 0%;
  padding: 0;
}
.company-1 {
  float: none;
  width: 100%;
}
.company h3 {
  font-size: 1.3em;
  margin-bottom:0.5em;
}
.company {
  padding: 1em 0;
}
.Here p {
  font-size: 0.9em;
  margin: 0.5em 0 1em;
}
.company p {
  font-size: 0.9em;
}
.later-left {
  width: 97%;
  margin: 0 auto;
}
.later-right {
  width: 90%;
  padding: 0;
  margin: 0.5em auto;
  text-align: center;
}
.later li {
  margin: 0.2em 0.5em;
}

.foot-bottom p {
  font-size: 0.9em;
    margin: 0.5em 0 0;
}

.foot-nav li a {
  font-size: 0.9em;
}
.company h6 {
  font-size: 0.9em;
}
.about-top-right p {
  font-size: 0.9em;
}
.a-right p {
  font-size: 0.9em;
}
.portfolio h3 {
  font-size: 1.5em;
}
#portfoliolist .portfolio {
  width: 46.7%;
}
.grid_box .zoom-icon {
  top: -5px;
  width: 100%;
  height: 152px;
}
.services-top-right p {
  font-size: 0.9em;
}
.services-top-right ul li a {
  font-size: 0.9em;
}
.add-left {
  width: 18%;
  float: left;
}
.add-right {
  width: 80%;
  float: right;
}
.add-right p {
  font-size: 0.9em;
}
.add-top {
  margin-top: 0em;
}
.contact-top-right form input[type="text"] {
  width: 100%;
  font-size: 0.9em;
  padding: 7px 10px;
  margin-bottom: 10px;
}
.sub-button input[type="submit"] {
  padding: 6px 20px;
  font-size: 0.9em;
}
.sub-button {
  margin-top: 1em;
  text-align: center;
}
.contact-bottom {
  margin: 1em 0;
}
.contact-main h3 {
  font-size: 1.5em;
}
a.b-home {
	padding: 0.6em 2em;
	font-size: 0.875em;
}
.error-404 p {
	font-size: 1em;
}
.error-404 h1 {
	font-size: 5em;
}
.main {
	padding: 6em 0px;
}
.artical-content h3 {
  font-size: 1.2em;
}
.single-page-artical {
  padding: 1em 0 2em;
}
.artical-content p {
  font-size: 0.9em;
}
.artical-links ul li a {
  padding-left: 0px;
}
.artical-links {
  padding: 8px 0px 25px;
}
.artical-links ul li:last-child {
  float: left;
}
.comments-top-top {
  padding: 1em;
  width: 100%;
}
.artical-commentbox h3, .comment-grid-top h3 {
  font-size: 1.2em;
}
.top-comment-right ul li span.right-at {
  font-size: 0.875em;
}
.table-form form input[type="text"] {
  padding: 0.5em;
  margin-top: 10px;
  width: 60%;
  font-size: 0.875em;
}
.table-form textarea {
  padding: 0.5em;
  margin-top: 10px;
  width: 80%;
  height: 120px;
  font-size: 0.875em;
}
.top-comment-right p {
  color: #50504f;
  font-size: 0.9em;
  margin: 0;
}

}
/*-- responsive-mediaquries --*/
@media(max-width:320px){
	

.banner-1 {
  margin: 0em 0.1em;
}
.banner-bottom {

  padding: 0.5em;
}
.banner-bottom p {
  font-size: 0.875em;
}
.banner-bottom h4 {
  font-size: 0.96em;
}
.workes h2 {
  font-size: 0.875em;
  margin: 0;
}
.workes h2 a {
  padding: 0.6em 1.5em;
}
.workes {
  left: 5.5em;
}
.banner {
  padding: 2em 0 2em;
}
.Here {
  padding: 2em 0 1em;
}
.Here p {
  font-size: 0.875em;
}
.company p {
  font-size: 0.875em;
}
.company h3 {
  text-align: center;
}
.company h5 {
  font-size: 1em;
}
.later li {
  margin: 0.5em auto;
  width: 100%;
  text-align: center;
}
i.ttt {
float: none; 
}
.later {
  padding: 0.5em 0;
}

.banner {
  padding: 10em 0 2em;
}
.about-top-right p {
  font-size: 0.875em;
}
.a-right p {
  font-size: 0.875em;
}
.about-main h3, .advn-main h3, .team-top h3, .services-main h3, .add-mian h3, .clients-main h3 {
  font-size: 1.4em;
}

.a-left {
  width: 20%;
}
.a-right {
  width: 100%;
  margin-top: 0.5em;
}
.ch-grid li {
  width: 216px;
  height: 216px;
  display: inline-block;
  margin:18px;
}
.ch-info h3 {
  font-size: 1.1em;
  margin: 0 30px;
  padding: 85px 0 0 0;
  height: 112px;
}
#portfoliolist .portfolio {
  width: 47.95%;
}
#portfoliolist .portfolio {
  margin: 0em 0.2em;
}
.portfolio {
  padding: 0.2em 0em;
}
.grid_box .zoom-icon {
  top: -5px;
  width: 100%;
  height: 99px;
}
.portfolio h3 {
  font-size: 1.4em;
}
.services {
  padding: 1em 0px;
}
.services-top-right p {
  font-size: 0.875em;
}
.add-left {
  width: 26%;
  float: left;
}
.add-right {
  width: 72%;
  float: right;
}
.add-right p {
  font-size: 0.875em;
  margin-top: 0.5em;
}
.add-right h4 {
  font-size: 1em;
}
.contact {
  padding-top: 1em;
}
.contact-top-one h6 {
  font-size: 0.9em;
  margin: 0.5em 0;
}
.contact-top {
  margin-top: 1em;
}
.contact-top-left {
  padding: 0;
}
.contact-top-right {
  padding: 0;
}
.main {
	padding: 4em 0px;
}
.error-404 h1 {
	font-size: 4em;
}
a.b-home {
	font-size: 0.8125em;
}
.head-nav ul {
  top: 3.7em;
}
.about-top-left {
  padding: 0;
}
.about-top-right {
  padding: 0;
}
.artical-content h3 {
  font-size: 1em;
}
.artical-content p {
  font-size: 0.875em;
}
.artical-links ul li {
  display: inline-block;
  font-size: 0.875em;
  line-height: 2em;
}
.artical-commentbox h3, .comment-grid-top h3 {
  font-size: 1.1em;
}
.top-comment-right ul li a {
  font-size: 0.9em;
}
.table-form form input[type="text"] {
  width: 75%;
}
.table-form textarea {
  width: 100%;
  height: 100px;
}

.nbs-flexisel-nav-left {
	left:1em;
	background: #FFFFFF url(../imagenes/lef.png) no-repeat 1px 1px;
	margin-top:140px;
	cursor: pointer;
	
}
.nbs-flexisel-nav-right {
	right:1em;
	background: #FFFFFF url(../imagenes/righ.png) no-repeat 1px 1px;
	margin-top:140px;
	cursor: pointer;
	
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
	border-radius: 10px 10px 10px 10px;
	background: rgba(255,255,255,0.30);
	
	border:solid 2px  #FFFFFF;
	
	}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 22px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	z-index: 0;
	margin-top:0em;
}
	
}