/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/****************************************************************************/

/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/* You will see it included in the source of every page as                  */
/* 'custom/styles/default/hs_default_custom_style.css'                      */
/****************************************************************************/

/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/* You will see it included in the source of every page as                  */
/* 'custom/styles/default/hs_default_custom_style.css'                      */
/****************************************************************************/
/*Bootsrap*/
@import url(//cdn2.hubspot.net/hubfs/553958/css/bootstrap.css);

/*Fonts*/
@import url(//fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(//fonts.googleapis.com/css?family=Raleway:400,300,300italic,400italic,700,700italic,900,900italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,300italic,400italic);

/*Bootstrap Over's*/
.container-fluid {padding-left:0; padding-right:0;}
.row-fluid [class*="span"]{min-height:0;}
.navbar-brand{height:auto; padding:0 15px;}

 
 /*------------------------------------------------------------------
Theme Name: ENMIT
Version:    1.0
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[TABLE OF CONTENTS]

    1. Global Styles
    	1.1. Extras 
	2. Navmenu 
		2.1. Menu Styles 
	3. Header Intro
	4. About Styles 
	5. Services 
	6. About / 2
		6.1. About / 2 / Tabs
	7. Stats  
	8. Skills
	9. Features 
	10. Testimonials 
	11. Portfolio 
	12. Team Styles
	13. Info Wrap 
	14. Pricing 
	15. Clients 
	16. Contact 
		16.1. Contact Info
		16.2. Google Map
	17. Footer 
	18. Index - Video
	19. Blog Styles 
	20. Sidebar 
	
-------------------------------------------------------------------*/

/* 1. Global Styles */

body {
	overflow-x: hidden;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.body {
	position: relative;
	width: 100%;
}

p {
	font-size: 16px;
	line-height: 22px;
	color: #666666;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

p.large {
	font-size: 18px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
}

a {
	color: #c00;
	transtion: .3s;
}

a:hover {
	color: #c00;
	text-decoration: none;
	transtion: .3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
}

.img-centered {
	margin: 0 auto;
	display: table;
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none; 
}

/* 1.1. Extras */

#loader {
	background:#fff url(//cdn2.hubspot.net/hubfs/553958/images/loading.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100000000000;
	left: 0%;
	top: 0%;
	margin: 0;
}

.content-head .ico {
	top: 0;
	margin-bottom: 45px;
}

.content-head {
	text-align: center;
	margin-bottom: 35px;
}

.content-head h3 {
	font-size: 32px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	margin: 0;
}

.content-head p {
	color: #555555;
	margin: 0;
	/*font-style: italic;*/
	font-size: 18px;
}

.content-head p.sub, .content-head .sub p {
	color: #555555;
	margin: 0;
	font-style: normal;
	font-size: 20px;
	line-height: 26px;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0 10%;
}

.sep {
	width: 60px;
	height: 3px;
	background: #c00;
	margin: 24px auto;
}

.sep1 {
	width: 30px;
	height: 2px;
	background: #c00;
	margin: 24px auto;
}

.sep3 {
	width: 40px;
	height: 2px;
	background: #c00;
	margin: 20px 0;
}

.sep4 {
	width: 30px;
	height: 2px;
	background: #c00;
	margin: 40px 50px;
}

.sep5 {
	height: 1px;
	background: #515151;
	width: 100%;
	margin: 60px 0;
}

.highlight {
	color: #ffa33f;
}

.ico-sep {
	background: #dddddd;
	height: 1px;
	margin: 30px 0px 41px;
	position: relative;
}

.content-head .ico {
	background: rgb(0,134,224);
	/*width: 68px;
	height: 68px;*/
	display: table;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	top: -39px;
	padding: 20px;
	border: 10px solid #f0f0f0;
}

.ico-sep span {
    background: rgb(0,134,224);
	/*width: 68px;
	height: 68px;*/
	display: table;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	top: -39px;
	padding: 20px;
	border: 10px solid #f0f0f0;
    z-index: 100;
}

/*Landing Form*/
.landing-form input, .landing-form select{margin-bottom:10px; clear:both;}
.landing-form .actions .hs-button{padding: 0 25px !important; height: 44px !important;}
.landing-form input[type=radio]{margin-right:5px;}
.contenido-landing, .contenido-landing p{color:#000000 !important;}
.contenido-landing .widget-span{padding:0 20px;}
.contenido-landing ul{padding:0 15px;}
.contenido-landing ul li{list-style: square outside none !important; margin-bottom:10px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.eBookTextdiv p span{color:#ffffff !important;}
.hs-image-social-sharing-24{display:none;}
#blanding1 p, #blanding1 p span, #blanding2 p, #blanding2 p span, #blanding3 p, #blanding3 p span{
   color:#ffffff !important; 
}
#blanding1 ul, #blanding2 ul, #blanding3 ul{
    margin-bottom:20px;
    color:#ffffff !important;
}
#blanding1 li, #blanding2 li, #blanding3 li{
    color:#ffffff !important;
    background:transparent url("//www.grou.com.mx/hubfs/1443237351_next.png") no-repeat 0 center;
    padding-left:25px;
    margin-left:20px;
}

.btn1, .landing-form .actions input, .suscribe .actions .hs-button, .comment-form .actions .hs-button, .hs-form .hs-button {
	padding: 0 25px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	background-color: transparent;
	border: solid 1px #555;
	display: table;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.suscribe .actions .hs-button, .eBookFormdiv .actions .hs-button{
    margin:10px 0;
    padding: 0 25px !important;
    height: 44px !important;
}
.eBookFormdiv .actions .hs-button{
    margin:10px auto;
}
.hs-form .hs-button{ 
    background:none; 
    max-width:150px;
    text-shadow:none;
    margin:0 auto;
    height:auto !important;
    border-radius: 22px !important;
    padding: 0 !important;
}

.btn1:hover, .landing-form .actions input:hover, .suscribe .actions .hs-button:hover, .comment-form .actions .hs-button:hover, .hs-form .hs-button:hover {
	color: #fff;
	background-color: #555;
	border: solid 1px #555;
}

.btn1.white {
	padding: 0 25px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	background-color: transparent;
	border: solid 1px #fff;
	display: table;
}

.btn1.white:hover {
	color: #000;
	background-color: #fff;
	border: solid 1px #000;
}

.space10 {
	margin-bottom: 10px;
}

.space20 {
	margin-bottom: 20px;
}

.space30 {
	margin-bottom: 30px;
}

.space40 {
	margin-bottom: 40px;
}

.space50 {
	margin-bottom: 50px;
}

.space60 {
	margin-bottom: 60px;
}

.space70 {
	margin-bottom: 70px;
}

.space80 {
	margin-bottom: 80px;
}

.space90 {
	margin-bottom: 90px;
}

.space100 {
	margin-bottom: 100px;
}

/* 2. Navmenu */

.navbar-default {
	border: none;
	border-radius: 0px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	background-color: #222;
	z-index: 99999999;
}

.navbar-default .navbar-brand {
	font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
	color: #c00;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active {
	color: #c00;
	background: none !important;
}

.navbar-default .navbar-collapse {
	border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
	border-color: #222;
	background-color: #222;
}

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

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-default .nav li a {
	text-transform: uppercase;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 15px 11px 10px 7px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {f
	outline: 0;
	color: rgb(224,0,0);
}

.navbar-default .navbar-nav >.active > a {
	border-radius: 0;
	color: rgb(224,0,0) !important;
	background: none !important;
}

.nav-header-custom {
	background: none repeat scroll 0% 0% #222 !important;
	padding: 10px 0px !important;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
}

.nav-animate {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	transition: .5s !important;
	z-index: 999999999;
	background: #222 !important;
	padding: 10px 0 !important;
	margin-top: 0px;
}

/* 3. Header Intro */

header {
	text-align: center;
	color: #fff;
	background-attachment: scroll;
	/*background-image: url(//cdn2.hubspot.net/hubfs/553958/images/intro/1.jpg);*/
	background-position: center center;
	background-repeat: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	position: relative;
}

.h-pattern {
	background: url(//cdn2.hubspot.net/hubfs/553958/images/pattern.png) repeat;
	background-repeat: repeat;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
	-o-background-size: auto;
}

.overlay {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0.35;
}

.overlay-blue {
	background: rgb(0,134,224);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/*opacity: 0.90;*/
}

.intro-text{
	padding: 355px 0;
	position: relative;
	z-index: 55;
}
.f-project-img .intro-text, .f-project-gral .intro-text,  .f-project-img2 .intro-text, .f-project-img3 .intro-text, .f-project-img4 .intro-text, .f-project-img5 .intro-text, .f-project-img6 .intro-text, .f-project-img7 .intro-text, .f-project-img8 .intro-text{
    padding: 245px 0 135px 0;
	position: relative;
	z-index: 55;
    text-align:center;
}

.intro-text .intro-lead-in {
	font-size: 34px;
	line-height: 34px;
	font-weight: 300;
	padding: 0 80px;
	position: relative;
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}

.intro-text .intro-lead-in:before {
	content: "";
	width: 60px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 18px;
}

.intro-text .intro-lead-in:after {
	content: "";
	width: 60px;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 18px;
}

.intro-text .intro-heading {
	margin-bottom: 50px;
	text-transform: uppercase;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 54px;
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}
.f-project-img .intro-text .intro-heading, .f-project-gral .intro-text .intro-heading, .f-project-img2 .intro-text .intro-heading, .f-project-img3 .intro-text .intro-heading, .f-project-img4 .intro-text .intro-heading, .f-project-img5 .intro-text .intro-heading, .f-project-img6 .intro-text .intro-heading, .f-project-img7 .intro-text .intro-heading, .f-project-img8 .intro-text .intro-heading{
    margin-bottom: 50px;
	text-transform: uppercase;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 54px;
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}

.intro-social a {
	font-size: 26px;
	margin: 0 14px;
	color: #fff;
}

.intro-social a:hover {
	color: #fff;
}
.intro-social .btn{
    padding:12px 18px;
}

.intro-parrafo{
    font-size:19px;
    line-height:25px;
}
.f-project-img .intro-parrafo, .f-project-gral .intro-parrafo, .f-project-img2 .intro-parrafo, .f-project-img3 .intro-parrafo, .f-project-img4 .intro-parrafo, .f-project-img5 .intro-parrafo, .f-project-img6 .intro-parrafo, .f-project-img7 .intro-parrafo, .f-project-img8 .intro-parrafo{
    color:#fff;
    font-size:19px;
    line-height:25px;
}

/* 4. About Styles */

#about {
	background: #fff;
}

.about-block1 {
	position: relative;
	z-index: 33;
}

.about-block1:before {
	content: "";
	background: #2f9aea;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.about-block2 {
	position: relative;
	z-index: 33;
}

.about-block2:before {
	content: "";
	background: rgb(0,134,224);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.about-block3 {
	position: relative;
	z-index: 33;
}

.about-block3:before {
	content: "";
	background: #7bbff2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#about h4 {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin: 30px 0 15px;
}

#about p {
	font-size: 13px;
	color: #fff;
	text-align: center;
	margin: 0;
}

.about-nav {
	margin: -15px 0 100px;
}

.about-nav li {
	float: left;
	width: 33.33333%;
	padding: 45px 60px;
	transition: .4s;
	z-indeX: 44;
	position: relative;
	/*cursor: pointer;*/
}

.about-nav .flex-active {
	position: relative;
	top: -10px;
	transition: .4s;
	z-indeX: 99;
}

.about-nav li:before {
	transform: scale(1,1);
	transition: .4s;
}

.about-nav .flex-active:before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: scale(1.05,1.01);
	transition: .4s;
}

.about-block1 .ab-inner:after ,
.about-block1 .ab-inner:before {
	opacity: 0;
	transition: .4s;
}

.about-block1.flex-active .ab-inner:after ,
.about-block2.flex-active .ab-inner:after {
	content: "";
	width: 0px;
	height: 0px;
	border-color: transparent transparent transparent #1479C5;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	right: -20px;
	bottom: -10px;
	z-index: -2;
	opacity: 1;
	transition: .4s;
	transition-delay: 0.7s;
}

.about-block2.flex-active .ab-inner:before ,
.about-block3.flex-active .ab-inner:before {
	content: "";
	width: 0px;
	height: 0px;
	border-color: transparent #1479C5 transparent transparent;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	left: -20px;
	bottom: -10px;
	z-index: -2;
	opacity: 1;
	transition: .4s;
	transition-delay: 0.7s;
}

.ai-inner {
	padding: 95px 0;
	text-align: center;
}

.ai-inner h5 {
	font-family: Raleway;
	font-size: 26px;
	font-weight: 300;
}

.ai-inner h3 {
	font-size: 44px;
	text-transform: uppercase;
	margin-bottom: 33px;
}

.ai-inner h3 span {
	display: block;
	letter-spacing: 0.2em;
	font-size: 12px;
	color: #555;
	font-weight: 400;
	padding: 5px 0 0;
}

.ai-inner p {
	font-size: 13px;
	padding: 0 70px;
	color: #666 !important;
	line-height: 26px;
}

/* 5. Services */

#services {
	padding: 47px 0 40px;
	background: #fff;
}

.service-content i {
	width: 112px;
	height: 74px;
	display: table;
	border: 1px solid #dddddd;
	background: #fff;
	padding: 5px;
	position: relative;
	transition: .4s;
	margin-bottom: 48px;
}

.service-content i span {
	position: relative;
	width: 102px;
	height: 64px;
	background: #f5f5f5;
	display: table;
	transition: .4s;
}

.service-content:hover i span {
	background: transparent;
	transition: .4s;
}

.service-content i span:after {
	content: "";
	position: absolute;
	display: block;
	width: 0px;
	z-index: 1;
	bottom: -14px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	background: url('//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/ico-arrow.png') no-repeat;
	width: 25px;
	height: 9px;
	transition: .4s;
}

.service-content i span:before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 7px 9px 0px;
	border-color: #f5f5f5 transparent;
	display: block;
	width: 0px;
	z-index: 1;
	bottom: -6px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	transition: all 0.4s ease 0s;
	z-index: 999;
}

.service-content:hover i span:after ,
.service-content:hover i span:before {
	opacity: 0;
	transition: all 0.4s ease 0s;
}

.service-content:hover i {
	display: table;
	border: 1px solid rgb(0,134,224);
	background: rgb(0,134,224);
	box-shadow: inset 0 0 0 4px rgb(0,134,224);
	transition: .4s;
}

.service-content:hover i:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 9px 12px 0;
	border-color: rgb(0,134,224) transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -9px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: .4s;
}

.service-content i:before {
	content: "";
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: .4s;
	top: 0;
	right: 0;
	left: 0;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/ico-bg.png") no-repeat center 5px;
}

.service-content:hover i:before {
	content: "";
	opacity: 1;
	transition: .4s;
}

.service-content i img {
	display: table;
	margin: 0 auto;
	padding: 16px;
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	filter: invert(100%);
}

.ico-current {
	opacity: 1;
	visibility: visible;
	transition: .4s;
}

.ico-hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	z-index: 88;
}

