/*===================================== 
YOU CAN WRIGHT CUSTOME CSS 
======================================*/
:root{
	--azul-claro: #5ca7d7;
	--azul-medio: #015e9d;
	--azul-oscuro: #04223e;
	--gris: #d9dcdc;
	--gris2: #706f6f;
	--blanco: #ffffff;
	--negro: #000000;
}

body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.main-bar{
	padding: 15px 0;
}
.tparrows{
	display: none!important;
}
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .text-primary, ul.primary li::before, button.scroltop, .wt-breadcrumb li a, .header-nav .nav > li:hover > a, .header-nav .nav > li .sub-menu li a:hover, .header-nav .nav > li .sub-menu li:hover > a, .header-nav .nav > li .mega-menu > li ul a:hover, .header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-item > a, .header-nav .nav li.has-child.nav-active > a, .header-style-3 .is-fixed .header-nav .nav > li:hover > a, .header-style-3 .is-fixed .header-nav .nav > li.active > a, .header-style-3 .is-fixed .header-nav .nav > li.current-menu-item > a, .header-style-5 .is-fixed .header-nav .nav > li:hover > a, .header-style-5 .is-fixed .header-nav .nav > li.active > a, .header-style-5 .is-fixed .header-nav .nav > li.current-menu-item > a, .nav-dark.header-nav .nav > li .mega-menu > li ul a:hover, .date-style-3 .post-date strong, .status-value span, .rating-bx, .testimonial-1 .testimonial-position, .testimonial-grid-1 .testimonial-position, .testimonial-2 .testimonial-text .fa-quote-left, .testimonial-grid-2 .testimonial-text .fa-quote-left, .testimonial-3 .testimonial-position, .testimonial-grid-3 .testimonial-position, .testimonial-3 .quote-left::before, .testimonial-grid-3 .quote-left::before, .testimonial-4 .testimonial-detail .fa-quote-left, .testimonial-grid-4 .testimonial-detail .fa-quote-left, ol.comment-list li.comment .reply a, .masonry-filter > li.active a, .masonry-filter > li a:hover, .masonry-filter > li a:active, .masonry-filter > li a:focus, .masonry-filter.link-style.white > li.active a, .masonry-filter.link-style.white > li a:hover, .masonry-filter.link-style.white > li a:active, .masonry-filter.link-style.white > li a:focus, .masonry-filter.outline-style > li.active a, .masonry-filter.outline-style > li a:hover, .masonry-filter.outline-style > li a:active, .masonry-filter.outline-style > li a:focus, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_recent_comments ul li a:hover, .widget_nav_menu li a:hover, .widget_recent_entries ul li a:hover, .widget_services ul li a:hover, .footer-dark .footer-top a:active, .footer-dark .footer-top a:focus, .footer-dark .footer-top a:hover, .social-icons.social-light.has-bg li a:hover, .masonry-filter.link-style.has-bg > li.active a, .masonry-filter.outline-style.has-bg > li.active a, .masonry-filter.link-style.has-bg > li:hover a, .masonry-filter.outline-style.has-bg > li a:hover, .social-icons.social-dark.has-bg li a:hover{
	color: var(--azul-claro);
}
button.scroltop{
	background: transparent;
	border: 1px solid var(--azul-oscuro);
}
.header-style-3 .is-fixed.color-fill .main-bar{
	padding: 15px 0;
}
.cssload-progress img{
	width: 300px;
}
.titleSlide{
	font-size: 55px;
	color: var(--blanco);
	font-weight: 500;
	line-height: 60px;
	white-space: pre-line!important;
}
.titleSlide span{
	color: #61b2e3;
	font-size: 45px;
}
#about{
	padding: 70px 0;
}
#about .titleBx{
	color: var(--azul-oscuro);
	white-space: pre-line;
	font-weight: 700;
}
#about .titleBx span{
	color: var(--azul-claro);
	font-weight: 500;
}

