/* FONTS */
 @font-face {
   font-family: 'Roboto';
   src: url('../webfonts/Roboto-Regular.ttf') format("truetype"),
}
@font-face { 
	font-family: 'Roboto-Bold';
	src: url('../webfonts/Roboto-Bold.ttf') format("truetype");
 }



/* FONTS SIZE */
.font-9 {font-size:9px; }
.font-10{font-size:10px;}
.font-12{font-size:12px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-24{font-size:24px;}
.font-27{font-size:27px;}
.font-32{font-size:32px;}
.font-36{font-size:36px;}
.font-42{font-size:42px;}

/* TEXT COLOR */
.text-gray 			        {color: rgba(190, 185, 180, 1);  }
.text-light-gray 			{color: rgba(190, 185, 180, 0.8);}
.text-white 			    {color: rgba(255, 255, 255, 1);  }
.text-black 			    {color: rgba(35, 31, 32, 1);     }
.text-light-black 	        {color: rgba(35, 31, 32, 0.8);   }
.text-red 				    {color: rgba(212, 45, 18, 1);    }
.text-light-red 			{color: rgba(212, 45, 18, 0.8);  }
.text-darkred 			    {color: rgba(158, 40, 42, 1);    }
.text-light-darkred 		{color: rgba(158, 40, 42, 0.8);  }


/* CUSTOM COLOR REFERENCE CLASSES - BACKGROUND COLORS */
.color-primary-black 			{background-color: rgba(35, 31, 32, 1);}
.color-primary-light-black 			{background-color: rgba(35, 31, 32, 0.8);}
.color-primary-red 				{background-color: rgba(212, 45, 18, 1);}
.color-primary-light-red 			{background-color: rgba(212, 45, 18, 0.8);}
.color-primary-darkred 			{background-color: rgba(158, 40, 42, 1);}
.color-primary-light-darkred 		{background-color: rgba(158, 40, 42, 0.8);}
.color-white 			        {background-color: rgba(255, 255, 255, 1);}
.color-primary-gray 				{background-color: rgba(190, 185, 180, 1);}
.color-primary-light-gray 			{background-color: rgba(190, 185, 180, 0.8);}
.color-white-gray               {background-color: rgba(250, 250, 250, 1);}
/* CUSTOM TEXT STYLE CLASSES - END */


.transition {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.transition-fast {
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}


html, body {
  font-family: 'Roboto', sans-serif;
  line-height: 22px;
  color: rgba(43, 43, 43, 1);
  letter-spacing: 0.5px;
}

section.inside{
    /*padding-top: 250px;*/
    padding-top:184px;
}

.mobile-padding  p > a, .mobile-padding  li > a, .mobile-padding  p > span > a{
    color: rgba(212, 45, 18, 1);
}

 a:hover{
	text-decoration: none;
}

main{
  /*padding-top: 194px;*/
  transition: all 0.2s;
  min-height: 300px;
}

.img-lock{
    max-width: 100%;
    height: 100%;
}


/**** GENERIC CLASSES ****/
section{
	padding: 50px 0 50px 0;
    /*padding: 50px 150px 50px 150px;*/
}
.hover-red:hover{
    color: rgba(212, 45, 18, 1);
}

.net-input-container{
    position: relative;
}
.net-input-arrow{
    position: absolute;
    right: 0;
    height: 15px;
    cursor: pointer;
    width: 23px;
    z-index: 0;
    zoom: 1.3;
    background-size: 30px;
    background: url(/application/icons/arrow-right-red.svg) no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

ul{
	margin-bottom: 0;
}


.burger-icon{
	background: url("/application/icons/menu-mobile-black.svg") no-repeat;
	background-size: cover;
}
.mobile-icon-net{
	background: url("/application/icons/lock-small-white.svg") no-repeat;
	background-size: cover;
}

.bold, strong, b{
/*	font-family: Roboto-Bold,sans-serif;*/
	font-weight: bold;
}
.uppercase{
	text-transform: uppercase;
}
.underline{
	text-decoration: underline;
}
.text-center{
	text-align: center;
}
.title{
	text-transform: uppercase;
	margin: 0 0 50px 0;
}
.opacity-8{
	opacity: 0.8;
}
.letter-spacing{
	letter-spacing: 0.5px;
}
.line-height-16{
	line-height: 1.6;
}

.article-btn{
	display: flex;
}

.bannerMargin{
    margin-top: 185px;
}

/*************************** ARROWS ******************************/
.arrow-btn .arrow-join-btn-gold , .arrow-join-btn-gold{
	background: url("/application/icons/arrow-right-red.svg") no-repeat;
	margin: 2px 0 0 10px;
	/*margin:2px 10px 0 0px;*/
	width: 15px;
	height: 15px;
	transition: all 0.3s;
}

.arrow-btn:hover .arrow-join-btn-gold{
	width: 20px;	
} 
.arrow-down-white-mobile{
    background: url("/application/icons/arrow-down-white.svg") no-repeat;
	background-size: contain;
	height: 10px;
    width: 10px;
    margin: 5px 0 0 5px;
}	
.arrow-up-white{
    background: url("/application/icons/arrow-up-white.svg") no-repeat;
	background-size: contain;
	height: 10px;
    width: 10px;
    margin: 5px 0 0 5px;
}
.arrow-down-white{
    background: url("/application/icons/arrow-down-white.svg") no-repeat;
	background-size: contain;
	height: 10px;
    width: 10px;
    margin: 5px 0 0 5px;
}



.hover-cursor{
    cursor: pointer;
}


.row .resize-col:first-child, .row .resize-col:first-of-type{
	padding-left: 0;
}
.row .resize-col:last-child{
	padding-right: 0;
}
.hide{
	display: none;
}
.show{
	display: block;
}

.no-shadow{
	box-shadow: unset;
}


button[disabled]{
	background-color: rgba(233, 233, 233, 1);
	cursor: not-allowed;
}
	button[disabled]>span{
		color: rgba(171, 171, 171, 1);
	}

.section-title{
	margin-top: -50px;
}



/*************************** HEADER/NAV ******************************/
.navbar {
  border: none;
  margin-bottom: 0;
  z-index: 101;
  width: 100%;
  position: fixed;
  padding: 0 0 30px 0; 
  transition: 0.4s;
}

.navbar-sumakaka{
    /*background:url('/contentAsset/raw-data/bb5cadae-90cd-4573-acae-51d3360a08e7/fileAsset/');*/
    background:url('/contentAsset/raw-data/6e489ae5-0912-4dea-b02c-ab946947cfd1/fileAsset/');
}

.navbar-shrink{
    padding: 0;
}
.navbar .headers-wrapper {
  width: 100%;
}
.navbar .branding {
	float:left;
	width: 100%;
	height: 80px;
	display: flex;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
	border-radius: 4px;
	position: relative;
	background:white;
}
.navbar .branding .header-logo {
    width: 250px;
    height: 80px;
    background: transparent url("/application/images/logos/BIC_HOR_B1_POS_BR.png?language_id=3") no-repeat;
    background-size: contain;
    background-size: 80%;
    background-position: center;
}
.navbar .branding .header-logo-red {
    width: 270px;
    height: 80px;
    background: transparent url("/application/images/logos/BIC_HOR_B1_POS_BR.png?language_id=3") no-repeat;
    background-size: contain;
    background-size: 80%;
    background-position: center;
}
.navbar .branding>a{
	display:inline-block;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	min-width: 240px;
}
.navbar .branding .header-second-nav{
	width: 100%;
	/*border-bottom-right-radius: 4px;*/
	/*border-top-right-radius: 4px;*/
}
.navbar .branding .header-second-nav #header-sec-nav{
	width: 100%;
}
.navbar .branding .header-second-nav>#header-sec-nav>ul>li{
	float: left;
	padding-left: 20px;
	height: 80px;
	/*font-size:14px;*/
}
.navbar .branding .header-second-nav>#header-sec-nav>ul>li>a{
	height: 100%;
	align-items: center;
}
.navbar .branding .header-second-nav>#header-sec-nav>ul>li>a.active{
	color: rgba(212, 45, 18, 1);
	
}
.border-bottom-red{
    border-bottom: 3px solid rgba(212, 45, 18, 1);
}

