@charset "utf-8";
.ld-ext-right,.ld-ext-left,.ld-ext-bottom,.ld-ext-top,.ld-over,.ld-over-inverse,.ld-over-full,.ld-over-full-inverse{position:relative;transition:all .3s;transition-timing-function:ease-in}.ld-ext-right>.ld,.ld-ext-left>.ld,.ld-ext-bottom>.ld,.ld-ext-top>.ld,.ld-over>.ld,.ld-over-inverse>.ld,.ld-over-full>.ld,.ld-over-full-inverse>.ld{position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-0.5em;opacity:0;z-index:-1;transition:all .3s;transition-timing-function:ease-in}.ld-ext-right>.ld>*,.ld-ext-left>.ld>*,.ld-ext-bottom>.ld>*,.ld-ext-top>.ld>*,.ld-over>.ld>*,.ld-over-inverse>.ld>*,.ld-over-full>.ld>*,.ld-over-full-inverse>.ld>*{width:1em;height:1em;position:absolute;top:50%;left:50%;transform:translate(-0.5em,-0.5em)}.ld-ext-right.running>.ld,.ld-ext-left.running>.ld,.ld-ext-bottom.running>.ld,.ld-ext-top.running>.ld,.ld-over.running>.ld,.ld-over-inverse.running>.ld,.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld{opacity:1;z-index:auto;visibility:visible}.ld-ext-right.running{padding-right:2.5em !important}.ld-ext-right>.ld{top:50%;left:auto;right:1.25em}.ld-ext-left.running{padding-left:2.5em !important}.ld-ext-left>.ld{top:50%;right:auto;left:1.25em}.ld-ext-bottom.running{padding-bottom:2.5em !important}.ld-ext-bottom>.ld{top:auto;left:50%;bottom:1.25em}.ld-ext-top.running{padding-top:2.5em !important}.ld-ext-top>.ld{bottom:auto;left:50%;top:1.25em}.ld-over:before,.ld-over-inverse:before,.ld-over-full:before,.ld-over-full-inverse:before{content:" ";display:block;opacity:0;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;transition:all .3s;transition-timing-function:ease-in;background:rgba(255,255,255,1)}.ld-over.running>.ld,.ld-over-inverse.running>.ld,.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld{z-index:4001}.ld-over.running:before,.ld-over-inverse.running:before,.ld-over-full.running:before,.ld-over-full-inverse.running:before{opacity:1;z-index:4000;display:block}.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld,.ld-over-full.running:before,.ld-over-full-inverse.running:before{position:fixed}.ld-over-full>.ld{color:rgba(0,0,0,0.8)}.ld-over-full:before,.ld-over-full-inverse:before{background:rgba(255,255,255,1)}.ld-over-inverse>.ld{color:rgba(255,255,255,1)}.ld-over-inverse:before{background:rgba(0,0,0,0.6)}.ld-over-full-inverse>.ld{color:rgba(255,255,255,1)}.ld-over-full-inverse:before{background:rgba(0,0,0,0.6)}

/****************************
COLOR PALLET
****************************/
*	{
	--default:#f1f1f1;
	--primary:#068ec6;
	--secondary:#223a7b;
	--tertiary:#6c90c8;
	--info:#00BCD4;
	--success:#4CAF50;
	--warning:#FFC107;
	--danger:#e53935;
	--hover-default:#dddddd;
	--hover-primary:#0479a9;
	--hover-secondary:#172754;
	--hover-tertiary:#55729e;
	--hover-info:#029fb3;
	--hover-success:#3d8c40;
	--hover-warning:#d29f08;
	--hover-danger:#bf2d28;
	--focus-default:#aaaaaa;
	--focus-primary:#025f86;
	--focus-secondary:#0f1935;
	--focus-tertiary:#445c80;
	--focus-info:#018090;
	--focus-success:#2a632c;
	--focus-warning:#b58906;
	--focus-danger:#a02622;
	--gray:#888888;
	--dark-gray:#444444;
	--light-gray:#f0f0f0;
	--body-color-text:#333333;
	--orange:#da870b;
}