.service-content {
	margin-bottom: 25px;
	/*cursor: pointer;*/
}

.service-content2 {
    margin-bottom: 25px;
	/*cursor: pointer;*/
    text-align: center;
}

.service-content:hover .ico-current {
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

.portada{
    min-height:326px;
}

.bcont1{
    min-height:175px;
}

.lista ul{
    list-style:circle inside;
    color:#333333;
}
.lista li{
    color:#333333;
    font-size:16px;
    padding-left: 30px;
    margin-bottom:10px;
}

.service-content:hover .ico-hover {
	opacity: 1;
	visibility: visible;
	transition: .4s;
}

.service-content h4 {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	margin-bottom: 22px;
}

.service-content p {
	font-size: 16px;
	margin: 0;
}

#services2 {
	padding: 100px 0 10px;
}

#services3 {
    padding: 30px 0 10px;
}

#services2 .service-content p, #services3 .service-content p {
	padding-right: 15px;
}

#services2 .service-content li{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; line-height:20px; color:#666;}

.title-blue{color:#fff; text-align:center; padding-bottom:20px;}
.title-blue h3{ text-transform:uppercase;}

/* 6. About / 2 */

#about2 {
	/*border-bottom: 1px solid #dddddd;*/
	padding-bottom: 55px;
	/*position: relative;*/
}