.navbar .header-net-container{
    height: 100%;
    display: flex;
    padding: 7px 15px;
    float: right;
    border-radius: 8px;
    margin-top: 20px;
}

.navbar .header-net-container .header-net-btn{
    cursor: pointer;
}
.navbar .branding>a.btn-net .net-lock{
	background: url("/application/images/icons/lock-small-white.svg") no-repeat;
	width: 13px;
	background-size: contain;
	margin-top: 4px;
	margin-left: 7px;
}
.navbar  .header-nav  {
	height: 75px;
	clear: both;
}
.navbar  .header-nav .header-row{
	display: inline-block;
}
.navbar  .header-secondary {
	height: 42px;
}

.navbar .header-nav.header-primary, 
.navbar .header-nav .header-items .secondary,
.navbar .branding {
    z-index: 101;
}
.navbar-collapse{
    padding: 0;
}
nav.navbar .header-nav ul.header-items {
  text-align: left;
  height: 80px;  
  padding-top: 25px;
}
nav.navbar.navbar-shrink .header-nav ul.header-items {
  height: 50px;  
  padding-top: 15px;
}
nav.navbar .header-nav ul.header-items>li {
  display: inline-block;
  margin: 0 20px;
  height:100%;
}
nav.navbar .header-nav ul.header-items>li:first-child {
  margin-left: 0;
}
nav.navbar .header-nav ul.header-items>li a {

  
}

/* Header Scrolled */
.navbar-shrink>.header-nav{
	height: 50px;
}

.navbar-shrink>.headers-wrapper{
	position: relative;
}
.navbar-shrink>.headers-wrapper>.header-wrapper-scrolled{
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
}
.navbar-shrink>.headers-wrapper>.header-wrapper-scrolled>.header-wrapper-scrolled-red, .navbar-shrink>.headers-wrapper>.header-wrapper-scrolled>.header-wrapper-scrolled-white{
	width:50%;
	height: 100%;
}
/* 2ND LEVEL MENU */
nav.navbar .tertiary-wrapper {
    opacity: 1;
    margin-top: 0;
	z-index: 100;
    position: absolute;
	zoom: 1;
    width: 100%;
    min-height: 275px;
    /*background-color: rgba(253, 253, 253, 0.95);*/
    background-color: rgba(253, 253, 253, 1);
    left: 0;
    padding: 30px 40px;
    box-shadow: 0 4px 12px -4px rgba(0,0,0,0.1);
    top: 80px;
    display: none;
    opacity: 0.95;
}
nav.navbar .tertiary-wrapper ul:not(:last-child){
    border-right: 1px solid rgba(0,0,0,0.1);
}
.tertiary-wrapper li {
    text-align: left;
    line-height: 1.5;
    /*padding-bottom: 10px;*/
    padding-bottom: 5px;
}


.nav-grandchild:first-child{
	border-left: none;
	padding-right: unset;
}
.nav-grandchild{
	border-left: 1px solid  rgba(212, 45, 18, 0.2);
	padding-left: 15px;
	padding-right: 15px;
}




@media (max-width: 992px) {
    .nav-grandchild:first-child{
    	border-left: none;
    }
    .nav-grandchild{
    	border-left: none;
    }
}


/*************************** FOOTER ******************************/
footer{
	padding-top: 20px;
}
.footer-menu{
display: inline-flex;
}

.footer-social{
display: inline-flex;
padding: 20px;
}

.footer-logo{
display: inline;
}

.footer-list-inline>li {
    display: inline-block;
    padding: 9px;
}

.footer-list-inline>li > a{
   color:black;
}


/*************************** BUTTON STYLE ******************************/
.border-btn{
	padding: 10px 45px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}


/*************************** NET ******************************/
.btn-net-scrool{
    margin-top: 0px !important;
    border-radius: 0px  !important;
    height: 50px  !important;
    padding: 15px  !important;
    margin-top: 0px;
}

.close-btn-net-container{
	width: 100%;
	height: 65px;
	padding: 15px;
}
.close-btn-net-container .close-btn-net{
	background: url("/application/icons/cross-white.svg") no-repeat;
	background-size: cover;
	height:30px;
	width: 30px;
	float: right;
	cursor: pointer;
}
.net-container{
	display: none;
    width: 100%;
    padding-bottom: 50px;
}
.net-container .net-block{
	display: flex;
}
.net-container .net-btn{
	display: flex;
	margin-top: 10px;
}
.net-container .net-icon{
	margin-right: 10px;
}
.net-container .net-icon img{
	width: 20px;
	height: 20px;
}
.net-container .net-desc>div{
	margin-top: 3px;
}
.arrow-join-btn-red {
    width: 13px;
	height: 13px;
    margin-top: 2px;
	transition: all 0.3s;
 	
 	background: url("/application/icons/arrow-right-red.svg");
	background-size: contain;
	background-repeat: no-repeat;
	
}