#call-to-action-1{
	background: url('../archivos/home/VegaConsulting_Fondo_Pleca1.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 60px 0;
	position: relative;
}
#call-to-action-1 .contentBx{
	text-align: center;
}
#call-to-action-1 .contentBx .title{
	font-size: 40px;
	color: var(--blanco);
	font-weight: 500;
	margin: 0 0 15px;
}
#call-to-action-1 .contentBx .title span{
	font-weight: 700;
	color: var(--azul-claro);
}
#call-to-action-1 .contentBx .btn-white{
	display: table;
	-ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    border: 1px solid var(--azul-claro);
    color: var(--blanco);
    padding: 8px 20px;
    width: auto;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    transition: .5s ease-in-out;
}
#call-to-action-1 .contentBx .btn-white div{
	-ms-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
}
#call-to-action-1 .contentBx .btn-white:hover{
	background: var(--blanco);
	border: 1px solid var(--blanco);
	color: var(--azul-oscuro);
}
#service2{
	padding: 70px 0 50px;
}
#service2 .contentBxHead{
	text-align: center;
}
#service2 .contentBxHead .title{
	color: var(--azul-oscuro);
	font-weight: 700;
	white-space: pre-line;
	margin: 0 0 60px;
}
#service2 .contentBxHead .title span{
	color: var(--azul-claro);
}
#service2 .listService2{
	padding: 0;
	list-style: none;
}
#service2 .listService2 li{
	display: flex;
	margin-bottom: 20px;
	min-height: 70px;
}
#service2 .listService2 li:last-child{
	margin-bottom: 0;
}
#service2 .listService2 li .contentIcon{
	margin-right: 10px;
}
#service2 .listService2 li img{
	width: 50px;
	height: auto;
}
#service2 .listService2 li .contentBxService{
	width: 100%;
}
#service2 .listService2 li .contentBxService .title{
	font-size: 20px;
	color: var(--azul-oscuro);
	margin-bottom: 0;
	font-weight: 700;
}
#service2 .listService2 li .contentBxService .description{
	color: var(--gris2);
	font-size: 16px;
	margin-bottom: 0;
	line-height: normal;
}

