/*
Theme Name: Jevelin Child
Description: Child theme for Jevelin theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: jevelin
*/

/* Add your custom CSS below */




/* --------------------------------- */
/* FONTS BANCO INDUSTRIAL */
/* --------------------------------- */

@font-face {
  font-family: "BiNeoIndustrial-Bold";
  src: url('https://www.corporacionbi.com/gt/serjursa/wp-content/fonts/BiNeoIndustrialFont/BiNeoIndustrial-Bold.ttf');
  font-display: swap;
 }
 @font-face {
   font-family: "BiNeoIndustrialRegular";
   src: url('https://www.corporacionbi.com/gt/serjursa/wp-content/fonts/BiNeoIndustrialFont/BiNeoIndustrial-Regular.ttf');
   font-display: swap;
  }



/*body{
	color:#003865 !important;
	font-size:16px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
}*/



.open-sans__bold{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700 !important;
}


h1,h2{
	color: #003865;
	font-family:'BiNeoIndustrial-Bold' !important;   
	font-weight: 700 !important;
}

.serjursa-display{
	color: #003865;
	font-family:'BiNeoIndustrial-Bold' !important;
	font-size:56px !important;
	font-weight: 700 !important;
}


h1{
	font-size:40px !important;
}

h2{
	font-size:25px !important;
}

h3{
	font-size:20px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
	color:#666666 !important;
}

h4{
	font-size:18px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700 !important;
	font-style: normal !important;
	color:#666666 !important;
}


h5{
	font-size:15px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	color:#666666 !important;
}



h4{
	font-family: 'Open Sans', sans-serif !important;
	font-size:30px !important;
	font-weight: 700 !important;
}


h5{
	font-size:30px !important;
}


/* --------------------------------- */
/********** ICONOS *****************/
/* --------------------------------- */
/* 
[class^="bi-icons"]{
  font-size: 4rem !important;
  color: #003865 !important;
}

 */


/* --------------------------------- */
/* DISTINTOS BOXS */
/* --------------------------------- */


.serjursa-subrayado{
	text-decoration: underline !important;
}


.serjursa-box{
	background-color: #E9E9E9 !important;
    display: flex !important;
    justify-content: center !important;
    font-weight: bold !important;
	font-size:12px !important;
}

.serjursa-box__medium{
	background-color: #E9E9E9 !important;
    border-radius:5px !important;
    display: flex !important;
    justify-content: center !important;
    font-weight: 500 !important;
	font-size:12px !important;
}

.serjursa-box__regular{
	background-color: #E9E9E9 !important;
    border-radius:5px !important;
    display: flex !important;
    justify-content: center !important;
    font-weight: 400 !important;
	font-size:12px !important;
}


.serjursa-box__menu{
	background-color: #E9E9E9 !important;
    border-radius:5px !important;
    display: flex !important;
    justify-content: center !important;
    font-weight: 400 !important;
	font-size:12px !important;
}


.serjursa-box-2{
	padding:40px !important;
}

.serjursa-box-3{
	border-radius:20px !important;
}

.serjursa-box-4{
	border-radius:10px !important;
}



.serjursa-menu{
	color:#003865 !important;
	font-size:14px !important;
}

.serjursa-content__icon{
	display:flex !important;
	justify-content:flex-start !important;
	align-items:center !important;
	gap:1.5em !important;
}

.serjursa-content__icon p{
	margin-top: 13px !important;
}


.serjursa-container-icon{
	display: flex;
    justify-content: center;
    padding: 10px 0px;
    border-radius: 20px 0px;
    background-color: #2C8B9E;
}

.serjursa-container-icon i:before{
	color:white;
}


.serjursa-box-image{
	object-fit: cover;
	transition-duration: 0.3s !important;
	position: absolute;
	top: 0;
	height: 100% !important;
	width: auto;
	right: 0;
}





/* --------------------------------- */
/* COLORES DE FONDO */
/* --------------------------------- */


.serjursa-background__blue{
	background-color:#003865 !important;
}


.serjursa-background__blue i:before{
	color:white !important;
}



.serjursa-background__blue--2{
	background-color:#003865 !important;
}


.serjursa-background__blue--2 i:before{
	color:#FFB81C !important;
}


.serjursa-background__blue--2 p:before{
	color:white !important;
}


.serjursa-background-color__aqua{
	background-color:#2C8B9E !important;
}


.serjursa-background-color__aqua i:before{
	color:#003865;
}


.serjursa-background-color__aqua-2{
	background-color:#00C1D4 !important;
}

.serjursa-background-color__aqua-2 i:before{
	color:#003865 !important;
}

.serjursa-background-color__amarillo-empatico{
	background-color:#FDD26E !important;
}


