/* container01*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

#orange           { background-color:#ff6633; height:280px; padding:18px 29px; margin:0; }
/* old icon css */   /*.orangetitle      {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-news.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block; }/* old icon css */

/*.orangetitle      {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-blog.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block; }*/
.orangetitle      {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url("/Portals/_default/Skins/ThreadNew-onesection/images/TG-icon-newspaper-dkg.svg"); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block; }

#gray             { background-color:#666666; height:280px; padding:18px 30px; margin:0;}
.graytitle {  color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-newspaper-wht.svg); background-position:left 0px; padding:10px 0 15px 55px; background-repeat:no-repeat;  display:block; background-size: 25% auto; }

#medium-grey      { background-color:#9b9b9b; height:280px; padding:13px 30px; margin:0;}
.medium-greytitle {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-events.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block; }

#medium-blue      { background-color:#a3c1db; height:280px; padding:18px 30px; margin:0;}
/* OLD TITLE HOME PAGE BLUE BOX .medium-bluetitle { color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-lightbulb.svg); background-position:left 0px; padding:10px 0 10px 65px; background-repeat:no-repeat;  display:block; }*/

.medium-bluetitle { color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/th-certified-product.png); background-position:left 0px; padding:10px 0 10px 65px; background-repeat:no-repeat;  display:block; }



.faqtitle      {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:22px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-questionmark.svg); background-position:left 0px; padding:15px 0 15px 75px; background-repeat:no-repeat;  }

.membtitle      {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:15pt; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-members.svg); background-position:left 0px; padding:14px 0 17px 75px; background-repeat:no-repeat;  }


.blacktitle { color:#464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:18px; text-transform:uppercase; text-decoration: none;}

#news-dev          { background-color:#666666; height:300px; padding:18px 30px; margin:0;}
/* old icon css */   /*.news-devtitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-newspaper-wht.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  } old icon css */  

/*.news-devtitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-blog.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }*/
.news-devtitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url("/Portals/_default/Skins/ThreadNew-onesection/images/TG-icon-blog.svg"); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }

#mem-dev           { background-color:#FF6633; height:300px; padding:18px 30px; margin:0;}
.mem-devtitle      { color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-members.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }
.mem-devtitle-new      { color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/Thread-logomark-dkg.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }
#mem-dev ul        { margin: 0; padding: 0 0 0 19px; }
#mem-dev ul li     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: normal; line-height: normal; list-style-type: disc; margin: 0 0 17px; text-decoration: none;}

#upevent-dev      { background-color:#9b9b9b; height:300px; padding:18px 30px; margin:0;}
.upevent-devtitle {  color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-events-wht.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block; }

.cerprd-title {  color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/th-certified-product.png); background-position:left 0px; padding:18px 0 8px 65px; background-repeat:no-repeat;  display:block; }


#news-con          { background-color:#666666; height:300px; padding:18px 30px; margin:0;}
/* old icon css */   /*.news-contitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-newspaper-wht.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }/* old icon css */ 

/*.news-contitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-blog.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;}*/
.news-contitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url("/Portals/_default/Skins/ThreadNew-onesection/images/TG-icon-blog.svg"); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;}

#upevent-con      { background-color:#9b9b9b; height:300px; padding:18px 30px; margin:0;}
.upevent-contitle {  color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-events-wht.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block; }

#medium-blue-con  { background-color:#A2C1DB; height:300px; padding:18px 30px; margin:0;}
.what-contitle {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/th-certified-product.png); background-position:left 0px; padding:18px 0 8px 65px; background-repeat:no-repeat;  display:block; }


#news-ret          { background-color:#666666; height:300px; padding:18px 30px; margin:0;}
/* old icon css */   /*.news-rettitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-newspaper-wht.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  } old icon css */

/*.news-rettitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-blog.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }   */
.news-rettitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url("/Portals/_default/Skins/ThreadNew-onesection/images/TG-icon-newspaper-dkg.svg"); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }   

#mem-ret           { background-color:#A0CDB9; height:300px; padding:18px 30px; margin:0;}
.mem-rettitle      { color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-members.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }

#lightgray-ret           { background-color:#9b9b9b; height:300px; padding:18px 0px; margin:0;}
.lightgray-rettitle      { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/th-certified-product.png); background-position:left 0px; padding:8px 0 8px 65px; background-repeat:no-repeat;  display:block; margin:0;  }


