/* Fonts */
	
	/* Raleway */
	@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,100,500,600,700,800);

	/* Open Sans */
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700,800);

	/* Oswald */
	@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);

	/* Indie Flower */
	@import url(https://fonts.googleapis.com/css?family=Indie+Flower);

/* North Main Styles */

	html, body {
		width:100%;
		height:100%;
		padding:0;
		margin-left:0;
		margin-right:0;
		font-family: 'Raleway', sans-serif;
		-webkit-font-smoothing: antialiased;
		font-size: 62.5%;
	}

	body{
		overflow-x: hidden; 
	}

	section{
		background-size:cover;
	}

	img {
	    -moz-user-select: none; 
	    -webkit-user-select: none;
	    -ms-user-select: none; 
	    user-select: none; 
	    -webkit-user-drag: none;
	    user-drag: none;
	}

	a,
	a:hover,
	a:active,
	a:focus{
		text-decoration:none;
		outline:none;
	}

/* Page Animated item Styles */

	.animated{
		visibility:hidden;
	}

/* Containers */

	.container {
		width: auto;
		height: auto;
		padding:0;
		margin:0;
	}

	.inner{
		width:100%;
		height: auto;
		max-width: 1170px;
		position: relative;
		margin: 0 auto;
		padding: 100px 0;
	}

	.boxed{
		width:100%;
		max-width:1170px;
		margin:0 auto;
		height: auto;
	}


	.fullwidth{
		width:100%;
		max-width: 100%;
	}

/* Positions and Floats */

	.relative{
		position: relative !important;
	}

/* Font Classes */	

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

/* styles to content */
.subtitle-content, .list-options {
	margin-top: 12px;
	font-size: 1.5rem;
	text-align: center;
	color: #3e3e3e;
	padding: 5px;
}

.subtitle-content b {
	font-size: 2rem;	
}

.text-focus {
	font-size: 2rem;
	color: #ec2081;
}

.searchGroup {
	display: flex;
	padding: 0 50px;
}

.searchGroup span {
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Headers, Texts */

	.header{
		width:auto;
		height: auto;
		font-size:60px;
		font-weight: 400;
		text-align: center;
		margin:0 auto;
		padding-top:0;
	}


	.header-strips-one{
		width:70px;
		height: 1px;
		position: relative;
		margin:20px auto 19px;
		border-top:1px solid #d0d0d0;
	}

	.description{
		font-size:17px;
		font-weight: 400;
		line-height: 22px;
		text-align: center;
		margin:0 auto;
		max-width:950px;
		padding:0;
	}

/* Text Aligns */

	.t-left{
		text-align:left !important;
	}

	.t-center{
		text-align:center !important;
	}

/* Font Weights, Styles */



	.semibold{
		font-weight: 600;
	}

	.normal{
		font-weight: 400;
	}

	.light{
		font-weight: 100;
	}

	.uppercase{
		text-transform: uppercase;
	}

/* Text Colors */

	.dark{
		color:#3e3e3e;
  }
	
	.white{
		color:white;
	}

	.b-shadow{
		box-shadow:2px 2px 2px rgba(0,0,0,0.05);
	}

/* Background Colors */	

	.gray-bg{
		background-color:#fdfdfd !important;
	}

/* Page Loader */

	#pageloader {
		width: 100%;
		height: 100%;
		position: fixed;
		top:0;
		background-color: #ec2081;
		z-index: 99999;
	}

	#pageloader .pl_loader{
		position: absolute;
		width: 376px;
		margin: -80px 0 0 -188px;
		left: 50%;
		top: 50%;
		text-align:center;
	}

	#pageloader .loader_logo{
		margin-bottom:10px;
	}
	


/* End North Main Styles */

/* Navigation Section */

	#navigation-sticky{
		width:100%;
		height: 75px;
		top:0;
		padding:0;
		margin:0;
		position: relative;
		z-index: 9999;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.nav-inner{
		width:100%;
		/*max-width:1170px;*/
		max-width:1210px;
		margin:0 auto;
		padding:0;
		height: 100%;
	}