.serjursa-background-color__amarillo-optimista{
	background-color:#FFB81C !important;
}


.serjursa-background__white{
	background-color:white !important;
}


.serjursa-color__grey{
	color:#666666 !important;
}

.serjursa-color__blue{
	color:#003865 !important;
}

.serjursa-background__grey-1{
	background-color:#424141 !important;
}

.serjursa-background__grey-2{
	background-color:#666666 !important;
}

.serjursa-background__grey-3{
	background-color:#8C8C8C !important;
}

.serjursa-background__grey-4{
	background-color:#D9D8D6 !important;
}

.serjursa-background__grey-5{
	background-color:#EBEBEB !important;
}

.serjursa-background__grey-6{
	background-color:#F7F7F7 !important;
}


.serjursa-color__aqua:before{
	color:#2C8B9E !important;
}


.serjursa-color__white{
	color:white !important;
}

.serjursa-color__white-2 i:before{
	color:white !important;
}

.serjursa-color__white-2:before{
	color:white !important;
}

.serjursa-color_yellow i:before{
	color:#FFB81C !important;
}


.serjursa-background-color__aqua .serjursa-menu{
	color:white !important;
}

.serjursa-background-color__aqua h1,
.serjursa-background-color__aqua h2,
.serjursa-background-color__aqua h3,
.serjursa-background-color__aqua h4,
.serjursa-background-color__aqua h5 {
  color: #ffff !important;
}

.serjursa-card__color{
	border:1px solid grey !important;
}

.serjursa-shadow__1 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    background-color: white !important;
    border-radius: 8px !important; 
}




/* --------------------------------- */
/****** DISTINTOS BOTONES  */
/* --------------------------------- */



.serjursa-btn__primario .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #00C1D4 !important;
    border-radius: 40px;
    min-width: 166px;
    /*font-family: "BiNeoIndustrial-Bold" !important;*/
    font-size: 17px !important;
    font-style: normal !important;
}

.serjursa-btn__primario .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover {
    background-color: #2C8B9E !important;
}


.serjursa-btn__primario-hover .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #2C8B9E !important;
    border-radius: 40px;
    min-width: 166px;
    /*font-family: "BiNeoIndustrial-Bold" !important;*/
    font-size: 17px !important;
    font-style: normal !important;
}





.serjursa-btn__secundario .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #FFB81D !important;
    border-radius: 40px;
    min-width: 166px;
    /*font-family: "BiNeoIndustrial-Bold" !important;*/
    font-size: 17px !important;
    font-style: normal !important;
}

.serjursa-btn__secundario .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic:hover {
    background-color: #03C1D4 !important;
}




.serjursa-btn__secundario-hover .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: white !important;
    background-color: #03C1D4 !important;
    border-radius: 40px;
    min-width: 166px;
    /*font-family: "BiNeoIndustrial-Bold" !important;*/
    font-size: 17px !important;
    font-style: normal !important;
}


.serjursa-btn__footer .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
    color: #003865 !important;
    background-color: #FFB81C !important;
	padding:20px;
    min-width: 266px;
    font-family: "BiNeoIndustrial-Bold" !important;
    font-size: 17px !important;
    font-style: normal !important;
	border-radius:50px !important;
}


/* --------------------------------- */
/****** TAMAÑO ICONOS  */
/* --------------------------------- */


/* ---------------------------------------------- */
.icon-size-standard:before{
	font-size:40px !important; 
}

.icon-size-small:before{
   font-size: 16px !important; 
}

.icon-size-medium:before{
   font-size: 32px !important; 
}

.icon-size-large:before{
   font-size: 64px !important;
}

.icon-size-xlarge:before{
	font-size:128px !important;
}
/* ---------------------------------------------- */




/* --------------------------------- */
/****** BORDES PARA ELEMENTOS   */
/* --------------------------------- */


/* ---------------------------------------------- */
.rounded-tl-none.vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner{
	border-top-left-radius:0px !important;
}

.rounded-tl-sm{
	border-top-left-radius: 0.125rem !important; /* 2px */
}

.rounded-tl{
	border-top-left-radius: 0.25rem !important; /* 4px */
}

.rounded-tl-md{
	border-top-left-radius: 0.375rem !important; /* 6px */
}

.rounded-tl-lg{
	border-top-left-radius: 0.5rem !important; /* 8px */
}

.rounded-tl-xl{
	border-top-left-radius: 0.75rem !important; /* 12px */
}

.rounded-tl-2xl{
	border-top-left-radius: 1rem !important; /* 16px */
}

.rounded-tl-3xl{
	border-top-left-radius: 1.5rem !important; /* 24px */
}