.arrow-join-btn-white{
    width: 13px;
	height: 13px;
    margin:5px 0 0 5px;
	transition: all 0.3s;
 	background: url("/application/icons/arrow-right-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	
}


	.net-btn:hover  .arrow-join-btn-red{
		width: 30px;	
	} 
.net-window{
	padding: 30px 30px 10px 30px;
	border-radius: 5px;
}

.net-window .user-input{
	
}
.net_user_cont {
    position: relative;
}

#net_user_btn {
    position: absolute;
    height: 25px;
    width: 25px;
    /*background-color: red;*/
   	background: url("/application/icons/arrow-right-red.svg");
	background-size: contain;
	background-repeat: no-repeat;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#net_user_input {
    width: 100%;
    border-style: none;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
	padding-left: 20px;
	height: 40px;
	margin-bottom: 20px;
}
	#net_user_input::placeholder{
		color: rgba(171, 171, 171, 1);
	}
	
.net-window-text{
    padding: 0 20px;
}

.net-contact{
    display: flex;
}
.net-contact img{
    width: 60px;
}
.net-contact .net-contact-text{
    margin-left: 10px;
}


/*************************** BANNER SLIDER ******************************/
.bx-wrapper{
	background-color: rgba(250, 250, 250, 1);
	position: relative;
}
.bx-pager-item{
    width: 10px;
    height: 10px;
    display: inline-block;
    padding: 10px;  
}
.bx-viewport{
	left: 50%;
	transform: translateX(-50%);
}
.banner-container {
  position:relative;
  width: 100%;
  height: 100%;
  /*max-height: 550px;*/
  background-color: #FAFAFA;
  margin-top: 184px;
}
.banner-container .banner-call {
	z-index: 51;
	max-width: 500px;
	width: 370px;
}
.banner-img {
	width: 100%;
    height: 100%;
    z-index: 50;
    margin: 0 auto;
    max-width: 1920px;
    max-height: 640px;
}