.defualttitle       { color:#fe784c; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:15pt; text-decoration: none; text-transform: uppercase;}
.form-title         { color:#464646; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: normal; margin: 0; text-decoration: none; }

.desk-form    { display: block;}
.mob-form     { display: none;}



.member-logos li {
    display: inline-block;
	margin: 10px;
}
.member-logos li img {
    max-width: 165px;
}


/* icon container css */
.orangetitle-new   { color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; padding:18px 0 18px 65px; display:block;}
.orange-icon       { float:left;}

.news-contitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; padding:18px 0 18px 65px;display:block;}
.grey-icon         { float:left;}

.what-contitle     { color: #464646; font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 17px; text-transform: uppercase; text-decoration: none; padding: 10px 0 10px 65px; display: block;}

.skyblue-icon      { float:left;}




/* ipad Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 1024px)   
{
#medium-blue-con img { height: auto; width: 100%;}
img.TG-products-wht  { width: 100%;}
}
@media only screen and (max-width : 995px)   
{
.what-contitle           {  padding:18px 0 18px 65px;}
.medium-bluetitle        {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/th-certified-product.png); background-position:left 0px; padding:19px 0 19px 65px; background-repeat:no-repeat;  display:block; }
	
}
@media only screen and (max-width : 940px)   
{
	#upevent-dev { padding: 18px 27px; }
}


@media only screen and (max-width : 922px)   
{
#upevent-dev      { background-color:#9b9b9b; height:300px; padding:18px 28px; margin:0;}
#news-con          { background-color:#666666; height:300px; padding:18px 28px; margin:0;}
#upevent-con      { background-color:#9b9b9b; height:300px; padding:18px 28px; margin:0;}
#medium-blue-con  { background-color:#A2C1DB; height:300px; padding:18px 28px; margin:0;}
#news-ret          { background-color:#666666; height:300px; padding:18px 28px; margin:0;}
#mem-ret           { background-color:#A0CDB9; height:300px; padding:18px 28px; margin:0;}

#medium-blue, #medium-grey, #orange { padding: 16px 26px; }

#upevent-dev { padding: 18px 25px; }
}



/* ipad Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 881px)   
{
#orange           { background-color:#ff6633; height: auto; padding:18px 8px; margin:0; }
#medium-grey      { background-color:#9b9b9b; height: auto; padding:18px 8px; margin:0;}
#medium-blue      { background-color:#a3c1db; height: auto; padding:18px 8px 15px; margin:0;}
}


/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 768px)   
{

#medium-blue-con img { height: auto; width: auto;}
}


/* iphone Landscape  [HORIZONTAL] CSS Start here */
@media only screen and (max-width :568px)   
{
/*	.desk-form {
		display: none;
	}
	.mob-form {
		display: block;
	}
		*/
}


/* iphone Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 480px)   
{
	
	.defualttitle{font-size: 13pt;}
	.membtitle {font-size: 13pt;}  
	#lightblue-full-mid {
		padding:40px 30px 10px;
	}
	#mid-white-full-mid {
		padding: 80px 0px 10px;
	}
	
}

/* iphone Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 437px)   
{
.what-contitle { padding: 10px 0 8px 65px;}
	
}

/* iphone Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 407px)   
{
.faqtitle      {  color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:20px; text-transform:uppercase;text-decoration: none; background-image:url(images/faq-icon.png); background-position:left 0px; background-repeat:no-repeat;  }	
}

@media only screen and (max-width : 379px)   
{

.medium-bluetitle { background-image:url(images/th-certified-product.png); background-position: left 0; background-repeat: no-repeat; color: #464646; display: block; font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: normal; padding: 9px 0 9px 65px; text-decoration: none; text-transform: uppercase; }
}


/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :330px)   
{
#medium-blue-con img { height: auto; width:100%;}

#news-dev          { background-color:#666666; height:300px; padding:18px 30px; margin:0;}
.news-devtitle     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-newspaper-wht.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }


#mem-dev           { background-color:#FF6633; height:300px; padding:18px 30px; margin:0;}
.mem-devtitle      { color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/TG-icon-members.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }
.mem-devtitle-new      { color: #464646; font-family: 'Montserrat', sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;text-decoration: none; background-image:url(images/Thread-logomark-dkg.svg); background-position:left 0px; padding:18px 0 18px 65px; background-repeat:no-repeat;  display:block;  }

#mem-dev ul        { margin: 0; padding: 0 0 0 19px; }
#mem-dev ul li     { color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: normal; line-height: normal; list-style-type: disc; margin: 0 0 17px; text-decoration: none;}

#upevent-dev      { background-color:#9b9b9b; height:300px; padding:18px 28px; margin:0;}


#news-con          { background-color:#666666; height:300px; padding:18px 28px; margin:0;}

#upevent-con      { background-color:#9b9b9b; height:300px; padding:18px 28px; margin:0;}

#medium-blue-con  { background-color:#A2C1DB; height:300px; padding:18px 28px; margin:0;}


#news-ret          { background-color:#666666; height:300px; padding:18px 28px; margin:0;}

#mem-ret           { background-color:#A0CDB9; height:300px; padding:18px 28px; margin:0;}
}