:root {
  --text_color: #db4544;
}
:root {
  --bg_color: #0a74ba;
}
:root {
  --themecolor: #0a74ba;
}
:root {
  --themecolor2: #db4544;
}
body{
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.navbar-light .navbar-toggler{
	border:0px !important;
}
.navbar-light .navbar-toggler{
	border:0px !important;
}

.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {
  text-decoration: none;
	border:0px !important;
	color:red !important
}



body{padding-top:70px;}
@media (max-width: 768px){body{padding-top:70px;}}

.loader_icon{
  color:#000; font-size:16px; display:inline-block !important
}

.app_button_long {
    max-width: 200px;
    width: 100%;
  }
.app_button {
    align-items: center;
    background: var(--bg_color);
    border-radius: 4px;
    border-radius: 10px;
    color: #fff !important;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 15px;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
  }

  .app_link {
    text-decoration-color: #40196d;
    font-weight: 600;
  }

.h_n_box {
  width: 100%;
  min-height: 40px;
  background-image: linear-gradient(45deg,var(--bg_color),var(--text_color));
  background-image: linear-gradient(45deg,var(--text_color),var(--bg_color));
  color: #fff;
  padding: 0px 12px 8px 25px;
  text-align: center;
}

.h_n_box .h_n_box1 h5{
	font-size:16px;
	color: #fff;
}


.space_50{
    margin-top: 50px;
}
.text_orange{
    color: var(--text_color) !important;
}
.text_blue{
    color: var(--bg_color) !important;
}

.text_main{
    color: var(--bg_color) !important;
}
.text_main2{
    color: var(--text_color) !important;
}

a.link_main{
	color: var(--bg_color) !important;
}
a.link_main2{
	color: var(--text_color) !important;
}
a.link_b{
	color:#000 !important;
}
a.link_w{
	color:#fff !important;
}


.text_black{
    color: #000;
}
.text_white{
    color: #fff;
}
.block .logo img{
    width:200px !important;
    height:auto !important;
}
.text_color{
    color: var(--text_color) !important;
}
.bg_color{
    color: var(--bg_color) !important;
}
.navbar-toggler{
    background: transparent;
    border: 0px;
}



a.app_btn{
    min-width:120px;
    height:auto;
    padding:12px 35px;
    background-color: var(--bg_color);
    text-align: center;
    color:#fff !important;
    border-radius: 5px;
    font-size:16px !important;
    cursor: pointer;
    display: inline-block;
	font-size:13px;
    font-weight: 600;
}


a.app_btn:hover{
    background: var(--text_color) !important;
}

.app_btn i{
    color:#fff !important;
}


/*  Nav */
.navbar{
   min-height: 70px !important;
    background: #fff !important;
	-webkit-box-shadow:0px 1px 1px #de1dde;
	-moz-box-shadow:0px 1px 1px #de1dde;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.12),inset 0 -1px 0 0 #dadce0;
}

@media(min-width:0px) and (max-width:767px){
	.navbar-collapse{
 		background: #fff !important;
		padding:0px !important;
		margin:0px !important;
		padding-top:5px !important;
		top:0px !important;
		left:0px !important;
	}
}
			
.navbar img{
	width:140px;
	height:auto;
}

.navbar span{
	display:inline;
	text-rendering: optimizeLegibility;
	color: #5f6368;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
}
.navbar-brand{
    padding-right:5%;
}
.nav-link{
    font-size:16px;
    color: #000000 !important;
}
.nav-link.active{
    color: var(--text_color) !important;
	font-weight:600;
}
.navbar-expand-md .navbar-nav .nav-link{
    padding-right:25px !important;
    padding-left:25px !important;
}



.my_account{
    background: var(--bg_color) !important;
    color: #fff !important;
    border-radius: 30px !important;
    font-size:13px;
    font-weight: 600;
}

.my_account:hover{
    background: var(--text_color) !important;
}

@media(min-width:0px) and (max-width:767px){
	.navbar-expand-md .navbar-nav .nav-link{
		margin-bottom:35px !important;
	}
	.nav-link{
		font-size:18px;
		font-weight:600;
	}
	
	.my_account{
		background: var(--bg_color) !important;
		color: #fff !important;
		border-radius: 20px !important;
		font-size:26px;
		font-weight: 600;
		text-align:center;
	}

}

/*  End Nav */

/*  Home Slide */
.h_one{
	font-size:48px;
	line-height: 1.17857;
	letter-spacing: -.5px;
    font-weight: 500;
    text-rendering: optimizeLegibility;
	color: #202124;
	margin-top: 16% !important;
}

.carousel_control_box{
	width:50px; height:50px; background:var(--bg_color); padding-top:15px; border-radius:50%;
}

.carousel-indicators li{
	border:0px !important;
	background-color:var(--bg_color);;
}

#home_slide{
    margin-top: 0px !important;
}

