@font-face {

  font-family: Ultra-Fresh;

  src: url(fonts/Ultra-Fresh.ttf);

}



@font-face {

  font-family: KeepCalm-Medium;

  src: url(fonts/KeepCalm-Medium.ttf);

}



body{

	font-family: KeepCalm-Medium;

}



.ultra{

	font-family: Ultra-Fresh;

}



.w-100{

	width: 100%;

}



#case-table th{

	vertical-align: top;

	border-color: #000;

	border-bottom: 0px;

	font-weight: normal;

}



#case-table td{

	border-color: #000;

}



#case-table{

	margin-bottom: 80px;

}



.green{

	background-color: #0fa100;

}



.purple{

	background-color:#3d0091;

}



.grey{

	background-color:#4f4f4f;

}



.mb-70{

	margin-bottom: 70px;

}



.mb-28{

	margin-bottom: 28px;

}



.mb-25{

	margin-bottom: 25px;

}



.mb-5-c{

	margin-bottom: 5px;

}



.mb-16{

	margin-bottom: 16px;

}



.mt-140{

	margin-top: 140px;

}



.f-46{

	font-size: 46px;

}



.f-24{

	font-size: 24px;

}



.f-30{

	font-size: 30px;

}



.f-11{

	font-size: 11px;

}



.f-108{

	font-size: 108px;

}



.pl-20{

	padding-left: 20px;

}



.p-15{

	padding:15px;

}



.inner-content.d-padding{

	padding-bottom: 65px;

}



.yellow{

	color: #e98f00;

}



.yellow-back{

	background-color: #e98f00;

}



.vr-m{

	vertical-align: middle;

}



.no-hover:hover{

	text-decoration: none;

}



.pos-rel{

	position: relative;

}



.pos-abs{

	position: absolute;

}



.border-bottom-only{

	border:0px;

	border-bottom: 1px solid #000;

}



.border-c{

	border:1px solid #000;

}



.border-bottom-none{

	border-bottom: 0px;

}



header{

	color: #fff;

	padding: 20px 0px 58px;

	position: relative;

	z-index: 2

}



header .navbar-light .navbar-nav .nav-link{

	color: #fff;

	padding: 5px 23px;

	font-size: 16px;

}



header .pp{

	border-radius: 50%;

	height: 77px;

}



header .navbar-light .navbar-nav .nav-link.yellow{

	color: #e98f00;

}



.my_acc input{

	margin-bottom: 16px;

    border-radius: 0px;

    border: 0px;

    padding: 25px;

}



.my_acc  input.purple-button{

	padding: 18px 30px;

}



.header-text{

	padding: 20px 8px;

}



.tab-div {

	display: flex;

	width: 100%;

	justify-content: space-between;

}



.flex-tab-green{

	width: 20%;

	padding: 0px 5px;

}



.flex-box{

	display: flex;

	justify-content: center;

	align-items:flex-end; 

}



.flex-box-r{

	align-items:center; 

	justify-content: flex-end;

}



.banner form input{

	margin-bottom: 16px;

	border-radius: 0px;

	border:0px;

	padding: 25px;

}



.banner-wrapper-128{

	padding-top: 128px;

}



.banner form input.purple-button{

	padding: 18px 30px;

}



.banner-wrapper{

	padding-top: 315px

}



.banner{

	width: 100%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

    top: -144px;

    z-index: 0;	

    height: 946px;

}



.grey-background{

	background-color: rgb(100,101,101,0.79);

	padding: 50px 77px;

}



.w-box{

	color: #fff;

	font-size: 14px;

	height: 140px;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 5px 10px;

}



.w-box p{

	margin-bottom: 0px;

}



.inner-content textarea{

	border:4px solid #c0c0c0;

	margin-bottom: 20px;

	padding: 25px;

}



.save-next{

	color: #fff;

	font-size: 16px;

	height: 59px;

	width: 212px;

	line-height: 59px;

	border:none;

}



