@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,800i";
@font-face {
font-family:'Geneva';
src:url(Geneva.woff2) format("woff2"), url(Geneva.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Keep Calm Med';
src:url(KeepCalm-Medium.woff2) format("woff2"), url(KeepCalm-Medium.woff) format("woff");
font-weight:500;
font-style:normal
}
body {
	background:#FFF;
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size:14px;
	overflow-x:hidden;
	color:#1c1c1c
}
ul, ol {
	padding:0;
	margin:0
}
li {
	list-style:none
}
a {
	color:#1c1c1c;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out
}
a:hover {
	text-decoration:none
}
a:focus {
	text-decoration:none
}
p, span, h1, h2, h3, h4, h5, a {
	margin:0;
	letter-spacing:.5px;
	line-height:27px
}
h1 {
	font-family:'Open Sans', sans-serif
}
img {
	max-width:100%;
	height:auto
}
.clear {
	clear:both
}
.sections {
	padding:120px 0!important
}
.sections2 {
	padding-top:120px;
	background-color:#0C3
}
.divider {
	height:1.5px;
	width:75px;
	background-color:#FFF;
	margin:25px auto
}
.title {
	text-align:center;
	position:relative;
	margin:0 auto;
	float:none;
	margin-bottom:100px
}
.texto {
	text-align:center;
	position:relative;
	margin:0 auto;
	float:none;
	font-size:1.4em!important;
	font-family:'Open Sans', sans-serif;
	font-weight:100
}
.title h5 {
	font-size:4.5em;
	font-family:'Open Sans', sans-serif;
	font-weight:800;
	text-transform:uppercase;
	color:#000;
	word-spacing:7px;
	margin-top:24px
}
.title h2 {
	font-family:'Open Sans', sans-serif;
	font-weight:700;
	font-size:27px
}
.title p {
	margin-top:35px;
	font-size:13.5px;
	color:#6f6f6f
}
.loading {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#fff;
	z-index:9999999999999
}
.load-circle {
	margin:45vh auto;
	width:50px;
	height:50px;
	border-radius:50%;
	border:2px solid #e8e8e8;
	border-top:2px solid #212121;
	-webkit-animation:rotate 1.2s infinite linear;
	animation:rotate 1.2s infinite linear
}
@-webkit-keyframes rotate {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@keyframes rotate {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.s-header {
	background:url(../img/colnme.gif);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	height:110vh;
	overflow:hidden;
	width:100%;
	position:relative;
	overflow-x:hidden!important
}
.s-header .header-overlay {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(0, 0, 0, .3)
}
.s-header .middle-c {
	color:#FFF;
	position:absolute;
	width:100%;
	top:48.5%;
	left:0;
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%);
	z-index:99
}
.s-header .middle-c .capt {
	margin-top:50px
}
.s-header .middle-c h1 {
	font-weight:100;
	font-size:70px;
	text-transform:uppercase;
	letter-spacing:4px;
	display:inline-block;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	letter-spacing:5px
}
.s-header .middle-c h1 span {
	font-family:'Open Sans', sans-serif;
	font-weight:700
}
.s-header .middle-c h3 {
	margin:40px 0;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:4px
}
.s-header .middle-c a {
	margin:0 15px;
	border:2px solid #FFF;
	display:inline-block;
	font-size:12px;
	padding:9px 35px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#FFF;
	box-shadow:rgba(0, 0, 0, 0.12) 0 20px 44px;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	font-weight:400;
	background-color:transparent
}
.s-header .middle-c a:hover {
	background:#FFF;
	color:#232323;
	box-shadow:none
}
.s-header .middle-c .active-btn {
	background-color:#FFF;
	border-color:#FFF;
	color:#232323
}
.header-shap {
	bottom:-10px;
	left:0;
	position:absolute;
	right:0;
	z-index:1
}
.header-shap img {
	max-width:100%;
	min-width:100%;
	width:100%
}
.navbar-fixed-top {
	background-color:transparent;
	border-color:transparent;
	padding:20px 0 10px;
	background:0 0;
	border:none;
	border-radius:0;
	z-index:9;
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.navbar-fixed-top .navbar-nav>li {
	font-size:16px;
	margin:55px 5px;
	font-weight:400;
	cursor:pointer;
	position:relative
}
.navbar-fixed-top .navbar-nav>li:last-child {
	margin-right:25px
}
.navbar-fixed-top .navbar-nav>li>a {
	font-family:'Open Sans', sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:1.3em;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
	font-style:italic
}
.navbar-fixed-top .navbar-nav>li>a:focus {
	background:transparent
}
.navbar-fixed-top .navbar-nav>li>a:hover {
	background:transparent;
	color:rgba(255, 255, 255, 0.75)
}
.navbar-fixed-top .logo {
	font-size:30px;
	font-weight:700;
	letter-spacing:2.5px;
	padding-top:20px
}
.navbar-fixed-top .logo span {
	color:#fff;
	font-weight:300
}
.navbar-fixed-top .logo, .navbar-fixed-top .logo:focus, .navbar-fixed-top .logo:hover {
	font-weight:700;
	font-size:28px;
	display:inline-block
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left:0
}
.fixed {
	background:#FFF;
	padding:0;
	position:fixed;
	-webkit-box-shadow:0 0 13px #ddd;
	-moz-box-shadow:0 0 13px #ddd;
	-o-box-shadow:0 0 13px #ddd;
	-ms-box-shadow:0 0 13px #ddd;
	box-shadow:0 0 13px #ddd;
transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
	z-index:999
}
.fixed .navbar-nav>li>a {
	color:#333
}
.fixed .navbar-nav>li>a:hover {
	color:#555;
	opacity:.7
}
.fixed .logo {
	padding-top:25px
}
.fixed .logo span {
	color:#212121
}
.fixed .navbar-nav>li {
	margin:60px 0 25px 10px;
	font-family:'Open Sans', sans-serif;
	font-weight:100
}
.navbar .navbar-nav > li > a {
	padding-bottom:20px
}
.navbar-toggle .icon-bar {
	background:#FFF
}
.about-left h3 {
	font-family:'Open Sans', sans-serif;
	font-size:19px
}
.about-left p {
	margin:40px 0;
	color:#626262;
	font-weight:400;
	font-size:13.5px
}
.about-right {
	padding:0 0 0 5%
}
.about-right .first-row {
	margin-bottom:45px;
	float:left
}
.about-item .ab-icon .icon, .about-item .ab-icon i {
	width:55px;
	height:55px;
	line-height:55px;
	border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-webkit-border-radius:50%;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
	display:inline-block;
	text-align:center;
	font-size:25px
}
.about-item .abic-con h3 {
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
	font-size:14.5px;
	margin:20px 0 3px
}
.about-item .abic-con p {
	color:#626262;
	font-size:13.5px;
	font-weight:400
}
.quote {
	background-color:rgba(0, 0, 0, .85);
	background-blend-mode:overlay;
	background:url(../img/tmfdo.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	color:#fff
}
.quote-content {
	float:none;
	margin:0 auto;
	text-align:center
}
.quo-pd {
	position:relative
}
.quote-content i {
	font-size:70px;
	opacity:.2;
	color:#FFF
}
.quote-content .ico-top {
	position:absolute;
	left:10px;
	top:-30px
}
.quote-content .ico-btm {
	position:absolute;
	right:10px;
	bottom:-0
}
.quote-content h4 {
	font-size:25px;
	line-height:40px
}
.d-line {
	height:2px;
	width:20%;
	margin:30px auto;
	background-color:#FFF
}
.quote-content p {
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:600
}
.quote-content span {
	font-weight:400;
	font-style:italic;
	color:#999
}
.services {
	padding:120px 0 30px
}
.serv-content .serv-item {
	padding:0 5px;
	margin-bottom:90px
}
.serv-content .serv-item .icon, .serv-content .serv-item i {
	float:left;
	font-size:35px
}
.serv-content .serv-item .serv-info {
	margin-left:70px
}
.serv-content .serv-item .serv-info h5 {
	text-transform:uppercase;
	margin-bottom:10px;
	padding-bottom:15px;
	position:relative;
	font-family:'Open Sans', sans-serif;
	font-size:1.5em;
	font-weight:700
}
.serv-content .serv-item .serv-info h5:after {
	content:"";
	width:30px;
	height:2px;
	background:#1c1c1c;
	position:absolute;
	left:0;
	bottom:0
}
.serv-content .serv-item .serv-info ul li {
	font-size:1.1em!important;
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	list-style:inside!important;
	list-style-image:url(../img/comillas.png)!important
}
.facts {
	background-color:#fff;
	color:#1f1f1f
}
.facts .fact-item {
	text-align:center
}
.facts .counting-icon i, .facts .counting-icon span {
	font-size:40px;
	padding-top:5px
}
.facts h4 {
	text-transform:uppercase;
	letter-spacing:3px;
	margin-bottom:0
}
.facts .count {
	padding:35px 0 15px;
	display:inline-block;
	font-size:35px;
	font-family:'Open Sans', sans-serif;
	letter-spacing:3px
}
.work {
	padding:120px 0 110px
}
.work .filter-work {
	margin:0 auto;
	text-align:center;
	margin-bottom:45px
}
.work .filter-work a {
	border:1px solid #f0f0f0;
	color:#666;
	background:#f0f0f0;
	text-transform:uppercase;
	font-weight:400;
	padding:7px 30px;
	cursor:pointer;
	font-size:13px;
	margin:0 1px;
	border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:inline-block
}
.work .filter-work .is-checked {
	color:#FFF
}
.work .work-item {
	padding:0 0 10px 14px;
	width:33%
}
.work .work-caption {
	position:relative
}
.work .work-caption img {
	height:auto;
	width:100%;
	max-width:100%
}
.work .work-caption .overlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
-webkit-transition:ease-out .3s;
-moz-transition:ease-out .3s;
-o-transition:ease-out .3s;
transition:ease-out .3s;
	opacity:0;
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);
	transform:translateY(10px)
}
.work .work-caption .overlay:focus {
	outline:none
}
.work .work-caption .overlay span {
	color:#232323
}
.work .work-item:hover .overlay {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0)
}
.work .work-caption .info-content {
	position:absolute;
	bottom:15px;
	left:30px
}
.work .work-caption .info-content h4 {
	color:#FFF;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.2em;
	position:relative;
	font-family:'Open Sans', sans-serif
}
.work .work-caption .info-content p {
	color:#ededed;
	font-style:italic;
	font-size:13px
}
.work .work-caption:focus, .work .work-item:focus, .work .work-caption img:focus, .work .work-caption a:focus {
	outline:none
}
.white-popup {
	position:relative;
	background:#fff;
	width:auto;
	max-width:640px;
	margin:0 auto
}
.white-popup div {
	padding:30px;
	text-align:center
}
.white-popup div h3 {
	margin-bottom:25px;
	text-align:center;
	font-size:18px;
	font-weight:400;
	color:#000
}
.white-popup div p {
	font-size:14px;
	text-align:left;
	line-height:27px
}
.white-popup img {
	width:100%;
	height:auto
}
.mfp-close {
	left:0
}
.mfp-close:hover {
	color:#FFF
}
.mfp-close-btn-in .mfp-close {
	color:#FFF
}
.testimonials .title h5 {
	color:rgba(255, 255, 255, 0.1)
}
.testimonials .title h2 {
	color:#fff
}
.testimonials .icon {
	font-size:45px;
	display:inline-block;
	margin-bottom:45px;
	color:#fff
}
.testimonial-box {
	margin:0 auto;
	float:none;
	padding-left:30px;
	text-align:center
}
.testimonial-box p {
	color:#fff;
	font-size:14px;
	font-weight:400;
	line-height:27px;
	margin-bottom:35px;
	letter-spacing:1.5px
}
.testimonial-box h3 {
	letter-spacing:3px;
	font-size:13.5px;
	font-family:'Open Sans', sans-serif;
	margin-bottom:45px
}
.t-item .testimonial-box h3 span {
	font-family:'Open Sans', sans-serif;
	position:relative;
	text-transform:none;
	letter-spacing:.5px;
	color:#AAB2BD;
	font-size:13px
}
.t-item .testimonial-box h3 span:before {
	content:'-';
	padding:0 7px
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top:0
}
.owl-theme .owl-dots .owl-dot span {
	width:11px;
	height:11px;
	margin:0 8px;
	background:transparent!important;
	border:2px solid #fff!important
}
.owl-theme .owl-dots .owl-dot:focus {
	outline:none
}
.price {
	background-color:#f2f4ec
}
.price-table .item {
	background:#FFF;
	padding:50px;
	position:relative;
	overflow:hidden;
	z-index:1
}
.price .item .type {
	margin:0 0 50px
}
.price .item .type h5 {
	font-size:25px;
	letter-spacing:3px;
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase
}
.price .item .mount {
	margin:0 0 50px
}
.price .item .mount h3 {
	font-size:65px;
	font-weight:700;
	font-family:'Open Sans', sans-serif
}
.price .item .mount h3 span {
	font-size:25px;
	font-weight:400;
	padding-right:5px
}
.price .item .mou {
	font-family:'Open Sans', sans-serif;
	display:inline-block;
	font-size:17px
}
.price .item .features {
	margin:0 0 50px;
	width:100%
}
.price .item .features p {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #f2f4ec;
	color:#888;
	font-size:14px
}
.price .item .features p:last-child {
	border-width:0;
	margin-bottom:0
}
.price .item .order a {
	width:90%;
	border:1px solid #333;
	display:inline-block;
	font-size:12px;
	padding:9px 15px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#212121;
	box-shadow:rgba(0, 0, 0, 0.12) 0 20px 44px;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	font-weight:400;
	background-color:#FFF
}
.price .best .item {
	-webkit-box-shadow:0 0 40px rgba(0, 0, 0, 0.1);
	box-shadow:0 0 40px rgba(0, 0, 0, 0.1)
}
.price .best .order a {
	color:#FFF
}
.price .best .item a {
	color:#FFF
}
.price .best .item a:hover {
	color:#FFF
}
.price .order a:hover {
	box-shadow:none;
	color:#212121
}
.price .item .p-icon {
	position:absolute;
	left:-70px;
	bottom:0;
	color:#888;
	opacity:.1;
	font-size:200px;
	z-index:-1
}
.lets-talk {
	background-color:rgba(0, 0, 0, .7);
	background-blend-mode:overlay;
	background-image:url(http://via.placeholder.com/1600x800);
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	text-align:center;
	color:#FFF
}
.lets-talk h4 {
	font-weight:400;
	font-size:30px;
	line-height:40px;
	padding-bottom:10px
}
.lets-talk h4 span {
	font-family:'Open Sans', sans-serif
}
.lets-talk a {
	border:1px solid #FFF;
	display:inline-block;
	font-size:11.5px;
	padding:12px 40px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#FFF;
	box-shadow:rgba(0, 0, 0, 0.12) 0 20px 44px;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	font-weight:400;
	background-color:transparent;
	margin-top:15px
}
.lets-talk a:hover {
	box-shadow:none
}
.blog-item {
	color:#212121;
	padding:35px;
	position:relative;
	border:1px solid #e0e0e0;
	overflow:hidden;
transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out
}
.blog-item .post-meta {
	font-size:13px;
	color:#666
}
.blog-item .post-meta ul li {
	display:inline-block
}
.blog-item .post-meta ul li:first-child::after {
content:'|'
}
.blog-item .post-title {
	margin:20px 0
}
.blog-item .post-title a h3 {
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	line-height:30px
}
.blog-item .post-content p {
	color:#666;
	font-weight:400;
	font-size:13.5px
}
.blog-item .read-more {
	margin:25px 0 0;
	font-family:'Open Sans', sans-serif;
	font-size:13px
}
.blog-item:hover {
	background-color:#1f1f1f
}
.blog-item:hover .post-meta, .blog-item:hover .read-more a, .blog-item:hover .post-title a {
	color:#FFF
}
.blog-item:hover .post-content p {
	color:#999
}
.g-map {
	height:400px;
	position:relative;
	overflow:hidden
}
.g-map .map-overlay {
	background-color:rgba(0, 0, 0, 0.9);
	text-align:center;
	color:#FFF;
	position:absolute;
	height:100%;
	width:100%;
	bottom:0;
	cursor:pointer;
	z-index:9;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s
}
.g-map .map-overlay .over-center {
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.map-overlay .over-center .icon-cont {
	width:60px;
	height:60px;
	line-height:60px;
	border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-webkit-border-radius:50%;
	color:#4d4d4d;
	background:#f2f4ec;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
	display:inline-block;
	text-align:center;
	font-size:25px
}
.map-overlay .over-center p {
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	letter-spacing:2px;
	word-spacing:2px;
	margin-top:20px
}
.map-overlay .over-center #close-map {
	display:none
}
.g-map .map-overlay:hover .icon-cont {
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
	color:#FFF
}
.g-map #map {
	height:400px;
	position:relative
}
.g-map .show-map {
	height:20%;
	bottom:0
}
.g-map .show-map .over-center p, .g-map .show-map .over-center .icon-cont {
	display:none
}
.show-map .over-center #close-map {
	display:block;
	margin-top:0;
	font-size:17px
}
.contacto .info-item span {
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
	display:inline-block;
	margin:0 25px 0 0;
	text-align:center;
	font-size:30px;
	vertical-align:top
}
.contacto .info-item p {
	display:inline-block
}
.contacto .info-item:last-child {
	margin-bottom:0
}
.right-side {
	padding-right:0
}
.contact-item:last-child {
	margin-bottom:0
}
.contact .item:last-child {
	margin-bottom:0
}
.contact-form span {
	display:block;
	margin-bottom:5px;
	font-weight:400
}
select, .contact-form textarea, .contact-form input {
	width:100%;
	font-weight:400;
	float:left;
	font-size:1em;
	padding:15px;
	border:none;
	background:#f2f4ec;
	border:1px solid #f2f4ec;
	color:#232323;
-webkit-transition:ease-out .3s;
-moz-transition:ease-out .3s;
-o-transition:ease-out .3s;
transition:ease-out .3s
}
select {
	width:100%;
	font-weight:400;
	float:left;
	font-size:1em;
	padding:15px;
	border:none;
	background:#fff;
	border:1px solid #f2f4ec;
	color:#232323;
-webkit-transition:ease-out .3s;
-moz-transition:ease-out .3s;
-o-transition:ease-out .3s;
transition:ease-out .3s
}
.contact-item {
	margin-bottom:5px
}
.contact-item textarea {
	height:90px
}
.contact-item input:focus, .contact-item textarea:focus {
	outline:none
}
.contact-item .button {
	width:100%;
	padding:15px 60px;
	text-transform:uppercase;
	letter-spacing:1.5px;
	word-spacing:1px;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
	margin-bottom:0;
	background:transparent;
	font-size:1.2em;
	font-family:'Open Sans', sans-serif;
	color:#FFF
}
.contact-item .button:hover {
	color:#FFF;
	background-color:#2ca8d8
}
.contact-item .parsley-required {
	color:#a94442;
	float:left;
	margin:7px 0 0
}
.parsley-type {
	color:#a94442;
	float:left;
	margin:7px 0 0
}
.contact-item .button {
	background:#3E70AD!important
}
footer {
	background:#000
}
footer .social-icon span {
	width:45px;
	height:45px;
	line-height:45px;
	border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-webkit-border-radius:50%;
	color:#888;
	background:#171717;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
	display:inline-block;
	margin:0 7px
}
footer .social-icon a:hover span {
	color:#FFF
}
footer .logo {
	font-size:30px;
	letter-spacing:2.5px;
	padding-bottom:40px
}
footer .logo span {
	color:#fff;
	font-weight:300
}
footer .logo, footer .logo:focus, footer .logo:hover {
	font-weight:700;
	font-size:28px;
	display:inline-block
}
.sub-footer {
	text-align:center;
	padding:20px 0;
	border-top:2px solid #151515;
	background:#333
}
.sub-footer span {
	color:#7e7e7e;
	margin-top:0;
	display:inline-block
}
.contact-p {
	background:#fafafa
}
.contact-f {
	float:none;
	text-align:center;
	background:#FFF;
	margin:80px auto;
	padding:60px 30px;
	-webkit-box-shadow:0 5px 7px 0 rgba(0, 0, 0, 0.20);
	-moz-box-shadow:0 5px 7px 0 rgba(0, 0, 0, 0.20);
	box-shadow:0 5px 7px 0 rgba(0, 0, 0, 0.20)
}
.contact-f h3 {
	font-size:19px;
	margin-top:30px
}
.contact-success i {
	color:#8cc152
}
.contact-nosuccess i {
	color:#e9573f
}
ul li {
	font-size:1.1em!important;
	font-family:'Open Sans', sans-serif;
	font-weight:100
}
ul li .lista {
	font-size:1.1em!important;
	font-family:'Open Sans', sans-serif;
	font-weight:100
}
.titulo {
	font-family:'Open Sans', sans-serif;
	font-weight:800;
	padding-bottom:20px;
	border-bottom:1px solid #61C7EE
}
.light {
	font-weight:100
}
.gris {
	color:#b8b8b8!important
}
h5 .soluciones {
	color:#393939!important;
	font-family:'Open Sans', sans-serif
}
.centrar {
	text-align:center;
	margin:0 auto
}
.justificado {
	text-align:justify
}
.indentado {
	text-indent:50px
}
.boton {
	background-color:#61C7EE;
	padding:15px;
	text-align:center;
	font-size:1.5em;
	color:#fff;
	font-weight:700;
	margin-bottom:20px
}
.logros {
	font-size:1.5em;
	margin-bottom:9px;
	color:#636363;
	font-family:'Open Sans', sans-serif
}
.soluciones {
	text-align:center;
	font-size:3.5em;
	font-family:'Open Sans', sans-serif;
	margin-bottom:1.5em;
	font-weight:700
}
.partners {
	text-align:left;
	color:#000;
	font-size:3.5em;
	font-family:'Open Sans', sans-serif;
	margin-bottom:1em;
	font-weight:700;
	font-weight:800
}
.partnerstexto {
	text-align:center;
	color:#fff;
	font-size:1.5em;
	font-family:'Open Sans', sans-serif;
	line-height:2em
}
.contacto {
    
	background-color:#f1f7ed;
	color:#000;
	font-size:1.2em
}
.contacto2 {
	background-color:#000;
	color:#fff
}
.contacto p, .contacto2 p {
	font-size:1.1em
}
.marcas {
	filter:gray;
	-webkit-filter:grayscale(1);
-webkit-transition:all .8s ease-in-out
}
.marcas:hover {
	filter:none;
	-webkit-filter:grayscale(0);
	-webkit-transform:scale(1.01);
animation:pulse .5s
}
.slogan {
	-webkit-animation:fadeIn 7s;
-webkit-animation-delay:.1s
}
.margen {
	margin-bottom:30px
}
.clientes:hover {
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1)
}
.flip-box {
	background-color:#000;
	width:341.5px;
	height:213px;
	margin:0 auto;
	margin-left:-19px
}
.flip-box-inner {
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
transition:transform .8s;
	transform-style:preserve-3d
}
.flip-box:hover .flip-box-inner {
	transform:rotateY(180deg)
}
.flip-box-front, .flip-box-back {
	position:absolute;
	width:100%;
	height:100%;
	backface-visibility:hidden
}
.flip-box-front {
	color:#000
}
.flip-box-back {
	background-color:#3E70AD;
	color:#fff;
	transform:rotateY(180deg);
	font-family:'Open Sans', sans-serif;
	line-height:20px;
	font-size:1.5em;
	font-weight:300;
	padding:25% 5% 0;
	padding-left:0!important
}
.bienvenidosa {
	-webkit-animation:bounceInLeft 1s;
-webkit-animation-delay:.1s
}
.gruposertec {
	-webkit-animation:bounceInRight 1s;
-webkit-animation-delay:.1s
}
.rslides {
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0
}
.rslides li {
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0
}
.rslides li:first-child {
	position:relative;
	display:block;
	float:left
}
.rslides img {
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0
}
.personal {
	margin:50px 0
}
.boton-azul {
	background-color:#3b5da5!important;
	border-color:#3b5da5!important
}
.boton-azul:hover {
	color:#000
}
.contacto2 .info-item {
	margin-bottom:30px
}
.contacto2 .fa-home {
	font-size:2em;
	float:left;
	padding-right:15px;
	padding-bottom:35px
}
.contacto2 .fa-phone {
	font-size:2em;
	float:left;
	padding-right:15px
}
.contacto2 .fa-envelope {
	font-size:2em;
	float:left;
	padding-right:15px;
	padding-bottom:35px
}
.tfooter {
	font-size:2em;
	font-weight:800;
	text-transform:uppercase
}
.bn {
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%)
}
.bn:hover {
	-webkit-filter:grayscale(0%);
	filter:grayscale(0%);
	-webkit-filter:drop-shadow(8px 8px 10px black);
	filter:drop-shadow(1px 1px 1px black)
}
.negro {
	color:#000!important
}
.blanco {
	color:#FFF!important
}
.bold {
	font-weight:900
}
#personal img:hover {
	cursor:pointer;
	transform:rotate(360deg);