.rounded-tl-4xl{
	border-top-left-radius: 2rem !important; /* 32px */
}


.rounded-tl-5xl{
	border-top-left-radius: 3.125rem !important; /* 48px */
}

.rounded-tl-6xl{
	border-top-left-radius: 5rem !important; /* 80px */
}

.rounded-tl-full{
	border-top-left-radius: 9999px !important; 
}
/* ---------------------------------------------- */


/* ---------------------------------------------- */
.rounded-br-none.vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner {
    border-bottom-right-radius: 0px !important;
}

.rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important; /*2px*/
}


.rounded-br{
    border-bottom-right-radius: 0.25rem !important; /*2px*/
}


.rounded-br-md{
	border-bottom-right-radius: 0.375rem !important; /* 6px */
}

.rounded-br-lg{
	border-bottom-right-radius: 0.5rem !important; /* 8px */
}

.rounded-br-xl{
	border-bottom-right-radius: 0.75rem !important; /* 12px */
}

.rounded-br-2xl{
	border-bottom-right-radius: 1rem !important; /* 16px */
}

.rounded-br-3xl{
	border-bottom-right-radius: 1.5rem !important; /* 24px */
}


.rounded-br-4xl{
	border-bottom-right-radius: 2rem !important; /* 32px */
}


.rounded-br-5xl{
	border-bottom-right-radius: 3.125rem !important; /* 48px */
}

.rounded-br-6xl{
	border-bottom-right-radius: 5rem !important; /* 80px */
}

.rounded-br-full{
	border-bottom-right-radius: 9999px !important; 
}
/* ---------------------------------------------- */



.serjursa-margin__left {
	margin-left:4em !important;
}


/* --------------------------------- */
/* Header */
/* --------------------------------- */

/*
:not(.page-id-266).sh-header-builder-main-container {
    background-color: #003865;
}
*/


.header-desktop {
	background-color: #003865;
}


/*
.serjursa-menu-mobile {
    display: none;
}
*/	

@media only screen and (max-width: 1025px) {
	.serjursa-menu-mobile {
		display: block;
	}		
}

.serjursa--link:hover {
	color:#00C1D4 !important;
    text-decoration: underline;
	cursor:pointer;
}



@media only screen and (max-width: 767px) {
	.serjursa-footer__icons{
		margin-left:1em !important;
	}	
	
	.serjursa-margin__left {
		margin-left:initial !important;
	}
	
	.serjursa-btn__footer .vc_btn3.vc_btn3-color-grey.vc_btn3-style-classic {
		margin-left:4em !important;
	}
}


/*-------------------------------------------------------*/
/*---------------Estilos Jonathan Alvizures -------------*/
/*-------------------------------------------------------*/


.vc_row{
	margin-left: unset!important;
    margin-right: unset!important;
}

/*-------------------------------------*/
/*---------------container-------------*/
/*-------------------------------------*/


@media screen and (min-width:1660px){
    
  #wrapper .container {
    max-width: 1920px!important;
    width: 100%!important;
	min-width:1200px!important;
}
	
	.sh-header-builder-main-container .container{
		max-width: 1920px!important;
		width: 100%!important;
		min-width:1200px!important;
		
		
	}

}


@media screen and (max-width:1660px){
    
  #wrapper .container {
    	width: 100%!important;
	  max-width: 100%!important;
	  padding:0 10px;
}

}



/*-------------------------------------*/
/*-----------------rows----------------*/
/*-------------------------------------*/

@media screen and (min-width:1660px){
    .row-xs{ 
        max-width:1600px!important;
        margin:auto!important;
    }
}

@media screen and (min-width:1260px){
    .row-xss{ 
        max-width:1200px!important;
        margin:auto!important;
    }
}


*{
    -webkit-box-sizing: border-box!important;
}




/*--------------------header-----------*/

.sh-header-template{
	z-index:999999;
}


.sh-header-builder-main-sticky-fixed .sh-header-builder-main-content{
	display:flex;
	justify-content: space-around;
	align-items:center;
	
}

.sh-header-builder-main-sticky-fixed .sh-header-builder-main-logo{
	margin:unset;
}




/* Menu en responsive */
.serjursa-menu-mobile {
    display: none;
}	

.serjursa-menu-desktop {
    display: block;
}	

@media only screen and (max-width: 1025px) {
	.serjursa-menu-mobile {
		display: block;
	}
	.serjursa-menu-desktop {
		display: none;
	}
	.sh-header-builder-mobile-content.sh-header-builder-layout1 {
        display: none !important;
    }
	#mega-menu-wrap-header {
		z-index: 999 !important;
		background-color: transparent !important; 
		margin-bottom: -80px;
	}
}



.btn-logo{
	cursor:pointer;
}