.inner-content{

	padding: 23px 0px 617px;

}



#section-2{

	margin-top: -264px;

    padding-bottom: 80px;

}



#section-4{

	padding: 70px 0px 129px;

}



#section-4 .background-img{

	height: 292px;

	display: flex;

    align-items: center;

    justify-content: center;

    background-size: cover;

    background-repeat: no-repeat;

}



#section-4 .background-img p{

	color: #fff;

	font-size: 24px;

	text-transform: uppercase;

}



#section-5{

	padding: 90px 0px 83px;

}



#section-5 h4{

	line-height: 50px;

	margin-bottom: 60px;

}



#section-5 p{

	margin-bottom: 56px;

}



#section-5 button{

	color: #fff;

	background-color: #e98f00;

	padding: 20px 45px;

	border:0px;

}



.block-images{

	height: 293px;

	background-size: cover;

    background-repeat: no-repeat;

}



.block-header{

	padding: 30px 15px;

	text-transform: uppercase;

}



.block-header h4{

	margin-bottom: 0px;

}



.block-header img{

	height: 50px; 

}



.block-description{

	font-size: 18px;

	color: #4f4f4f;

	padding: 36px;

} 



.module-wrapper h3{

	font-size: 16px;

	color: #4f4f4f;

	margin-bottom: 20px;

	margin-top: 10px;

}



.module-wrapper hr{

	margin: 10px 0px;

}



.module-wrapper{

	padding-bottom: 30px;

}



.module-wrapper a{

	color:  #4f4f4f;

}



.module-wrapper p{

	display: inline;

	margin-left: 8px;

}



#matches .pos-abs{

	bottom: 3px;

	margin-bottom: 0px;

}



.decimal li{

	list-style-type: decimal-leading-zero;

}



.tanf-goals textarea{

	border:0px;

	margin-bottom: 0px;

	padding: 0px;

}



.three-blocks textarea{

	border:1px solid #000;

	padding: 15px;

}



.no-border thead th{

	vertical-align: top;

	border-bottom: 1px solid #000;

}



.no-border th , .no-border td{

	font-weight: normal;

}



.no-border td, .no-border th{

	border:1px solid #000;



}



.no-border textarea{

	border:0px;

	padding: 0px;

	margin-bottom: 0px;

}



.list-factor li{

	font-size: 18px;

}



.list-factor p{

	margin-top: 5px;

	padding-left: 15px;

	font-size: 16px;

}



.txt1{

	top: 155px;

    left: 100px;

}



.txt2{

	top: 436px;

    left: 100px;

}



.txt3{

	top: 570px;

    left: 100px;

}



.txt11{

	left: 235px;

    bottom: 80px;

}



.txt21{

	left: -50px;

    bottom: 101px;

}



.txt31{

	top: 25px;

    left: 160px;

}



.module-header{

	background-size: cover;

}



.logout-div{

	justify-content: flex-end;

}



.word-break{

	word-break: break-all;

}



.table.table-bordered{

	table-layout: fixed;

}



footer{

	background-color: #303030;

	padding:110px 0px 37px 0px;

	color: #fff;

}



footer p{

	font-size: 12px;

}



footer ul li{

	display: inline;

	list-style-type: none;

	padding: 0px 25px;

}



footer ul li a{

	color: #fff;

	font-size: 18px;

}



footer ul li a:hover{

	color: #fff;

}



footer ul{

	padding: 0px;

	margin-top: 56px;

	margin-bottom: 120px;

}



/*//MediaQueries*/

@media(max-width: 1024px){

	.f-108 {

	    font-size: 70px;

	}

	.f-46 {

	    font-size: 35px;

	}



	.flex-box{

		align-items: center;

	}



	.grey-background {

    	padding: 30px;

    	padding-bottom: 10px;

	}



	.banner-wrapper {

	    padding-top: 215px;

	}



	.banner{

		height: 800px;

	}



	#section-2 {

    	margin-top: 0px;

	}



	.mb-70 {

	    margin-bottom: 30px;

	}



	#section-4 {

	    padding: 40px 0px;

	}

}