/****************************
ICONS
****************************/
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon/icomoon.eot?3');
	src:  url('../fonts/icomoon/icomoon.eot?3#iefix') format('embedded-opentype'),
		  url('../fonts/icomoon/icomoon.ttf?3') format('truetype'),
		  url('../fonts/icomoon/icomoon.woff?3') format('woff'),
		  url('../fonts/icomoon/icomoon.svg?3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-add-file:before{content:"\e900"}
.icon-admin:before{content:"\e901"}
.icon-arrow-angle-light-bottom:before{content:"\e902"}
.icon-arrow-angle-light-next:before{content:"\e903"}
.icon-arrow-angle-light-prev:before{content:"\e904"}
.icon-arrow-angle-light-top:before{content:"\e905"}
.icon-arrow-angle-regular-bottom:before{content:"\e906"}
.icon-arrow-angle-regular-next:before{content:"\e907"}
.icon-arrow-angle-regular-prev:before{content:"\e908"}
.icon-arrow-angle-regular-top:before{content:"\e909"}
.icon-arrow-angle-strong-bottom:before{content:"\e90a"}
.icon-arrow-angle-strong-next:before{content:"\e90b"}
.icon-arrow-angle-strong-prev:before{content:"\e90c"}
.icon-arrow-angle-strong-top:before{content:"\e90d"}
.icon-arrow-light-bottom:before{content:"\e90e"}
.icon-arrow-light-next:before{content:"\e90f"}
.icon-arrow-light-prev:before{content:"\e910"}
.icon-arrow-light-top:before{content:"\e911"}
.icon-arrow-long-light-bottom:before{content:"\e912"}
.icon-arrow-long-light-next:before{content:"\e913"}
.icon-arrow-long-light-prev:before{content:"\e914"}
.icon-arrow-long-light-top:before{content:"\e915"}
.icon-arrow-long-regular-bottom:before{content:"\e916"}
.icon-arrow-long-regular-next:before{content:"\e917"}
.icon-arrow-long-regular-prev:before{content:"\e918"}
.icon-arrow-long-regular-top:before{content:"\e919"}
.icon-arrow-long-strong-bottom:before{content:"\e91a"}
.icon-arrow-long-strong-next:before{content:"\e91b"}
.icon-arrow-long-strong-prev:before{content:"\e91c"}
.icon-arrow-long-strong-top:before{content:"\e91d"}
.icon-arrow-regular-bottom:before{content:"\e91e"}
.icon-arrow-regular-next:before{content:"\e91f"}
.icon-arrow-regular-prev:before{content:"\e920"}
.icon-arrow-regular-top:before{content:"\e921"}
.icon-arrow-strong-bottom:before{content:"\e922"}
.icon-arrow-strong-next:before{content:"\e923"}
.icon-arrow-strong-prev:before{content:"\e924"}
.icon-arrow-strong-top:before{content:"\e925"}
.icon-audio:before{content:"\e926"}
.icon-backward:before{content:"\e927"}
.icon-calculator:before{content:"\e928"}
.icon-calendar-outline:before{content:"\e929"}
.icon-calendar:before{content:"\e92a"}
.icon-camera:before{content:"\e92b"}
.icon-caution:before{content:"\e92c"}
.icon-chart:before{content:"\e92d"}
.icon-check-box:before{content:"\e92e"}
.icon-check-circle-outline:before{content:"\e92f"}
.icon-check-circle:before{content:"\e930"}
.icon-check-light:before{content:"\e931"}
.icon-check:before{content:"\e932"}
.icon-clock:before{content:"\e933"}
.icon-close-circle-outline:before{content:"\e934"}
.icon-close-circle:before{content:"\e935"}
.icon-close-light:before{content:"\e936"}
.icon-close:before{content:"\e937"}
.icon-company:before{content:"\e938"}
.icon-config:before{content:"\e939"}
.icon-Copia-de-view:before{content:"\e93a"}
.icon-delete:before{content:"\e93b"}
.icon-dislike-outline:before{content:"\e93c"}
.icon-dislike:before{content:"\e93d"}
.icon-doc:before{content:"\e93e"}
.icon-download:before{content:"\e93f"}
.icon-drag:before{content:"\e940"}
.icon-edit:before{content:"\e941"}
.icon-erease:before{content:"\e942"}
.icon-facebook:before{content:"\e943"}
.icon-fast-backward:before{content:"\e944"}
.icon-fast-forward:before{content:"\e945"}
.icon-file:before{content:"\e946"}
.icon-filter-outline:before{content:"\e947"}
.icon-filter:before{content:"\e948"}
.icon-forward:before{content:"\e949"}
.icon-gallery:before{content:"\e94a"}
.icon-heart-outline:before{content:"\e94b"}
.icon-heart:before{content:"\e94c"}
.icon-help:before{content:"\e94d"}
.icon-home:before{content:"\e94e"}
.icon-info:before{content:"\e94f"}
.icon-instagram:before{content:"\e950"}
.icon-job:before{content:"\e951"}
.icon-language:before{content:"\e952"}
.icon-less-circle-outline:before{content:"\e953"}
.icon-less-circle:before{content:"\e954"}
.icon-less-light:before{content:"\e955"}
.icon-less:before{content:"\e956"}
.icon-like-outline:before{content:"\e957"}
.icon-like:before{content:"\e958"}
.icon-link-window:before{content:"\e959"}
.icon-link:before{content:"\e95a"}
.icon-linkedin:before{content:"\e95b"}
.icon-location-outline:before{content:"\e95c"}
.icon-location:before{content:"\e95d"}
.icon-mail-outline:before{content:"\e95e"}
.icon-mail:before{content:"\e95f"}
.icon-menu-light:before{content:"\e960"}
.icon-menu-list:before{content:"\e961"}
.icon-menu:before{content:"\e962"}
.icon-message-outline:before{content:"\e963"}
.icon-message:before{content:"\e964"}
.icon-mobile:before{content:"\e965"}
.icon-moon:before{content:"\e966"}
.icon-newsletter:before{content:"\e967"}
.icon-notification:before{content:"\e968"}
.icon-paperclip:before{content:"\e969"}
.icon-password:before{content:"\e96a"}
.icon-pause:before{content:"\e96b"}
.icon-pdf:before{content:"\e96c"}
.icon-phone-call-outline:before{content:"\e96d"}
.icon-phone-call:before{content:"\e96e"}
.icon-phone-outline:before{content:"\e96f"}
.icon-phone:before{content:"\e970"}
.icon-photo:before{content:"\e971"}
.icon-pinterest:before{content:"\e972"}
.icon-plane:before{content:"\e973"}
.icon-play:before{content:"\e974"}
.icon-plus-circle-outline:before{content:"\e975"}
.icon-plus-circle:before{content:"\e976"}
.icon-plus-light:before{content:"\e977"}
.icon-plus:before{content:"\e978"}
.icon-print:before{content:"\e979"}
.icon-refresh:before{content:"\e97a"}
.icon-rocket:before{content:"\e97b"}
.icon-save:before{content:"\e97c"}
.icon-search:before{content:"\e97d"}
.icon-session:before{content:"\e97e"}
.icon-share-outline:before{content:"\e97f"}
.icon-share:before{content:"\e980"}
.icon-shipping:before{content:"\e981"}
.icon-shopping-cart-outline:before{content:"\e982"}
.icon-shopping-cart:before{content:"\e983"}
.icon-shopping-bag-outline:before{content:"\e984"}
.icon-shopping-bag:before{content:"\e985"}
.icon-shopping-basket-outline:before{content:"\e986"}
.icon-shopping-basket:before{content:"\e987"}
.icon-star-outline:before{content:"\e988"}
.icon-star:before{content:"\e989"}
.icon-stop:before{content:"\e98a"}
.icon-stores:before{content:"\e98b"}
.icon-sun:before{content:"\e98c"}
.icon-threads:before{content:"\e98d"}
.icon-tiktok:before{content:"\e98e"}
.icon-tumblr:before{content:"\e98f"}
.icon-twitter-old:before{content:"\e990"}
.icon-twitter-x:before{content:"\e991"}
.icon-upload:before{content:"\e992"}
.icon-user-circle-outline:before{content:"\e993"}
.icon-user-circle:before{content:"\e994"}
.icon-user-outline:before{content:"\e995"}
.icon-user:before{content:"\e996"}
.icon-users:before{content:"\e997"}
.icon-video:before{content:"\e998"}
.icon-view-close:before{content:"\e999"}
.icon-view:before{content:"\e99a"}
.icon-vimeo:before{content:"\e99b"}
.icon-warning:before{content:"\e99c"}
.icon-website:before{content:"\e99d"}
.icon-whatsapp-outline:before{content:"\e99e"}
.icon-whatsapp:before{content:"\e99f"}
.icon-xlsx:before{content:"\e9a0"}
.icon-youtube:before{content:"\e9a1"}
.icon-zoom-in:before{content:"\e9a2"}
.icon-zoom-out:before{content:"\e9a3"}

/****************************
NORMALIZE
****************************/
*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;outline:none}
html{overflow-y:scroll; overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,sub,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{background:#ffffff;color:var(--body-color-text);font-family:'Poppins', Arial, Helvetica, sans-serif; font-size:16px; font-weight:200;margin:0;counter-reset:contador;}
a{background:transparent;color: var(--primary);;cursor:pointer;text-decoration:none}
a:focus{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:70%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:0;line-height:0}
img{border:0;height:auto;max-width:100%}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button{cursor:pointer}
button,input,select,textarea{font-family:inherit;font-size:100%;font-size:14px;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
ul{list-style:none}
a,a:after,a:before,a *:after,a *:before,button,button:after,button:before,input[type="submit"],button[type="submit"],input[type="reset"],button[type="reset"],article, a figure:before,span,span:after,span:before,span *:after{
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
/**************************
BACKGROUNDS
**************************/
.bg-default{background-color:var(--default);}
.bg-primary{background-color:var(--primary);}
.bg-secondary{background-color:var(--secondary);}
.bg-tertiary{background-color:var(--tertiary);}
.bg-info{background-color:var(--info);}
.bg-success{background-color:var(--success);}
.bg-warning{background-color:var(--warning);}
.bg-danger{background-color:var(--danger);}
.bg-white{background-color:#ffffff}
.bg-black{background-color:#000000}
.bg-gray{background-color:var(--gray)}
.bg-dark-gray{background-color:var(--dark-gray)}
.bg-light-gray{background-color:var(--light-gray)}
.bg-light-blue{background-color:#f8fbfd}
/**************************
BUTTONS
**************************/
button{
	border: 0!important;
	background-color: transparent
}
.btn-small {
	border: 0;
	-moz-border-radius: .25rem;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	display: inline-block;
	font-size: 12px;
	outline: none;
	padding: 0.625rem 1rem;
	min-width: 80px;
	text-align: center
}
.btn {
	color: #fff;
	border: 0;
	display: inline-block;
	-moz-border-radius: .25rem;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	outline: none;
	padding: 0.625rem 1rem;
	min-width: 120px;
	text-align: center
}
.btn:hover {
	background: #000;
}
.btn-default{background-color:var(--default); border:1px solid var(--default); color:#444444}
.btn-primary{background-color:var(--primary); border:1px solid var(--primary); color:#ffffff}
.btn-secondary{background-color:var(--secondary); border:1px solid var(--secondary); color:#ffffff}
.btn-tertiary{background-color:var(--tertiary); border:1px solid var(--tertiary); color:#ffffff}
.btn-info{background-color:var(--info); border:1px solid var(--info); color:#ffffff}
.btn-success{background-color:var(--success); border:1px solid var(--success); color:#ffffff}
.btn-warning{background-color:var(--warning); border:1px solid var(--warning); color:#ffffff}
.btn-danger{background-color:var(--danger); border:1px solid var(--danger); color:#ffffff}
.btn-orange{background-color:var(--orange); border:1px solid var(--orange); color:#ffffff}

.btn-default:hover{background-color:var(--hover-default);color:#444444}
.btn-primary:hover{background-color:var(--hover-primary);color:#ffffff}
.btn-secondary:hover{background-color:var(--hover-secondary);color:#ffffff}
.btn-tertiary:hover{background-color:var(--hover-tertiary);color:#ffffff}
.btn-info:hover{background-color:var(--hover-info);color:#ffffff}
.btn-success:hover{background-color:var(--hover-success);color:#ffffff}
.btn-warning:hover{background-color:var(--hover-warning);color:#ffffff}
.btn-danger:hover{background-color:var(--hover-danger);color:#ffffff}
.btn-orange:hover{background-color:var(--orange); border:1px solid var(--fourth); color:#ffffff}

.btn-outline-default{border:1px solid var(--default);color:#444444}
.btn-outline-primary{border:1px solid var(--primary);color:var(--primary)}
.btn-outline-secondary{border:1px solid var(--secondary);color:var(--secondary)}
.btn-outline-tertiary{border:1px solid var(--tertiary);color:var(--tertiary)}
.btn-outline-info{border:1px solid var(--info);color:var(--info)}
.btn-outline-success{border:1px solid var(--success);color:var(--success)}
.btn-outline-warning{border:1px solid var(--warning);color:var(--warning)}
.btn-outline-danger{border:1px solid var(--danger);color:var(--danger)}

.btn-outline-default:hover{background: var(--default) ;color:#444444}
.btn-outline-primary:hover{background: var(--primary) ;color:#ffffff}
.btn-outline-secondary:hover{background: var(--secondary) ;color:#ffffff}
.btn-outline-info:hover{background: var(--info) ;color:#ffffff}
.btn-outline-success:hover{background: var(--success) ;color:#ffffff}
.btn-outline-warning:hover{background: var(--warning) ;color:#ffffff}
.btn-outline-danger:hover{background: var(--danger) ;color:#ffffff}

.btn-default:focus,
.btn-default.active,
.btn-outline-default:focus,
.btn-outline-default.active{
	background-color:var(--focus-default);color:#444444
}
.btn-primary:focus,
.btn-primary.active,
.btn-outline-primary:focus,
.btn-outline-primary.active{
	background-color:var(--focus-primary);color:#ffffff
}
.btn-secondary:focus,
.btn-secondary.active,
.btn-outline-secondary:focus,
.btn-outline-secondary.active{
	background-color:var(--focus-secondary);color:#ffffff
}
.btn-tertiary:focus,
.btn-tertiary.active,
.btn-outline-tertiary:focus,
.btn-outline-tertiary.active{
	background-color:var(--focus-tertiary);color:#ffffff
}
.btn-info:focus,
.btn-info.active,
.btn-outline-info:focus,
.btn-outline-info.active{
	background-color:var(--focus-info);color:#ffffff
}
.btn-success:focus,
.btn-success.active,
.btn-outline-success:focus,
.btn-outline-success.active{
	background-color:var(--focus-success);color:#ffffff
}
.btn-warning:focus,
.btn-warning.active,
.btn-outline-warning:focus,
.btn-outline-warning.active{
	background-color:var(--focus-warning);color:#ffffff
}
.btn-danger:focus,
.btn-danger.active,
.btn-outline-danger:focus,
.btn-outline-danger.active{
	background-color:var(--focus-danger);color:#ffffff
}

.btn-square{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}
.btn-pill{
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}
.btn-medium{min-width: 25%}
.btn-large{min-width: 50%}
.btn-full{min-width: 100%}
.btn i{
	margin-right: 5px
}
.square{
	text-align: center;
	min-width: inherit
}
.square i{
	margin: 0;
}
.square span{
	display: block
}
button[disabled],
button:disabled,
button[disabled]:hover,
button:disabled:hover,
button[disabled]:focus,
button:disabled:focus{
	border:1px solid #f1f1f1;
	background-color: #f1f1f1;
	color:#333;
	opacity: .5
}

@media screen and  (max-width : 991px) {
	.btn-medium-mg{min-width: 25%}
	.btn-large-mg{min-width: 50%}
	.btn-full-mg{min-width: 100%}
}

@media screen and  (max-width : 736px) {
	.btn{font-size:13px}
	.btn-medium-md{min-width: 25%}
	.btn-large-md{min-width: 50%}
	.btn-full-md{min-width: 100%}
	.has-icon span{
		display: none;
	}
	.btn.has-icon i{
		margin: 0
	}
	.has-icon{
		min-width: 30px;
	}
	.has-icon-mobile{
		-moz-border-radius: .25rem;
		-webkit-border-radius: .25rem;
		border-radius: .25rem;
		margin-left:0!important;
		margin-right:0!important;
		padding: 0.625rem;
		min-width: 10px;
		max-width: 82px;
	}
	.has-icon-mobile i{
		display: block;
	}
	.has-icon-mobile span{
		display: block;
	}
}

@media screen and  (max-width : 480px) {
	.btn-medium-sm{min-width: 25%}
	.btn-large-sm{min-width: 50%}
	.btn-full-sm{min-width: 100%}
}
/**************************
COLORES TEXTO
**************************/
.c-default{color: var(--default)}
.c-primary{color: var(--primary)}
.c-secondary{color: var(--secondary)}
.c-tertiary{color: var(--tertiary)}
.c-info{color: var(--info)}
.c-success{color: var(--success)}
.c-warning{color: var(--warning)}
.c-danger{color: var(--danger)}
.c-body{color: var(--body-color-text)}
.c-black{color: #000}
.c-gray{color: #888888}
.c-dark-gray{color: #2d2d2d}
.c-light-gray{color: #f0f0f0}
.c-white{color: #ffffff}

/**************************
FLEX
**************************/
.d-flex{
	display: -ms-flexbox;
    display: flex
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}
.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}
.align-items-center{align-items: center}
.align-items-start{align-items: flex-start}
.align-items-end{align-items: flex-end}
.align-items-baseline{align-items: baseline}
.align-items-baseline{align-items: baseline}

.justify-content-center{justify-content: center}
.justify-content-start{justify-content: flex-start}
.justify-content-end{justify-content: flex-end}
.justify-content-between{justify-content: space-between}
.justify-content-around{justify-content: space-around}
.justify-content-evenly{justify-content: space-evenly}

/****************************
GRIDS
****************************/
[class^=col-], [class*=" col-"]{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	display:inline-block;
	margin:0 -2px;
	vertical-align:top;
}
.col-xl-1 {width: 8.33333%;max-width: 8.33333%;}
.col-xl-2 {width: 16.666%;max-width: 16.666%;}
.col-xl-3 {width: 25%;max-width: 25%;}
.col-xl-4 {width: 33.3333%;max-width: 33.3333%;}
.col-xl-5 {width: 41.66667%;max-width: 41.66667%;}
.col-xl-5-1 {width: 20%;max-width: 20%;}
.col-xl-6 {width: 50%;max-width: 50%;}
.col-xl-7 {width: 58.33333%;max-width: 58.33333%;}
.col-xl-8 {width: 66.66667%;max-width: 66.6666%;}
.col-xl-9 {width: 75%;max-width: 75%;}
.col-xl-10 {width: 83.33333%;max-width: 83.33333%;}
.col-xl-11 {width: 91.66667%;max-width: 91.66667%;}
.col-xl-12 {width: 100%;max-width: 100%;margin:0;}

@media screen and  (max-width : 1440px) {
	.col-lg-1 {width: 8.33333%;max-width: 8.33333%;}
	.col-lg-2 {width: 16.666%;max-width: 16.666%;}
	.col-lg-3 {width: 25%;max-width: 25%;}
	.col-lg-4 {width: 33.33%;max-width: 33.3333%;}
	.col-lg-5 {width: 41.6666%;max-width: 41.66667%;}
	.col-lg-5-1{width:20%;max-width: 20%;}
	.col-lg-6 {width: 50%;max-width: 50%;}
	.col-lg-7 {width: 58.33333%;max-width: 58.33333%;}
	.col-lg-8 {width: 66.6666%;max-width: 66.6666%;}
	.col-lg-9 {width: 75%;max-width: 75%;}
	.col-lg-10 {width: 83.33333%;max-width: 83.33333%;}
	.col-lg-11 {width: 91.6666%;max-width: 91.66667%;}
	.col-lg-12 {width: 100%;margin-left:0;margin-right:0;max-width: 100%}
}

@media screen and  (max-width : 1025px) {
	.col-lc-1 {width: 8.33333%; max-width: 8.33333%;}
	.col-lc-2 {width: 16.666%; max-width: 16.666%;}
	.col-lc-3 {width: 25%; max-width: 25%;}
	.col-lc-4 {width: 33.33%; max-width: 33.3333%;}
	.col-lc-5 {width: 41.6666%; max-width: 41.66667%;}
	.col-lc-5-1 {width: 20%; max-width: 20%;}
	.col-lc-6 {width: 50%; max-width: 50%;}
	.col-lc-7 {width: 58.33333%; max-width: 58.33333%;}
	.col-lc-8 {width: 66.6666%; max-width: 66.6666%;}
	.col-lc-9 {width: 75%; max-width: 75%;}
	.col-lc-10 {width: 83.33333%; max-width: 83.33333%;}
	.col-lc-11 {width: 91.6666%; max-width: 91.66667%;}
	.col-lc-12 {width: 100%;margin-left:0;margin-right:0;max-width: 100%}
}

@media screen and  (max-width : 991px) {
	.col-mg-1 {width: 8.33333%; max-width: 8.33333%;}
	.col-mg-2 {width: 16.666%; max-width: 16.666%;}
	.col-mg-3 {width: 25%; max-width: 25%;}
	.col-mg-4 {width: 33.33%; max-width: 33.3333%;}
	.col-mg-5 {width: 41.6666%; max-width: 41.66667%;}
	.col-mg-5-1 {width: 20%; max-width: 20%;}
	.col-mg-6 {width: 50%; max-width: 50%;}
	.col-mg-7 {width: 58.33333%; max-width: 58.33333%;}
	.col-mg-8 {width: 66.6666%; max-width: 66.6666%;}
	.col-mg-9 {width: 75%; max-width: 75%;}
	.col-mg-10 {width: 83.33333%; max-width: 83.33333%;}
	.col-mg-11 {width: 91.6666%; max-width: 91.66667%;}
	.col-mg-12 {width: 100%;margin-left:0;margin-right:0;max-width: 100%}
}

@media screen and  (max-width : 736px) {
	.col-md-1 {width: 8.33333%; max-width: 8.33333%;}
	.col-md-2 {width: 16.666%; max-width: 16.666%;}
	.col-md-3 {width: 25%; max-width: 25%;}
	.col-md-4 {width: 33.33%; max-width: 33.3333%;}
	.col-md-5 {width: 41.6666%; max-width: 41.66667%;}
	.col-md-5-1 {width: 20%; max-width: 20%;}
	.col-md-6 {width: 50%; max-width: 50%;}
	.col-md-7 {width: 58.33333%; max-width: 58.33333%;}
	.col-md-8 {width: 66.6666%; max-width: 66.6666%;}
	.col-md-9 {width: 75%; max-width: 75%;}
	.col-md-10 {width: 83.33333%; max-width: 83.33333%;}
	.col-md-11 {width: 91.6666%; max-width: 91.66667%;}
	.col-md-12 {width: 100%;margin-left:0;margin-right:0;max-width: 100%}
}

@media screen and  (max-width : 568px) {
	.col-sm-1 {width: 8.33333%; max-width: 8.33333%;}
	.col-sm-2 {width: 16.666%; max-width: 16.666%;}
	.col-sm-3 {width: 25%; max-width: 25%;}
	.col-sm-4 {width: 33.33%; max-width: 33.3333%;}
	.col-sm-5 {width: 41.6666%; max-width: 41.66667%;}
	.col-sm-5-1 {width: 20%; max-width: 20%;}
	.col-sm-6 {width: 50%; max-width: 50%;}
	.col-sm-7 {width: 58.33333%; max-width: 58.33333%;}
	.col-sm-8 {width: 66.6666%; max-width: 66.6666%;}
	.col-sm-9 {width: 75%; max-width: 75%;}
	.col-sm-10 {width: 83.33333%; max-width: 83.33333%;}
	.col-sm-11 {width: 91.6666%; max-width: 91.66667%;}
	.col-sm-12 {width: 100%;margin-left:0;margin-right:0;max-width: 100%}
}

@media screen and  (max-width : 480px) {
	.col-xs-1 {width: 8.33333%; max-width: 8.33333%;}
	.col-xs-2 {width: 16.666%; max-width: 16.666%;}
	.col-xs-3 {width: 25%; max-width: 25%;}
	.col-xs-4 {width: 33.33%; max-width: 33.3333%;}
	.col-xs-5 {width: 41.6666%; max-width: 41.66667%;}
	.col-xs-5-1 {width: 20%; max-width: 20%;}
	.col-xs-6 {width: 50%; max-width: 50%;}
	.col-xs-7 {width: 58.33333%; max-width: 58.33333%;}
	.col-xs-8 {width: 66.6666%; max-width: 66.6666%;}
	.col-xs-9 {width: 75%; max-width: 75%;}
	.col-xs-10 {width: 83.33333%; max-width: 83.33333%;}
	.col-xs-11 {width: 91.6666%; max-width: 91.66667%;}
	.col-xs-12 {width: 100%;margin-left:0;margin-right:0;max-width: 100%}
}
/**************************
TITLES
**************************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: inherit
}
.h1,h1 {font-size: 25px}
.h2,h2 {font-size: 22px}
.h3,h3 {font-size: 19px}
.h4,h4 {font-size: 16px}
.h5,h5 {font-size: 13px}
.h6,h6 {font-size: 10px}
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child,
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{
	margin-bottom: 0
}

.title-small {font-size:23px}
.title {font-size:40px}
.title-large {font-size:50px}
.subtitle {font-size:18px}

/**************************
.tb-bottom	=	title border bottom
.tb-left	=	title border left
.tb-right	=	title border right
.tb-top		=	title border top
**************************/
.tb-bottom,
.tb-left,
.tb-right,
.tb-top,
.full-tb-bottom,
.full-tb-top,
.tb-center-float{
	position:relative;
}
.tb-left{
	padding-left: 10px;
}
.tb-right{
	padding-right: 10px;
}
.tb-bottom:after,
.tb-left:before,
.tb-right:after,
.tb-top:before,
.full-tb-bottom:after,
.full-tb-top:before,
.tb-center-float:before{
	content:'';
	display:block;
}
.full-tb-bottom:after,
.full-tb-top:before{
	width:100%
}
.tb-bottom:after{
	border-bottom:1px solid #dddddd;
	margin-top: 10px;
	width: 100px;
}
.tb-top:before{
	border-top:1px solid #dddddd;
	margin-bottom: 10px;
	width: 100px;
}
.tb-left:before,
.tb-right:after{
	top: 0;
	height: 100%;
	position: absolute
}
.tb-left:before{
	border-left:5px solid #dddddd;
	left: 0
}
.tb-right:after{
	border-right:5px solid #dddddd;
	right: 0
}
.tb-center-float:before{
	border-bottom:1px solid #dddddd;
	left: 0;
	top: 50%;
	position: absolute;
	width: 100%;
}

.tb-center-float strong,
.tb-center-float span {
	background:#fff;
	display:inline-block;
	padding-right:10px;
	position:relative;
	z-index:2
}
@media screen and  (max-width : 1366px) {
	.title-small {font-size:19px}
	.title {font-size:30px}
	.title-large {font-size:36px}
	.subtitle {font-size:16px}
}

@media screen and  (max-width : 736px) {
	.h1,h1 {font-size: 22px}
	.h2,h2 {font-size: 19px}
	.h3,h3 {font-size: 16px}
	.h4,h4 {font-size: 13px}
	.h5,h5 {font-size: 10px}
	.h6,h6 {font-size: 7px}

	.title-small {font-size:19px}
	.title {font-size:22px}
	.title-large {font-size:36px}
	.subtitle {font-size:16px}
}

/**************************
OTROS
**************************/
.full-width{
	width: 100%
}

/**************************
PADDINGS
**************************/
.np{padding:0}
.npx{padding-left:0;padding-right:0}
.npy{padding-bottom:0;padding-top:0}
.npb{padding-bottom:0}
.npl{padding-left:0}
.npr{padding-right:0}
.npt{padding-top:0}

.p-1{padding:1rem}
.p-2{padding:2rem}
.p-3{padding:3rem}
.p-4{padding:4rem}
.p-5{padding:5rem}

.py-1{padding-bottom:1rem;padding-top:1rem}
.py-2{padding-bottom:2rem;padding-top:2rem}
.py-3{padding-bottom:3rem;padding-top:3rem}
.py-4{padding-bottom:4rem;padding-top:4rem}
.py-5{padding-bottom:5rem;padding-top:5rem}

.pb-1{padding-bottom:1rem}
.pb-2{padding-bottom:2rem}
.pb-3{padding-bottom:3rem}
.pb-4{padding-bottom:4rem}
.pb-5{padding-bottom:5rem}

.pt-1{padding-top:1rem}
.pt-2{padding-top:2rem}
.pt-3{padding-top:3rem}
.pt-4{padding-top:4rem}
.pt-5{padding-top:5rem}

.px-1{padding-left:1rem;padding-right:1rem}
.px-2{padding-left:2rem;padding-right:2rem}
.px-3{padding-left:3rem;padding-right:3rem}
.px-4{padding-left:4rem;padding-right:4rem}
.px-5{padding-left:5rem;padding-right:5rem}

.pl-1{padding-left:1rem}
.pl-2{padding-left:2rem}
.pl-3{padding-left:3rem}
.pl-4{padding-left:4rem}
.pl-5{padding-left:5rem}

.pr-1{padding-right:1rem}
.pr-2{padding-right:2rem}
.pr-3{padding-right:3rem}
.pr-4{padding-right:4rem}
.pr-5{padding-right:5rem}

@media screen and  (max-width : 1440px) {
	.np-lg{padding:0}
	.npx-lg{padding-left:0;padding-right:0}
	.npy-lg{padding-bottom:0;padding-top:0}
	.npb-lg{padding-bottom:0}
	.npl-lg{padding-left:0}
	.npr-lg{padding-right:0}
	.npt-lg{padding-top:0}

	.p-1-lg{padding:1rem}
	.p-2-lg{padding:2rem}
	.p-3-lg{padding:3rem}
	.p-4-lg{padding:4rem}
	.p-5-lg{padding:5rem}

	.py-1-lg{padding-bottom:1rem;padding-top:1rem}
	.py-2-lg{padding-bottom:2rem;padding-top:2rem}
	.py-3-lg{padding-bottom:3rem;padding-top:3rem}
	.py-4-lg{padding-bottom:4rem;padding-top:4rem}
	.py-5-lg{padding-bottom:5rem;padding-top:5rem}

	.pb-1-lg{padding-bottom:1rem}
	.pb-2-lg{padding-bottom:2rem}
	.pb-3-lg{padding-bottom:3rem}
	.pb-4-lg{padding-bottom:4rem}
	.pb-5-lg{padding-bottom:5rem}

	.pt-1-lg{padding-top:1rem}
	.pt-2-lg{padding-top:2rem}
	.pt-3-lg{padding-top:3rem}
	.pt-4-lg{padding-top:4rem}
	.pt-5-lg{padding-top:5rem}

	.px-1-lg{padding-left:1rem;padding-right:1rem}
	.px-2-lg{padding-left:2rem;padding-right:2rem}
	.px-3-lg{padding-left:3rem;padding-right:3rem}
	.px-4-lg{padding-left:4rem;padding-right:4rem}
	.px-5-lg{padding-left:5rem;padding-right:5rem}

	.pl-1-lg{padding-left:1rem}
	.pl-2-lg{padding-left:2rem}
	.pl-3-lg{padding-left:3rem}
	.pl-4-lg{padding-left:4rem}
	.pl-5-lg{padding-left:5rem}

	.pr-1-lg{padding-right:1rem}
	.pr-2-lg{padding-right:2rem}
	.pr-3-lg{padding-right:3rem}
	.pr-4-lg{padding-right:4rem}
	.pr-5-lg{padding-right:5rem}
}

@media screen and  (max-width : 1025px) {
	.np-lc{padding:0}
	.npx-lc{padding-left:0;padding-right:0}
	.npy-lc{padding-bottom:0;padding-top:0}
	.npb-lc{padding-bottom:0}
	.npl-lc{padding-left:0}
	.npr-lc{padding-right:0}
	.npt-lc{padding-top:0}

	.p-1-lc{padding:1rem}
	.p-2-lc{padding:2rem}
	.p-3-lc{padding:3rem}
	.p-4-lc{padding:4rem}
	.p-5-lc{padding:5rem}

	.py-1-lc{padding-bottom:1rem;padding-top:1rem}
	.py-2-lc{padding-bottom:2rem;padding-top:2rem}
	.py-3-lc{padding-bottom:3rem;padding-top:3rem}
	.py-4-lc{padding-bottom:4rem;padding-top:4rem}
	.py-5-lc{padding-bottom:5rem;padding-top:5rem}

	.pb-1-lc{padding-bottom:1rem}
	.pb-2-lc{padding-bottom:2rem}
	.pb-3-lc{padding-bottom:3rem}
	.pb-4-lc{padding-bottom:4rem}
	.pb-5-lc{padding-bottom:5rem}

	.pt-1-lc{padding-top:1rem}
	.pt-2-lc{padding-top:2rem}
	.pt-3-lc{padding-top:3rem}
	.pt-4-lc{padding-top:4rem}
	.pt-5-lc{padding-top:5rem}

	.px-1-lc{padding-left:1rem;padding-right:1rem}
	.px-2-lc{padding-left:2rem;padding-right:2rem}
	.px-3-lc{padding-left:3rem;padding-right:3rem}
	.px-4-lc{padding-left:4rem;padding-right:4rem}
	.px-5-lc{padding-left:5rem;padding-right:5rem}

	.pl-1-lc{padding-left:1rem}
	.pl-2-lc{padding-left:2rem}
	.pl-3-lc{padding-left:3rem}
	.pl-4-lc{padding-left:4rem}
	.pl-5-lc{padding-left:5rem}

	.pr-1-lc{padding-right:1rem}
	.pr-2-lc{padding-right:2rem}
	.pr-3-lc{padding-right:3rem}
	.pr-4-lc{padding-right:4rem}
	.pr-5-lc{padding-right:5rem}
}

@media screen and  (max-width : 991px) {
	.np-mg{padding:0}
	.npx-mg{padding-left:0;padding-right:0}
	.npy-mg{padding-bottom:0;padding-top:0}
	.npb-mg{padding-bottom:0}
	.npl-mg{padding-left:0}
	.npr-mg{padding-right:0}
	.npt-mg{padding-top:0}

	.p-1-mg{padding:1rem}
	.p-2-mg{padding:2rem}
	.p-3-mg{padding:3rem}
	.p-4-mg{padding:4rem}
	.p-5-mg{padding:5rem}

	.py-1-mg{padding-bottom:1rem;padding-top:1rem}
	.py-2-mg{padding-bottom:2rem;padding-top:2rem}
	.py-3-mg{padding-bottom:3rem;padding-top:3rem}
	.py-4-mg{padding-bottom:4rem;padding-top:4rem}
	.py-5-mg{padding-bottom:5rem;padding-top:5rem}

	.pb-1-mg{padding-bottom:1rem}
	.pb-2-mg{padding-bottom:2rem}
	.pb-3-mg{padding-bottom:3rem}
	.pb-4-mg{padding-bottom:4rem}
	.pb-5-mg{padding-bottom:5rem}

	.pt-1-mg{padding-top:1rem}
	.pt-2-mg{padding-top:2rem}
	.pt-3-mg{padding-top:3rem}
	.pt-4-mg{padding-top:4rem}
	.pt-5-mg{padding-top:5rem}

	.px-1-mg{padding-left:1rem;padding-right:1rem}
	.px-2-mg{padding-left:2rem;padding-right:2rem}
	.px-3-mg{padding-left:3rem;padding-right:3rem}
	.px-4-mg{padding-left:4rem;padding-right:4rem}
	.px-5-mg{padding-left:5rem;padding-right:5rem}

	.pl-1-mg{padding-left:1rem}
	.pl-2-mg{padding-left:2rem}
	.pl-3-mg{padding-left:3rem}
	.pl-4-mg{padding-left:4rem}
	.pl-5-mg{padding-left:5rem}

	.pr-1-mg{padding-right:1rem}
	.pr-2-mg{padding-right:2rem}
	.pr-3-mg{padding-right:3rem}
	.pr-4-mg{padding-right:4rem}
	.pr-5-mg{padding-right:5rem}
}
@media screen and  (max-width : 736px) {
	.np-md{padding:0}
	.npx-md{padding-left:0;padding-right:0}
	.npy-md{padding-bottom:0;padding-top:0}
	.npb-md{padding-bottom:0}
	.npl-md{padding-left:0}
	.npr-md{padding-right:0}
	.npt-md{padding-top:0}

	.p-1-md{padding:1rem}
	.p-2-md{padding:2rem}
	.p-3-md{padding:3rem}
	.p-4-md{padding:4rem}
	.p-5-md{padding:5rem}

	.py-1-md{padding-bottom:1rem;padding-top:1rem}
	.py-2-md{padding-bottom:2rem;padding-top:2rem}
	.py-3-md{padding-bottom:3rem;padding-top:3rem}
	.py-4-md{padding-bottom:4rem;padding-top:4rem}
	.py-5-md{padding-bottom:5rem;padding-top:5rem}

	.pb-1-md{padding-bottom:1rem}
	.pb-2-md{padding-bottom:2rem}
	.pb-3-md{padding-bottom:3rem}
	.pb-4-md{padding-bottom:4rem}
	.pb-5-md{padding-bottom:5rem}

	.pt-1-md{padding-top:1rem}
	.pt-2-md{padding-top:2rem}
	.pt-3-md{padding-top:3rem}
	.pt-4-md{padding-top:4rem}
	.pt-5-md{padding-top:5rem}

	.px-1-md{padding-left:1rem;padding-right:1rem}
	.px-2-md{padding-left:2rem;padding-right:2rem}
	.px-3-md{padding-left:3rem;padding-right:3rem}
	.px-4-md{padding-left:4rem;padding-right:4rem}
	.px-5-md{padding-left:5rem;padding-right:5rem}

	.pl-1-md{padding-left:1rem}
	.pl-2-md{padding-left:2rem}
	.pl-3-md{padding-left:3rem}
	.pl-4-md{padding-left:4rem}
	.pl-5-md{padding-left:5rem}

	.pr-1-md{padding-right:1rem}
	.pr-2-md{padding-right:2rem}
	.pr-3-md{padding-right:3rem}
	.pr-4-md{padding-right:4rem}
	.pr-5-md{padding-right:5rem}
}
@media screen and  (max-width : 480px) {
	.np-xs{padding:0}
	.npx-xs{padding-left:0;padding-right:0}
	.npy-xs{padding-bottom:0;padding-top:0}
	.npb-xs{padding-bottom:0}
	.npl-xs{padding-left:0}
	.npr-xs{padding-right:0}
	.npt-xs{padding-top:0}

	.p-1-xs{padding:1rem}
	.p-2-xs{padding:2rem}
	.p-3-xs{padding:3rem}
	.p-4-xs{padding:4rem}
	.p-5-xs{padding:5rem}

	.py-1-xs{padding-bottom:1rem;padding-top:1rem}
	.py-2-xs{padding-bottom:2rem;padding-top:2rem}
	.py-3-xs{padding-bottom:3rem;padding-top:3rem}
	.py-4-xs{padding-bottom:4rem;padding-top:4rem}
	.py-5-xs{padding-bottom:5rem;padding-top:5rem}

	.pb-1-xs{padding-bottom:1rem}
	.pb-2-xs{padding-bottom:2rem}
	.pb-3-xs{padding-bottom:3rem}
	.pb-4-xs{padding-bottom:4rem}
	.pb-5-xs{padding-bottom:5rem}

	.pt-1-xs{padding-top:1rem}
	.pt-2-xs{padding-top:2rem}
	.pt-3-xs{padding-top:3rem}
	.pt-4-xs{padding-top:4rem}
	.pt-5-xs{padding-top:5rem}

	.px-1-xs{padding-left:1rem;padding-right:1rem}
	.px-2-xs{padding-left:2rem;padding-right:2rem}
	.px-3-xs{padding-left:3rem;padding-right:3rem}
	.px-4-xs{padding-left:4rem;padding-right:4rem}
	.px-5-xs{padding-left:5rem;padding-right:5rem}

	.pl-1-xs{padding-left:1rem}
	.pl-2-xs{padding-left:2rem}
	.pl-3-xs{padding-left:3rem}
	.pl-4-xs{padding-left:4rem}
	.pl-5-xs{padding-left:5rem}

	.pr-1-xs{padding-right:1rem}
	.pr-2-xs{padding-right:2rem}
	.pr-3-xs{padding-right:3rem}
	.pr-4-xs{padding-right:4rem}
	.pr-5-xs{padding-right:5rem}
}

/**************************
MARGINS
**************************/
.nm{margin: 0}
.nmy{margin-bottom:0;margin-top:0}
.nmx{margin-left:0;margin-right:0}
.nmb{margin-bottom:0}
.nml{margin-left:0}
.nmr{margin-right:0}
.nmt{margin-top:0}
.m-auto{display:block;margin:0 auto}

.m-1{margin:1rem}
.m-2{margin:2rem}
.m-3{margin:3rem}
.m-4{margin:4rem}
.m-5{margin:5rem}

.my-1{margin-bottom:1rem;margin-top:1rem}
.my-2{margin-bottom:2rem;margin-top:2rem}
.my-3{margin-bottom:3rem;margin-top:3rem}
.my-4{margin-bottom:4rem;margin-top:4rem}
.my-5{margin-bottom:5rem;margin-top:5rem}

.mt-1{margin-top:1rem}
.mt-2{margin-top:2rem}
.mt-3{margin-top:3rem}
.mt-4{margin-top:4rem}
.mt-5{margin-top:5rem}

.mb-1{margin-bottom:1rem}
.mb-2{margin-bottom:2rem}
.mb-3{margin-bottom:3rem}
.mb-4{margin-bottom:4rem}
.mb-5{margin-bottom:5rem}

.mx-1{margin-left:1rem;margin-right:1rem}
.mx-2{margin-left:2rem;margin-right:2rem}
.mx-3{margin-left:3rem;margin-right:3rem}
.mx-4{margin-left:4rem;margin-right:4rem}
.mx-5{margin-left:5rem;margin-right:5rem}

.mr-1{margin-right:1rem}
.mr-2{margin-right:2rem}
.mr-3{margin-right:3rem}
.mr-4{margin-right:4rem}
.mr-5{margin-right:5rem}

.ml-1{margin-left:1rem}
.ml-2{margin-left:2rem}
.ml-3{margin-left:3rem}
.ml-4{margin-left:4rem}
.ml-5{margin-left:5rem}

@media screen and  (max-width : 1440px) {
	.nm-lg{margin: 0}
	.nmy-lg{margin-bottom:0;margin-top:0}
	.nmx-lg{margin-left:0;margin-right:0}
	.nmb-lg{margin-bottom:0}
	.nml-lg{margin-left:0}
	.nmr-lg{margin-right:0}
	.nmt-lg{margin-top:0}
	.m-auto-lg{display:block;margin:0 auto}

	.m-1-lg{margin:1rem}
	.m-2-lg{margin:2rem}
	.m-3-lg{margin:3rem}
	.m-4-lg{margin:4rem}
	.m-5-lg{margin:5rem}

	.my-1-lg{margin-bottom:1rem;margin-top:1rem}
	.my-2-lg{margin-bottom:2rem;margin-top:2rem}
	.my-3-lg{margin-bottom:3rem;margin-top:3rem}
	.my-4-lg{margin-bottom:4rem;margin-top:4rem}
	.my-5-lg{margin-bottom:5rem;margin-top:5rem}

	.mt-1-lg{margin-top:1rem}
	.mt-2-lg{margin-top:2rem}
	.mt-3-lg{margin-top:3rem}
	.mt-4-lg{margin-top:4rem}
	.mt-5-lg{margin-top:5rem}

	.mb-1-lg{margin-bottom:1rem}
	.mb-2-lg{margin-bottom:2rem}
	.mb-3-lg{margin-bottom:3rem}
	.mb-4-lg{margin-bottom:4rem}
	.mb-5-lg{margin-bottom:5rem}

	.mx-1-lg{margin-left:1rem;margin-right:1rem}
	.mx-2-lg{margin-left:2rem;margin-right:2rem}
	.mx-3-lg{margin-left:3rem;margin-right:3rem}
	.mx-4-lg{margin-left:4rem;margin-right:4rem}
	.mx-5-lg{margin-left:5rem;margin-right:5rem}

	.mr-1-lg{margin-right:1rem}
	.mr-2-lg{margin-right:2rem}
	.mr-3-lg{margin-right:3rem}
	.mr-4-lg{margin-right:4rem}
	.mr-5-lg{margin-right:5rem}

	.ml-1-lg{margin-left:1rem}
	.ml-2-lg{margin-left:2rem}
	.ml-3-lg{margin-left:3rem}
	.ml-4-lg{margin-left:4rem}
	.ml-5-lg{margin-left:5rem}
}

@media screen and  (max-width : 1025px) {
	.nm-lc{margin: 0}
	.nmy-lc{margin-bottom:0;margin-top:0}
	.nmx-lc{margin-left:0;margin-right:0}
	.nmb-lc{margin-bottom:0}
	.nml-lc{margin-left:0}
	.nmr-lc{margin-right:0}
	.nmt-lc{margin-top:0}
	.m-auto-lc{display:block;margin:0 auto}

	.m-1-lc{margin:1rem}
	.m-2-lc{margin:2rem}
	.m-3-lc{margin:3rem}
	.m-4-lc{margin:4rem}
	.m-5-lc{margin:5rem}

	.my-1-lc{margin-bottom:1rem;margin-top:1rem}
	.my-2-lc{margin-bottom:2rem;margin-top:2rem}
	.my-3-lc{margin-bottom:3rem;margin-top:3rem}
	.my-4-lc{margin-bottom:4rem;margin-top:4rem}
	.my-5-lc{margin-bottom:5rem;margin-top:5rem}

	.mt-1-lc{margin-top:1rem}
	.mt-2-lc{margin-top:2rem}
	.mt-3-lc{margin-top:3rem}
	.mt-4-lc{margin-top:4rem}
	.mt-5-lc{margin-top:5rem}

	.mb-1-lc{margin-bottom:1rem}
	.mb-2-lc{margin-bottom:2rem}
	.mb-3-lc{margin-bottom:3rem}
	.mb-4-lc{margin-bottom:4rem}
	.mb-5-lc{margin-bottom:5rem}

	.mx-1-lc{margin-left:1rem;margin-right:1rem}
	.mx-2-lc{margin-left:2rem;margin-right:2rem}
	.mx-3-lc{margin-left:3rem;margin-right:3rem}
	.mx-4-lc{margin-left:4rem;margin-right:4rem}
	.mx-5-lc{margin-left:5rem;margin-right:5rem}

	.mr-1-lc{margin-right:1rem}
	.mr-2-lc{margin-right:2rem}
	.mr-3-lc{margin-right:3rem}
	.mr-4-lc{margin-right:4rem}
	.mr-5-lc{margin-right:5rem}

	.ml-1-lc{margin-left:1rem}
	.ml-2-lc{margin-left:2rem}
	.ml-3-lc{margin-left:3rem}
	.ml-4-lc{margin-left:4rem}
	.ml-5-lc{margin-left:5rem}
}

@media screen and  (max-width : 991px) {
	.nm-mg{margin: 0}
	.nmy-mg{margin-bottom:0;margin-top:0}
	.nmx-mg{margin-left:0;margin-right:0}
	.nmb-mg{margin-bottom:0}
	.nml-mg{margin-left:0}
	.nmr-mg{margin-right:0}
	.nmt-mg{margin-top:0}
	.m-auto-mg{display:block;margin:0 auto}

	.m-1-mg{margin:1rem}
	.m-2-mg{margin:2rem}
	.m-3-mg{margin:3rem}
	.m-4-mg{margin:4rem}
	.m-5-mg{margin:5rem}

	.my-1-mg{margin-bottom:1rem;margin-top:1rem}
	.my-2-mg{margin-bottom:2rem;margin-top:2rem}
	.my-3-mg{margin-bottom:3rem;margin-top:3rem}
	.my-4-mg{margin-bottom:4rem;margin-top:4rem}
	.my-5-mg{margin-bottom:5rem;margin-top:5rem}

	.mt-1-mg{margin-top:1rem}
	.mt-2-mg{margin-top:2rem}
	.mt-3-mg{margin-top:3rem}
	.mt-4-mg{margin-top:4rem}
	.mt-5-mg{margin-top:5rem}

	.mb-1-mg{margin-bottom:1rem}
	.mb-2-mg{margin-bottom:2rem}
	.mb-3-mg{margin-bottom:3rem}
	.mb-4-mg{margin-bottom:4rem}
	.mb-5-mg{margin-bottom:5rem}

	.mx-1-mg{margin-left:1rem;margin-right:1rem}
	.mx-2-mg{margin-left:2rem;margin-right:2rem}
	.mx-3-mg{margin-left:3rem;margin-right:3rem}
	.mx-4-mg{margin-left:4rem;margin-right:4rem}
	.mx-5-mg{margin-left:5rem;margin-right:5rem}

	.mr-1-mg{margin-right:1rem}
	.mr-2-mg{margin-right:2rem}
	.mr-3-mg{margin-right:3rem}
	.mr-4-mg{margin-right:4rem}
	.mr-5-mg{margin-right:5rem}

	.ml-1-mg{margin-left:1rem}
	.ml-2-mg{margin-left:2rem}
	.ml-3-mg{margin-left:3rem}
	.ml-4-mg{margin-left:4rem}
	.ml-5-mg{margin-left:5rem}
}
@media screen and  (max-width : 736px) {
	.nm-md{margin: 0}
	.nmy-md{margin-bottom:0;margin-top:0}
	.nmx-md{margin-left:0;margin-right:0}
	.nmb-md{margin-bottom:0}
	.nml-md{margin-left:0}
	.nmr-md{margin-right:0}
	.nmt-md{margin-top:0}
	.m-auto-md{display:block;margin:0 auto}

	.m-1-md{margin:1rem}
	.m-2-md{margin:2rem}
	.m-3-md{margin:3rem}
	.m-4-md{margin:4rem}
	.m-5-md{margin:5rem}

	.my-1-md{margin-bottom:1rem;margin-top:1rem}
	.my-2-md{margin-bottom:2rem;margin-top:2rem}
	.my-3-md{margin-bottom:3rem;margin-top:3rem}
	.my-4-md{margin-bottom:4rem;margin-top:4rem}
	.my-5-md{margin-bottom:5rem;margin-top:5rem}

	.mt-1-md{margin-top:1rem}
	.mt-2-md{margin-top:2rem}
	.mt-3-md{margin-top:3rem}
	.mt-4-md{margin-top:4rem}
	.mt-5-md{margin-top:5rem}

	.mb-1-md{margin-bottom:1rem}
	.mb-2-md{margin-bottom:2rem}
	.mb-3-md{margin-bottom:3rem}
	.mb-4-md{margin-bottom:4rem}
	.mb-5-md{margin-bottom:5rem}

	.mx-1-md{margin-left:1rem;margin-right:1rem}
	.mx-2-md{margin-left:2rem;margin-right:2rem}
	.mx-3-md{margin-left:3rem;margin-right:3rem}
	.mx-4-md{margin-left:4rem;margin-right:4rem}
	.mx-5-md{margin-left:5rem;margin-right:5rem}

	.mr-1-md{margin-right:1rem}
	.mr-2-md{margin-right:2rem}
	.mr-3-md{margin-right:3rem}
	.mr-4-md{margin-right:4rem}
	.mr-5-md{margin-right:5rem}

	.ml-1-md{margin-left:1rem}
	.ml-2-md{margin-left:2rem}
	.ml-3-md{margin-left:3rem}
	.ml-4-md{margin-left:4rem}
	.ml-5-md{margin-left:5rem}
}
@media screen and  (max-width : 480px) {
	.nm-xs{margin: 0}
	.nmy-xs{margin-bottom:0;margin-top:0}
	.nmx-xs{margin-left:0;margin-right:0}
	.nmb-xs{margin-bottom:0}
	.nml-xs{margin-left:0}
	.nmr-xs{margin-right:0}
	.nmt-xs{margin-top:0}
	.m-auto-xs{display:block;margin:0 auto}

	.m-1-xs{margin:1rem}
	.m-2-xs{margin:2rem}
	.m-3-xs{margin:3rem}
	.m-4-xs{margin:4rem}
	.m-5-xs{margin:5rem}

	.my-1-xs{margin-bottom:1rem;margin-top:1rem}
	.my-2-xs{margin-bottom:2rem;margin-top:2rem}
	.my-3-xs{margin-bottom:3rem;margin-top:3rem}
	.my-4-xs{margin-bottom:4rem;margin-top:4rem}
	.my-5-xs{margin-bottom:5rem;margin-top:5rem}

	.mt-1-xs{margin-top:1rem}
	.mt-2-xs{margin-top:2rem}
	.mt-3-xs{margin-top:3rem}
	.mt-4-xs{margin-top:4rem}
	.mt-5-xs{margin-top:5rem}

	.mb-1-xs{margin-bottom:1rem}
	.mb-2-xs{margin-bottom:2rem}
	.mb-3-xs{margin-bottom:3rem}
	.mb-4-xs{margin-bottom:4rem}
	.mb-5-xs{margin-bottom:5rem}

	.mx-1-xs{margin-left:1rem;margin-right:1rem}
	.mx-2-xs{margin-left:2rem;margin-right:2rem}
	.mx-3-xs{margin-left:3rem;margin-right:3rem}
	.mx-4-xs{margin-left:4rem;margin-right:4rem}
	.mx-5-xs{margin-left:5rem;margin-right:5rem}

	.mr-1-xs{margin-right:1rem}
	.mr-2-xs{margin-right:2rem}
	.mr-3-xs{margin-right:3rem}
	.mr-4-xs{margin-right:4rem}
	.mr-5-xs{margin-right:5rem}

	.ml-1-xs{margin-left:1rem}
	.ml-2-xs{margin-left:2rem}
	.ml-3-xs{margin-left:3rem}
	.ml-4-xs{margin-left:4rem}
	.ml-5-xs{margin-left:5rem}
}

/**************************
OCULTAR - MOSTRAR
**************************/
.show1600,.show1440,.show1366,.show1024,.show960,.show736,.show480{display:none}
@media screen and  (max-width : 1600px) {
	.none1600{display: none!important}
	.show1600{display: block !important}
}

@media screen and  (max-width : 1440px) {
	.none1440{display: none!important}
	.show1440{display: block !important}
}

@media screen and  (max-width : 1366px) {
	.none1366{display: none!important}
	.show1366{display: block !important}
}

@media screen and  (max-width : 1280px) {
	.none1280{display: none!important}
	.show1280{display: block !important}
}

@media screen and  (max-width : 1025px) {
	.none1024{display: none!important}
	.show1024{display: block !important}
}

@media screen and  (max-width : 991px) {
	.none960{display: none!important}
	.show960{display: block !important}
}

@media screen and  (max-width : 736px) {
	.none736{display: none!important}
	.show736{display: block !important}
}

@media screen and  (max-width :480px) {
	.none480{display: none!important}
	.show480{display: block !important}
}

/***************************
BORDERS
***************************/
/*BORDERS 1px*/
.b-1{border:1px solid #dddddd}
.bb-1{border-bottom:1px solid #dddddd}
.bl-1{border-left:1px solid #dddddd}
.br-1{border-right:1px solid #dddddd}
.bt-1{border-top:1px solid #dddddd}

/*BORDERS 2px*/
.b-2{border:2px solid #dddddd}
.bb-2{border-bottom:2px solid #dddddd}
.bl-2{border-left:2px solid #dddddd}
.br-2{border-right:2px solid #dddddd}
.bt-2{border-top:2px solid #dddddd}

/*BORDERS 3px*/
.b-3{border:3px solid #dddddd}
.bb-3{border-bottom:3px solid #dddddd}
.bl-3{border-left:3px solid #dddddd}
.br-3{border-right:3px solid #dddddd}
.bt-3{border-top:3px solid #dddddd}

/*BORDERS 4px*/
.b-4{border:4px solid #dddddd}
.bb-4{border-bottom:4px solid #dddddd}
.bl-4{border-left:4px solid #dddddd}
.br-4{border-right:4px solid #dddddd}
.bt-4{border-top:4px solid #dddddd}

/*BORDERS 5px*/
.b-5{border:5px solid #dddddd}
.bb-5{border-bottom:5px solid #dddddd}
.bl-5{border-left:5px solid #dddddd}
.br-5{border-right:5px solid #dddddd}
.bt-5{border-top:5px solid #dddddd}

/*BORDERS 6px*/
.b-6{border:6px solid #dddddd}
.bb-6{border-bottom:6px solid #dddddd}
.bl-6{border-left:6px solid #dddddd}
.br-6{border-right:6px solid #dddddd}
.bt-6{border-top:6px solid #dddddd}

/*BORDERS 7px*/
.b-7{border:7px solid #dddddd}
.bb-7{border-bottom:7px solid #dddddd}
.bl-7{border-left:7px solid #dddddd}
.br-7{border-right:7px solid #dddddd}
.bt-7{border-top:7px solid #dddddd}

/*BORDERS 8px*/
.b-8{border:8px solid #dddddd}
.bb-8{border-bottom:8px solid #dddddd}
.bl-8{border-left:8px solid #dddddd}
.br-8{border-right:8px solid #dddddd}
.bt-8{border-top:8px solid #dddddd}

/*BORDERS 9px*/
.b-9{border:9px solid #dddddd}
.bb-9{border-bottom:9px solid #dddddd}
.bl-9{border-left:9px solid #dddddd}
.br-9{border-right:9px solid #dddddd}
.bt-9{border-top:9px solid #dddddd}

/*BORDERS 10px*/
.b-10{border:10px solid #dddddd}
.bb-10{border-bottom:10px solid #dddddd}
.bl-10{border-left:10px solid #dddddd}
.br-10{border-right:10px solid #dddddd}
.bt-10{border-top:10px solid #dddddd}

/*BORDERS COLORS*/
.b-default,.b-default:after,.b-default:before{border-color:var(--default)}
.b-primary,.b-primary:after,.b-primary:before{border-color:var(--primary)}
.b-secondary,.b-secondary:after,.b-secondary:before{border-color:var(--secondary)}
.b-tertiary,.b-tertiary:after,.b-tertiary:before{border-color:var(--tertiary)}
.b-info,.b-info:after,.b-info:before{border-color:var(--info)}
.b-success,.b-success:after,.b-success:before{border-color:var(--success)}
.b-warning,.b-warning:after,.b-warning:before{border-color:var(--warning)}
.b-danger,.b-danger:after,.b-danger:before{border-color:var(--danger)}
.b-white,.b-white:after,.b-white:before{border-color:#ffffff}
.b-gray,.b-gray:after,.b-gray:before{border-color:var(--gray)}
.b-dark-gray,.b-dark-gray:after,.b-dark-gray:before{border-color:var(--dark-gray)}
.b-light-gray,.b-light-gray:after,.b-light-gray:before{border-color:var(--light-gray)}


/***************************
PARRAGRAPH CONTENT
***************************/
.parragraph {
	line-height:1.5
}
.parragraph a {
	color:var(--secondary)
}
.parragraph blockquote{
	border-left:2px solid var(--primary);
	background-color: #f1f1f1;
	padding:10px 10px 10px 12px
}

.parragraph blockquote.secondary{border-color:var(--secondary);}
.parragraph blockquote.info{border-color:var(--info);}
.parragraph blockquote.success{border-color:var(--success);}
.parragraph blockquote.warning{border-color:var(--warning);}
.parragraph blockquote.danger{border-color:var(--danger);}

.parragraph ul{
	list-style: none;
}
.parragraph ol{
	margin-left: 1rem;
}
.parragraph li {
	margin-bottom:.5em;
	padding-left:15px;
	position:relative
}
.parragraph ul li:before {
	background:var(--secondary);
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	content:'';
	height:6px;
	left:0;
	position:absolute;
	top:7px;
	width:6px
}
.parragraph>* {
	margin-bottom:1rem
}
.parragraph>*:last-child {
	margin-bottom:0
}

.text-center{text-align:center}
.text-justify{text-align:justify}
.text-left{text-align:left}
.text-right{text-align:right}

.uppercase{text-transform:uppercase}
.light{font-weight:300}
.regular{font-weight:400}
.medium{font-weight:600}
.bold{font-weight:700}
.extra-bold{font-weight:900}

.vam{vertical-align:middle}
.vab{vertical-align:bottom}

.clearfix:before{content:" ";display:table}
.clearfix:after{content:" ";display:table;clear: both}

@media screen and  (max-width : 1440px) {
	.text-center-lg{text-align:center}
	.text-justify-lg{text-align:justify}
	.text-left-lg{text-align:left}
	.text-right-lg{text-align:right}
	.uppercase-lg{text-transform:uppercase}
	.light-lg{font-weight:300}
	.regular-lg{font-weight:400}
	.medium-lg{font-weight:600}
	.bold-lg{font-weight:700}
	.extra-bold-lg{font-weight:900}
	.vam-lg{vertical-align:middle}
	.vab-lg{vertical-align:bottom}
}
@media screen and  (max-width : 1025px) {
	.text-center-lc{text-align:center}
	.text-justify-lc{text-align:justify}
	.text-left-lc{text-align:left}
	.text-right-lc{text-align:right}
	.uppercase-lc{text-transform:uppercase}
	.light-lc{font-weight:300}
	.regular-lc{font-weight:400}
	.medium-lc{font-weight:600}
	.bold-lc{font-weight:700}
	.extra-bold-lc{font-weight:900}
	.vam-lc{vertical-align:middle}
	.vab-lc{vertical-align:bottom}
}
@media screen and  (max-width : 991px) {
	.text-center-mg{text-align:center}
	.text-justify-mg{text-align:justify}
	.text-left-mg{text-align:left}
	.text-right-mg{text-align:right}
	.uppercase-mg{text-transform:uppercase}
	.light-mg{font-weight:300}
	.regular-mg{font-weight:400}
	.medium-mg{font-weight:600}
	.bold-mg{font-weight:700}
	.extra-bold-mg{font-weight:900}
	.vam-mg{vertical-align:middle}
	.vab-mg{vertical-align:bottom}
}
@media screen and  (max-width : 736px) {
	.text-center-md{text-align:center}
	.text-justify-md{text-align:justify}
	.text-left-md{text-align:left}
	.text-right-md{text-align:right}
	.uppercase-md{text-transform:uppercase}
	.light-md{font-weight:300}
	.regular-md{font-weight:400}
	.medium-md{font-weight:600}
	.bold-md{font-weight:700}
	.extra-bold-md{font-weight:900}
	.vam-md{vertical-align:middle}
	.vab-md{vertical-align:bottom}
}
@media screen and  (max-width :480px) {
	.text-center-xs{text-align:center}
	.text-justify-xs{text-align:justify}
	.text-left-xs{text-align:left}
	.text-right-xs{text-align:right}
	.uppercase-xs{text-transform:uppercase}
	.light-xs{font-weight:300}
	.regular-xs{font-weight:400}
	.medium-xs{font-weight:600}
	.bold-xs{font-weight:700}
	.extra-bold-xs{font-weight:900}
	.vam-xs{vertical-align:middle}
	.vab-xs{vertical-align:bottom}
}


/**************************************
ERROR 404
**************************************/
.E404{
	margin-bottom: 10%;
	margin-top: 10%
}
.E404 h1{
	font-size: 100px;
	font-weight: 900;
	position: relative;
}

.E404 h2{
	font-size: 80px;
	font-weight: 500;
}
.E404 p{
	font-size: 25px;
	font-weight: 300;
}
.E404 div{
	background: #f6f6f6;
	padding:20px;
}
.E404 a{
	margin-top: 1em;
	padding: 10px 30px;
}

@media screen and  (max-width :736px) {
	.E404{
		text-align: center;
	}
	.E404 h1{
		font-size: 50px;
	}
	.E404 h2{
		font-size: 30px;
	}
	.E404 p{
	font-size: 18px;
}
}
/**************************
FORMS
**************************/
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex
}
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #878793;
    text-align: center;
    white-space: nowrap;
    background-color: #ebebed;
    border: 0;
    border-radius: .25rem
}
.input-group>.input-group-prepend i,
.input-group>.input-group-append i{
    color: #333
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.input-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}
.input-group>.custom-select:not(:first-child),
.input-group>.input-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.input-group>.custom-select:not(:last-child),
.input-group>.input-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.form-row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.form-row > div{
 	-ms-flex: 0 0 auto;
     flex: 0 0 auto;
 }

/* INPUTS */
.form-group{
	position: relative
}
.input-control {
    border: 1px solid #dddddd;
    background-clip: padding-box;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    display: block;
    font-weight: 300;
    line-height: 1.5;
    color: #495057;
    padding: 10px;
    transition: border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
    width: 100%
}
.input-icon-left .input-control{
	border-radius: 0  .25rem .25rem 0;
	-moz-border-radius: 0  .25rem .25rem 0;
	-webkit-border-radius: 0  .25rem .25rem 0
}
.input-icon-right .input-control{
	border-radius: .25rem 0 0 .25rem;
	-moz-border-radius: .25rem 0 0 .25rem;
	-webkit-border-radius: .25rem 0 0 .25rem
}
.input-icon-right > i,
.input-icon-left > i,
.input-icon-right > a,
.input-icon-left > a,
.input-icon-right > button,
.input-icon-left > button{
	background: #f1f1f1;
    border: 1px solid #dddddd;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px
}
.input-icon-left > i,
.input-icon-left > a,
.input-icon-left > button{
	border-radius: .25rem 0 0 .25rem;
	-moz-border-radius: .25rem 0 0 .25rem;
	-webkit-border-radius: .25rem 0 0 .25rem;
    border-right: 0
}
.input-icon-right > i,
.input-icon-right > a,
.input-icon-right > button{
	border-radius: 0  .25rem .25rem 0;
	-moz-border-radius: 0  .25rem .25rem 0;
	-webkit-border-radius: 0  .25rem .25rem 0;
    border-left: 0
}
[type="date"] {
  position:relative;
  padding: .3rem .75rem
}
[type="date"]::-webkit-inner-spin-button {
  display: block;
  position:absolute;
  left:0
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity:0;
  position:absolute;
  left:-30px;
  width:100%;
    z-index:1
}
textarea.input-control{
	max-width: 100%;
	min-width: 100%;
	min-height: 100px
}
label.for-input{
	display: inline-block;
    font-size: 14px;
	font-weight: 500;
	margin-bottom: .5em
}
.input-control:focus{
    border: 1px solid var(--info)
}
.input-control::-webkit-input-placeholder {
  color: #aaaaaa
}
.input-control::-moz-placeholder {
  color: #aaaaaa
}
.input-control:-ms-input-placeholder {
  color: #aaaaaa
}
.input-control:-moz-placeholder {
  color: #aaaaaa
}

/* VALIDATIONS */
.has-validation .tooltip-invalid{
	color: var(--danger);
	display: block;
	padding: 3px 6px;
	font-size: 12px
}
.has-validation .invalid-input{
	border-color: #e53935
}

/* CHECKBOX AND RADIO */
.rc--text{
	font-size: 14px
}
.radio-checkbox {
    cursor: pointer
}
.radio-checkbox > .rc-input {
    display: none
}
.radio-checkbox > .rc-show {
    display: inline-block;
    border: 1px solid #aaa;
    width: 20px;
    height: 20px;
    margin-right: .5rem;
    background-size: cover
}
.input-radio,
.input-checkbox{
	line-height: 20px;
	font-size: 11px;
	text-align: center
}
.radio-checkbox > .rc-input:checked + .input-radio,
.radio-checkbox > .rc-input:checked + .input-checkbox {
    background: #888888;
    border-color: #888888
}
.radio-checkbox > .rc-input:disabled + .input-radio,
.radio-checkbox > .rc-input:disabled + .input-checkbox {
    background: #888888;
    border-color: #888888;
    opacity: 0.5
}
.radio-checkbox > .rc-input:checked + .input-radio.radio-primary,
.radio-checkbox > .rc-input:checked + .input-checkbox.checkbox-primary {
    background: var(--primary);
    border-color: var(--primary)
}
.radio-checkbox > .rc-input:checked + .input-radio.radio-secondary,
.radio-checkbox > .rc-input:checked + .input-checkbox.checkbox-secondary {
    background: var(--hover-secondary);
    border-color: var(--hover-secondary)
}
.radio-checkbox > .rc-input:checked + .input-radio.radio-tertiary,
.radio-checkbox > .rc-input:checked + .input-checkbox.checkbox-tertiary {
    background: var(--hover-tertiary);
    border-color: var(--hover-tertiary)
}
.radio-checkbox > .rc-input:checked + .input-radio.radio-info,
.radio-checkbox > .rc-input:checked + .input-checkbox.checkbox-info {
    background: var(--info);
    border-color: var(--info)
}
.radio-checkbox > .rc-input:checked + .input-radio.radio-success,
.radio-checkbox > .rc-input:checked + .input-checkbox.checkbox-success {
    background: var(--success);
    border-color: var(--success)
}
.radio-checkbox > .rc-input:checked + .input-radio.radio-warning,
.radio-checkbox > .rc-input:checked + .input-checkbox.checkbox-warning {
    background: var(--warning);
    border-color: var(--warning)
}
.radio-checkbox > .rc-input:checked + .input-radio.radio-danger,
.radio-checkbox > .rc-input:checked + .input-checkbox.checkbox-danger {
    background: var(--danger);
    border-color: var(--danger)
}

/* RADIO */
.input-radio {
    border-radius: 50%;
    color: #fff
}

/* CHECKBOX */
.input-checkbox {
    background: #fff;
    border-radius: 0;
    color: #fff
}

/* SELECT */
.select select{
	border: transparent;
	cursor: pointer;
    display: inline-block;
    outline: 0;
    padding: 10px;
    position: relative;
    transition: all 0.25s ease;
    width: 100%
}
.select{
    background-clip: padding-box;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
	border: 1px solid #dddddd;
	background: #ffffff;
	position: relative
}
.select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}
.select select::-ms-expand {
	display: none
}

.select select{
	background: transparent;
	color: #333333
}
.select select option{
  color: #333333
}
.select i{
	background: transparent;
	color: #333333;
	display: block;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: calc(50% - 13px);
	transition: all 0.25s ease;
	width: 30px
}

@media screen and  (max-width : 480px) {
	.g-recaptcha>div {
		width: 100%!important;
		-ms-transform: scale(0.9);
		transform: scale(0.9);
		position: relative;
    left: -5%;
	}
}

/**************************************
HEADER & FOOTER
**************************************/
header{
	background: rgba(52,119,185,1);
background: -moz-linear-gradient(left, rgba(52,119,185,1) 0%, rgba(70,181,203,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(52,119,185,1)), color-stop(100%, rgba(70,181,203,1)));
background: -webkit-linear-gradient(left, rgba(52,119,185,1) 0%, rgba(70,181,203,1) 100%);
background: -o-linear-gradient(left, rgba(52,119,185,1) 0%, rgba(70,181,203,1) 100%);
background: -ms-linear-gradient(left, rgba(52,119,185,1) 0%, rgba(70,181,203,1) 100%);
background: linear-gradient(to right, rgba(52,119,185,1) 0%, rgba(70,181,203,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3477b9', endColorstr='#46b5cb', GradientType=1 );
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	position: relative;
	top: 0;
	width: 100%;
	z-index: 10
}
.home-section header{
	/*background: transparent;*/
	position: absolute;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
}
.fixed-header{
	background: #ffffff;
	top: 0;
	position: fixed;
	animation:slide-down 0.8s;
	padding-bottom: 0;
}

.home-section header.fixed-header {
	position: fixed;
	background: #ffffff;
}
/*.home-section header nav li a,
.home-section header nav li:hover a{
	color: #ffffff;
}*/

header nav li a.ancla{display: none}
header nav li a.section{display: block}

.home-section header nav li a.ancla{display: block;}
.home-section header nav li a.section{display: none;}

.home-section header.fixed-header nav>ul>li>a,
header.fixed-header nav>ul>li>a
{color: var(--body-color-text)}
.home-section header.fixed-header nav>ul>li:hover>a,
header.fixed-header nav>ul>li:hover>a
{color: var(--primary)}

/*figure.logo img.logo-b{display: none;}
figure.logo img.logo-c{display: inline-block;}*/
header figure.logo img.logo-b{display: inline-block;}
header figure.logo img.logo-c{display: none;}

.home-section header.fixed-header figure.logo img.logo-b,
header.fixed-header figure.logo img.logo-b
{display: none;}

.home-section header.fixed-header figure.logo img.logo-c,
header.fixed-header figure.logo img.logo-c
{display: inline-block;}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
.fixed-header .logo{
	padding-bottom: 10px;
	padding-top: 10px;
}
.fixed-header .logo img{
	max-width: 135px;
}
img.fixed-show{
	display: none;
}
.fixed-header .logo img.fixed-none{
	display: none;
}
.fixed-header .logo img.fixed-show{
	display: block;
}

.fixed-header .nav-top{
	display: none;
}

.hide-menu{
	height: 0;
}
.hide-menu-fixed{
	height: 97px;
}
.logo img{
	max-width: 270px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	width: 100%;
}
.logo a{
	display: inline-block;
}
.nav-top{
	display: block;
	position: relative;
}
.nav-social,
.nav-contact{
	display: inline-block;
}
.nav-social a{
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: 7px 8px;
}
.nav-contact a{
	color: #ffffff;
	display: inline-block;
	margin-right: 5px;
}
.nav-contact a:last-child{
	margin-right: 0;
}
.nav-contact span{
	font-size: 16px;
	font-weight: 100;
}
footer{
	color: #fff;
	padding: 1px 0;
	text-align: center;
	width: 100%;
}

footer a{color: #fff}
.section-container header{
	background: #444444;
	position: relative;
	padding-bottom: 0;
}
.section-container .nav-top{
	margin-bottom: 0;
}
.section-container .fixed-header{
	position: fixed;
	background-color:rgba(0,0,0,.7) ;
}
.section-container .hide-menu-fixed{
	height: 103px;
}
.btn-whatsapp-float {
  bottom:2.5rem;
  font-size: 25px;
  height: 55px;
  position:fixed;
  right:2.5rem;
  width: 55px;
  text-align: center;
}
.btn-whatsapp-float a{
	background-color: #25D366;
	border: 2px solid #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	color: #fff;
  font-size: 25px;
  display: block;
  height: 55px;
  line-height: 57px;
  width: 55px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.btn-whatsapp-float:after,
.btn-whatsapp-float:before{
	animation-name: example;
  animation-duration: 2s;
  animation-iteration-count: 10;
	background-color: #25D366;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
	content: '';
	display: block;
	height: 55px;
	left: 0;
	position: absolute;
	top: 0;
	opacity:0.5;
	width: 55px;
	z-index: -1;
}

.btn-whatsapp-float:after{
	animation-name: example;
  animation-delay: 1.5s;
}
.btn-whatsapp-float:before{
	animation-name: example2;
  animation-delay: 2s;
}
@keyframes example {
0% {transform: scale(1);}
100% {opacity:0;transform: scale(2);}
}
@keyframes example2 {
0% {transform: scale(1);}
100% {opacity:0;transform: scale(2);}
}
@media screen and  (max-width : 991px) {
}
@media screen and  (max-width : 736px) {
	header{
		position: relative;
    padding: 0;
	}
	.home-section header{
		/*background: #ffffff;*/
		position: relative;
	}
	/*.home-section header figure.logo img.logo-b{display: none;}
	.home-section header figure.logo img.logo-c{display: inline-block;}*/
	.home-section header nav li a{color: var(--body-color-text)}
	.fixed-header .nav-top{
		display: none;
	}
	figure.logo {
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: left;
	}
	figure.logo img {
		width: 135px;
	}
	.fixed-header figure.logo img{
		width: 67px;
	}
	.navigation{
		padding: 0;
	}
	.nav-top{
		padding: 0;
		margin-bottom: 0;
		width: 100%;
	}
	.nav-contact a{
		padding: 6px;
	}
	.fixed-header {
    top: 0;
    position: fixed;
    animation: none;
    padding-bottom: 0;
	}
	.hide-menu-fixed{
		height: 91px;
	}
	footer p{font-size: 16px;}

	.btn-whatsapp-float {
	  bottom:1.5rem;
	  right:1.5rem;
	}
.btn-whatsapp-float a{
  font-size: 20px;
  line-height: 45px;
}
.btn-whatsapp-float,
.btn-whatsapp-float a,
.btn-whatsapp-float:after,
.btn-whatsapp-float:before{
	height: 45px;
	width: 45px;
}
}
@media screen and  (max-width : 480px) {

}
/**************************************
GENERAL
**************************************/
.ancla-container {
	position: absolute;
	top: -70px;
}
.container,
.container1600 {
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	position: relative;
	width: 95%;
}
.container1600{
	max-width: 1600px;
}
.social-share a{
	color: #ffffff;
	display: inline-block;
	height: 30px;
	line-height: 31px;
	margin-left: .235rem;
	text-align: center;
	width: 30px;
}
.bg-section{
	background-image: url(../img/statics/services/bg-services.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.social-share a.facebook{background:#3b5999;}
.social-share a.twitter{background:#55acee;}
.social-share a.linkedin{background:#0077B5;}
.social-share a.pinterest{background:#bd081c;}
.social-share a.whatsapp{background:#25D366;}

.social-share a:first-child{margin-left: 0;}

@media screen and  (max-width : 1366px) {
	.container {max-width: 1024px;}
}

@media screen and  (max-width : 1024px) {
	.container {max-width: 950px;}
}

@media screen and  (max-width : 991px) {
	.container {max-width: 740px;}

}


/**************************************
NAVIGATION
**************************************/
nav {
	display:block;
	vertical-align:middle
}
nav ul {
	list-style:none;
	padding:0;
	margin:0
}
nav > ul > li {
	display:inline-block;
	vertical-align:middle
}
nav > ul > li a {
	color:#fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	padding:10px;
	position:relative;
	text-align:center
}
nav > ul > li:hover a {
	color:#fff;
}
nav ul li .children {
	width:180px;
	display:none;
	position:absolute;
	z-index:1000
}
nav ul li:hover .children {
	display:block;
	text-transform:none
}
nav ul li .children li {
	background:var(--primary);
	border:0;
	border-top:1px solid rgba(255,255,255,.2);
	display:block;
	margin:0;
}
nav ul li .children li:first-child{
	border-top:0;
}
nav ul li .children li a {
	display:block;
	padding:10px 15px
}
nav ul li .children li:hover > a {
	background-color:var(--hover-primary);
	color:#fff
}
nav ul li .children-2 {
	width:180px;
	display:none;
	float:none;
	position:absolute;
	z-index:1000;
	left:-185px;
	top:-1px
}
nav ul li .children-2 li {
	background:#f0f0f0;
	border:0;
	border-top:1px solid #ddd;
	color:#333;
	display:block;
	margin:0;
	overflow:hidden;
	width:103%
}
nav ul li .children-2 li a {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:block;
	text-align:left;
	padding:0 15px
}
nav ul li .children-2 li a:hover {
	background-color:#444;
	color:#fff
}
nav ul li:hover .children li:hover .children-2 {
	display:block
}
.menu_bar{display:none}
.bt-m{display:none!important}
.cerrar,#pull,.menu{display:none}


.sections .no-sections{
    display:none!important;
}
.sections .sections{
    display:block;
}

@media screen and  (max-width : 1025px) {
	nav > ul > li a {
    padding: 10px 5px;
	}
}
@media screen and  (max-width : 991px) {
	nav > ul > li {
	    font-size: 14px;
	}
}
@media screen and  (max-width : 736px) {
	/*#pull{
    padding: 10px;
    display:block;
    float: right;
  }
  #pull i{
  	color: var(--secondary);
  }
  .fixed-header .menu{
    top: 49px;
  }
  .menu{
    position: fixed;
    display: none;
    list-style:none;
    width:100%;
    right: 0;
    top: 123px;
    z-index: 90;
  }
  .menu li {
    background:#ffffff;
    color: #333;
    display: block;
  }
  .menu li a {
    border-bottom:1px solid #ddd;
    color: #333;
    display:block;
    font-size:1em;
    padding:15px 15px 15px 30px;
    position:relative;
  }*/
  header.fixed-header nav{
  	top: ;
  }
	nav {
		background:#fff;
		border-top: 1px solid #ddd;
		-webkit-box-shadow:-2px 6px 5px 0 rgba(0,0,0,0.4);
		-moz-box-shadow:-2px 6px 5px 0 rgba(0,0,0,0.4);
		box-shadow:-2px 6px 5px 0 rgba(0,0,0,0.4);
		height:100%;
		right:-120%;
		margin:0;
		position:fixed;
		overflow-y:scroll;
		top:83px;
		width:100%;
		z-index:210
	}
	 header.fixed-header nav{top: 37px;}
	nav ul {
		text-align:right;
		width:100%
	}
	nav ul li {
		display:block;
		font-size:14px;
		padding:0;
		width:100%;
		margin:0
	}
	nav ul li a {
		color: var(--body-color-text);
		border-bottom:1px solid #ddd;
		padding:10px 30px 10px 10px;
		position:relative;
		text-align:right
	}
	nav>ul>li:hover>a {color: var(--primary)}

	nav > ul > li a.active:before {
		display:inline-block;
		font-size:13px;
		left:0;
		margin-right:5px;
		position:relative;
		top:0;
		-webkit-transform:translate(0);
		-ms-transform:translate(0);
		-o-transform:translate(0);
		transform:translate(0)
	}
	nav ul li .children {
		float:none;
		position:relative;
		width:100%
	}
	nav ul li .children-2 {
		float:none;
		position:relative;
		width:100%;
		left:0
	}
	nav ul li .children li {
		background:var(--primary);
		color:#fff
	}
	nav ul li .children li a {
		padding:10px 50px 10px 10px;
		text-align:right
	}
	nav ul li .children li:hover > a {
		background-color:var(--hover-primary);
	}
	nav ul li .children-2 li {
		background:#f0f0f0;
		width:100%
	}
	nav ul li .children-2 li a {
		background:#999;
		font-size:14px;
		padding:10px 70px 10px 10px;
		text-align:right
	}
	nav ul li .children-2 li a:hover {
		background:#444;
		color:#fff
	}
	.menu_bar {
		display:inline-block
	}
	.menu_bar .bt_menu {
		display:block;
		position:relative;
		text-align:left
	}
	.menu_bar .bt_menu span {
		color:#fff;
		line-height:35px;
		padding-right:15px
	}
	.menu_bar .bt_menu i {
		/*background:#fff;*/
		color:#fff;
		display:inline-block;
		font-size:1em;
		height:40px;
		line-height:40px;
		text-align:center;
		width:40px
	}
	header.fixed-header .menu_bar .bt_menu i{
		color: var(--primary);
	}
	.cerrar {
		background:#f90;
		bottom:0;
		color:#fff;
		display:block;
		left:0;
		padding:5px;
		position:absolute;
		width:100%
	}
	.cerrar span {
		display:inline-block;
		font-size:35px;
		font-weight:900;
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		vertical-align:middle
	}
}
@media screen and  (max-width : 480px) {
  .menu{
    top: 159px;
  }
}
/**************************************
HOME
**************************************/
.slide-home{
	display: block;
	position: relative;
	width: 100%;

}
/*.slide-home figure{
	height: 100%;
	position: absolute;
	width: 100%;
}
.slide-home figure img{
	height: 100%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: auto;
  max-width: inherit;
}*/

.slide-home article{
	left: 5rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
	width: 40%;
}

.slide-home article h3{
	font-size: 50px;
	font-weight: 600;
}
.slide-home article p{
	font-size: 25px;
	font-weight: 200;
	line-height: 1.5;
}
.slide-home article p strong{
	font-size: 27px;
}

/*
.service{
	position: relative;
}
.service figure{
	height: 100%;
	position: absolute;
	width: 100%;
}
.service figure img{
	height: 100%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: auto;
  max-width: inherit;
}
.service-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}
.service-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 80vh;
		align-items: center;
}
.service-box {
	align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    padding: 0;
    flex: 1 1 auto;
    max-width: 40%;
}
.service-box > div {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: baseline;
    justify-content: center;
}*/

.home-section{
	margin-top: 26px;
}

.cards:after{
	content: '';
	display: block;
	clear: both;
}

.cards a{
	float: left;
	display: inline-block;
	width: 33.33%;
	overflow: hidden;
	position: relative;
	height: 500px;
	color: #333;
}

.cards a div{
	display: table;
	width: 100%;
	height: 100%;
}

.cards a div .mask{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 25px;
	background: #f8fbfe;
}

.cards a:nth-child(2n+2) div .mask{
	background: #eff5fb;
}

.cards .mask img{
	display: block;
	max-height: 150px;
	width: auto;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.cards .mask p{
	font-size: 1.25em;
}

.cards .mask h4{
	border: 1px solid var(--primary);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	/*font-weight: 300;*/
	padding: 10px 20px;
}

.cards .back .mask h4{
	border: 0;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 1em;
}

.cards-flex {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
}

.cards-flex > a {
	float: none;
	flex: 1 1 25%;
	width: 25%;
}

@media screen and (max-width: 991px) {
	.cards-flex {
		flex-wrap: wrap;
	}

	.cards-flex > a {
		flex: 0 0 50%;
		width: 50%;
	}
}

@media screen and (max-width: 736px) {
	.cards-flex {
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.cards-flex > a {
		flex: 0 0 auto;
		width: 100%;
	}
}

.logo-works{
	display: inline-block;
}
.logo-works img{
	filter: grayscale(100%);
	opacity: .8;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.logo-works img:hover{
	filter: grayscale(0);
	opacity: 1;
}
.bg-contact{
	background-attachment: fixed;
	background-image: url(../img/statics/bg-contact.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.bg-contact:before{
	background-color: rgba(6,142,198,.75);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.contact-info a {
	display: inline-block;
	font-size: 22px;
	font-weight: 300;
}
.contact-info b{
	display: inline-block;
	margin: 0 10px;
}

.contact-form label.for-input {
    font-size: 16px;
    font-weight: 300;
}
.contact-form .btn-fourth{
	font-size: 18px;
}
.vheight{
	height: 85vh;
}
@media screen and  (max-width : 1440px) {
	.slide-home div h3{
		font-size: 50px;
	}
	.slide-home div h4{
		font-size: 32px;
	}
}
@media screen and  (max-width : 1366px) {

}
@media screen and  (max-width : 1025px) {
	/*.slide-home div{
		width: 70%;
	}*/
	.slide-home div h3{
		font-size: 38px;
	}
	.slide-home div p{
		font-size: 25px;
	}
}
@media screen and  (max-width : 960px) {
/*	.service-box{
		margin-bottom: 2rem;
    max-width: 50%;
	}
	.service-box:last-child{
		margin-bottom: 0;
	}*/
}
@media screen and  (max-width : 736px) {

	.slide-home article{
		width: initial;
		left: 3rem;
		right: 3rem;
		text-align: center;
		top: 2.5%;
		-webkit-transform: translate(0,0);
	  -ms-transform: translate(0,0);
	  -o-transform: translate(0,0);
	  transform: translate(0,0);

	}
	.slide-home article h3{
		font-size: 25px;
	}
	.slide-home article p{
		font-size: 18px;
	}

	.home-section{
		margin-top: 0;
	}
	.cards a{
		width: 100%;
		height: 300px;
	}
	.contact-info b {
    display: none;
	}
	.contact-info a {
    display: block;
    font-size: 16px;
	}
}
@media screen and  (max-width : 480px) {
/*	.slide-home figure{
		padding-top: 80%;
	}
	.service-box {
    max-width: 100%;
	}*/
}
/**************************************
QUIENES SOMOS
**************************************/
.bg-about{
	position: relative;
}
.bg-about:before{
	background: url(../img/statics/bg-agencia-desarrollo-web.jpg) center no-repeat;
	background-size: cover;
	bottom: 0;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	width: 40%;
}
.values:after{
	content: '';
	display: block;
	clear: both;
}

.values > div{
	float: left;
	position: relative;
	width: 33.33%;
	background: #f7fafe;
	text-align: center;
	height: 300px;
}

.values article h4{
	margin-bottom: 10px;
}

.values article p{
	margin-top: -40px;
	opacity: 0;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}

.values article{
	padding: 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.values article > div{
	display: table;
	width: 100%;
	height: 100%;
}

.values article > div > div{
	display: table-cell;
	vertical-align: middle;
}

.values article:hover p{
	margin: 0;
	opacity: 1;
}

.values > div:nth-child(2n+2){
	background: #068ec6;
	color: #fff;
}

.values figure{
	display: block;
	max-width: 70px;
	margin: 0 auto 1em;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}

.values article:hover figure{
	max-width: 35px;
}
@media screen and (max-width: 1366px){
	.values > div {
    height: 270px;
	}
}
@media screen and (max-width: 1025px){
	.values > div {
    height: 220px;
	}
	.values article figure {
    max-width: 35px;
	}
	.values article p {
    margin: 0;
    opacity: 1;
	}
}
@media screen and (max-width: 736px){
	.values > div {
    float: none;
    width: 100%;
	}
	.values article p {
    font-size: 0.85em;
	}
	.bg-about:before{
		height: 40%;
		width: 100%;
	}
}
/**************************************
SERVICIOS
**************************************/
.servicio-int img{
	max-width: 100px;
}
.servicio-int a{
	display: block;
}
.servicios .card{
	height: 66vh;
}
.bg-service-4,
.bg-service-4,
.bg-ecommerce-4,
.bg-seo-4,
.bg-seo{
	position: relative;
}
.bg-service-4:before,
.bg-ecommerce-4:before,
.bg-seo-4:before{
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 35%;
}
.bg-service-4:before{
	background: url(../img/statics/services/bg-desarrollo-web-4.jpg) center no-repeat;
	background-size: cover;
}
.bg-ecommerce-4:before{
	background: url(../img/statics/services/bg-eCommerce.jpg) center no-repeat;
	background-size: cover;
}
.bg-seo-4:before{
	background: url(../img/statics/services/bg-analisis-optimizacion-seo-4.jpg) center no-repeat;
	background-size: cover;
}

.bg-seo:before{
	background: url(../img/statics/services/bg-analisis-optimizacion-seo-3-1920.webp),url(../img/statics/services/bg-analisis-optimizacion-seo-3-1920.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 45%;
}
.logo-shop a{
	display: inline-block;
}
/*.logo-shop a img{
	opacity: .6;
	filter: grayscale(100%);
}
.logo-shop a:hover img{
	opacity: 1;
	filter: grayscale(0%);
}*/

@media screen and  (max-width : 736px) {
	.bg-service-4:before,
	.bg-ecommerce-4:before,
	.bg-seo-4:before{
		bottom: 0;
		height: 30%;
		top: inherit;
		width: 100%;
	}
	.bg-seo:before{
		display: none;
	}
}

/**************************************
BLOG
**************************************/
.blog-list-lat article{
	margin-top: .4rem;
}
.blog-list a figure{
	overflow:hidden;
	position:relative;
	padding-top:60%;
}

.blog-list a figure img{
	height: 100%;
	left: 50%;
	max-width: inherit;
	position:absolute;
	top: 0;
	width: auto;
	-webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

.blog-list a article span{
	color: #888;
	text-decoration: underline;
}
.blog-list a article *{
	margin-bottom: .5rem;
}
.blog-list a article *:last-child{
	margin-bottom: 0;
}
.date-list{
	font-size: 14px;
	display: inline-block;
}
.paginador{
  background: #fff;
    text-align: center;
    padding: 15px 0;
}
.paginador li {
    list-style: none;
    display: inline-block;
}
.paginador li a.current,
.paginador li a.current:hover{
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
}
.paginador li a:hover{
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
}
.paginador li a {
  background: #ffffff;
    border: 1px solid #e7e7e7;
    display: inline-block;
    font-size: 16px;
    margin: 0 1px;
    padding: 5px;
    color: #444444;
    text-align: center;
    min-width: 37px;
}
.paginador li a i{
  font-size: 13px;
}
.img-cover-blog{
	background: #f1f1f1;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.img-cover-blog img{
	max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.blog-container img{
	display: block;
	margin: 2rem auto;
}
.new-article .parragraph p{
	text-align: justify;
}
.aside-container a{
	display: block;
}
/*
.blog-list-lat{
  text-overflow: ellipsis;
  overflow: hidden;
}
*/
.blog-list-lat:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.blog-list-lat h3{
	color: var(--body-color-text);
}

.aside-container a article h3{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.other-new h3{
	font-size: 18px;
}
@media screen and  (max-width : 991px) {

	.other-new{
		float: left;
		padding-left: 15px;
		padding-right: 15px;
		width: 50%;
	}
}
@media screen and  (max-width : 480px) {

  .other-new{
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
}
/**************************************
PORTAFOLIO
**************************************/
.portfolio a{
	overflow: hidden;
	display: block;
	position: relative;
}
.portfolio a figure:before,
.portfolio a div,
.portfolio a figure img{
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.portfolio a figure{
	overflow: hidden;
	position: relative;
}
.portfolio a figure:before{
	background-color: rgba(255,255,255,.9);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.portfolio a figure img{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
.portfolio a:hover figure img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	filter: blur(5px);
}
.portfolio a div{
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 10%;
	width: 100%;
	z-index: 2;
}


.portfolio a:hover div{
	opacity: 1;
	top: 0
}
.portfolio a:hover figure:before{
	opacity: 1;
}
.portfolio article i{
	position: relative;
	height: 16px;
	width: 20px;
}
.portfolio article i:before{
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
  content: '';
  display: block;
	height: 16px;
	transform: rotate(45deg);
	width: 16px;
}
.portfolio article i:after{
  content: '';
  position: absolute;
  right: 1px;
  width: 100%;
  height: 2px;
  top: 7px;
  background: #333;
  z-index: 1;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.2s ease-in-out;
}
.portfolio a:hover+article i:after {
    transform: scaleX(1.5);
}



@media screen and  (max-width : 736px) {
	.portfolio a div h4{
		font-size: 16px;
	}
}