.banner-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.banner-call p{
	margin: 0;
}
.banner-content .gradient-light, .banner-content .gradient-dark {
	width: 100%;
	height: 100%;
	position: absolute;
}
.banner-container.inside .gradient-light, .banner-container.inside .gradient-dark {
	width: 50%;
}
.banner-content .gradient-light {
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(206,216,223,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(206,216,223,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(206,216,223,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.banner-content .gradient-dark {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d3d3d3+1,3d3d3d+100&0+1,0.76+100 */
    background: -moz-linear-gradient(left, rgba(211,211,211,0) 1%, rgba(61,61,61,0.76) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(211,211,211,0) 1%,rgba(61,61,61,0.76) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(211,211,211,0) 1%,rgba(61,61,61,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.slider-dots-container{
    position: absolute;
    width: 100%;
    bottom: 75px;
}
.slider-dots-container .slick-dots{
    /*position: initial;*/
    width: auto;
    text-align: left;
    
}

.banner-container .slick-arrow{
    display: none !important;
}

.slick-dots li{
    width: 7px;
    height: 7px;
    background-color: rgba(200,200,200,1);
    border-radius: 50%;
    vertical-align: middle;
    transition: all 0.3s;
}
.slick-dots .slick-active, .slick-dots li:hover{
    height: 10px;
    width: 10px;
    background-color: white;
}

main .bx-wrapper {
	border: none;
    margin: 0;
    box-shadow: none;
	max-height: 550px;
}
main .bx-wrapper .bx-viewport {
    max-height: 550px;
	max-width: 1920px;
}
main .bx-wrapper .bx-pager {
    position: absolute;
		bottom: 0;
		width: 100%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 0;
		text-align: right;
}
main .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: rgba(170, 170, 170, 1);
    height: 7px;
	width: 7px;
	margin-top: 1.5px;
}
main .bx-pager.bx-default-pager a:hover{
	background-color: rgba(255, 255, 255, 1) !important;
	transition: 0.3s all;
}
main .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: rgba(255, 255, 255, 1);
	height: 10px;
	width: 10px;
	margin:0;
}
main .bx-wrapper .bx-pager-item:not(:first-child){
	margin-left:10px;
}


/*************************** SLIDER TOP HOMEPAGE ******************************/
.slider-wrapper{
	position:relative;
}

.slider-text-hide{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640px) {
    .slider-text-hide{
        /*width: 120px !important;*/
    }
    
     .slider-top-wrapper .slider-top-image img{
      	height: 40px !important;
    }
}

.slider-top-wrapper{
	width: calc(48% - 20px);
	display: inline-block;
	margin: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
	max-height: 200px;
    position: relative;
}
	.slider-top-wrapper:hover{
		box-shadow: none;
	}
.slider-top-wrapper .slider-top-call{
	display: flex;
	border-radius: 8px;
	height:130px;
}

.slider-top-wrapper .slider-top-image{
	width: 30%;
	position: relative;
}

.slider-top-wrapper .slider-top-image img{
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.slider-top-wrapper .slider-top-content{
	display: inline-block;
	width: 70%;
	padding: 20px 20px 20px 0;
}

.slider-top-wrapper .slider-top-content .slider-top-btn{
	display: flex;
	margin-top: 20px;
}

/*************************** SLICK TOP SLIDER HOMEPAGE ******************************/
.slick.top-slider{
	position: relative;
	padding: 0 50px 0 50px;
	width:90%;
}
.slick.top-slider .slick-arrow{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	cursor: pointer;
}
.slick.top-slider .slick-arrow.arrow-left{
	left: -25px;
	background: url("/application/icons/arrow-slide-left-gold.svg");
	background-size: contain;
	transform: translate(100%, -50%);
}
.slick.top-slider .slick-arrow.arrow-right{
	right: -25px;
	background: url("/application/icons/arrow-slide-right-gold.svg");
	background-size: contain;
	transform: translate(-100%, -50%);
}
.slick.top-slider.corp .slick-arrow.arrow-left{
	left: -25px;
	background: url("/application/icons/arrow-slide-left-red.svg");
	background-size: contain;
	transform: translate(100%, -50%);
}
.slick.top-slider.corp .slick-arrow.arrow-right{
	right: -25px;
	background: url("/application/icons/arrow-slide-right-red.svg");
	background-size: contain;
	transform: translate(-100%, -50%);
}



.slick-arrow-left{
	left: -25px;
	background: url("/application/icons/slide_arrow.svg");
	background-size: contain;
	background-repeat:no-repeat;
	transform: translate(100%, -50%) rotate(180deg);
	
}
.slick-arrow-right{
	right: -25px;
	background: url("/application/icons/slide_arrow.svg");
	background-size: contain;
	background-repeat:no-repeat;
	transform: translate(-100%, -50%);
}
/*************************** ARTICLE ******************************/
.article-container{
	border-radius: 8px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
	max-width: 400px;
}
	.article-container:hover{
		box-shadow: none;
	}
.article-container .article-img-placeholder{
	height: 240px;
}
.article-container .article-img-placeholder img{
	max-width: 100%; 
    width: 100%;
    height: 100%;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    object-fit: cover;
    object-position: top;
}
.article-container .article-text-placeholder{
	padding: 20px;
	height: 260px;
	position: relative;
}
.article-container .article-body{
	height: 110px;
	word-break: break-word;
    text-align: left;
}
.article-container .article-body div{
	height: 82px;
	line-height: 20px;
	overflow: hidden;
}
.article-container .article-subtitle{
	margin-bottom: 20px;
}
.article-container .article-title{
	margin-bottom: 15px;
	max-height: 100px;
	overflow: hidden;
}
.article-container .article-btn{
	display: flex;
	position: absolute;
	bottom: 15px;
	right: 15px;
}


/*************************** WIDGET CAMBIOS ******************************/
.exchange-widget {
	clear: both;
	border-radius: 8px;
}
.tabs-widget {
    border-radius: 16px;
    padding: 20px;
}

.tabs-widget .tab-content-table {
	display: table;
	width: 100%;
	text-align: right;
}

.tabs-widget .tab-content-table thead>tr>th {
	width: 33%;
	text-transform: uppercase;
	text-align: center;
}
.tabs-widget .tab-content-table thead>tr>th:first-child{
	text-align: left;
}
.tabs-widget .tab-content-table thead>tr>th:last-child{
	text-align: right;
}
.tabs-widget .tab-content-table thead>tr>th,
.tabs-widget .tab-content-table tbody>tr>td {
	padding: 3px 10px;
}
.tabs-widget .tab-content-table tbody{
    font-size: 12px;
}
.tabs-widget .tab-content-table tbody>tr.even {
	/*background-color: #FFF;*/
}
.tabs-widget .tab-content-table tbody>tr>td{
	text-align: center;
}
.tabs-widget .tab-content-table tbody>tr>td:first-child {
	text-align: left;
}
.tabs-widget .tab-content-table tbody>tr>td:last-child {
	text-align: right;
}
.tabs-widget .tab-content-table thead>tr>th.currencyCol {
	visibility: hidden;
}
.tabs-widget .tab-content-table tbody>tr>td.currencyCol {
	font-weight: bold;
	width: 70%;
	padding-left: 0;
}
.tabs-widget .tab-content-table tbody>tr>td.currencyCol img {
	height: 50px;
    width: 50px;
	margin-right: 10px;
	
}

.tabs-widget .tab-content-table thead>tr>th,
.tabs-widget .dateLabel {
	margin-bottom: 0px;
}



/*************************** NEWS ******************************/
.news-container .news-title{
	margin: 15px 0;
}
.news-btn{
	display: flex;
	margin-top: 30px;
}
.news-container{
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding: 20px 0;
}
.news-container:first-child{
	border-top: 1px solid rgba(0,0,0,0.2);
}
/** BOTTOM HOMEPAGE**/
.info-bottom-window{
	height: 320px;
}
.info-container{
	display: flex;
	justify-content: center;
}
.info-container .info-bot-image{
	padding: 50px;
	margin-right: 60px;
}
.info-container .info-bot-image img{
	width: 150px;
	height: 150px;
}
.info-container .info-bot-text{
	text-align: left;
}



/**** PAGES ****/
/** NET **/
/* BANNER */ 
.banner-landing-container{
	padding-top: 80px;
	height: 400px;
	display: flex;
}
.banner-landing-container .banner-landing-image img, .tab-info img{
	border-radius: 8px;
}

.banner-landing-content{
	margin-left: 40px;
	width: 50%;
}

.three-column img{
	width: 140px;
}

.more-info img{
	width: 30px;
	margin-right: 10px;
}

.net-text{
	width: 49%;
	display: inline-block;
	vertical-align: top;
	border: 0;
}
.net-text:first-child{
	padding-right: 20px;
}
.net-text:last-child{
	padding-left: 20px;
}
.net-text h3, .simple-text h3{
	margin-top: 50px;
	margin-bottom: 30px;
}
.net-text h3:first-child, .simple-text h3:first-child{
	margin-top: 0;
}
.net-text a{
	color: rgba(194, 122, 35, 1);
}
	.net-text a:hover{
		text-decoration: underline;
	}
.net-text.corporate a{
color: rgba(127, 38, 41, 1);
}
	.net-text.corporate a:hover{
		text-decoration: underline;
	}
.net-text ul{
	-webkit-padding-start: 10px;
	-moz-padding-start: 10px;
	padding-start: 10px;
}


/*************************** LANDING PRIVATE ******************************/
.list-text {
    padding: 30px 60px;
    border-radius: 8px;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
}

.list-text ul li{
    margin-bottom: 20px;
   /* padding-left: 10px; */
    padding-right: 10px;
}

.list-text ul{
    -webkit-columns: 2;
    list-style-image: url('/application/icons/check_icon.png');
}


.list-documents {
    padding: 30px 60px;
}

.list-documents ul li{
    margin-bottom: 20px;
    padding-left: 10px;
}

.list-documents ul{
    /*-webkit-columns: 2;*/
    list-style-image: url('/application/icons/pdf_icon.png');
}


/**** PÁGINAS SIMPLES INTERIORES ****/

.text-banner-container {
	position:relative;
	width: 100%;
	height: 100%;
	max-height: 300px;
	display: flex;
	padding: 50px 0;
}
.text-banner-info{
	margin-left: 30px;
}
.text-banner-container .text-banner-img img{
	width: 100px;
	height: 100px;
}

.sec-tab .tab:first-child{
	border: unset;	
}


/*************************** BACK BUTTON ******************************/
.back-arrow-btn {
	display: flex;
	height: 50px;
	width: fit-content;
	width: 26%;
}
.back-arrow-btn div{
	background: url("/application/images/arrow-right.svg") no-repeat;
	background-size: contain;
	width: 25px;
	height: 15px;
	margin-right: 10px;
	transform: rotateY(180deg);
	transition: all 0.3s;
	background-position: left;
}

.back-arrow-btn:hover  div{
	background-position: right;
}


.arrow-btn .arrow-black-btn , .arrow-black-btn{
	background: url("/application/icons/arrow-right.svg") no-repeat;
	margin: 2px 0 0 10px;
    width: 15px;
    height: 15px;
    transition: all 0.3s;
    /*right: 50px;*/
    /*position: absolute;*/
}

.arrow-btn:hover .arrow-black-btn{
	width: 20px;	
}



.top-0{
    top:0;
}

.small-banner-height{
    height:150px;
}
.small-banner-padding{
    padding: 50px 30px;
 
    
}
.small-banner-grad, .small-banner-grad-2{
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding-bottom: 0 !important;
}



.small-banner-grad > div{
   height: 100%;
    width: 100%;
    background: linear-gradient(90deg, rgba(255, 9, 9, 1) 30%, rgba(0,0,0,0) 90%);
}



/*** CARD CORPORATE INFORMATION  & CARD CONTACT***/

.card-height{
height:390px;
}
.card-info-img{
height:100px;
}

.card-info-text{
height:170px;
}

.card-contact-info-text{
height:270px;
}

.card-contact-height{
    height:370px;
}
.small-banner-inside{
        position: absolute;
    top: 50%;
    left: 50px;
}

/*** ORGAOS SOCIAIS T***/
.social-title-height{
    height: auto;
    line-height: 30px;
    margin: 25px 0;
}
.social-title-height:first-child {
    margin-top: 0;
}

/** LIST WITH ICONS **/
.list-text-icons {

}

.list-text-icons ul li{
    margin-bottom: 20px;
}

.list-text-icons ul{
    list-style-image: url('/application/icons/check_icon.png');
}

/** REPORTS CARDS **/
.report-card{
        border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    width: 270px;
    height: 80px;
    line-height: 80px;
    padding: 0 30px;
}



.orgaos-sociais{
    width: 100%;
}

.orgaos-sociais p{
    margin-top: 0;
    margin-bottom: 1rem;
    display: inline-block;
    width: 24%;
    border: 1px solid black;
    padding: 15px;
    margin-right: 5px;
    vertical-align: top;
    height: 105px;
    word-break: break-word;
}
.seguros-img{
    width: 100%;
}

.nav.nav-tabs{
    border: none;
    border-radius: 25px;
}
.nav-tabs .nav-item {
    padding: 10px;
    border: 1px solid #666;
    border-right: none;
}
.nav-tabs .nav-item:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    
}
.nav-tabs .nav-item:last-child {
    border-right: 1px solid #666;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    
}

.nav-tabs .nav-link {
    border: none;
    padding: 0;
    color: #666;
}

li.nav-item.active{
    background-color: rgba(212, 45, 18, 1);
}
li.nav-item.active a{
   color: white;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white;
    background-color: transparent;
}

.search{
    background: url(/application/icons/search.svg) no-repeat;
    margin: 21px 0px 0 0;
    float: right !important;
    background-size: 40px;
    width: 80px;
    cursor:pointer;
    position: relative;

}
div#search_menu::before {
    content: 'SEARCH';
    position: absolute;
    left: -70px;
    font-size: 14px;
    top: 8px;

}

.search_input{
    height: 100%;
    border: 0px;
    font-size:18px;
}

.search_input:focus {outline:0;box-shadow: none;}

.search-list{
    list-style: none;
    padding:0;
}

.search-list li{
    padding-bottom: 10px;
}
.search-list li a{
   color:black;
   font-size:24px;
}

.search-list li a:hover{
   color:black;
   font-size:24px;
   font-weight:bold;
}

.list-results{
    list-style: none;
    border-left: 3px solid red;
    padding-left: 10px;
}

.search-page-ul{
    padding: 50px 0 0 30px;
}

.search-page-results{
    padding-top: 30px;
}

.card-img-global{
    float: right;
    margin-top: -40px;
    padding-bottom: 20px;
    padding-left: 30px;
}
    
.simple-text img{
    max-width: 100%;
}

.net_widget{
    border: 3px solid white;
    border-radius: 8px;
}

.text-with-column{
    width: 70%;
    display: inline-block;
    padding-right: 30px;
}

.column-with-column{
    width: 29%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.mobile-padding table td span{
    font-size: 14px !important;
}

.mobile-padding table td{
    padding: 8px;
}

.banner-product{
    overflow: hidden;
    /*height: 188px;*/
    text-align: center;
    max-width: 1920px;
    margin: 0 auto;
    background-size: 100%;
    max-height: 302px;
}

.banner-product > img{
    height: 100%;  
    width: 100%;
}

.ul-constraint-1{
    height: 160px;
}
.ul-constraint-2{
    height: 170px;
}
.ul-constraint-3{
    height: 180px;
}
.ul-constraint-4{
    height: 190px;
}
.ul-inverted{
    overflow-x: hidden;
    list-style-position: inside;
}
.list-text ul.ul-no-column{
    -webkit-columns: 1;
}
.img-enlarge{
    /*object-position: 0 -150px;*/
    /*transform: scale(1.2);*/
}

.news-detail-img > img{
    /*width: auto;*/
    max-height: 760px;
}
.row-net-widget{
     float: right;
    margin-top: 60px;
}
/*************************** MEDIA QUERIES ******************************/

/* TABLETS */ 
@media (max-width:991px){
    .nav.nav-tabs{
        border: unset;
    }
    .ul-inverted{
        list-style-position: unset;
    }
        
.ul-constraint-1, .ul-constraint-2, .ul-constraint-3, .ul-constraint-4{
    height: auto;
}

    .mob-pl-1{
        padding-left: 1rem!important;
    }
    .nav-tabs .nav-item{
        width: 100%;
        border-radius: 20px;
        text-align: center;
        border: 1px solid #666;
        margin-bottom: 10px;
    }
    
    .search-page-ul{
        padding: 30px 0 20px 0px;
    }
    .bottom-widget{
		margin-bottom: 50px;
	}
    
    .search-page-results{
        padding-top: 0px;
    }
    
    .slick.top-slider{
	    width: 100%;
    }
    .list-text {
        padding: 30px 15px;
        
    }


.list-text ul{
    padding-left: 20px;
    -webkit-columns: 1;
}

    .text-center-mobile{
        text-align: center;
    }
    section.inside{
        padding-top:135px;
    }
    .seguros-img{
       margin-bottom: 50px;
    }
    .container-center-mobile{
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-font-14{
        font-size: 14px;
    }
    .banner-container{
        margin-top: 136px;
    }
    .banner-img{
       /*object-position: -170px;*/
       /*width: auto;*/
    }
    .orgaos-sociais p{
        width: 100%;
        height: auto;
    }
    
    .search{
        position: absolute;
        right: 70px;
        top: 11px;
        width: 30px;
        height: 30px;
        margin: 0;
        background-size: 30px;
    
    }
    
    div#search_menu::before {
        content: '';
       
    
    }

    #header-sec-nav{
        overflow: auto;
        height: 100%;
    }
    nav.navbar .header-nav ul.header-items>li:not(:first-child) {
        box-shadow: 1px 5px 5px black;
    }
    .footer-list-inline{
        text-align: center;
    }
    .footer-list-inline>li{
          
    width: 100%;
    }
    .footer-list-inline>li.social{
            width: auto;
    }
    .navbar .header-net-container{
        margin-top: 5px;
    }
    .mobile-margin-bottom-1{
        margin-bottom: 10px;
    }
    .h-100{
        height: 100% !important;
        display: block;
    }
    .h-0{
        height: 0 !important;
        display: block;
    }
	.border-bottom-red{
		border-bottom: initial;
	}
	.row .resize-col:first-child, .row .resize-col:first-of-type{
		padding-left: 15px;
	}
	.row .resize-col:last-child{
		padding-right: 15px;
	}
	
	/* HEADER */
	.header-divider{
		width:100%;
		height: 20px;
		float:left;
	}
		.header-divider:last-child{
			height: 0;
		}
	
	/** NAV **/
	.burger-icon{
		height: 30px;
		width: 30px;
		margin-top: 11px;
		position: absolute;
		right: 20px;
	}
	.mobile-icon-net{
		height: 30px;
		width: 30px;
		margin-top: 11px;
		position: absolute;
		right: 70px;
	}
	.navbar .headers-wrapper{
		padding: 0 15px;
	}
	.navbar .branding {
		height: 56px;
		display: block;
	}
	.navbar .branding a.header-logo-link{
		display: block;
		height: 100%;
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;
	}
	.navbar .header-second-nav{
		display: none;
		height: calc(100% - 106px) !important;
		border-bottom-right-radius: initial;
		border-top-right-radius: initial;
		overflow: auto;
	}
	.navbar .branding .header-second-nav>#header-sec-nav>ul{
		padding-bottom: 0;
		margin: 0 30px;
	}
	.navbar .branding .header-second-nav>#header-sec-nav>ul>li{
		width: 100%;
		padding: 30px 0;
		border-bottom: 1px solid rgba(0,0,0,0.5);
	}
	.navbar .branding .header-second-nav>#header-sec-nav>ul>li:first-child{
		
	}
	.navbar .branding .header-second-nav>#header-sec-nav>ul>li a{
		padding: 0;
	}
	.navbar .branding .header-logo-link .header-logo, .navbar .branding .header-logo-link .header-logo-red{
		height: 56px;
		background-size: 50%;
		background-position: 15px center;
	}
	.navbar .header-nav .headers-wrapper{
		padding: 0;
		
	}
	nav.navbar .header-nav {
		height: 50px;
		padding: 0 30px;
		z-index: 102;
		position: relative;
	}
	nav.navbar .header-nav ul.header-items{
		height: auto;
		width: 100%;
		padding: 15px 0 0 0;
		margin-bottom: 0;
	}
	nav.navbar .header-nav ul.header-items>li:first-child{
		display: block;
		margin-bottom: -5px;
	}
	
	nav.navbar .header-nav ul.header-items>li:last-child{
		padding-bottom: 40px;
	}
		nav.navbar .header-nav ul.header-items>li:first-child a .after-arrow{
			background: url(/application/icons/arrow-down.svg) no-repeat;
			background-size: 12px;
			display: inline-block;
			vertical-align: middle;
			height: 12px;
			width: 12px;
			margin-left: 10px;
		}
	nav.navbar .header-nav ul.header-items>li{
		display: none;
		text-align: left;
		height: 40px;
		/*padding-top: 15px;*/
		margin: 0;
	}
	nav.navbar .tertiary-wrapper{
		position: initial;
		height: auto;
		box-shadow: unset;
		padding: 0;
		border-bottom: 1px solid rgba(0,0,0,0.5);
	}
	nav.navbar .tertiary-wrapper .container{
		padding: 0;
	}
	.tertiary-wrapper li {
		text-align: left;
		line-height: 2;
	}
	.nav-grandchild:not(:first-child){
		margin-top: 15px;	}

	.nav-grand-title{
		padding-top: 0;
	}
	/*#header-nav .open{*/
	/*	padding-bottom: 15px;*/
	/*}*/
	/* HOMEPAGE */
	.info-container .info-bot-text .title-black{
		/*font-size: 24px;*/
	}
	.info-container .info-bot-text .strongtitle-primary-yellow{
		/*font-size: 27px;*/
	}
	.info-container .info-bot-text .title-primary-yellow{
		/*font-size: 24px;*/
	}
	.net-container{
		/*overflow-y: auto; */
		overflow:auto;
		height: 100%; 
		padding-top: 0;
		padding-bottom: 20px;
	}
	.net-window{
		margin: 30px 0;
	}
	
	.open-menu{
		padding: 10px 10px; 
		background-color: white; 
		width: 220px;
	}

	.small-banner-height{
	    height: 125px;
	}
	
	.border-btn{
	    margin-top: 0;
	}
	
	.mobile-padding{
        padding-left: 15px;
        padding-right: 15px;
    }
	
	/* BANNER */
	/*.banner-img{*/
	/*	height: 400px;*/
	/*}*/

	main .bx-wrapper .bx-pager{
		bottom: 30px;
	}
	
	/* FOOTER */
	.footer-divider{
		height: 20px;
		width: 100%;
		float: left;
	}
	footer .social-col{
		padding-left: 0;
	}
	/* CONTENT */
	.mobile-content-product{
		margin-top: 15px;
	}
	.three-column img{
		width: 100px;
	}
	.net-text{
		width: 100%;
		display: block;
		padding: 0 15px;
		margin-top: 50px; 
	}
		.net-text:first-child{
			margin-top: 0;
		}
		.net-text:last-child{
			padding-left: 15px;
		}
		
	/* ORGÃOS SOCIAIS */
	div.border-top, section.border-top{
	margin-left: 15px;
		width: calc(100% - 30px);
	}
	.border-top>.container.simple-text{
		width: 100%;
	}
	.map-divider{
		float: left;
		height: 20px;
		width: 100%;
	}
	
	.simple-container{
		display: block;
	}
		.simple-container  img{
			margin-right: 0;
			padding: 0 15px;
		}
	
}