/* Navigation Logo */

	.nav-inner .logo{
		width:auto;
		height: auto;
		position: relative;
		left:0;
		top:50%;
		float:left;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.nav-inner .logo {
		width: 10%;
	}

	.nav-inner .logo a img{
		max-height: 50px;
	}

/* Navigation */

	.nav-menu{
		float: right;
		height: 100%;
	}

	.nav-menu ul{
		height: 100%;
	}

	.nav-menu ul li{
		float: left;
		height: 100%;
	}

	.nav-menu ul li a{
		height: 100%;
		line-height: 57px;
		color:inherit;
		font-size:13px;
		font-weight: inherit;
		padding-left:15px;
		padding-right:15px;
		cursor: pointer;
		color:#fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.nav > li > a:hover, .nav > li > a:focus{
		border-bottom:5px solid #ec2081;
		background-color:transparent;
	}

/* White Navigation, For Sticky */

	#navigation-sticky.white-nav{
		background:#131313;
	}
	
	.white-nav .nav-inner div.nav-menu ul.nav{
		background:#131313;
	}

/* Mboile Nav Button */

	.mobile-nav-button{
		display: none;
		position: absolute;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background:transparent;
		right: 15px;
		top:50%;
		text-align: right;
		font-size:25px;
		cursor: pointer;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mobile-nav-button:hover,
	.mobile-nav-button:active{
		color:#1f1f1f;
	}

/* CLIENT BUTTON */

.nav .cnavlink {
	padding-top:21px;
}

.nav > li > a.cnavlink:hover, .nav > li > a.cnavlink:focus{
	border: none;
}

.cbutton{
	background-color:#ec2081;
	padding:10px 30px;
	line-height:1em;
	margin:0px;
}

.nav a:hover .cbutton, .nav a:focus .cbutton{
	color:#fff;
	background-color:#ee3b45;
}
/* isotope styles */

	.isotope-item {
	  z-index: 2;
	}
/**** Isotope CSS3 transitions ****/

	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
		 -moz-transition-duration: 0.8s;
		  -ms-transition-duration: 0.8s;
		   -o-transition-duration: 0.8s;
			  transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:      -o-transform, opacity;
			  transition-property:         transform, opacity;
	}


/* Portfolio */

	#portfolio{
		border-top:1px solid #eeeeee;
		border-bottom:1px solid #eeeeee;
		width: 100%;
		overflow: hidden;
	}

	#portfolio .portfolio:first-child{
		padding-bottom:0;
	}

	#portfolio .portfolio:last-child{
		margin-top:25px;
	}

/* Portfolio Filters */

	#portfolio .portfolio #options ul{
		padding:0;
		margin:0;
	}

	#portfolio .portfolio #options ul li{
		display:inline-block;
		margin:5px;
	}

	#portfolio .portfolio #options ul li button{
		color:#363535;
		font-size:15px;
		padding:3px 9px;
		background:transparent;
		border:1px solid #363636;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#portfolio .portfolio #options ul li button:hover,
	#portfolio .portfolio #options ul li button.selected{
		background:#3e3e3e;
		border:1px solid #3e3e3e;
		color:white;
	}

/* Portfolio Items */

	#portfolio .portfolio .portfolio-items{
		margin-top:35px;
		width: 100.1%;
	}

	#portfolio .portfolio .portfolio-items .item{
		height: auto;
		background:#1a1a1a;
	}

	#portfolio .portfolio .portfolio-items .item a.work-image{
		display: block;
		overflow: hidden;
		border:1px solid #3e3e3e;
	}

	#portfolio .portfolio .portfolio-items .item a.work-image img{
		
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

/* Boxed Items */

	#portfolio .portfolio .portfolio-items div.boxed-item{
		width:20%;
		padding:0 10px 20px;
		overflow: hidden;
		background:transparent;
	}

	#portfolio .portfolio .portfolio-items div.boxed-item .item-inner{
		width: 100%;
		height: 100%;
		padding:0;
		margin:0;
		background:#1a1a1a;
	}

	#portfolio .portfolio.boxed .portfolio-items{
		margin-bottom:110px;
	}

/* Item Details */

	#portfolio .portfolio .portfolio-items .item a.work-image div.item-details{
		position: absolute;
		display: inline-block;
		text-align: center;
		width: 100%;
		z-index: 3;
		top:50%;
		left:0;
		opacity: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#portfolio .portfolio .portfolio-items .item a.work-image p{
		font-size:17px;
		color:#ee3b45;
		margin:0;
		padding:0;
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

