/* ++++++++++++++++++++++++++++++ BASIC ++++++++++++++++++++++++++++++ */

body { font-family: 'Open Sans', sans-serif; }
p { margin-bottom:1.5rem; }
a, a:link, a:visited, a:active, a img, .btn, .smooth { transition:all 0.2s linear; }
a:not(.btn) { color:#007bff; }
a:hover { text-decoration:none; }
a:hover:not(.btn) { color:#00a277; }
a.dark-link { color:#333; }
a.dark-link:hover { color:#007bff; }

.position-absolute.absolute-xy, .position-fixed.fixed-xy { top:0; left:0; bottom:0; right:0; }
.position-absolute.absolute-x, .position-fixed.fixed-x { left:0; right:0; }
.position-absolute.absolute-y, .position-fixed.fixed-y { top:0; bottom:0; }
.position-absolute.top, .position-fixed.top { top:0; }
.position-absolute.bottom, .position-fixed.bottom { bottom:0; }
.position-absolute.left, .position-fixed.left { left:0; }
.position-absolute.right, .position-fixed.right { right:0; }

.bg-img { display:block; background-repeat:no-repeat; background-position:center; background-size:cover; height:100%; }
.bg-overlay::before { content:" "; left:0; position:absolute; right:0; top:0; bottom:0; background-color:rgba(0,0,0, 0.4); overflow-x:hidden; }
.bg-corp { background-color:#007bff; }
.bg-gradient-1 { background:#007bff; background:-webkit-linear-gradient(to right, #007bff, #8360c3); background:linear-gradient(to right, #007bff, #8360c3); }
.bg-gradient-2 { background:#FDC830; background:-webkit-linear-gradient(to left, #F37335, #FDC830); background:linear-gradient(to left, #F37335, #FDC830); }
.grayscale { -webkit-filter: grayscale(100%); filter:grayscale(100%); }
.scale:hover { transform:scale(1.08); }
.font-corp { font-family:'Lilita One', sans-serif; }
.text-corp { color:#007bff; }
.text-gradient { -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.text-shadow { text-shadow:rgba(0, 0, 0, .7) 0px 0px 10px; }
.lh-1 { line-height:1; }
.lh-1-2 { line-height:1.2; }

.tooltip { font-size:0.8rem; }
.breadcrumb, .breadcrumb-item.active { background-color:transparent; padding:0; color:#CCC; }

.content { padding-top:60px; }
.content-block { padding-top:3rem; padding-bottom:3rem; }
.main-col { max-width:960px; }

/* ++++++++++++++++++++++++++++++ BUTTONS ++++++++++++++++++++++++++++++ */

.btn.focus, .btn:focus { box-shadow:none; }
.btn-circle { width:40px; height:40px; line-height:40px; text-align:center; vertical-align:middle; } 
.btn-circle.btn-lg { width:65px; height:65px;line-height:65px; }
.btn-circle.btn-sm { width:35px; height:35px;line-height:35px; }
.btn-outline-light:hover { color:#8360c3; }
.btn-corp { color:#FFF; background-color:#007bff; border-color:#007bff; }
.btn-corp:hover, .btn-corp:active, .btn-corp:focus { color:#FFF; background-color:#2995d6; border-color:#2995d6; }
.btn-outline-corp { color:#007bff; border-color:#007bff; }
.btn-outline-corp:hover, .btn-outline-corp:active, .btn-outline-corp:focus { color:#FFF; background-color:#007bff; border-color:#007bff; }

.dropdown .dropdown-toggle::after { vertical-align:.1rem; border:none; font-family:"Font Awesome 5 Pro"; font-weight:400; content:'\f078'; font-size:10px; transition:all 0.2s linear; }
.dropdown.show .dropdown-toggle::after { transform:rotate(180deg); }

/* ++++++++++++++++++++++++++++++ FORMS ++++++++++++++++++++++++++++++ */

.form-control { background-color:rgba(255,255,255,.75); }
.form-control::placeholder { color:rgba(0,0,0,.35); }
.form-control:focus { box-shadow:none; border-color:#007bff; background-color:rgba(255,255,255,1); }
.form-check-input, .form-check-label { cursor:pointer; }

/* ++++++++++++++++++++++++++++++ CAROUSEL ++++++++++++++++++++++++++++++ */

.carousel-caption { top:20px; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position:absolute; top:calc(50% - 20px); font-size:40px; line-height:1; color:rgba(0,0,0,.25); transition:all 0.2s linear; }
.owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled { color:rgba(0,0,0,0); pointer-events:none; }
.owl-carousel .owl-nav button.owl-prev { left:-1.5rem; }
.owl-carousel .owl-nav button.owl-next { right:-1.5rem; }
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:focus { color:rgba(0,0,0,.85); outline:none; }

.owl-item { padding:1rem; }

/* ++++++++++++++++++++++++++++++ SOCIAL MENU ++++++++++++++++++++++++++++++ */

.social-share a:hover { background-color:#000; }
.social-share .facebook { background:#3B5998; }
.social-share .twitter { background:#55ACEE; }
.social-share .pinterest { background:#E60023; }
.social-share .more { background:#CCC; }

/* ++++++++++++++++++++++++++++++ HEADER ++++++++++++++++++++++++++++++ */

/* .header .navbar { max-height:100%; overflow:auto; } Fix para el autoscroll del menú responsive */
.header .navbar-brand { height:60px; font-size:2.5rem; line-height:60px; }
#headermenu .nav-item { border-top:1px solid #dee2e6; }
#headermenu .dropdown-menu { margin-top:-.4rem; }
#headermenu .dropdown-item:hover { background-color:#00a277; color:#FFF; }
#headermenu .dropdown .dropdown-toggle::after { float:right; position:relative; top:.35rem; left:.2rem; }
.full-screen-page .page-brand { position:relative; font-size:2.5rem; }
.full-screen-page .page-brand a { color:#FFF; }

.navbar-toggler { margin:0 15px; }
.navbar-toggler:focus, .navbar-toggler:active { outline:0; }
.navbar-toggler span { display:block; background-color:#7e8c8e; height:2px; width:25px; margin-top:3px; margin-bottom:3px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); position:relative; right:0; opacity:1; filter:alpha(opacity=100); }
.navbar-toggler:hover span { background-color:#6c757d; }
.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) { -webkit-transition:transform .35s ease-in-out; -moz-transition:transform .35s ease-in-out; -o-transition:transform .35s ease-in-out; transition:transform .35s ease-in-out; }
.navbar-toggler:not(.collapsed) span:nth-child(1) { position:absolute; left:9px; top:22px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); opacity:0.9; filter:alpha(opacity=90); }
.navbar-toggler:not(.collapsed) span:nth-child(2) { height:12px; visibility:hidden; background-color:transparent; }
.navbar-toggler:not(.collapsed) span:nth-child(3) { position:absolute; left:9px; top:22px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg); opacity:0.9; filter:alpha(opacity=90); }

.login-btn { margin-right:15px; }
.login-btn.show a:active, .login-btn.show a:focus { background-color:#007bff; border-color:#007bff; }
.login-btn .dropdown-menu { margin-top:12px; }
.login-btn .dropdown-item:focus, .login-btn .dropdown-item:hover { background-color:#00a277; }

/* ++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++ */

.footer .footer-brand { font-size:2rem; }
.footer { font-size:.9rem; }
.footer-list { border-left:1px dashed #cdcdcd; }
.footer .menu-list a:hover { margin-left:3px; }

/* ++++++++++++++++++++++++++++++ HOME ++++++++++++++++++++++++++++++ */

.login-banner { min-height:420px; }
.login-banner .login-button { max-width:400px; }
.login-banner .login-button .title { font-size:2rem; }
.login-banner .login-button .subtitle { font-size:.9rem; }
.login-button .bg-gradient-1:hover { background:#007bff; background:-webkit-linear-gradient(to right, #007bff, #007bff); background:linear-gradient(to right, #007bff, #007bff); }
.login-button .bg-gradient-2:hover { background:#FDC830; background:-webkit-linear-gradient(to left, #FDC830, #FDC830); background:linear-gradient(to left, #FDC830, #FDC830); }

.repertoire-banner .search-form { max-width:400px; }
.social-banner .btn-circle.btn-lg { width:50px; height:50px;line-height:50px; }

.service-block a:hover .card { background-color:#007bff; border-color:#007bff; }
.service-block a:hover .card-title, .service-block a:hover .card-text, .service-block a:hover .card-img-top i { color:#FFF!important; -webkit-text-fill-color:white; }

/* ++++++++++++++++++++++++++++++ LOGIN PAGE ++++++++++++++++++++++++++++++ */

.login-page .login-form { max-width:500px; padding-bottom:1.5rem; }

/* ++++++++++++++++++++++++++++++ CLIENT PAGE ++++++++++++++++++++++++++++++ */

.client-page a:not(.btn) { color:#F37335; }
.client-page a:hover:not(.btn) { color:#da6730; }
.client-page a.dark-link:hover { color:#F37335; }
.client-page .bg-corp { background-color:#F37335; }
.client-page .text-corp { color:#F37335; }
.client-page .btn-corp { background-color:#F37335; border-color:#F37335; }
.client-page .btn-corp:hover, .client-page .btn-corp:active, .client-page .btn-corp:focus { background-color:#da6730; border-color:#da6730; }
.client-page .btn-outline-corp { color:#F37335; border-color:#F37335; }
.client-page .btn-outline-corp:hover, .client-page .btn-outline-corp:active, .client-page .btn-outline-corp:focus { background-color:#F37335; border-color:#F37335; }
.client-page .form-control:focus { border-color:#F37335; }
.client-page.full-screen-page .page-brand a { color:#FFF; }

/* ++++++++++++++++++++++++++++++ EN CONSTRUCCION PAGE ++++++++++++++++++++++++++++++ */

.under-construction-page .title { font-size:2.5rem; line-height:.9; }
.under-construction-page .progress { background-color:rgba(255,255,255,.6) }
/* Home block*/


.login a { color:#FFF; }
.login .logo-apdayc { /*background-position:0 40px;*/ background-size:138px 30px; width:138px; /* height:85px;*/ }
.login .menu-options li { margin:40px 40px 0 0; }
.login .menu-options li.language { margin-right:0; }
.login-choice { display: inline-flex; }
.login-block { text-align:center; padding:50px; background:rgb(0, 48, 135); background:rgba(0, 48, 135, 0.7); cursor:pointer; }
.login-block.cliente { background:rgb(255, 130, 0); background:rgba(255, 130, 0, 0.7); }
.login-block:hover, .login-block.login-form { background:rgba(0, 48, 135, 1); }
.login-block.cliente:hover, .login-block.cliente.login-form { background:rgba(255, 130, 0, 1); }
.login-block.login-form { padding:20px; cursor:auto; }
.login-block h2 { margin:20px 0 10px; font-size:30px; }
.login-block .description { display:inline-block; max-width:165px; line-height:20px; }
.login-block i { font-size:65px; }
/* Home block*/
media only screen and (min-width: 768px) {
	.container-login { top:50%; transform:translateY(-50%);}
} 
@media only screen and (max-width: 768px) {
		.container-login { top:80px;}
    .container {
    	min-width: auto;
    }
    #main-navbar-collapse {
    	background-color:black;
    	overflow:hidden;
    	width:100%;
    }
    #main-navbar-collapse .menu-item.active {
    	margin-top:15px;
    	margin-bottom:10px;
    }
    .acceso-agentes {
    	display:none;
    }
} 

@media screen and (min-width:480px) {
}

@media screen and (min-width:576px) {
.login-banner { min-height:475px; }
.content-block { padding-top:4rem; padding-bottom:4rem; }
}

@media screen and (min-width:768px) {
.login-banner .login-button { max-width:320px; }
.login-banner .login-button .title { font-size:2.5rem; }
.login-banner .login-button .subtitle { font-size:1rem; }
.full-screen-page .page-brand { position:fixed; top:0; left:0; z-index:1; background-color:#f8f9fa; font-size:3.5rem; }
.full-screen-page .page-brand a { color:#003087; }
.full-screen-page .page-brand a:hover { color:#003087; }
.login-page .login-form { padding-top:4rem; padding-bottom:4rem; }
.client-page.full-screen-page .page-brand a { color:#F37335; }
.client-page.full-screen-page .page-brand a:hover { color:#da6730; }
.under-construction-page .title { font-size:4.5rem; }
}

@media screen and (min-width:992px) {
.header .navbar { max-height:none; overflow:visible; }
#headermenu .nav-item { border-top:none; }
#headermenu .dropdown-item { border-top:1px solid #dee2e6; }
#headermenu .dropdown-menu { box-shadow:0 .5rem .2rem rgba(0,0,0,.15); }
.login-btn { margin-right:0; }
.login-btn .dropdown-menu { left:0; min-width:0; margin-top:-5px; }
.social-banner .btn-circle.btn-lg { width:65px; height:65px;line-height:65px; }
}

@media screen and (min-width:1200px) {
}