/* MOBILES */
@media (max-width:767px){
    .row-net-widget{
        position: absolute;
    left: 50%;
    transform: translate(-50%);
    }
    /* .banner-product{*/
    /*    height: 200px;*/
    /*}*/
    .text-with-column {
        width: 100%;
        padding-right: 0;
    }
    .column-with-column{
        width: 50%;
        padding-top: 30px;
    }
    .slider-top-content .font-18 {
        font-size: 14px;
    }
    .slider-top-content .font-24 {
        font-size: 18px;
    }
	.mobile-nomargin{
		margin: 0;
	}
	.section-title{
		margin: 0;
	}
	.simple-container img{
	    padding: 0;
	}
	nav.navbar .tertiary-wrapper{
	    margin-top:25px;
	}
	.mobile-padding-left{
	    margin-left: 0px;
	}
	
	/** FOOTER **/
	footer .social-col .social{
		width: 35px;
	}
	footer .social-col .social a img{
		width: 25px;
	}
	
	/* BODY */
	section{
		padding: 30px 0 30px 0;
	}
	.title{
		margin: 0 0 30px 0;
	}
	.info-window{
		margin: 0 30px;
	}
	.slider-top-wrapper{
		width: calc(100% + 20px);
		box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.2)
	}
	.slick.top-slider{
		padding: 0 15px;
	}
	.slick-arrow-right{
	    right: -40px;
	}
	.slick-arrow-left{
	    left: -40px;
	}
	.article-container{
		margin-bottom: 30px;
	}
	
	/* BANNER */
	.banner-img{
		/*height: 350px;*/
		/*width: auto;*/
	}
	
	/* INFO WINDOW */
	.info-bottom-window{
		height: 420px;
	}
	.info-bottom-window .info-container{
		display: block;
	}
	.info-bottom-window .info-container .info-bot-image{
		padding: 0;
		margin: 0;
		text-align: center;
	}
		.info-bottom-window .info-container .info-bot-image>img{
			width: 100px;
		}
	.info-bottom-window .info-container .info-bot-text{
		margin-top: 20px;
		text-align: center;
	}
		.info-bottom-window .info-container .info-bot-text .title-black{
			/*font-size: 24px;*/
		}
		.info-bottom-window .info-container .info-bot-text .strongtitle-primary-yellow{
			/*font-size: 27px;*/
		}
		.info-bottom-window .info-container .info-bot-text .title-primary-yellow{
			/*font-size: 18px;*/
		}
		.info-bottom-window .info-container .info-bot-text .body-gray{
			/*font-size: 12px;*/
		}
	/* NEWS LIST */
	.news-list .row:not(:first-child){
		margin-top: 0;
	}
	.news-list-container{
		margin: 30px 0 0 0;
	}	
		.news-list-container:first-child{
			margin-top: 0;
		}
	
	/* RECRUITMENT */
	.slider-rec-wrapper{
		width: 100%;
	}
	
	/* BIR NET */
	.banner-container .banner-landing-container{
		display: block;
		height: 550px;
		padding-top: 80px;
	}
		.banner-container .banner-landing-container .banner-landing-image>img{
			width: 100%;
		}
		.banner-container .banner-landing-container .banner-landing-content{
			margin-left: 0;
			width: 100%;
			margin-top: 20px;
		}
	
	.tabs-container{
		padding-left: 15px;
	}
	
	/* APOIO CLIENTE */
	.text-banner-container{
		display: block;
		max-height: 350px;
	}
	.text-banner-container .text-banner-img{
		text-align: center;
	}
	.text-banner-container .text-banner-info{
		margin-left: 0;
		margin-top: 20px;
		text-align: center;
	}

	/* ONDE ESTAMOS */
	.tab-info{
		display: block;
	}
	.tab-info>img{
		width: 100%;
	}
	
	.map-item{
		margin-bottom: 20px;
	}
		.map-item:last-child{
			margin-bottom: 0;
		}
	.back-arrow-btn {
		width: 50%
	}
	
} 