#call-to-action-2{
	background: url(../archivos/home/tramites-para-crear-empresa-en-mexico.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 60px 0;
	position: relative;
}
#call-to-action-2 .contentBx{
	text-align: center;
}
#call-to-action-2 .contentBx .title{
	font-size: 40px;
	color: var(--blanco);
	font-weight: 500;
	margin: 0px;
	white-space: pre-line;
	line-height: normal;
}
#call-to-action-2 .contentBx .subtitle{
	font-size: 40px;
	font-weight: 700;
	color: var(--azul-claro);
	margin-bottom: 20px;
	line-height: normal;
}
#call-to-action-2 .contentBx .btn-white{
	display: table;
	-ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    border: 1px solid var(--azul-claro);
    color: var(--blanco);
    padding: 8px 20px;
    width: auto;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    transition: .5s ease-in-out;
}
#call-to-action-2 .contentBx .btn-white div{
	-ms-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
}
#call-to-action-2 .contentBx .btn-white:hover{
	background: var(--blanco);
	border: 1px solid var(--blanco);
	color: var(--azul-oscuro);
}
#weAre{
	background: url('../archivos/home/vega-consulting.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 70px 0;
}
#weAre .logoWe{
	margin-bottom: 20px;
	text-align: right;
}
#weAre .logoWe img{
	width: 300px;
	height: auto;
}
#weAre .contentBx p{
	color: var(--gris2);
	text-align: justify;
	text-align-last: right;
	margin-bottom: 15px;
	line-height: normal;
}
#weAre .logoBottom{
	margin-top: 20px;
	text-align: right;
}
#weAre .logoBottom img{
	width: 215px;
	height: auto;
}
.bgForm{
	background: var(--azul-oscuro);
}
.contact-home4-right{
	padding: 50px 0;
}
.opening-block{
	padding: 80px 0 80px 130px;
}
a.book-now-btn{
	left: -80px;
}
.opening-block.bdr-blue{
	border-color: var(--azul-oscuro);
}
.opening-block .book-now-btn{
	background-color: var(--azul-oscuro);
	color: var(--blanco);
}
.btn-form{
	display: table;
	-ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    border: 1px solid var(--azul-claro);
    color: var(--blanco);
    padding: 8px 20px;
    width: auto;
    font-size: 18px;
    font-weight: 500;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.btn-form div{
	-ms-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
}
.btn-form:hover{
	background: var(--blanco);
	border: 1px solid var(--blanco);
	color: var(--azul-oscuro);
}
.opening-block .boxInfo:last-child{
	margin-bottom: 0;
}
.boxInfo{
	display: flex;
	margin-bottom: 20px;
	justify-content: center;
}
.boxInfo .contentIcon{
	margin-right: 10px;
}
.boxInfo .contentIcon img{
	width: 40px;
	height: auto;
}
.boxInfo .contentInfo{
	width: 100%;
}
.boxInfo .contentInfo a{
	color: var(--azul-oscuro);
	white-space: pre-line;
	font-weight: 700;
	font-size: 17px;
}
.opening-block:after, .opening-block:before{
	background-color: var(--azul-oscuro)!important;
}

.icon-md img{
	width: 50px;
	height: auto;
}
#service1{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0;
}
#service1 .section-head .title{
	white-space: pre-line;
	color: var(--azul-oscuro);
	line-height: normal;
	font-weight: 700;
}
#service1 .section-head .title span{
	color: var(--azul-claro);
}
#service1 .container-fluid{
	padding: 0 70px;
}
#service1 .wt-tilte{
	margin-bottom: 0;
	color: var(--azul-oscuro);
	font-weight: 700;
	white-space: pre-line;
}
#service1 .wt-icon-box-wraper p{
	color: var(--gris2);
	line-height: normal;
	font-weight: 500;
	word-break: normal;
	white-space: pre-line;
}
#service1 .flexService1{
	display: flex;
	align-items: center;
}
/*#service1 .circle-content-pic{
	margin-top: 45%;
}*/
#service1 .flexService1 .contentPoints{
	min-height: 770px;
}
#service1 .wt-icon-box-wraper.first{
	margin-right: -190px;
}
#service1 .wt-icon-box-wraper.second{
	margin-right: -150px;
}
#service1 .wt-icon-box-wraper.three{
	margin-right: -60px;
}
#service1 .wt-icon-box-wraper.fourth{
	margin-right: -30px;
}
#service1 .wt-icon-box-wraper.five{
	margin-right: 0;
}
#service1 .wt-icon-box-wraper.six{
	margin-right: -30px;
}
#service1 .wt-icon-box-wraper.seven{
	margin-right: -60px;
}
#service1 .wt-icon-box-wraper.eight{
	margin-right: -190px;
}
#service1 .wt-icon-box-wraper.sixteen{
	margin-left: -190px;
}
#service1 .wt-icon-box-wraper.fiveteen{
	margin-left: -150px;
}
#service1 .wt-icon-box-wraper.fourteen{
	margin-left: -60px;
}
#service1 .wt-icon-box-wraper.thirteen{
	margin-left: -30px;
}
#service1 .wt-icon-box-wraper.twelve{
	margin-left: 0;
}
#service1 .wt-icon-box-wraper.eleven{
	margin-left: -30px;
}
#service1 .wt-icon-box-wraper.ten{
	margin-left: -60px;
}
#service1 .wt-icon-box-wraper.nine{
	margin-left: -190px;
}
.wt-icon-box-wraper.eight .icon-md,
.wt-icon-box-wraper.nine .icon-md{
	float: none;
} 

footer{
	padding: 20px 0;
	background: var(--azul-oscuro);
}
footer .flexFooter{
	display: flex;
	align-items: center;
}
footer .flexFooter .footer-left p{
	margin-bottom: 0;
	color: var(--blanco);
}
footer .flexFooter .footer-center{
	text-align: center;
	position: relative;
}
footer .flexFooter .footer-center a{
	color: var(--blanco);
}
footer .flexFooter .footer-center:before{
	content: "";
	position: absolute;
	left: 0;
	width: 2px;
	height: 25px;
	background: var(--blanco);
}
footer .flexFooter .footer-center:after{
	content: "";
	position: absolute;
	right: 0;
	width: 2px;
	height: 25px;
	background: var(--blanco);
}
footer .flexFooter .footer-right{
	text-align: right;
}
footer .flexFooter .footer-right img{
	width: 150px;
	height: auto;
}


.cont-redes-phone{
	display: none;
}