#about2:before {
	content: "";
	height: 1px;
	background: #ddd;
	width: 100%;
	position: absolute;
	top: 18px;
	left: 0;
	right: 0;
}

#about2 .container {
	overflow: hidden;
}

.text-sep {
	font-size: 26px;
	font-weight: 300;
	background: #FFF;
	display: table;
	margin: 50px auto 10px;
	line-height: 28px;
	padding: 5px 15px 0;
	position: relative;
	z-index: 555;
}

.text-sep h3 {
	margin: -5px auto 10px;
}

/* 6.1. About / 2 / Tabs */

.tab-pane {
	padding: 15px 0;
}

.tab-pane p {
	line-height: 23px;
}

.tabs-content {
	padding: 50px 0;
}

.nav-tabs {
	border: none !important;
	margin-top: -10px;
}

.nav-tabs li a {
	color: #999;
	border: none !important;
	background: transparent !important;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
}

.nav-tabs li a span {
	padding: 0 5px 10px;
	border-bottom: 3px solid transparent;
	transition: .4s;
}

.nav-tabs li.active a span {
	border-bottom: 3px solid #c00;
	transition: .4s;
}

.nav-tabs li i {
	width: 60px;
	height: 60px;
	display: table;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid rgb(0,134,224);
	margin: 0 auto 22px;
	position: relative;
	z-index: 55;
	transition: .4s;
}

.nav-tabs li:nth-child(1) i {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/inboundazul.png") no-repeat center center;
	background-color: #fff;
}

.nav-tabs li:nth-child(2) i {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/hubspotazul.png") no-repeat center center;
	background-color: #fff;
}

.nav-tabs li:nth-child(3) i {
	background: url("//cdn2.hubspot.net/hubfs/553958/images/ico/11.png") no-repeat center center;
	background-color: #fff;
}

.nav-tabs li:nth-child(1):hover i ,
.nav-tabs li:nth-child(1).active i {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/inbound.png") no-repeat center center;
	background-color: rgb(0,134,224);
}

.nav-tabs li:nth-child(2):hover i ,
.nav-tabs li:nth-child(2).active i {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/hubspot.png") no-repeat center center;
	background-color: rgb(0,134,224);
}

.nav-tabs li:nth-child(3):hover i ,
.nav-tabs li:nth-child(3).active i {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/11-hr.png") no-repeat center center;
	background-color: rgb(0,134,224);
}

.nav-tabs a:hover {
	color: #222;
}

.nav-tabs li a {
	position: relative;
	display: block;
	padding: 10px 35px 0 0;
	margin: 0;
}

.nav-tabs li:hover i ,
.nav-tabs li.active i {
	border-color: rgb(0,134,224);
	transition: .4s;
}

.tab-side {
	padding-right: 0;
}

.t-img1 {
	opacity: 1;
}

.t-img2,
.t-img3 {
	opacity: 0;
	position: absolute;
	top: 0;
}

.nav-tabs li i:before {
	content: "";
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	z-index: -1;
	border: 1px solid #fff;
	opacity: 0;
	transition: .4s;
}

.nav-tabs li:hover i:before ,
.nav-tabs li.active i:before {
	opacity: 1;
	top: 3px;
	left: 3px;
	width: 50px;
	height: 50px;
	transition: .4s;
}

.tab-pane {
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-top: 45px;
}

.tab-pane p {
	font-size: 18px;
	color: #666;
	line-height: 24px;
	margin-bottom: 25px;
}

.list li {
	font-size: 13px;
	color: #666;
	line-height: 20px;
	padding-left: 20px;
	background: url("//www.grou.com.mx/hs-fs/hub/308283/file-503690788-png/Img_Site/bullet.png") no-repeat left 4px;
	margin-bottom: 8px;
}

/* 7. Stats */

#stats {
}

#stats ul {
}

#stats ul li {
	float: left;
	width: 25%;
	text-align: center;
	border-left: 1px solid #dddddd;
	padding: 50px;
}

#stats ul li:last-child {
	border-right: 1px solid #dddddd;
}

#stats ul li i {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 50%;
	display: table;
	margin: 0 auto 35px;
	padding: 11px;
}

.stat {
	font-size: 46px;
	color: #000;
	font-weight: 300;
	line-height: 45px;
}

#stats ul li h5 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	letter-spacing: 0.1em;
}

/* 8. Skills */

#skills {
	padding: 105px 0;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/1.jpg") no-repeat center;
	background-size: 100% auto;
	position: relative;
}

#skills h4 {
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.05em;
	margin: 35px 0 0;
}

.no-bg {
	background: transparent;
}

.skill-main{
	transform: rotate(90deg);
	width: 200px;
	height: 200px;
	background: #fff;
	border-radius: 50%;
	display: table;
	margin: 0 auto;
	position:relative;
}

.skill-main span {
	position: absolute;
	transform: rotate(-90deg);
	display: table;
	margin: -10px auto 0;
	height: 20px;
	top: 50%;
	left: 0;
	right: 0;
	font-size:19px;
	font-weight:300;
width: 100%;
text-align: center;
}

#skill1,
#skill2,
#skill3,
#skill4{
	margin: 10px 0px 0px 10px;
}