@media (max-width: 600px) {
    /*.banner-product{*/
    /*    height: 100px;*/
    /*}*/
    
    .slider-top-wrapper .slider-top-image {
        width: 20%;
    }
    
    .slider-dots-container .slick-dots{
        bottom: -70px;
    }
}

@media (max-width: 400px){
    .list-text ul {
        -webkit-columns: 1;
         text-align: center; 
         list-style-position: inside; 
         padding: 0;
    }
}


@media (max-width:424px){
	main .bx-controls{
		padding: 0 15px;
	}
}
@media (min-width:425px) and (max-width:767px){
	.row .resize-col:first-child{
		padding-left: 15px;
	}
	.row .resize-col:last-child{
		padding-right: 15px;
	}
	main .bx-controls{
		padding: 0 15px;
	}
	
} 

@media (min-width: 768px){
	.bx-controls.bx-has-pager{
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 0;
		text-align: right;
	}
	.bx-pager-item{
	    width: 10px;
        height: 10px;
        display: inline-block;
        padding: 10px;  
	}
}

/* INTERNET EXPLORER */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	.sec-tab :first-child.tab{
		border: none;
	}
	
	.news-list-container .news-list-wrapper:hover{
		box-shadow: none;
	}
	
	.inner-content-section{
		width: 100%;
	}
	
	.simple-container .simple-container-img{
		width: 400px;
		height: auto;
	}
	

}