/* Item Rollover Styles */

	#portfolio .portfolio .portfolio-items .item:hover a.work-image img{
		opacity: 0.05;
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	#portfolio .portfolio .portfolio-items .item:hover a.work-image div.item-details{
		opacity: 1;
	}

	#portfolio .portfolio .portfolio-items .item:hover a.work-image div.item-details p{
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

/* Contact Form */

	#contact .inner{
		padding-bottom:68px;
	}

	#contact .contact{
		max-width: 970px;
		margin:75px auto 0;
	}
	
	#imeicheck{
		background: #202020; /* Old browsers */
		background: -moz-radial-gradient(bottom, ellipse cover,  #202020 0%, #131313 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#202020), color-stop(100%,#131313)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(bottom, ellipse cover,  #202020 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(bottom, ellipse cover,  #202020 0%,#131313 100%); /* Opera 12+ */
		background: -ms-radial-gradient(bottom, ellipse cover,  #202020 0%,#131313 100%); /* IE10+ */
		background: radial-gradient(ellipse at bottom,  #202020 0%,#131313 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		border-bottom:10px solid #ec2081;
	}
	#imeicheck .inner{
		padding-top:185px;
		padding-bottom:195px;
	}
	
	#imeicheck .validator {
		max-width: 455px;
		margin:60px auto 0;
	}
	
	input,textarea,button{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	#imeicheck .validator form .form,
	#contact .contact form .form{
		width:100%;
		height: auto;
		padding:15px 15px 12px;
		font-size:18px;
		margin-bottom:18px;
		color:#7f7f7f;
		letter-spacing: 0.5px;
	}

	.light-form{
		background:#fafafa;
		border:1px solid #eeeeee;
	}

	#contact .contact form .textarea{
		height: 271px;
		max-width: 100%;
		max-height: 271px;
	}
	
	#imeicheck .validator form button.validator-form-button,
	#contact .contact form button.contact-form-button{
		margin-bottom:0;
		color:#ffffff;
		background-color:#ec2081;
		border:none;
	}
	
	#imeicheck .validator form button.validator-form-button:hover,
	#contact .contact form button.contact-form-button:hover{
		background-color:#e21919;
	}

/* Actives, Focuses and Rollovers */

	#contact .contact form .form:active,
	#contact .contact form .form:focus{
		outline: none;
	}

	#contact .contact form button.contact-form-button:hover{
		color:white;
	}

	#contact .contact form .light-form:hover{
		border-color:#dadada;
	}

/* Message For Mail */

	.mail-message-area{
		font-size: 12px;
		width:100%;
		padding:0 15px;
	}

	.mail-message{
		width: 100%;
		-webkit-transition: all 0.7s;
		-moz-transition: all 0.7s;
		transition: all 0.7s;
		margin:0 auto;
		border-radius: 0;
	}

	.not-visible-message{
		height:0px;
		opacity: 0;
	}

	.contact span { 
		display:none; 
		font-size:12px; 
		line-height:30px; 
		color:red;
	}

/* Google Map */

	
	#map #google-map{
		width: 68%;
		height: 292px;
		margin-bottom: 20px;
		
	}
	#map #google-map2{
		width: 68%;
		height: 292px;
		margin-bottom: 20px;
		
	}
	#map #google-map3{
		width: 68%;
		height: 292px;
		
	}

	#map #google-map4{
		width: 68%;
		height: 292px;
		
	}

	#map #google-map5{
		width: 68%;
		height: 292px;
	}

	#map #google-map6{
		width: 68%;
		height: 292px;
	}

	#map #google-map7{
		width: 68%;
		height: 292px;
	}

	#map #google-map8{
		width: 68%;
		height: 292px;
	}

	
	.gmnoprint, .gm-style-cc{
		display:none;
	}	

	
/* Direction */	

	#direction{
		padding:45px 0;
	}
	
	 #direction ul{
		clear:left;
		overflow:hidden;
		margin:0 auto;
		max-width:50%;
	}
	
	#direction li{
		width:30%;
		font-size:19px;
	}
	#direction .title{
		text-align:center;
		font-size:33px;
		font-weight:400;
	}
	
	#direction .t-left{
		
	}
	
	#direction .fAddress{
		float:left;
		margin-bottom:10px;
		
		text-align:center !important;
	
	}
	
	#direction .redicon{
		color:#ec2081;
		margin-right:8px;
	}

	
