/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/

.perfil-linkedin{
	padding-top: 15px;
	margin-left: -80px;
	}
.banner-int{
	background-color: #0FC0D2;
	text-align: center;
	font-weight: 700;
	padding: 1.5% 0 1.3% 0;
	margin-bottom: 3%;
	margin-top: 110px;
}
.mar5 {
	padding-left: 5%;
}
.top25{
	padding-top: 25px;;
}
.imagen-blog{
	margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {

	/* INI - adicionado por usuario - GCE */
	.resp-img1{
		margin-top: 56px;
	}
	.resp-img2{
		margin-top: 7px;
	}
	/* FIN - adicionado por usuario - GCE */


	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	.intro-content h2 {	font-size: 70px; line-height: 85px;}
	
	/*------------------------------------------*/
	/*	 SLIDES NAVIGATION  
	/*------------------------------------------*/
	
	.slides-navigation .next.fa-angle-right, 
	.slides-navigation .prev.fa-angle-left { font-size: 80px; }
	
	/*------------------------------------------*/
	/*	TABS HOLDER IMAGE
	/*------------------------------------------*/

	#tabs-holder img { margin-top: 40px;} 
	
	/*------------------------------------------*/
	/*	ACCORDION HOLDER IMAGE
	/*------------------------------------------*/

	#accordion-holder img { margin-top: 60px;} 

	/*------------------------------------------*/
	/*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

	.statistic-number {font-size: 80px; line-height: 80px; }
	.statistic-text {font-size: 22px;}
		
	/*------------------------------------------*/
	/*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
	.overlay-content h4 {font-size: 20px;}
	.portfolio-item:hover .overlay-content { bottom: 35%; }
	
	/*------------------------------------------*/
	/*	 Table Body
	/*------------------------------------------*/

	.pricing-table ul.features {font-size: 14px;padding: 5px 30px;}
	
	/*------------------------------------------*/
	/*	 NEWSLETTER
	/*------------------------------------------*/
	
	#newsletter_form {width: 60%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="email"] {	width: 70%;}
	#newsletter form input[type="submit"] {width: 29%;}
	
	
}


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

	/* INI - adicionado por usuario - GCE */
	.resp-img1{
		margin-top: 0;
	}
	.resp-img2{
		margin-top: 0;
	}
	/* FIN - adicionado por usuario - GCE */



	/*------------------------------------------*/
	/*	 Navigation Menu    
	/*------------------------------------------*/


	.navbar.transparent.navbar-inverse .navbar-inner {
	    border-width: 0px;
	    -webkit-box-shadow: 0px 0px;
	    box-shadow: 0px 0px;
	    background-color: rgba(0,0,0,0.0);
	    background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
	    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
	    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
	}
	
	.navbar-nav > li > a {padding: 0 10px; }

	

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	.intro-content h2 {	font-size: 65px; line-height: 80px;}
	
	/*------------------------------------------*/
	/*	 SLIDES NAVIGATION  
	/*------------------------------------------*/
	
	.slides-navigation .next.fa-angle-right, 
	.slides-navigation .prev.fa-angle-left { font-size: 80px; }
	
	/*------------------------------------------*/
	/*	 Next Button  
	/*------------------------------------------*/
	
	.slides-navigation .next.fa-angle-right { margin-right: 30px;}
	
	/*------------------------------------------*/
	/*	 Previous Button
	/*------------------------------------------*/

	.slides-navigation .prev.fa-angle-left {margin-left: 30px;}
	
	/*------------------------------------------*/
	/*	 INTRO BUTTONS
	/*------------------------------------------*/

	.intro_buttons { margin-bottom: 40px; text-align: center; }
	
	/*------------------------------------------*/
	/*	  FEATURE BOX
	/*------------------------------------------*/
	
	.features-box { text-align: center;}

	/*------------------------------------------*/
	/*	  Feature Icon
	/*------------------------------------------*/

	.icon-box { width: auto; height: auto; float: none !important;margin-bottom: 10px;}
	.icon-box i {margin-top: 0;}
	
	/*------------------------------------------*/
	/*	  Feature Text
	/*------------------------------------------*/

	.features-text { padding: 0px;}
	.features-text p {padding-right: 0;}

	/*------------------------------------------*/
	/*	TABS HOLDER IMAGE
	/*------------------------------------------*/

	

	/* INI - adicionado por usuario - GCE */

	/* se encontro la siguiente linea original que fue comentada y reemplazada por la que sigue:; */
	/* #tabs-holder img { margin-top: 30px; margin-bottom: 20px;} */
	#tabs-holder img { margin-top: 0; margin-bottom: 30px;}

	/* FIN - adicionado por usuario - GCE */
	
	/*------------------------------------------*/
	/*	ACCORDION HOLDER IMAGE
	/*------------------------------------------*/

	#accordion-holder img { margin-bottom: 40px;} 
	
	/*------------------------------------------*/
	/*	 Message Text
	/*------------------------------------------*/

	.client-msg p {font-size: 16px; line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

	.statistic-number {font-size: 75px; line-height: 75px; }
	.statistic-text {font-size: 20px;}
	
	/*------------------------------------------*/
	/*	Timeline Item Content
	/*------------------------------------------*/
	
	.timeline-item-content { text-align: center;}
	
	/*------------------------------------------*/
	/*	Timeline Item Content Arrow
	/*------------------------------------------*/

	.timeline-item:before,
	.timeline-item-content:before, 
	.timeline-item-content.pull-right:before { display: none;}  
			
	/*------------------------------------------*/
	/*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
	.overlay-content h4 {font-size: 20px;}
	.portfolio-item:hover .overlay-content { bottom: 35%; }
	
	/*------------------------------------------*/
	/*	   Button Settings
	/*------------------------------------------*/ 

	#gallery-filter .btn-group > .btn {font-size: 14px;margin: 0 3px;padding: 6px 12px;}
	
	/*------------------------------------------*/
	/*	 Clients Carousel Navigation
	/*------------------------------------------*/

	.customNavigation {right: 47%;}
	
	/*------------------------------------------*/
	/*	 Google Map
	/*------------------------------------------*/	
	
	.map-canvas { height: 450px;}
	
	/*------------------------------------------*/
	/*	 NEWSLETTER
	/*------------------------------------------*/
	
	#newsletter_form {width: 75%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="email"] {	width: 65%;}
	#newsletter form input[type="submit"] {width: 34%;}

	.mar5 {
		padding-left: 3%;
	}
	.top25{
		padding-top: 0;
	}
	
}


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

	/* INI - adicionado por usuario - GCE */
	.resp-img1{
		margin-top: 10px;
	}
	.resp-img2{
		margin-top: 10px;
	}

	.tab-content > .tab-pane{
		padding: 25px 0 0 0;
	}

	.features-text, .features-text p {
		padding: 0;
		width: auto;
	}
	.features-text2, .features-text2 p {
		padding: 0;
		width: auto;
	}
	.features-text3, .features-text3 p {
		padding: 0;
		width: auto;
	}

	#tabs-holder img { margin-top: 20px; margin-bottom: 0;}

	/* FIN - adicionado por usuario - GCE */
	.perfil-linkedin{
		padding-top: 0;
		margin-left: -80px;
		}

	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 {font-size: 32px;}
	.titlebar h3 {font-size: 22px;}
	.titlebar h2:after { width: 140px;}

	/* INI - adicionado por usuario GCE */
	.titlebar .img0 {
		margin-top: 25px;
		margin-left: 60px;
		margin-right: 40px;
		margin-bottom: 20px;
	}

	.titlebar .img1 {
		margin-top: 45px;
		margin-left: 60px;
		margin-right: 40px;
		margin-bottom: 40px;
	}

	.titlebar .img2 {
		margin-top: 0;
		margin-left: 35px;
		margin-right: 0;
		margin-bottom: 0;
	}

	.titlebar .img3 {
		margin-top: 60px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 20px;
	}
	/* FIN - adicionado por usuario GCE */

	#services, #features, #about, #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 30px; padding-right: 30px; }
	
	/*------------------------------------------*/
	/*	 Logo Image    
	/*------------------------------------------*/

	.navbar-brand {padding: 20px 30px;}  
	
	/*------------------------------------------*/
	/*	 Navigation Menu    
	/*------------------------------------------*/


	
	/* INI - adicionado por usuario para generar el menú semi-transparente - GCE */
	.scroll-fixed-navbar.navbar-fixed-top{
		background-color: transparent;
	}
	.navbar-header{ /* adicionado por usuario - GCE */
		background-color: #fff;
	}
	/* FIN - adicionado por usuario para generar el menú semi-transparente - GCE */

	/*.navbar { background-color: #fff; padding: 0px; }*/ /* usuario modifico por la siguiente linea - GCE */
	.navbar { background-color: transparent; padding: 0px; }
	.navbar-brand img{
		width:200px;
	}


	
	/*------------------------------------------*/
	/*	 Responsive Menu
	/*------------------------------------------*/
	                                                  /* usuario modifico el color por rgba (background-color: #262626;) - GCE */	
	.navbar-nav { margin: 0 -15px; border-top: 1px solid #444; background-color: rgba(38, 38, 38, 0.9);}
	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 45px; text-align: center;}	
	
	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	.intro-content h2 {	font-size: 50px; line-height: 65px;}
	
	/*------------------------------------------*/
	/*	 SLIDES NAVIGATION  
	/*------------------------------------------*/
	
	.slides-navigation {top: 42%;}
	.slides-navigation .next.fa-angle-right, 
	.slides-navigation .prev.fa-angle-left { font-size: 60px; }
	
	/*------------------------------------------*/
	/*	 Next Button  
	/*------------------------------------------*/
	
	.slides-navigation .next.fa-angle-right { margin-right: 15px;}
	
	/*------------------------------------------*/
	/*	 Previous Button
	/*------------------------------------------*/

	.slides-navigation .prev.fa-angle-left {margin-left: 15px;}
	
	/*------------------------------------------*/
	/*	 INTRO BUTTONS
	/*------------------------------------------*/

	.intro_buttons .btn-theme {font-size: 16px; padding: 8px 16px;}
		
	/*------------------------------------------*/
	/*	 Circle Progress Bars
	/*------------------------------------------*/

	#skills {padding-bottom: 20px;}
	#skills .col-sm-3 { margin-bottom: 60px;}
	
	/*------------------------------------------*/
	/*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

	.statistic-number {font-size: 60px; line-height: 55px; }
	.statistic-text {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
	.portfolio-item:hover .overlay-content { bottom: 38%; }
	
	/*------------------------------------------*/
	/*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

	#promo_line h2 {font-size: 30px;line-height: 36px;}
	#promo_line p {font-size: 16px;line-height: 30px;}
	
	/*------------------------------------------*/
	/*	  TESTIMONIALS
	/*------------------------------------------*/ 

	.testimonial { padding: 0 10%; margin-bottom: 30px;}
	
	/*------------------------------------------*/
	/*	 NEWSLETTER
	/*------------------------------------------*/

	#newsletter_form {width: 85%;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="email"] {	width: 65%;}
	#newsletter form input[type="submit"] {width: 34%;}

	
}


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

	/* INI - adicionado por usuario GCE */
	.titlebar .img0 {
		margin-top: 25px;
		margin-left: 60px;
		margin-right: 40px;
		margin-bottom: 20px;
	}

	.titlebar .img1 {
		margin-top: 40px;
		margin-left: 60px;
		margin-right: 40px;
		margin-bottom: 40px;
	}

	.titlebar .img2 {
		margin-top: 0;
		margin-left: 80px;
		margin-right: 40px;
		margin-bottom: 0;
	}

	.titlebar .img3 {
		margin-top: 40px;
		margin-left: 45px;
		margin-right: 40px;
		margin-bottom: 20px;
	}
	/* FIN - adicionado por usuario GCE */

	
	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	.intro-content h2 {	font-size: 45px; line-height: 55px;}
	
	/*------------------------------------------*/
	/*	  Service Box
	/*------------------------------------------*/

	.service-box h4 {font-size: 18px;}
	.service-box p {font-size: 14px; line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  FEATURE BOX TEXT
	/*------------------------------------------*/

	.features-text p {font-size: 14px; line-height: 22px;}
	
	/*------------------------------------------*/
	/*	TABS
	/*------------------------------------------*/

	.nav-tabs > li > a {font-size: 20px;}

	/*------------------------------------------*/
	/*	Tab Description
	/*------------------------------------------*/

	.tab-content > .tab-pane p {font-size: 14px; line-height: 24px;}
		
	/*------------------------------------------*/
	/*	Panel Title
	/*------------------------------------------*/

	.panel-title {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	Panel Title Icon
	/*------------------------------------------*/

	.panel-title i {font-size: 24px;}

	/*------------------------------------------*/
	/*	Panel Content 
	/*------------------------------------------*/

	.panel-body {font-size: 14px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  Team Member
	/*------------------------------------------*/
	
	.team_members_wrapper .col-xs-6 { width: 100%; float: none !important;  }
	.team-img-meta p {padding: 0 10%;}
	
	/*------------------------------------------*/
	/*	 Pricing
	/*------------------------------------------*/
	
	.price-row .col-xs-6 { width: 100%; float: none !important; }
	.pricing-table {margin: 0 40px;}

	/*------------------------------------------*/
	/*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

	.statistic-number {font-size: 50px; line-height: 50px; }
	.statistic-text {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	 TIMELINE ITEM 
	/*------------------------------------------*/
	
	.timeline-item-content {font-size: 14px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  TESTIMONIALS
	/*------------------------------------------*/ 

	.testimonial { padding: 0 5%;}
	
	/*------------------------------------------*/
	/*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

	#promo_line h2 {font-size: 24px;line-height: 30px;}
	#promo_line p {font-size: 14px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  NEWSLETTER
	/*------------------------------------------*/ 
	
	#newsletter p {font-size: 14px;line-height: 24px;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="email"] {width: 65%; padding: 10px 15px;}
	#newsletter form input[type="submit"] {width: 34%; padding: 10px 15px;}
		
	
}


@media (max-width: 480px) {

	/* INI - adicionado por usuario GCE */
	.titlebar .img0 {
		margin-top: 25px;
		margin-left: 60px;
		margin-right: 40px;
		margin-bottom: 20px;
	}

	.titlebar .img1 {
		margin-top: 23px;
		margin-left: 60px;
		margin-right: 40px;
		margin-bottom: 40px;
	}

	.titlebar .img2 {
		margin-top: 0;
		margin-left: 80px;
		margin-right: 40px;
		margin-bottom: 0;
	}

	.titlebar .img3 {
		margin-top: 40px;
		margin-left: 45px;
		margin-right: 40px;
		margin-bottom: 20px;
	}
	/* FIN - adicionado por usuario GCE */


	#stlChanger {display: none;}

	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 {font-size: 30px;}
	.titlebar h3 {font-size: 20px;}
	.titlebar h2:after { width: 120px;}

	#services, #features, #about,  #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 15px; padding-right: 15px; }
	
	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	.intro-content h2 {	font-size: 30px; line-height: 40px;}
	
	/*------------------------------------------*/
	/*	 INTRO BUTTONS
	/*------------------------------------------*/
	
	.intro_buttons .btn-theme {font-size: 14px; padding: 7px 14px;}
	
	/*------------------------------------------*/
	/*	 Circle Progress Bars
	/*------------------------------------------*/

	#skills .col-sm-3 { width: 100%; float: none!important;}
	
	/*------------------------------------------*/
	/*	  Statistic Banner
	/*------------------------------------------*/ 
	
	#statistic_banner {padding-top: 80px; padding-bottom: 80px;}
	#statistic_banner .titlebar {margin-bottom: 30px;}
	.statistic-block {width: 100%; float: none; margin-top: 40px;}
	.statistic-number {font-size: 60px; line-height: 60px; }
	.statistic-text {font-size: 20px;}

	/*------------------------------------------*/
	/*	  Portfolio Item
	/*------------------------------------------*/
	
	.portfolio-item { width: 100%; float: none !important; }
	
	/*------------------------------------------*/
	/*	   Portfolio Button Settings
	/*------------------------------------------*/ 

	#gallery-filter .btn-group > .btn {font-size: 14px; margin: 0 3px 5px; padding: 5px 10px;}
	
	/*------------------------------------------*/
	/*	  Team Member Meta
	/*------------------------------------------*/

	.team-img-meta p {padding: 0;}
	
	/*------------------------------------------*/
	/*	 Our Clients
	/*------------------------------------------*/
	
	#clients {padding-bottom: 80px;}
	.customNavigation {display: none;}
	
	/*------------------------------------------*/
	/*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

	#promo_line h2 {font-size: 20px;line-height: 24px;}
	#promo_line p {font-size: 14px;line-height: 20px;}
	
	/*------------------------------------------*/
	/*	  TESTIMONIALS
	/*------------------------------------------*/ 

	#testimonials h3 { font-size: 24px; line-height: 32px;}
	.testimonial { padding: 0;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="email"], 
	#newsletter form input[type="submit"] {	font-size: 14px;}
	
	/*------------------------------------------*/
	/*	 NEWSLETTER
	/*------------------------------------------*/

	#newsletter_form {width: 100%;}
	#newsletter h3 { font-size: 20px;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/

	#newsletter form input[type="email"] {	width: 65%;}
	#newsletter form input[type="submit"] {width: 34%;}
	
	/*------------------------------------------*/
	/*	 Contact Info
	/*------------------------------------------*/  
	
	.contact-info { width: 100%; float: none !important; }
	
	/*------------------------------------------*/
	/*	 Google Map
	/*------------------------------------------*/	
	
	.map-canvas { height: 400px;}

	
}


@media (max-width: 320px) {

	/*------------------------------------------*/
	/*	 Theme Button
	/*------------------------------------------*/

	.btn-theme {font-size: 13px; padding: 6px 12px;}

	/*------------------------------------------*/
	/*	 Section Titlebar
	/*------------------------------------------*/

	.titlebar h2 {font-size: 28px; line-height: 34px;}
	.titlebar h3 {font-size: 18px;}
	.titlebar h2:after { width: 100px;}

	#services, #features, #about,  #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 5px; padding-right: 5px; }
	
	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/
	
	.intro-content h2 {	font-size: 20px; line-height: 30px;}
	
	/*------------------------------------------*/
	/*	 SLIDES NAVIGATION  
	/*------------------------------------------*/

	.slides-navigation { display: none;}
	
	/*------------------------------------------*/
	/*	 INTRO BUTTONS
	/*------------------------------------------*/
	
	.intro_buttons .btn-theme {margin-bottom: 15px;}
	
	/*------------------------------------------*/
	/*	  Service Box Buttons
	/*------------------------------------------*/

	#service-buttons a {margin-bottom: 10px;}
	
	/*------------------------------------------*/
	/*	TABS
	/*------------------------------------------*/

	.nav-tabs > li > a {font-size: 16px;}
	
	/*------------------------------------------*/
	/*	  Statistic Banner
	/*------------------------------------------*/ 
	.statistic-number {font-size: 40px; line-height: 30px; }
	.statistic-text {font-size: 18px;}
	
	/*------------------------------------------*/
	/*	 Pricing
	/*------------------------------------------*/
	
	.pricing-table {margin: 0;}
	
	/*------------------------------------------*/
	/*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

	#promo_line a {margin-bottom: 10px;}
	#promo_line p {font-size: 14px;line-height: 20px;}
	
	/*------------------------------------------*/
	/*	  NEWSLETTER
	/*------------------------------------------*/
	
	#newsletter h3 {font-size: 16px; line-height: 22px;}
	#newsletter p {font-size: 14px;line-height: 20px;}
	
	/*------------------------------------------*/
	/*	  Newsletter Form Input
	/*------------------------------------------*/
	
	#newsletter form input[type="email"] {width: 100%; font-size: 14px; margin-bottom: 10px;}
	#newsletter form input[type="submit"] {width: 100%; font-size: 14px;}	
	.message {font-size: 16px;}
	
	#footer_copyright p {line-height: 24px;}

	
}