@media (min-width: 992px) and (max-width: 1200px){
    .navbar .branding>a{
        width: 220px;
        min-width: auto;
    }
    .navbar .branding .header-logo{
        width: 235px;
    }
    
    .navbar .branding .header-second-nav>#header-sec-nav>ul>li{
       max-width: 20%; 
       text-align: center;
    }
    
    
}

@media (max-width: 1200px){
    .container-banner-text{
        margin-top: -220px !important;
    }
    
}

@media (max-width: 575px){
    .container-banner-text{
        padding-right:35px;
    }
}

@media (max-width: 768px) {
    .form-row .form-check{
        padding-bottom: 40px;
        padding-top: 10px;
    }
}

/*************************** MORE CSS - NEED TO ORDER ******************************/

/* BANNER TEXT  */
.container-banner-text{
    text-align: right;
    margin-top: 300px;
}

.news-bottom{
    position: absolute;
    bottom: 15px;
    padding: 15px;   
}

.news-data{
    bottom: 0px;
    position: absolute;
}

.padding-b-10{
    padding-bottom: 10rem;
}

.bottom-right{
    position: absolute;
    bottom: 15px;
    right: 15px;
}

/*TESTING*/
.anchor {
    padding-top: 130px !important;
    margin-top: -130px !important;
}

.items-list ul.content {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
	width: 100%;
}

.items-list .pagination {
    width: 100%;
    text-align: center;
}

.items-list .pagination a {
	color: rgba(0, 49, 86, 0.8);
    -webkit-transition: all 100ms ease-in-out 0s;
    -moz-transition: all 100ms ease-in-out 0s;
    -ms-transition: all 100ms ease-in-out 0s;
    -o-transition: all 100ms ease-in-out 0s;
    transition: all 100ms ease-in-out 0s;
}
.items-list .pagination a:hover {
    color: rgba(0, 49, 86, 1);
}

.items-list .pagination a.previous_link, .items-list .pagination a.next_link {
    padding: 5px 12px;
    background-color: transparent;
}

.items-list .pagination a.previous_link {
    color: #000;
}

.items-list .pagination a.next_link {
    color: #000  
}

.items-list .pagination a.previous_link.no_more,
.items-list .pagination a.next_link.no_more {
    display: none;
}

.items-list .pagination a.page_link {
    padding: 8px 10px;
    text-decoration: none;
    line-height: 1;

    background-color: transparent;
    color: #000;
}
.items-list .pagination a.page_link:hover {
    border: 1px solid rgba(158, 40, 42, 1);
    /*color: #d42d12;*/
}

.items-list .pagination a.page_link.active_page {
    color: #d42d12;
}

.responsive-img{
    /*width: fit-content;*/
    max-width: 100%;
    height: auto;
    margin:auto;
    width:50%;
    padding-bottom: 20px;
}

.text-webkit-center{
    text-align: -webkit-center;
}