@media(max-width: 991px){

	.banner-wrapper {

	    padding-top: 170px;

	}



	.f-30 {

	    font-size: 25px;

	}



	.navbar-light .navbar-toggler{

		background-color: #fff;

	}

}



@media(max-width: 575px){

	#section-2{

		margin-top: 0px;

		padding-bottom: 20px;

		padding-top: 40px;

	}



	.grey-background {

	    padding: 15px;

	    padding-bottom: 10px;

	}



	header{

		padding: 20px 0px;

		background-color: rgb(100,101,101,0.79);

	}



	.banner{

		top: 0px;

	}



	.banner form input{

		padding: 15px;

	}



	.f-46 {

	    font-size: 30px;

	}



	.f-108 {

	    font-size: 55px;

	}



	.banner form input.purple-button {

	    padding: 10px 20px;

	}



	.banner {

	    height: 700px;

	}



	.block-description{

		font-size: 16px;

		padding: 15px;

	}



	.block-header {

    	padding: 20px 15px;

    }



    .block-header h4{

    	font-size: 20px;

    }



    .mobile-p15{

    	padding: 0px 15px!important;

    }



    .block-description p{

    	margin-bottom: 10px;

    }



    .block-images {

	    height: 200px;

	}



	#section-5 h4 {

	    line-height: 30px;

	    margin-bottom: 20px;

	    font-size: 20px;

	}



	#section-5 button{

		padding: 15px 25px;

	}



	#section-5 p {

	    margin-bottom: 26px;

	}



	#section-4 .background-img p{

		font-size: 20px;

	}



	footer {

    	padding: 70px 0px 25px 0px;

    }



    footer .footer-img1{

    	height: 80px;

    }



    footer .footer-img2{

    	height: 40px;

    	margin-bottom: 20px;

    }



    footer ul {

	    margin-top: 50px;

	    margin-bottom: 60px;

	}



	.mobile-textcenter{

		text-align: center!important;

	}



	footer ul li{

		display: block;

	}



	footer ul li a{

		font-size: 16px;

	}



	.navbar-brand img{

		height: 40px;

	}



	.banner-wrapper-128 {

	    padding-top: 5px;

	}



	.mobile-w100{

		width: 100%;

	}



	.p-23{

		padding: 0px 23px;

	}



	.mt-140 {

    	margin-top: 100px;

	}



	.flex-tab-green{

		width: 100%;

		margin-bottom: 15px

	}



	.tab-div {

    	display: block;

    }



    .w-box{

    	height: 80px;

    }



    .mobile-pl15{

    	padding-left: 15px;

    }



    .inner-content h4{

    	font-size: 20px;

    }



    .inner-content p, .inner-content li, .inner-content h6, .no-border th, .no-border td{

    	font-size: 15px;

    }



    .img-textarea .position-absolute{

    	position: unset!important;

    }



    .img-textarea textarea{

    	width: 100%;

    }



}



@media(max-width: 414px){

	.txt3 {

    	top: 140px;

    }



    .txt2 {

    	top: 415px;

    }



    .txt1 {

    	top: 550px;

    }

}





@media(max-width: 375px){

	.txt3 {

    	top: 115px;

    	left: 80px;

    }



    .txt2 {

    	top: 370px;

    	left: 80px;

    }



    .txt1 {

    	top: 492px;

    	left: 80px;

    }

}



@media(max-width: 320px){

	.txt3 {

    	top: 80px;

    	left: 50px;

    }



    .txt2 {

    	top: 305px;

    	left: 50px;

    }



    .txt1 {

    	top: 407px;

    	left: 50px;

    }

}



.banner form input{

	padding: 0px;

	height: 55px;

	padding: 0px 10px;

}

.banner form input[type="radio"], .banner form input[type="checkbox"]{
	height: auto;
}