#home_slide img{
    width: 100%;
    height: auto !important;
}

.carousel-control-prev, .carousel-control-next{
	margin: 0px !important;
	width: 5% !important;
}

.carousel-item{
	margin-left: 50px !important;
}

/*  End Home Slide */


.box_big{
    background-color: #fff;
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.box_big h1{
    font-size:2.5rem;
    font-weight: 500;  
}
.box_big p{
    font-size:1.0rem;
    font-weight: 350;
    line-height: 1.8rem;
    color: rgba(0,0,0,0.7);
}

.bg_gray{
    background-color: #f8f9fa !important;
}

.bg_lightorange{
    background-color: rgba(252, 249, 246, 0.64) !important;
}

.home_bg_1{
    background-image: url(../j_files/j_img/company/1.png);
    background-size: cover;
    background-repeat: no-repeat;
    /*transform: rotate(-45deg);*/
}
.home_list, .home_list li {
    background-color: transparent !important;
    border:0px;
    margin-left:0px;
    padding-left: 0px;
}

.home_bg_2{
    background-image: url(../j_files/j_img/company/security.png);
    background-size: cover;
    background-repeat: no-repeat;
}

a.footer_link{
	color:#000 !important;
}

/*
.box_1{
    width:200px;
    height:200px;
    background-color:#000;
    display: inline-block;
    position:absolute;
}
.box_2{
    width:200px;
    height:200px;
    display: inline-block;
    position:relative;
    border: 1px dashed red;
}


.box_2_1{
    width:100px;
    height:100px;
    display: inline-block;
    background-color:red;
    margin: -2px;
}

.box_2_2{
    width:100px;
    height:100px;
    display: inline-block;
    background-color:green;
    margin: -2px;
}

.box_2_3{
    width:100px;
    height:100px;
    display: inline-block;
    background-color:pink;
    margin: -2px;
}

.box_2_4{
    width:100px;
    height:100px;
    display: inline-block;
    background-color:orange;
    margin: -2px;
}
*/





.j_field, .j_field:focus, .j_field:hover, .j_field:active{
	border:0.05rem solid #ccc !important;
	box-shadow: 0 .5px 2px rgba(0,0,0,.1) !important;
	border-radius: 0.25rem !important;
	transition: border-color 0s ease-in-out, box-shadow 0s ease-in-out!important;
}




/*autocomplete #########################################################3*/

.autocomplete {
position: relative;
display: inline-block;
}

.autocomplete-items {
position: absolute;
/* border: 1px solid #d4d4d4;*/
border-top: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
min-height:100px;
max-height:350px;
vertical-align:top;
overflow:auto; overflow-y: auto; direction: ltr; scrollbar-color: #e1e1e1 #fff; scrollbar-width: none;
margin-left: 15px;
margin-right: 15px;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 42px;
left: 0;
right: 0;
}

.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff; 
border-bottom: 2px solid #d4d4d4; 
font-weight:600;
}


/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9 !important; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important; 
color: #ffffff; 
}




								
/*autocomplete #########################################################3*/







.text_sm_gray{
    font-size:0.8rem !important;
    color: #737a91 !important;
    font-weight: 300;
}

input.form-control,select.form-control{
    border:1px solid #444;
    border-radius:0px !important;
    height: 40px !important;
	font-size:0.9rem;
	font-weight:600;
	color:#000;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ 777 */
  color: #444 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #444 !important;
}

::-ms-input-placeholder { /* Microsoft Edge ccc */
  color: #444 !important;
}




.truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.one-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.two-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.three-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}