transition:all .5s ease-in-out 0;
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
	transition:transform 1s, filter 2s ease-in-out;

}
#tiendas img:hover {
	cursor:pointer;
	transform:scale(1.1);
transition:all .5s ease-in-out 0
}
#socios img:hover {
	filter:gray;
	-webkit-filter:grayscale(100%);
-webkit-transition:all .6s ease;
	-webkit-backface-visibility:hidden
}
#tiendas, .tiendas {
	background-color:#3a5ba4;
	color:#fff!important
}
h5 .blanco {
	color:#FFF!important
}
#creditos {
	padding-bottom:-100px
}
 @media screen and (max-width: 720px) {
.capt h1 {
font-size:2em!important;
line-height:1em
}
.title.col-md-12 .blanco, #servicios #contacto .row .col-md-9.col-md-offset-1 .partners, #nosotros .container .row .title h5, #socios .container .row .title.col-md-12 h5, #plataformas .container .row .title.col-md-11 h5, #lineas .container-fluid .title.col-md-12 h5 {
font-size:3em!important;
line-height:1em;
}
}
.mlineas {
	margin-bottom:2em;
	filter: grayscale(100%);
}
.mlineas:hover {
	margin-bottom:2em;
	filter: blur(0px) saturate(125%);
}
.catalogos li a {
	color:#fff;
	font-size:1.3em;
	margin-bottom:10px;
}
.catalogos a {
	margin:20px;
}

