/* Industry pages */

.hideme { opacity: 1;
 /*  transition: opacity 500ms; */
  }
  
  .reveal{
  position: relative;
  transform: translateY(100px);
  opacity: 0;
  transition: all 2s ease;
}

.reveal.active{
  transform: translateY(0px);
  opacity: 1;
}


/* Industry pages 2026 */

.industry-top-area {
	height: 500px;
	width: 100%;
	padding: 10px; 
	margin: 0;
	background-color: rgba(245, 245, 245, 0.6);
	background-image: url("https://uwt-public.s3.us-east-1.amazonaws.com/2026/01/top-grad-rev.webp");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	background-blend-mode: lighten;
}

.industry-wrapper  {
	display: block; 
	width: 1250px;
	height: 450px;
	padding: 0; 
	margin: 0 auto;
	border: solid 0px gold;
}

.industry-top-left {
	display: block;	
	float: left;
	height: 400px;
	width: 55%;
	padding: 55px 0 0 0;
	border: solid 0px pink;
}

.industry-top-right {
	display: block;	
	float: left;
	height: auto;
	width: 42%;
	padding: 0 0 0 35px;
	border: solid 0px #ccc;
}

h1.industry-title {
	display: inline-block; 
	width: 80%;  
	color: #1a1a1a;
	font-weight: 600; 
	font-size: 45px;
	line-height: 50px; 
	margin: 0!important; 
	padding: 0 0; 
	clear: none;
	}