/* Footer */

	footer.footer{
		padding:40px;
		background-color:#131313;
		font-family:Arial, sans-serif;
	}

	footer img{
		width: 170px;
		height: auto;
	}

	footer p, footer a{
		font-size:11px;
		margin:15px auto 0;
		color:#767676;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	footer span{
		color:#ee3b45;
	}
	
/* Back To Top Button */

	#back-top{
		width:50px;
		height:50px;
		position:fixed;
		right:50px;
		bottom:50px;
		z-index:1000;
	}
	
	#back-top a{
		width:100%;
		height:100%;
		display:block;
		background-color:#ec2081;
		opacity: 0.5;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		font-size:18px;
		line-height: 50px;
		border-radius: 8px;
	}



	.WPCallMeBackPulse {
		position: fixed;
		font-size: 100px;
		background-color: #5ec729;
		border-radius: 1000px;
		width: 0px;
		height: 0px;
		left: 10px;
		bottom: 60px;
		z-index: 9999;
	}

	.WPCallMeBack {
		position: fixed;
		font-size: 100px;
		background-color: #5ec729;
		border-radius: 1000px;
		width: 50px;
		height: 50px;
		left: 25px;
		bottom: 50px;
		background-image: url('https://www.gsm.com.uy/assets/whatsapp.png');
		background-position: center;
		background-size: cover;
		z-index: 9999;
		cursor: pointer;
	}

	.WPCallMeBack a {
		left: 0;
		margin: 0;
		width: 100%; 
		height: 100%; 
		position: absolute;
	}

#imeiMovil{
	display:none;
}
#btn_imei_movil{
	display: none;
}	

#btn_consultas a{
  font-size: 24px !important;
}
.productsfont{
  font-size:18px
}

.render {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

.render img {
	width: 212px;
	height: 212px;
}

.input-group {
	margin-top: 10px;
}

@media (min-width:100px) and (max-width:768px) {
	#portfolio .portfolio .portfolio-items .item a.work-image img {
		width:100%;
		height: auto;
	}
	.visible {
    visibility: visible;
}
	
	#services_btn{
		display: none;
	}
	#btn_imei_pc{
	display: none;
	}
	#btn_imei_movil{
		display:block;
	}
  #imeiMovil{
	display:block;
  }	

}
@media (min-width:100px) and (max-width:568px) {
	#map #google-map4{
		width: 100%;
		height: 292px;
		
	}
	#map #google-map5{
		width: 100%;
		height: 292px;
		
	}
	#map #google-map6{
		width: 100%;
		height: 292px;
		
	}
	#map #google-map7{
		width: 100%;
		height: 292px;
		
	}
	#map #google-map8{
		width: 100%;
		height: 292px;
		
	}
}
	
/* MAX 1185px For Paddings */

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

  /* Navigation */
  .nav-inner,
  .inner,
  .project_inner,
  section.page-content .page-content-inner{
    padding-left:20px;
    padding-right:20px;
  }

}

/* MAX 1150px */

@media only screen and (max-width: 1150px){
	#portfolio .portfolio .portfolio-items .item a.work-image img {
		width:100%;
		height: 362px;
	}

  .inner, #features ul.features-mobile{
    padding-bottom:0;
  }

  /* Portfolio */
  #portfolio .portfolio .portfolio-items div.item{
    width: 33.3%;
  }
  
  #direction ul{
    max-width:85%;
  }
  
  #direction .t-left{
    width:30%;
  }

}

/* MIN 1000px */

@media only screen and (min-width: 1000px){

  /* Navigation */
  .nav-inner div.nav-menu{
    display: block !important;
  }

}