/* 9. Features */

#features {
	padding-top: 30px;
}

.features-inner {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 105px;
	margin-top: 30px;
}

#features .col-md-6 {
	width: 40%;
}

#features .col-md-3 {
	width: 30%;
}

#features li {
	display: table;
	width: 100%;
	margin-bottom: 77px;
	cursor: pointer;
}

.features-right li:last-child ,
.features-left li:last-child {
	margin-bottom: 0px;
}

.features-right li i,
.features-left li i {
	width: 68px;
	height: 68px;
	display: table;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #dedede;
	margin: 0 auto 22px;
	position: relative;
	z-index: 55;
	transition: .4s;
	padding: 19px 0 0;
}

#features i img {
	display: table;
	margin: 0 auto;
}

.features-left li i:before ,
.features-right li i:before {
	content: "";
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	z-index: -1;
	border: 1px solid #fff;
	opacity: 0;
	transition: .4s;
}

.features-right li:hover i ,
.features-left li:hover i {
	background: rgb(0,134,224);
	border-color: #dedede;
	transition: .4s;
}

.features-right li:hover i:before ,
.features-left li:hover i:before {
	opacity: 1;
	top: 5px;
	left: 5px;
	width: 58px;
	height: 58px;
	transition: .4s;
}

.features-right li i .ico-current ,
.features-left li i .ico-current {
	opacity: 1;
	transition: .4s;
	visibility: visible;
}

.features-right li i .ico-hover ,
.features-left li i .ico-hover {
	opacity: 0;
	transition: .4s;
	visibility: hidden;
	top: 19px;
}

.features-right li:hover .ico-current ,
.features-left li:hover .ico-current {
	opacity: 0;
	transition: .4s;
	visibility: hidden;
}

.features-right li:hover .ico-hover ,
.features-left li:hover .ico-hover {
	opacity: 1;
	transition: .4s;
	visibility: visible;
}

.features-left {
	margin-top: 35px;
	background: url(//cdn2.hubspot.net/hubfs/553958/images/features-sep.png) no-repeat scroll 90% 90px;
}

.features-left i {
	float: right;
}

.fl-inner {
	text-align: right;
	margin-right: 90px;
}

.fl-inner h4 {
	font-size: 14px;
	font-weight: 600;
	color: #010101;
	text-transform: uppercase;
	margin: 1px 0 10px;
}

.fl-inner p {
	font-size: 13px;
	color: #666;
}

.features-right {
	margin-top: 35px;
	background: url(//cdn2.hubspot.net/hubfs/553958/images/features-sep.png) no-repeat scroll 34px 90px;
}

.features-right i {
	float: left;
}

.fr-inner {
	margin-left: 90px;
}

.fr-inner h4 {
	font-size: 14px;
	font-weight: 600;
	color: #010101;
	text-transform: uppercase;
	margin: 1px 0 10px;
}

.fr-inner p {
	font-size: 13px;
	color: #666;
}

/* 10. Testimonials */

.quote-left {
	width: 43%;
	float: left;
}

.quote-sep {
	width: 14%;
	float: left;
}

.quote-right {
	width: 43%;
	float: right;
}

#testimonials {
	padding: 90px 0;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/2.jpg") no-repeat center;
	background-size: 100% auto;
	position: relative;
	margin-bottom: 30px;
}

.quote-left img {
	width: 144px;
	height: 144px;
	background: #fff;
	padding: 10px;
	border-radius: 50%;
	float: right;
}

.ql-content {
	margin-right: 167px;
	text-align: right;
}

.ql-content p {
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	margin-bottom: 30px;
	font-family:Raleway;
}

.quote-right img {
	width: 144px;
	height: 144px;
	background: #fff;
	padding: 10px;
	border-radius: 50%;
	float: left;
}

.qr-content {
	margin-left: 167px;
	text-align: left;
}

.qr-content p {
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	margin-bottom: 30px;
	font-family:Raleway;
}

#testimonials cite {
	font-family: Raleway;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
}

#testimonials cite span {
	font-size: 12px;
}

#testimonials .owl-page span {
	width: 11px;
	height: 11px;
	border: 1px solid #fff;
	background: transparent;
	border-radius: 50%;
	opacity: 1;
	margin: 5px 5px;
}

#testimonials .owl-page.active span {
	width: 11px;
	height: 11px;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 50%;
}

.quote-sep {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/quote.png") no-repeat center center;
	height: 160px;
	position: relative;
}

.quote-sep:before {
	content: "";
	background: #ffffff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.8) !important;
	z-index: -1;
}

#quote-slider .item {
	padding: 65px 0 100px;
	display: table;
}

/* 11. Portfolio */

#portfolio-wrap {
	padding-top: 60px;
    
}

#portfolio {
	padding: 0px;
    margin-bottom:40px;
}

.folio-item {
	width: 20%;
	float: left;
	overflow: hidden;
	cursor: pointer;	
}

.portfolio-thumb {
	position:relative;
}

.portfolio-thumb img {
	width:100%;
}

.portfolio-inner {
	background: rgba(0,0,0,0.75);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .4s;
}

.folio-item:hover .portfolio-inner {
	opacity: 1;
	transition: .4s;
}

.portfolio-inner h4 {
	position: absolute;
	left: 32px;
	bottom: 50px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}

.portfolio-inner p {
	font-size: 11px;
	text-transform: uppercase;
	color: rgb(0,134,224);
	position: absolute;
	left: 32px;
	bottom: 24px;
}

.pi-icons {
	display: table;
	margin: 18% auto 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 120px;
}

.pi-icons a.pi-zoom {
	width: 52px;
	height: 52px;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/zoom.png") no-repeat center center;
	border: 1px solid #fff;
	border-radius: 50%;
	display: table;
	float: left;
	margin: 0 4px;
	transition: .4s;
	position: relative;
	top: -250px;
	transition: .4s;
}

.pi-icons a.pi-zoom:hover {
	background: #fff url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/zoom-hr.png") no-repeat center center;
	transition: .4s;
}

.pi-icons a.pi-link {
	width: 52px;
	height: 52px;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/link.png") no-repeat center center;
	border: 1px solid #fff;
	border-radius: 50%;
	display: table;
	float: left;
	margin: 0 4px;
	transition: .4s;
	position: relative;
	top: -250px;
	transition: .4s;
}

.pi-icons a.pi-link:hover {
	background: #fff url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/link-hr.png") no-repeat center center;
	transition: .4s;
}

.folio-item:hover .pi-icons a.pi-zoom {
	position: relative;
	transition: .3s;
	transition-delay: .1s;
	top: 0px;
}

.folio-item:hover .pi-icons a.pi-link {
	position: relative;
	transition: .3s;
	transition-delay: .2s;
	top: 0px;
}

#f-project {
	padding: 90px 0;
	margin-bottom: 30px;
}

#f-project2 {
    padding: 30px 0;
}

#f-project h4, #f-project2 h4 {
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 25px;
}

.sol-desc #f-project h4, .sol-desc #f-project2 h4 {
    font-size: 20px;
	font-weight: bold;
    text-align:center;
	margin: 0 0 25px;
}

#f-project p, #f-project2 p {
	margin: 0;
	line-height: 26px;
	color: #666;
	font-size: 16px;
}

