/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html {
  height: 100%;
}
body {
  min-height: 100%;
}

body, html {
	font-family: Ideal Sans Light, sans-serif;
}



.hover-img:hover {
	text-decoration: none;
	cursor: pointer;	
}
.hide {
  transition: all 0.2s;
}  
.hover-img:hover .hide {
	-webkit-filter: brightness(.85);
	filter: brightness(.85);
	}
.z-text {
	z-index: 999;
}
#aces .header h1, #tacp .header h1 {
	color: #939393;
}
.py-6 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.form-check input {
	padding: 9px;
	margin-top: 0.55rem;
}
.form-check h3.header1 {
	color: #18639e;
}
.form-check h3.header2 {
	color: #82c244;
}
.form-check h3.header3 {
	color: #e67e22;
}
.form-check-input {
	border: 1px solid rgba(0,0,0,0.6);
	background: #f3f2f1;	
}

.btn-blue {
    background-color: #1e79b5;
    width: 100%;
    color: #fff;
    border-radius: 2px;
}

.btn-blue:hover {
    background-color: #06436c;
    cursor: pointer;
	color: #fff;
}

.btn-interactive {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    padding: 10px 80px 11px;
    transition: all 0.35s;
    color: #fff;
    background: #0d69ac;
    border: 2px solid #808080;
    text-align: center;
	text-decoration: none;
}
.btn-interactive:hover {
	background-color: #06436c;
    cursor: pointer;
	color: #fff;
}

/* ==========================================================================
   #Media Queries
  ========================================================================== */

@media screen and (max-width: 1080px) {
	.txt-green, .txt-blue, h3.text-white {font-size: 1.3rem}
	.txt-black {font-size: 1.1rem}
	.white-textbox h1 {font-size: 1.1rem;}
	.white-textbox h1 span, .green-textbox p, .subdev p {font-size: 0.97rem;}
}

@media screen and (min-width: 768px) {  
	.col-bl {border-left: 3px solid #c9c9c9 !important; border-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(201,201,201,0.6) 25%, #c9c9c9 50%, rgba(201,201,201,0.6) 75%, rgba(0,0,0,0) 100%) !important; border-image-slice: 1 !important;}
	.col-bl:after {content: "or" !important;}
	.collapse.collapse-reverse.show {display:none!important}
    .collapse.collapse-reverse:not(.show) {display:block!important}
	#qr-box {display:block!important}
}

/* ==========================================================================
   #BG for small devices
  ========================================================================== */

.blu-grbg {
	background: rgb(26,85,145);
	background: linear-gradient(90deg, rgba(26,85,145,1) 0%, rgba(34,106,168,1) 35%, rgba(38,117,178,1) 100%);
}
.orn-grbg {
	background: linear-gradient(90deg, #d53369 0%, #daae51 100%);	
}
.grn-grbg {
	background: linear-gradient(90deg, #9ebd13 0%, #008552 100%);	
}

.my-btn {
	padding: 15px;
    margin: 15px 5px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
  
.my-btn-2 {
    border: 0.7px solid rgb(26,85,145);	
    box-shadow: 0 4px #031a34;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.my-btn-3 {
    border: 0.7px solid #d1386a;	
    box-shadow: 0 4px #640121;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
  
.my-btn-2c, .my-btn-3c {
    border-radius: 3px;
}
  
.my-btn-2c:active {
    box-shadow: 0 2px #031a34;
    top: 2px;
}

.my-btn-3c:active {
    box-shadow: 0 2px #640121;
    top: 2px;
}