/*Redes Desktop*/
.cont-info-float{position: fixed; top: 40%; right: 5px; z-index: 99;}
.info-float img{width: 50px; display: block; margin: 10px 0; filter: drop-shadow(1px 3px 2px black);}
.cont-redes-phone{display: none;}
.info-float img.face-float{width: 44px; padding: 1px; filter: drop-shadow(2px 4px 2px black); margin-left: 1px;}

/*Animation*/
.info-float:hover img{animation: move linear 2s infinite;}

@keyframes move{
  0%{transform: translateX(-10px);}
  50%{transform: translateX(10px);}
  100%{transform: translateX(-10px);}
}
/**//**//**//**//**//**//**//**//**//**//**//**/
/*Responsive*/
/*Ipad Pro Vertical*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
  	
}

/*Ipad Pro Horizontal*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
  	
}

/*Ipad Horizontal*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	
}

/*Ipad Vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
}

/*Phone Vertical*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){ 
  	.titleSlide, .titleSlide span{font-size: 28px; line-height: 32px; white-space: normal;}
  	#about .reverse{display: flex; flex-direction: column-reverse;}
  	#call-to-action-1 .contentBx .title{font-size: 26px; line-height: normal;}
  	#call-to-action-2 .contentBx .title, #call-to-action-2 .contentBx .subtitle{font-size: 25px;}
  	#service2 .contentBxHead .title{font-size: 23px; line-height: normal; white-space: normal; margin-bottom: 40px;}
  	#weAre .logoWe{text-align: center;}
  	#weAre .logoWe img{width: 200px;}
  	#weAre .contentBx p{text-align-last: left;}
  	#weAre .logoBottom{text-align: center;}
  	.opening-block{padding: 80px 0 80px 50px;}
  	footer{padding: 20px 0 70px;}
  	footer .flexFooter{display: block;}
  	footer .flexFooter .footer-left p{text-align: center; margin-bottom: 20px;}
  	footer .flexFooter .footer-center{margin-bottom: 25px;}
  	footer .flexFooter .footer-right{text-align: center;}
  	footer .flexFooter .footer-center:before, footer .flexFooter .footer-center:after{display: none;}

  	#service1 .section-head .title{font-size: 23px; white-space: normal; margin-bottom: 0;}
  	#service1 .container-fluid{padding: 0 15px;}
  	#service1 .flexService1{display: block;}
  	#service1 .wt-icon-box-wraper.first,
  	#service1 .wt-icon-box-wraper.second,
  	#service1 .wt-icon-box-wraper.three,
  	#service1 .wt-icon-box-wraper.fourth,
  	#service1 .wt-icon-box-wraper.five,
  	#service1 .wt-icon-box-wraper.six,
  	#service1 .wt-icon-box-wraper.seven,
  	#service1 .wt-icon-box-wraper.eight{margin-right: 0;}
  	#service1 .wt-icon-box-wraper.sixteen,
  	#service1 .wt-icon-box-wraper.fiveteen,
  	#service1 .wt-icon-box-wraper.fourteen,
  	#service1 .wt-icon-box-wraper.thirteen,
  	#service1 .wt-icon-box-wraper.twelve,
  	#service1 .wt-icon-box-wraper.eleven,
  	#service1 .wt-icon-box-wraper.ten,
  	#service1 .wt-icon-box-wraper.nine{margin-left: 0;}
  	#service1 .dis-none{display: none;}
  	#service1 .reverse{display: flex; flex-direction: column-reverse;}
  	#service1 .flexService1 .contentPoints{min-height: auto;}
  	#service1 .wt-icon-box-wraper p{white-space: normal;}


  	/*Redes Phone*/
    .cont-info-float{display: none;}
    .cont-redes-phone{display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;}
    .cont-redes-phone .cont-style{border-top: 1px solid var(--negro); display: flex; align-items: center;}
    .whats-phone{font-size: 19px; background: var(--blanco); width: 33.33%; padding: 10px 0; border-right: 1px solid var(--negro);}
    .phone-phone{font-size: 19px; background: var(--blanco); width: 33.33%; padding: 10px 0; border-right: 1px solid var(--negro);}
    .mail-phone{font-size: 19px; background: var(--blanco); width: 33.33%; padding: 10px 0;}
    .whats-phone i, .facebook-phone i. .phone-phone i, .mail-phone i{color: var(--negro)!important;}
}