.f-project-img {
	height: 500px;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/Inbound_Marketing/Integral.jpg") no-repeat center top fixed;
	background-size: auto 100%;
    /*background-size:100%;*/
}
.f-project-gral {
    height: 500px;
	background: no-repeat center top fixed;
	background-size: auto 100%;
    /*background-size:100%;*/
}
.f-project-img2 {
    height: 500px;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/Soluciones/Soluciones.jpg") no-repeat center top fixed;
	background-size: auto 100%;
    /*background-size:100%;*/
}
.f-project-img3 {
    height: 500px;
    background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/Workshops/Workshops2.jpg") no-repeat center top fixed;
	background-size: auto 100%;
    /*background-size:100%;*/
}
.f-project-img4 {
    height: 500px;
    background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/Capacitaci%C3%B3n/Capacitacin.jpg") no-repeat center top fixed;
    background-size: auto 100%;
    /*background-size:100%;*/
}
.f-project-img5 {
    height: 500px;
    background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/Team/In-Hub.jpg") no-repeat center top fixed;
    background-size: auto 100%;
    /*background-size:100%;*/
}
.f-project-img6 {
    height: 500px;
    background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/Quienes_Somos/About.jpg") no-repeat center top fixed;
    background-size: auto 100%;
    /*background-size:100%;*/
}
.f-project-img7 {
    height: 500px;
    background: url("https://www.grou.com.mx/hubfs/Images_Sitio_%282016%29/Team/Equipo.jpg") no-repeat center top fixed;
    background-size: auto 100%;
    /*background-size:100%;*/
}
.f-project-img8 {
    height: 500px;
    background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/Extra.jpg") no-repeat center top fixed;
    background-size: auto 100%;
    /*background-size:auto 100%;*/
}

.project-info .btn1:hover {
	color: #c00;
	border-color: #fff;
}

.project-info {
	background: #c00;
	padding: 40px 30px;
	width: 450px;
	margin: 180px 0 0;
}

.project-info h4 {
	font-size: 28px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 20px;
	color: #fff;
}

.project-info p {
	font-size: 13px;
	color: #fff;
	line-height: 20px;
}



/*servicios*/
.servicioA{
    background-color:#0086e0;
}
.servicioD{
    background-color:#e00000;
}
.servicioC{
    background-color:#CCCCCC;
}

.servicioA img, .servicioD img{
    margin-top:60px;
}
.servicioA-info h3, .servicioA-info2 h3, .servicioD-info h3, .servicioD-info2 h3{
    color:#fff!important;
    text-transform:uppercase;
}
.servicioA-info p, .servicioA-info2 p, .servicioD-info p, .servicioD-info2 p{
    color:#fff !important;
}
.servicioB img{
    margin-top:60px;
}
.servicioC img{
    margin-top:60px;
}
.servicioB-info h3, .servicioB-info2 h3, .servicioC-info h3, .servicioC-info2 h3{
    color:#000;
    text-transform:uppercase;
}
.servicioB-info p, .servicioB-info2 p, .servicioC-info p, .servicioC-info2 p{
    color:#000;
}
.servicioA-info, .servicioB-info, .servicioC-info, .servicioD-info{
    padding-top:60px;
    padding-bottom:60px;
}

.servicioA-info li, .servicioB-info li, .servicioC-info li, .servicioA-info2 li, .servicioB-info2 li, .servicioC-info2 li, #services3 li, .servicioD-info li, .servicioD-info2 li{
    font-size:14px;
    line-height:20px;
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.servicioA-info2, .servicioB-info2, .servicioC-info2, .servicioD-info2{
    padding-top:30px;
}

.center-blk{max-width:900px; margin:0 auto;}
.center-blk2{padding:0 25px;}
.center-blk3{text-align:left; padding:0 25px;}

.mb30{
    margin-bottom:30px;
}
.mb60{
    margin-bottom:60px;
}
.centrado{
    text-align:center;
}
.grou-video{
    width:640px;
    margin:30px auto 0 auto;
}

.azul-txt{color:#0086e0;}
.rojo-txt{color:#e00000;}

/*Instagram*/
#instagram-feed{background-color:none; list-style:none;}
#instagram-feed .il-item{ width:24%; float:right; margin-right:5px; margin-bottom:5px;}
.load-more{clear:both;}

/* 12. Team Styles */

#team {
	padding-top: 60px;
}

#team-slider .item {
	padding: 0 5px;
	cursor: pointer;
}

.staff-pic {
	position: relative;
}

.staff-pic img {
	display: table;
	margin: 0 auto;
    max-height:430px;
}

.staff-info {
	padding: 46% 0 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 777;
    /*margin-top:180px;*/
}

.staff-info:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	width: 100%;
	height: 0%;
	background: #fff;
	opacity: 0.9;
	transition: .4s;
}

.staff-info h4 {
	font-size: 22px;
	text-transform: uppercase;
	color: #000;
	font-weight: 500;
}

.staff-info h4 span {
	display: block;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 5px;
}

/*Equipo page*/
#equipo1, #equipo2, #equipo3{
    margin:30px 0;
}
#equipo1 img{
    width:480px;
    border-radius:240px;
    display:block;
    margin:0 auto;
}
#equipo2 img{
    width:320px;
    border-radius:160px;
    display:block;
    margin:0 auto;
}
#equipo3 img{
    width:240px;
    border-radius:120px;
    display:block;
    margin:0 auto;
}
#equipo1 h3, #equipo2 h3, #equipo3 h3{
    text-transform:uppercase;
}


.team-social {
	display: table;
	margin: 30px auto 35px;
}

.team-social li {
	float: left;
	margin: 4px 2px 0 2px;
    width:16px;
}

.team-social li a {
	color: #000000;
	font-size: 16px;
	width: 25px;
	height: 27px;
	background: transparent;
	display: table;
	line-height: 27px;
	transition: .3s;
	text-align: center;
}

.team-social li a:hover {
	color: #fff;
	background: rgb(0,134,224);
	transition: .3s;
}

.staff-info p {
	font-size: 12px;
	color: #666666;
	padding: 0 13%;
}

#team-slider .item:hover .staff-info:before {
	content: "";
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: .4s;
}

.staff-info h4 ,
.team-social, 
.staff-info p {
	opacity: 0;
	transition: .4s;
}

#team-slider .item:hover .staff-info h4 ,
#team-slider .item:hover .team-social ,
#team-slider .item:hover .staff-info p {
	opacity: 1;
	transition: .4s;
	transition-delay: .4s;
}

.owl-prev {
	width: 52px;
	height: 34px;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	opacity: 1;
	background: #FFF url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/prev.png") no-repeat center center;
	color: #000;
	font-size: 0;
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -17px;
	transition: .3s;
}

.owl-next {
	width: 52px;
	height: 34px;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	opacity: 1;
	background: #FFF url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/next.png") no-repeat center center;
	color: #000;
	font-size: 0;
	position: absolute;
	right: -50px;
	top: 50%;
	margin-top: -17px;
	transition: .3s;
}

.owl-prev:hover {
	transition: .3s;
	background: #000 url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/prev-hr.png") no-repeat center center;
	border: 1px solid #000;
}