/*************************** CARD CONTACTS ******************************/
.card-contact-image{
	width: 60px;
	margin: 20px;
}

.card-contact-body{
    margin: 20px;
}

.input-bottom-border{
    border: 0;
     border-bottom: 2px solid rgb(190,185,180);
    outline: 0;
    border-radius: 0px;
}

.textarea-border{
     border: 2px solid rgb(190,185,180);
}



/*************************** CUSTOM CHECKBOX ******************************/
/* The container */
.checkbox-container{
  display: block;
  position: relative;
  cursor: pointer;

}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    background-color: transparent;
     border: 2px solid rgb(190,185,180);
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: rgb(190,185,180);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 13px;
    top: 8px;
    width: 9px;
    height: 17px;
    border: solid white;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
}

.navbar .headers-wrapper.scroll-mobile{
	padding: 0;
}

.navbar .headers-wrapper.scroll-mobile .branding a.header-logo-link{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.border-bottom-white{
    border-bottom: 2px solid white;
}

.card-shadow{
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.list-icon ul{
    list-style-image: url('/application/icons/check_icon.png');
}






/* The Modal (background) */
.modal {
    display: none;
    /*position: fixed;*/
    /* z-index: 1; */
    padding-top: 100px;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
 width: 800px;
  height: 646px;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #fffff;
  margin: auto;
  border: 1px solid #888;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  padding: 30px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #cf0303;
    float: right;
    font-size: 70px;
    opacity: 1;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  border:0px !important;
  color: white;
}

.modal-body {padding: 2px 16px;  width:95%;}


.modal-footer {
  border:0px !important;
}

.modal-footer a{
    float: right;
    
}

/* UPLOAD BUTTON */

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn-upload{
 border: 0px;
color: white;
background-color: rgba(212, 45, 18, 1);
padding: 8px 20px;
font-size: 18px;
font-weight: bold;
}

/*.btn-upload:after{*/
/*    background: url("/application/icons/plus.png") no-repeat;*/
/*	background-size: contain;*/
/*	height: 10px;*/
/*    width: 10px;*/
/*    margin: 5px 0 0 5px;*/
/*    content:"";*/
/*}*/

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 200px;
}

.card-banner{
    width: 315px;
    height: 170px;
    float: right;
    background: url(/application/images/banner/banner-box-background.png);
    border-radius: 8px;
    background-size: contain;
}

.card-banner .card-body input{
    /*border-radius: 5px;*/
    /*background: white url("/application/icons/arrow-right-red.svg") no-repeat;*/
    /*background-position: right;*/
    /*background-origin: content-box;*/
}

.card-icon{
    background: url(/application/icons/arrow-right-white.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 13px;
    display: inline-flex;
    margin: auto;
    margin-left: 5px;
}

.max-text-height{
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 100px;
}



/** INTERNET BANKING BOX **/
.container-net-widget{
    position: absolute;
    margin-top: 80px;
    height: 0;
    left: 50%;
    z-index: 101;
    transform: translateX(-50%);
}



@media only screen and (max-width: 575px) {
  .row-net-widget{
        margin-right: 50px;
    }
    
}

/**************************/
.center-arrow-reports{
    position: relative;
    top: 40%;
}


.text-area-background{
    background:#f7f7f7;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.14);
}

.text-area-background p:first-child {
    padding-top: 2rem;
}

.tab-data-hover{ 
    background-color: rgba(212, 45, 18, 1) !important;
}

.tab-data-hover a{
   color: #fff !important;
}

@media (max-width:991px){
    #header-nav li a.font-12{
        flex-wrap: wrap;
        align-items: center;
    }
   /* li.open-menu{
        position: absolute;
    } */
     li.open-menu:nth-child(2) {
        top: 50px;
    }
    li.open-menu:nth-child(3) {
        top: 90px;
    }
    li.open-menu:nth-child(4) {
        top: 130px;
    }  
}
 
/* FIX MENU ON SAFARI MOBILE */
/*@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (max-width: 991px)*/
/*{ @media {*/
/*    li.open-menu:nth-child(2) {*/
/*        top: 50px;*/
/*    }*/
/*    li.open-menu:nth-child(3) {*/
/*        top: 90px;*/
/*    }*/
/*    li.open-menu:nth-child(4) {*/
/*        top: 130px;*/
/*    }*/
/*}}*/

/*@media not all and (min-resolution:.001dpcm) and (max-width: 991px) { @media {*/
/*      li.open-menu{*/
/*        position: absolute;*/
/*    }*/
/*     li.open-menu:nth-child(2) {*/
/*        top: 50px;*/
/*    }*/
/*    li.open-menu:nth-child(3) {*/
/*        top: 90px;*/
/*    }*/
/*    li.open-menu:nth-child(4) {*/
/*        top: 130px;*/
/*    }*/
/*}}*/








/** MAPS AND AGENCIES **/


.maps-frame{
	background-color: rgba(236, 236, 236, 1);
    height: 88%;
    padding: 20px 20px 20px 20px;
    border-radius: 5px;
        max-height: 540px;
}


#agency-list li >p:first-child {
    color:red;
    font-weight: 600;
}
#agency-list li p:nth-child(2) {
    font-weight: 600;
}

#agency-list ul{
    list-style: none;
}

#agency-list li{
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px -1px 9px 1px rgba(184, 184, 184, 0.75);
    -webkit-box-shadow: 0px -1px 9px 1px rgba(184, 184, 184, 0.75);
    -moz-box-shadow: 0px -1px 9px 1px rgba(184, 184, 184, 0.75);
    margin-top: 10px;

    background-image: url('/application/icons/slide_arrow.svg?language_id=3'); 
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 20px;
}

#agency-list li down-arrow{
    
}

#agency-list li:hover{
    background-color: rgb(250, 250, 250);
    cursor:pointer;
    border: none;
    box-shadow:none;
}

#agency-list li p{
    margin:10px;
}


.badge-custom{
    display: inline-block;
    background-color: rgb(213, 45, 18);
    color: white;
    border-radius: 50%; /* Makes the badge round */
    width: 30px; /* Adjust the width as needed */
    height: 30px; /* Adjust the height as needed */
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: 100;
    margin-left: 10px;
}

.dropdown-info {
    display: none;
    overflow: hidden;
    transition: height 12s ease;
}

.dropdown-info.show {
    display: block;
    height: auto;
}

#map {
    height: 300px;
    width: 100%;
}

.detailsInfo p:nth-child(2n+1) {
    font-size: 18px;
    font-weight: bold;
}

.service-dot{
    background-image: url(/application/icons/check_icon.png);
    height: 11px;
    width: 11px;
    position: absolute;
    margin: 5px;
}


.search-btn{
    margin-right: 20px;
    width: 45px;  
    cursor:pointer;
}