.video {
    margin:20px;
    padding:20px;
}


.img-circular {
  border-radius: 50% !important;
  filter: grayscale(100%);
  transition: all 0.4s ease-in-out;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  cursor: pointer;
  margin-bottom: 20px;
}
.img-circular:hover {
  filter: grayscale(0%) saturate(150%);
  transform: scale(1.15);
}




.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  overflow: hidden;
  margin-bottom:25px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.carousel-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5) !important;
    border: 2px solid white !important;
  }
  
  .carousel-indicators .active {
    background-color: #000 !important;
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: rgba(0,0,0,0.3);
    padding: 1rem !important;
    border-radius: 50%;
    background-size: 60%;
    transition: all 0.3s ease;
  }
  
  .carousel-control-prev:hover .carousel-control-prev-icon,
  .carousel-control-next:hover .carousel-control-next-icon {
    background-color: rgba(0,0,0,0.7);
  }
  .img-catalogo {
    max-width: 100%;
    height: 300px;
    object-fit: cover;
    margin: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 3px solid transparent;
    border-radius: 10px;
  }
  
  .img-catalogo:hover {
    transform: scale(1.05);
    border-color: #000;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  }
  
  
  /* Estilos iniciales */
.navbar {
  transition: all 0.3s ease;
}
.navbar .logo {
  height: 50px;
  transition: all 0.3s ease;
}
.navbar .nav > li > a {
  font-size: 16px;
  transition: all 0.3s ease;
}

/* Estilos cuando se aplica la clase 'shrink' */
.navbar.shrink {
  padding: 10px 0; /* 30% menos que 20px */
}
.navbar.shrink .logo {
  height: 35px; /* 30% menos que 60px */
}
.navbar.shrink .nav > li > a {
  font-size: 11.2px; /* 30% menos que 16px */
}


.header-btn {
    margin-top:25px!important;
}