.owl-next:hover {
	transition: .3s;
	background: #000 url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/next-hr.png") no-repeat center center;
	border: 1px solid #000;
}

#team-slider {
	margin-bottom: -10px !important;
}

/* 13. Info Wrap */

#info-wrap {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/3.jpg") no-repeat center top fixed;
	background-size: 100% auto;
	position: relative;
	padding: 80px 0;
	/*height: 628px;*/
    margin-bottom:80px;
}

.info-wrap {
	/*padding-left: 75px;*/
	position: relative;
	display: table;
	width: 100%;
}

.info-wrap h4 {
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
	font-size: 22px;
	margin: 0;
}

.info-wrap p {
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}

.info-wrap i {
	position: absolute;
	left: 0;
	top: 0;
}

.big-img {
	float: right;
}

#info-wrap .col-md-6:nth-child(2) {
	padding-left: 60px;
}

/* 14. Pricing */

#pricing {
	padding-bottom: 90px;
	padding-top: 30px;
	display: table;
	width: 100%;
}

.pricing_table {
}

.pricing_table li {
	width: 33%;
	float: left;
	border-left: 1px solid #dddddd;
	padding: 10px 0;
	padding-right: 20px;
	/*cursor: pointer;*/
}
.pricing_table2 li {
    width: 50%;
	float: left;
	border-left: 1px solid #dddddd;
	padding: 10px 0;
	padding-right: 20px;
	/*cursor: pointer;*/
}

.pricing_table li:last-child, .pricing_table2 li:last-child {
	border-right: 1px solid #dddddd;
}

.plan-title {
	padding-left: 50px;
}

.plan-title h4 {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 16px;
	margin: 20px 0 30px;
	letter-spacing: 0.15em;
}

.plan-price {
	background: #f5f5f5;
	width: 100%;
	padding: 10px 0 26px 50px;
	color: #000;
	font-size: 54px;
	font-weight: 900;
	position: relative;
	transition: .4s;
}

.pricing_table li:hover .plan-price, .popular .plan-price, .pricing_table2 li:hover .plan-price {
	background: rgb(0,134,224);
	width: 100%;
	padding: 10px 0 26px 50px;
	color: #fff;
	font-size: 54px;
	font-weight: 900;
	position: relative;
	transition: .4s;
}

.plan-price:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 13px 11px 0;
	border-color: #f5f5f5 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -13px;
	left: 50px;
	transition: .4s;
}

.pricing_table li:hover .plan-price:after, .pricing_table li.popular .plan-price:after, .pricing_table2 li:hover .plan-price:after, .pricing_table2 li.popular .plan-price:after {
	border-color: rgb(0,134,224) transparent !important;
	transition: .4s;
}

.plan-price span {
	display: block;
	font-weight: 400;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.01em;
}

.plan-price span {
	display: block;
	font-weight: 400;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.01em;
}

.plan-price .curr{
    font-weight: 400;
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.01em;
}

.plan-features {
	padding: 55px 0 0px 50px;
}

.plan-features span {
	display: block;
	font-weight: 400;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	/*text-transform: uppercase;*/
	color: #666;
	margin-bottom: 15px;
}

.pricing_table .btn1, .pricing_table2 .btn1 {
	padding: 0 45px;
	margin-left: 50px;
}

.pricing_table .btn1:hover, .popular .btn1, .pricing_table2 .btn1:hover {
	background: #c00;
	border-color: #c00;
	color: #fff;
}

/* 15. Clients */

#clients {
	padding: 130px 0;
	position: relative;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/4.jpg") no-repeat center top fixed;
	background-size: auto 100%;
	margin-bottom: 30px;
}

.excerpt blockquote, .excerpt blockquote p{
    font-size:24px;
    line-height:1.25em;
    color:#0086e0;
    font-style:italic;
}

#clients h4 {
	margin: 0 0 60px;
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: -0.03em;
	text-align: center;
}

#clients-slider {
	background: #fff;
	height: 110px;
	padding: 35px 60px;
}

#clients-slider .item img {
	display: table;
	margin: 0 auto;
}

#clients-slider .owl-prev {
	width: 40px;
	left: -85px;
	margin-top: -23px;
	position: absolute;
}

#clients-slider .owl-next {
	width: 40px;
	right: -85px;
	margin-top: -23px;
}

#clients-slider .owl-prev:before {
	content: "";
	width: 0;
	border-width: 15px;
	border-style: solid;
	border-color: transparent transparent transparent #e8e8e8;
	position: absolute;
	bottom: -16px;
	left: 24px;
	z-index: -1;
}

#clients-slider .owl-next:before {
	content: "";
	width: 0px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent #e8e8e8 transparent transparent;
	position: absolute;
	bottom: -16px;
	right: 24px;
	z-index: -1;
}

#clients-slider .owl-buttons {
	position: relative;
	z-index: 99;
	display: table;
	width: 100%;
	margin-top: -34px;
}

/* 16. Contact */

#contact {
	padding: 60px 0;
}

.c-form, .hbspt-form .hs-form, .hs-form fieldset {
	width: 100%;
	max-width: 900px !important;
	margin: 0 auto;
}

.c-form input:not([type='checkbox']), .comment-form form input:not([type='checkbox']), .hbspt-form input:not([type='checkbox']), select.hs-input, input.hs-input[type=file] {
	height: 50px;
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 10px 25px;
	width: 100%;
	margin-bottom: 15px;
	color: #000;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
    border-radius:0px;
}

.c-form textarea, .comment-form form textarea, .hs-form textarea.hs-input {
	height: 130px;
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 15px 25px;
	width: 100%;
	margin-bottom: 15px;
	color: #000;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}

.hs-form input:not([type="image"]){
    box-sizing:inherit;
}

.hs-form input[type="checkbox"]{
    margin:0 10px 10px 0;
}

.hs-form textarea.hs-input{
    max-width:100%;
    border-radius:0px;
}

.hs-form fieldset.form-columns-1 .hs-input{
     width:100% !important;
}
.comment-form form textarea {
	height: 180px;
}

.c-form button, .comment-form form button {
	margin: 0 auto;
	display: table;
	padding: 0 30px;
	transition: .4s;
}

.comment-form form button {
	margin: 0;
}

.c-form button i, .comment-form form button i {
	width: 21px;
	height: 21px;
	display: table;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/42.png") no-repeat center;
	float: left;
	position: relative;
	top: 10px;
	margin-right: 10px;
	transition: .4s;
}

.statusMessage,.successmessage,.errormessage {
	display: none;
	margin: auto;
	width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 auto;
	padding: 30px;
}

.statusMessage p {
	margin: 0;
	color: #888;
}

.successmessage p {
	margin: 0;
	color: #888;
}

.success-ico {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/success.png") no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 15px;
	position: relative;
	top: -6px;
}

.error-ico {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/error.png") no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 15px;
	position: relative;
	top: 5px;
}

.errormessage p {
	margin: 0;
	color: #888;
}

/* 16.1. Contact Info */

#c-info {
	background: #333333;
}

.c-info {
	width: 100%;
	max-width: 870px;
	margin: 0 auto;
}

.contact-info {
	margin: -24px auto 0;
	display: table;
}