.intro-copy {font-size: 18px; font-weight: 400; width: 80%; color: #1a1a1a;}

.view-plans-blue {display: inline-block;  margin: 10px auto 2px auto; padding: 8px 18px; } /* also used LP pages */
a.view-plans-blue  {background: #6aa6d2; border: solid 2px #6aa6d2;  border-radius: 6px; text-decoration: none; color: #fff;  font-size: 18px; font-weight: 600;}
a.view-plans-blue:hover {background: #fff; border: solid 2px #6aa6d2;  color: #4e8ab6; border-radius: 6px; transform: scale(1.03);}

 .grad-bar {
	/* background: url(https://uwt-public.s3.us-east-1.amazonaws.com/2020/02/grad-blues.jpg);
	background-size: cover;  */
	background: #1A334F;
	background: linear-gradient(159deg, rgba(26, 51, 79, 1) 0%, rgba(106, 166, 210, 1) 55%, rgba(54, 86, 122, 1) 100%);
	margin: 0; 
	padding: 0; 
}

.bar-picture {width: 476px; height: 298px; background: #1a334f; overflow: hidden; border: solid 1px #6aa6d2; margin: 5% 5px 5% 5px;}
.bar-picture img {width: 110%; height: 105%;}

.block1 {
	display: block;
	padding: 10px;
	margin: 0 0 0 0;
	color: #fff;
	}

/* new */
.col40{display:block;width:37%;float:left;padding:10px;margin:0 8px; border: solid 0px gold;}
.col60{display:block;width:56%;float:left;padding:10px;margin:0 8px; border: solid 0px pink;}

.industry-bar {width: 100%; height: 420px;  float: left; padding: 15px 5px; margin: 20px 0;}
.client-bar {width: 100%; height: 240px;  float: left; padding: 15px 5px; margin: 20px 0;}
.client-box {
    width: 1150px;
    margin: 0 auto;
	padding: 15px 20px;
    position: relative;
	text-align: center;
	border: solid 0px #a1c7e3;
}

.gray-grad {background: #F5F5F5;
background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(242, 242, 242, 1) 100%);}

.grad-bkgrd {
	background: #7a2080;
	background: #36567a;
}
.block-head {display: block; background: #6B65D3;
	background: linear-gradient(79deg, rgba(107, 101, 211, 1) 0%, rgba(175, 169, 245, 1) 100%); color: #fff; padding: 5px 20px; border-radius: 12px;}
.block-head a {color: #c3ccd7;}

.block-head h3 {color: #fff!important;}

.bar-picture2 {
	width: 435px; 
	height: 311px; 
	background: #1a334f; 
	overflow: hidden; 
	border-radius: 20px 0 0 20px; 
	border: solid 0px #999; 
	margin: 30px 5px 5% 5px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	}
.bar-picture2bbbb img {width: 115%; height: 110%;}
.rounded {border-radius: 12px;}

.block2 {
	display: block;
	padding: 2px 16px 12px 18px;
	margin: 0;
	border-radius: 20px;
	color: #fff;
	}
.block2 a {color: #c3ccd7;}

.ext-grey-box {background: #fff;}

.industry-wrap {width: 100%; float: left; box-sizing: border-box; padding: 0; margin: 20px 0;}



/* end new -- */
 
@media screen and (max-width:1480px) {
	.industry-top-content p {width: 73%; font-size: 14px!important; line-height: 20px; font-weight: 300;}
}

  .contact-form-ind {
    width: 80%;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	border-radius: 15px;
	background: #edb550;
}
 .contact-form-ind input[type=text] {padding: 5px; width: 86%;}
 .contact-form-ind input[type=email] {padding: 5px; width: 86%;}
 .contact-form-ind input[type=phone] {padding: 5px; width: 86%;}
 .contact-form-ind input[type=text].input-message {padding: 5px; width: 90%;}
 .contact-form-ind textarea {width: 99%!important; padding: 5px 0 0 7px; margin: 3px 0 14px 0;}
  .contact-form-ind .input-message {width: 85%!important;}
  .contact-form-ind select.select-350 {width: 86%!important; padding: 5px;}
 .contact-form-ind .select-350 {width: 88%!important; padding: 5px 0 0 7px; }
 .contact-form-ind input.form-input {margin: 3px 0 14px 0;}
  .other-srv {width: 60%; height: 30px; padding-left: 5px;}  
  #active_sub {display: none;}
  
  button.bt-submit {
    max-width: 300px;
    width: 98%;
	background: #6aa6d2;
	background: #fff;
	color: #6aa6d2;
    border-radius: 10px;
    border: none;
    margin: 15px 0;
    padding: 15px 0;
}
  button.bt-submit:hover {

	background: #6aa6d2;
	color: #fff;
    border-radius: 10px;
    border: none;
}
  
 
 
 /* Mobile */
@media (max-width:768px) {

	.hideme
	{opacity:1;}

	.head-spacer {
       display: block;
       height: 125px;
    }
	.industry-top-area {
		height: 500px;
		width: 99%;
		padding: 2px; 
		margin: 0;
	}

	.industry-wrap {margin: 10px 0; padding: 0; float: left;}
	.industry-wrapper  {
		display: block; 
		width: 94%;
		min-height: 300px;
		height: auto;
		padding: 0; 
		margin: 0 auto;
	}

	.industry-top-left {width: 97%; padding: 0;}
	.industry-top-right {display: none;}
	
	.colwrap {width: 100%; float: none; margin: 0; padding: 0;}
	
	h1.industry-title {
		display: inline-block; 
		width: 92%;  
		font-size: 35px!important;
		line-height: 42px; 
		margin: 18px 0 0 0!important; 
		padding: 0 0; 
	}
	.view-plans-blue {margin-bottom: 10px;}
	.client-bar {height: 135px;}
	.client-box {width: 90%;}
	.bar-picture2 {display: none;}
		
	
	.industry-top-content {width: 95%; top: 50px; left: 0; margin: 0 10px;}
	
	.col50 {width: 90%; float: none; margin: 0 auto;}
	.col40 {width: 90%;}
	.col60 {width: 90%;}
	
	.block-head {margin-bottom: 12px;}
	.cta-gold {
      height: 334px!important;
	}
	
	
	.industry-bar {width: 100%; height: auto; overflow: hidden; padding: 15px 5px; margin: 20px 0;}
	
	 .gray-fill {
		background: #e3e3e3;
		height: auto;
	}

	
	h4.prices {margin: 1px 0 8px 0;}
	.pricing-plans-fullwidth {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap; 
		justify-content: center; 
		margin: 0 auto; 
		}
	.pricing-plans {
		display: flex;
		float: left; 
		text-align: left;
		margin: 0 22px 3px 0;
		width: 285px; 
		height: auto;
		padding: 0;
	}
	 
	.contact-form-ind {width: 90%;}

	.contact-form {
		width: 80%;
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	.contact-form input[type=text].input-message {padding: 5px; width: 90%;}
	.contact-form textarea {width: 88%!important; padding: 5px 0 0 7px; margin: 3px 0 14px 0;}
	.contact-form .input-message {width: 88%!important;}
	.contact-form select.select-350 {width: 90%!important; padding: 5px;}
	.contact-form .select-350 {width: 88%!important; padding: 5px 0 0 7px;}
	.contact-form input.form-input {margin: 3px 0 14px 0;}
	.other-srv {width: 60%; height: 30px; padding-left: 5px;}  
	#active_sub {display: none;}
  
	.contact-form input[type=text] {padding: 5px; width: 90%;}
	.contact-form input[type=email] {padding: 5px; width: 90%;}
	.contact-form input[type=phone] {padding: 5px; width: 90%;}

	.contact-form fieldset, .talkExpert-form fieldset {
		border-top: 0px solid #999;
		border-right: 0px solid #ccc;
		border-left: 0px solid #f5f5f5;
		border-bottom: 0px solid #f5f5f5;
		text-align: left;
		padding: .5em;
	}
.contact-fieldset  {
	float: right;
	margin: 0 45px 0;
	width: 75%;
}

 .col50 iframe {width: 90%; height: 100%;}
 
}

/* ipad */

@media screen and (min-width: 670px) and (max-width: 1088px){
	
	.industry-top-content {
	right: 505px;
	width: 50%; 
	 height: 230px; 
	}
	.top-slice-cta {right: 70px;}
		
	.colwrap {width: 90%; float: none; margin: 0 auto;}
}