/* MAX 1000px */

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

  /* Navigation */
  .mobile-nav-button{
    display: block;
  }

  .nav-inner div.nav-menu{
    display: none;
    top:100%;
    width: 100%;
    position: absolute;
    left:0;
    float: none;
    height: 400px;
    overflow: auto;
  }
  
  
  
  .nav-inner div.nav-menu ul.nav{
    display: block;
    top:0;
    width: 100%;
    height: auto;
  }

  .white-nav .nav-inner div.nav-menu ul.nav{
    background:#131313;
  }
  .nav-inner div.nav-menu ul.nav li{
    display: block;
    top:0;
    width: 100%;
    float: none;
    padding:0;
    clear: both;
  }

  .nav-inner div.nav-menu ul.nav li a{
    display: block;
    top:0;
    width: 100%;
    padding:0 15px;
    height: auto;
    line-height: 35px;
    border-top:1px solid rgba(137,137,137,0.1);
  }

  
  .cbutton{
    padding-left:0px;
    color:#ee3b45;
  }
  
  .cbutton, .cbutton:hover{
    background-color:transparent !important;
  }
}

/* MAX 960px */

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

  /* Team Boxes */
  #team .team .team-boxes .item{
    padding:0 15px;
  }

}

/* MAX 800px */

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

  /* Portfolio */
  #portfolio .portfolio .portfolio-items div.boxed-item,
  #portfolio .portfolio .portfolio-items div.item{
    width: 50%;
  }

}



/* MAX 640px */

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


  /* Header */
  .header{
    font-size:40px;
  }

  /* Skills, Contact */
  .skills .left,
  .skills .right,
  .contact .left,
  .contact .right{
    width: 100%;
    float: none;
  }

  /* Back To Top */
  #back-top{
    right:25px;
    bottom:25px;
  }

  .WPCallMeBackPulse {
    bottom: 35px;
  }
  .WPCallMeBack {
    bottom: 25px;
  }


}


/* MAX 480px */

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

  /* Portfolio */
  #portfolio .portfolio #options ul li {
    margin-top:10px;
  }  

  /* Portfolio */
  #portfolio .portfolio .portfolio-items div.boxed-item,
  #portfolio .portfolio .portfolio-items div.item{
    width: 100%;
  }
  
  #direction ul{
    max-width:85%;
  }
  
  #direction .t-left{
    width:40%;
  }

  #direction .t-left{
    width: 100%
  }
  #map #google-map {
    width: 100%;
  }
  #map #google-map2 {
    width: 100%;
  }
  #map #google-map3 {
    width: 100%;
  }

}

@media only screen and (max-width: 360px){
  #direction ul{
    max-width:65%;
  }
  #direction .t-left{
    float:none;
    width:100%;
  }
  #direction .fAddress{
    margin-bottom:10px;
  }
}





		
@media all {
	/* SCOPED COMPONENTS */
	.component--btn .btn--container {
		padding-top: 2rem;
		padding-bottom: 2rem;
		background-color: #ec2081;
		border-top: 1px solid #fff;
	}
	.component--btn .btn--container .btn-primary {
		background-color: #000;
		border: 0;
		border-radius: 0;
		text-transform: uppercase;
		width: 25rem;
		font-size: 2.8rem;
		line-height: 4rem;
		margin: 0.5rem 3rem;
	}


	#callToAction .callToAction--questions, 
	#callToAction .callToAction--ecommerce {
		padding-top: 6rem;
		padding-bottom: 6rem;
		background: rgba(236, 32, 129, 0.7);
	}
	/*#callToAction .callToAction--ecommerce {
		opacity: 0.7;
    	cursor: not-allowed;
	}
	#callToAction .callToAction--ecommerce a {
		cursor: not-allowed;
	}*/
	
	#callToAction .callToAction--questions img, 
	#callToAction .callToAction--ecommerce img {
		width: 14rem;
		filter: invert(1);
	}
	#callToAction .callToAction--questions h2, 
	#callToAction .callToAction--ecommerce h2 {
		text-transform: uppercase;
		color: #fff;
	}

	#callToAction .btn-primary {
		background-color: #000;
		border: 0;
		border-radius: 0;
		text-transform: uppercase;
		width: 15rem;
		font-size: 1.8rem;
		line-height: 4rem;
		margin: 0.5rem;
	}
}

@media (max-width: 768px){
	p.only--mob {
		position: absolute;
		display: block !important;
		width: 100%;
		top: -2rem;
		background-color: #000;
		color: #fff !important;
	}
	#portfolio .portfolio .portfolio-items .item a.work-image {
		position: relative;
	}
	.component--btn .btn--container {
		padding: 1rem;
	}
	.component--btn .btn--container .btn-primary { 
		width: 100%;
		margin: 0;
		margin-bottom: 1rem;
	}
}