.contact-info li {
	float: left;
	color: #fff;
	font-weight: 300;
	text-align: center;
	margin: 0px 30px;
	font-size: 16px;
}

.contact-info li i {
	width: 82px;
	height: 60px;
	background: rgb(0,134,224);
	display: table;
	margin: 0 auto 50px;
	position: relative;
	padding: 15px 0;
}

.contact-info li i:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 8px 10px 0;
	border-color: rgb(0,134,224) transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -8px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.contact-social {
	display: table;
	margin: 0 auto 70px;
}

.contact-social li {
	float: left;
	text-align: center;
	margin: 0 25px;
	font-size: 12px;
	color: #999;
	text-transform: uppercase;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
}

.contact-social li a {
	color: #999;
}

.contact-social li a i {
	font-size: 26px;
	color: #fff;
	display: block;
	margin-bottom: 12px;
}

.contact-social li a:hover i {
	color: rgb(224,0,0);
}

/* 16.2. Google Map */

.gmap {
	padding: 0px;
}

.gmap div {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#map {
	display: block;
	width: 100%;
	height: 360px;
	margin: 0 auto;
}

#map.large {
	height: 360px;
}

#map img {
	max-width: none !important;
	height: auto;
}

/* 17. Footer */

#footer-bottom {
    background-color: #ffffff;
}

#footer-bottom p {
	margin: 60px 0 45px;
	text-align: center;
	font-size: 13px;
	color: #666;
	line-height: 20px;
}

.backtotop {
	width: 60px;
	height: 60px;
	background: rgb(0,134,224) url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/46.png") no-repeat center;
	display: table;
	margin: 0 auto;
}

.backtotop:hover {
	background: #555 url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/46.png") no-repeat center;
}

/* 18. Index - Video */

#okplayer {
	left: -15% !important;
	top: -15% !important;
	height: 130% !important;
	width: 130% !important;
}

/* 19. Blog Styles */

.blog-content {
	padding-top: 85px;
	padding-bottom: 165px;
}

article {
	margin-bottom: 60px;
}

article img {
	margin-bottom: 45px;
}

.date {
	width: 100px;
	float: left;
}

.date span {
	background: rgb(0,134,224);
	width: 68px;
	height: 68px;
	display: table;
	border-radius: 50%;
	margin: 0;
	position: relative;
	padding: 14px 20px;
	border: 10px solid #f0f0f0;
	font-size: 34px;
	color: #fff;
	font-weight: 300;
}

.date em {
	font-style: normal;
	font-size: 12px;
	padding: 0px 5px 10px;
	border-bottom: 3px solid #c00;
	text-transform: uppercase;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 60px;
	display: table;
	text-align: center;
	margin: 15px auto 0;
}

.excerpt {
	margin-left: 125px;
	padding: 15px 0 0;
}

.excerpt h4 {
	margin: 0 0 10px;
	font-size: 28px;
	font-weight: bold;
	color: #000;
}

.excerpt h4 a:hover {
	color: #c00;
}

.excerpt .head {
	/*padding-left: 65px;*/
	margin-bottom: 30px;
	position: relative;
}

.excerpt .head i {
	float: left;
	background: url('//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/47.png') no-repeat top left transparent;
	display: table;
	width: 64px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 5px;
}

.excerpt .head i.ico-audio {
	background: url('//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/48.png') no-repeat top left transparent;
}

.excerpt .head i.ico-photo {
	background: url('//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/49.png') no-repeat top left transparent;
}

.excerpt .post-meta {
	font-family: Raleway;
	font-size: 16px;
	font-style: italic;
	color: #555;
	font-weight: 300;
}

.excerpt .post-meta a {
	color: rgb(0,134,224);
}

.excerpt .post-meta a:hover {
	color: #000;
}

.excerpt h4 a {
	color: #000000;
}

.excerpt p {
	font-size: 16px;
	color: #666666;
	margin: 0 0 50px;
}

.last-post {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 94px;
	margin-bottom: 0;
}

.page-nav {
	display: table;
	margin: 0px auto 0;
	padding-top: 32px;
}

.page-nav li {
	float: left;
}

.page-nav li:first-child a {
	width: 52px;
	height: 34px;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	opacity: 1;
	background: #FFF url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/prev.png") no-repeat center center;
	color: #000;
	font-size: 0;
	transition: .3s;
	display: table;
	margin-right: 25px;
}

.page-nav li:last-child a {
	width: 52px;
	height: 34px;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	opacity: 1;
	background: #FFF url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/next.png") no-repeat center center;
	color: #000;
	font-size: 0;
	transition: .3s;
	display: table;
	margin-left: 25px;
}

.page-nav li:first-child a:hover {
	transition: .3s;
	background: #c00 url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/prev-hr.png") no-repeat center center;
	border: 1px solid #c00;
}

.page-nav li:last-child a:hover {
	transition: .3s;
	background: #c00 url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/next-hr.png") no-repeat center center;
	border: 1px solid #c00;
}

.page-nav li span a {
	margin: 0px 1px;
	font-size: 16px;
	color: #000;
	padding: 0px 5px;
	line-height: 34px;
	border-bottom: 2px solid transparent;
	padding-bottom: 5px;
}

.page-nav li:hover span a ,
.page-nav li.active span a {
	border-bottom: 2px solid #c00;
}

/* 20. Sidebar */

.search {
	position: relative;
}

.search label{display:none;}

.search input {
	border: 1px solid #dddddd;
	height: 50px;
	background: #fff;
	padding: 10px 65px 10px 15px;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
	color: #000;
	width: 100%;
}

.search button, .search .hs-button {
	width: 47px;
	height: 50px;
	background: rgb(0,134,224);
	text-align: center;
	line-height: 50px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	display: table;
	color: #fff;
	font-size: 16px;
	transition: .4s;
    border-radius:0px !important;
}

.search button:after, .search .hs-button:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent rgb(0,134,224);
	display: block;
	width: 0;
	z-index: 1;
	left: -7px;
	top: 20px;
	transition: .4s;
}

.search button:hover, .search .hs-button:hover {
	background: #000;
	transition: .4s;
}

.search button:hover:after, .search .hs-button:hover:after {
	border-color: transparent #000;
	transition: .4s;
}

.suscribe input[type=text], .suscribe input[type=email]{
    margin-bottom:10px;
}
.suscribe input[type=radio]{
    margin-right:5px;
}

.side-widget {
	margin-bottom:55px !important;
}

.side-widget h5 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 35px;
	padding-bottom: 14px;
	position: relative;
}

.side-widget h5:before {
	content: "";
	width: 60px;
	height: 3px;
	background: #c00;
	position: absolute;
	bottom: 0;
	left: 0;
}

.cat li {
	font-size: 13px;
	color: #666;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}

.cat li:last-child {
	margin-bottom: 0;
}

.cat li a {
	color: #666666;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.cat li a:hover {
	color: rgb(0,134,224);
}

.side-widget p {
	font-size: 12px;
	color: #666666;
}

.tags {
	margin-bottom: -9px;
	display: table;
	width: 100%;
}

.tags li {
	float: left;
	margin-right: 5px;
	margin-bottom: 9px;
}

.tags li a {
	height: 36px;
	padding: 0 15px;
	line-height: 36px;
	border: 1px solid #dddddd;
	display: table;
	font-size: 11px;
	color: #666666;
	text-transform: uppercase;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.tags li a:hover {
	background: rgb(0,134,224);
	border: 1px solid rgb(0,134,224);
	color: #fff;
}

.pposts img {
	width: 80px;
	float: left;
}

.pposts li {
	display: table;
	width: 100%;
	border-bottom: 1px solid #DDD;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.pp-inner {
	margin-left: 102px;
}

.pp-inner h4 {
	font-size: 14px;
	font-weight: 600;
	color: #010000;
	margin: 0 0 13px;
	line-height: 20px;
}

.pp-inner h4 a {
	color: #010000;
}

.pp-inner h4 a:hover {
	color: rgb(0,134,224);
}

.pp-inner span {
	font-size: 11px;
	color: #555555;
	font-weight: 300;
	font-style: italic;
}

.pp-inner span em {
	color: rgb(0,134,224);
	margin-left: 3px;
}

.page-heading {
	margin: -18px 0;
	padding: 227px 0 57px;
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 555;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}

.header-social {
	float: right;
	display: table;
	margin: 0;
}

.header-social a {
	font-size: 20px;
	margin: 0 14px;
	color: #fff;
}

.header-social a:hover {
	color: #c00;
}

.navbar-subpage {
	padding: 60px 0px 40px;
}

.navbar-subpage .nav li a {
	padding-top: 0;
}

.navbar-subpage .navbar-nav {
	float: left;
	margin: -40px 0 0px;
}
.navbar-brand > img{
    width:180px;
}

.blog-single p {
	margin-bottom: 20px;
}

.quote {
	font-size: 18px !important;
	font-weight: 300;
	font-family: "Raleway" !important;
	font-style: italic;
	line-height: 30px;
	padding: 15px 0;
	padding-left: 85px;
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/quote1.png") no-repeat 10px center;
}

.meta-bar {
	padding: 12px 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin: 50px 0;
}

.mb-tags {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/50.png") no-repeat 7px center;
	padding-left: 35px;
	margin-top: 3px;
	display: table;
}

.mb-tags a {
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-right: 7px;
}

.mb-tags a:hover {
	color: rgb(0,134,224);
}

.mb-social span {
	font-size: 12px;
	font-weight: 600;
	color: #010101;
	text-transform: uppercase;
	margin-right: 0px;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	float: left;
	letter-spacing: 0.1em;
	line-height: 27px;
}

.mb-social .team-social {
	opacity: 1;
	margin: 0;
	float: right;
}

.mb-social .sharetitle{
    font-size: 12px;
    font-weight: 600;
	color: #010101;
	text-transform: uppercase;
	margin-right: 0px;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: 0.1em;
	line-height: 27px;
    padding-left:45px;
}
    
}
.author-info {
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
	padding-top: 20px;
}

.author-info img {
	float: left;
    width: 120px;
    border-radius: 60px;
}

.author-inner {
	margin-left: 140px;
}

.author-inner h6 {
	font-size: 14px;
	margin: 15px 0 12px;
}

.blog-single h5 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 50px;
	padding-bottom: 14px;
	position: relative;
}

.blog-single h5:before {
	content: "";
	width: 60px;
	height: 3px;
	background: #c00;
	position: absolute;
	bottom: 0;
	left: 0;
}

.blog-comments {
	padding: 60px 0 20px;
	border-bottom: 1px solid #ddd;
}

.comment-info {
	margin-bottom: -15px;
	display: table;
	width: 100%;
}

.sub-commment {
	padding-left: 102px;
	margin-bottom: -5px;
}

.comment-info img {
	width: 78px;
	float: left;
	position: relative;
	left: 10px;
}

.comment-inner {
	margin-left: 105px;
}

.comment-inner p {
	margin: 0;
}

.comment-inner h6 {
	font-size: 14px;
}

.comment-inner h6 span {
	font-size: 11px;
	color: #999999;
	font-style: italic;
	font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0 30px 0 15px;
}

.comment-inner h6 a {
	background: url("//www.grou.com.mx/hubfs/Images_Sitio_%282016%29/reply.png") no-repeat center left;
	font-size: 12px;
	color: rgb(0,134,224);
	font-weight: 400;
	padding-left: 20px;
	text-transform: uppercase;
}

.comment-inner h6 a:hover {
	color: #000;
}

.comment-form {
	padding: 60px 0 30px;
}

#blog-single {
	padding-bottom: 30px;
}

.main-content {
	background: #fff;
	position: relative;
}

.info-wrap {	
	/*visibility:hidden;*/
}
.big-img {    
	/*visibility:hidden;*/
}
.project-info {    
	/*visibility:hidden;*/
}
.tab-side, .t-img1{}

.animated-out,.animated-in {
	-webkit-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
	-moz-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
	-o-transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
	transition-timing-function: cubic-bezier(0.13,0.71,0.30,0.94);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

.animated-out {
	-webkit-transform: translateY(35px);
	-moz-transform: translateY(35px);
	-o-transform: translateY(35px);
	-ms-transform: translateY(35px);
	transform: translateY(35px);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.animated-in {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	visibility:visible;
}

.hs_cos_flex-slider { margin: 0 0 0px !important;}
.hs_cos_flex-slider .caption{
    top: 0;
}
.slick-next{
    right: 10px !important;
}
.slick-prev{
    left: 10px !important;
    z-index: 1000;    
}

/*Recursos*/
.caja-filtros{width:100%; padding:10px; background-color:#333333; margin-bottom:20px; clear:both;display: block; min-height: 50px; }
.filtros-box h3{color:#ffffff; margin:5px 0 0 20px; background: none; padding: 0;}
.caja-filtros .filtros-box select{width:200px; height: 27px; float:left; display: inline-block; padding: 4px; background-color: #fff; font-size: 13px; font-weight: 400; margin-left:10px; line-height: 18px; color: #666; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.caja-filtros .label-filtro{width:180px; float:left;}
.recursos-list{clear:both; text-align:center;}
.recursos-list .post-item-lib {width: 260px; display:inline-block; padding: 10px!important; margin: 0 10px 30px; min-height: 285px!important; position: relative; border:solid 1px #ccc; background-color:#f2f2f2;}
.recursos-list .post-image-lib img{width:260px; text-align:center; min-height: 296px;}
.recursos-list .title-lib{text-align:center;}
.recursos-list .title-lib a{ color: #fff; font-size:14px; font-weight:bold; padding:10px 10px; margin:10px 0; text-decoration: none;}
.recursos-list .title-lib h3 { position: relative; z-index: 11; background-color: #c00; padding-bottom: 5px;}
.recursos-list .post-item-lib:hover .title-lib h3{ background-color:#c00;}
/*over ebook*/
.post-item-lib .item-overlay{ cursor: pointer; display: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0; z-index: 10; }
.post-item-lib .item-overlay .cont{ background: rgb(0,134,224); background: rgba(0,134,224,0.7); height: 100%; width: 100%;  }
.post-item-lib .item-overlay .cont p{padding:105px 15px 20px 15px; font-weight:bold;}
.post-item-lib .item-overlay .cont p a{ color:#ffffff; text-transform:uppercase; text-decoration:none; font-size:20px; line-height:24px; font-weight:bold;}