/* conference pages */

html {
	scroll-behavior: smooth;
}

.colwidth2 {width: 1200px; overflow: hidden; border: solid 0px red;}

.graybk {background: #f5f5f5; margin: -8px 0 0 0;}

.conference-top {
	display: block;
	width: 100%;
	height: 400px;
	padding: 0; margin: 0;
	background: rgb(6,143,226);
	background: radial-gradient(circle, rgba(6,6,6,1) 0%, rgba(53,53,53,1) 67%);
	}
.conference-image {
	display: block;
	height: 400px;
	width: 100%;
	padding: 0; margin: 0;
	background-image: url("https://uwt-public.s3.us-east-1.amazonaws.com/2025/06/bangkok-bkg.webp"); 
	background-repeat: no-repeat;
	background-position: top 0 right 0;
	}
	
.conference-image2 {
	display: block;
	height: 400px;
	width: 100%;
	padding: 0; margin: 0;
	background-image: url("https://uwt-public.s3.us-east-1.amazonaws.com/2025/06/gitex-ban.webp"); 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top 0 left 0;
	}

.conference-image3 {
	display: block;
	height: 400px;
	width: 100%;
	padding: 0; margin: 0;
	background-image: url("https://uwt-public.s3.us-east-1.amazonaws.com/2025/08/gitex-ban2025.webp"); 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top 0 left 0;
	}
	
	
.conf-block1 {display: block; margin-top: 50px; width: 80%;}
.conf-block2 {display: block; width: 70%; position: relative; bottom: 0; float: right; text-align: center; color: #fff; width: 80%;}

.conf-block3 {display: block; margin-top: 50px; width: 80%; border: solid 0 gold;}
.conf-block3 h1.conf {font-size: 40px; line-height: 44px; color: #fbc440; font-weight: 600!important;}	
.conf-block4 {display: block; width: 70%; height: 300px; position: relative; bottom: 0; float: right; text-align: center; color: #fff; width: 80%; border: solid 0px #ccc;}

.colwidth {margin: 0 auto; height: 100%; text-align: left;}
 

.dkcolor {background: url("https://uwt-public.s3.us-east-1.amazonaws.com/2025/06/gtx-grx.png"); background-repeat: no-repeat;
	background-position: top -150px right 0;
	background-size: 82%;
	}

	
	
.dkcolorFX {background: url("https://uwt-public.s3.us-east-1.amazonaws.com/2025/06/forex.png"); background-repeat: no-repeat;
	background-position: top -150px right -100px;
	background-size: 62%;
	}

	
hr.dots {
    border: 0;
    border-bottom: 8px dotted #6be0f1!important;
	border-bottom: 8px dotted #5461ae!important;
	margin: 1.5em 0;
	  background: none;
}
	
h1.conf {font-size: 40px; line-height: 44px; color: #fff; font-weight: 800!important;}	
.conf-tag {font-size: 22px; line-height: 28px; font-weight: 400; color: #fff;}

.conf-place {font-size: 24px; line-height: 26px; margin: 4px; color: #fff; font-weight: 400!important;}	
.conf-place2 {font-size: 20px; line-height: 26px; margin: 4px; color: #fff; font-weight: 400!important;}	
.conf-date {font-size: 22px; line-height: 28px; margin: 4px 4px 10px 4px; color: #fff; font-weight: 800!important;}	

h2.solution-sub {font-size: 28px; line-height: 32px; color: #555; font-weight: 400!important;}
h3.solution-sub {font-size: 26px; line-height: 30px; color: #555; font-weight: 400!important;}
h4 {color: #555!important;  margin-bottom: 6px;}
	
.col59 {display: block; float: left; width: 57%; padding-right: 12px;}
.col39 {display: block; width: 41%; float: left;}
.col50 {text-align: left;}
.colfloat {display: block; float: left; width: 48%; padding-right: 2px;  margin: 0;}
.colpad {display: block; padding-right:20px;}

.colfloat1 {display: block; float: left; width: 35%; padding-right: 2px;  margin: 0;}
.colfloat2 {display: block; float: left; width: 64%; padding-right: 2px;  margin: 0;}
.calendly {border-radius: 5px; background: #f5f5f5;}

.colfloat .appt-box {width: 80%;}
.clients {display: block; margin: 5px auto;}
.entry-content {margin: 10px 0 0 0;}



input[type=submit]  {
    border: 1px solid orange;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e69506;
    color: rgba(255,255,255,1);
    font-size: 14px;
    font-size: 1rem;
    line-height: 1;
    padding: 12px 23px;
}



.conf-social {display: block; padding: 10px;}

.conf-social a {display: inline-block; text-align: center; border-radius: 4px; width: 85px;  background: #6d2a89; 
padding: 4px 10px; margin: 2px 2px 8px 2px; border: solid 0px #ccc; color: #fff;}
.conf-social a:hover {color: #e69506; color: #f7ca8f; text-decoration: none;}

.pdf-link {display: block; width: 326px; margin: 0 auto 12px auto;}
.pdf-link img {display: block; width: 30px; float: left; margin-right: 10px;}
.pdf-link a {display: block;  padding: 6px 0 0 14px; text-decoration: none;}
.pdf-link a:hover {color: #e69506; text-decoration: underline;}



/* Features blocks */

h3.lp-subtitle {
    font-size: 36px;
    line-height: 32px;
    font-weight: 400;
    color: #36567a;
	margin-bottom: 12px;
	text-align: center;
}


.feat-wrap {
	width: 1200px;    
	position: relative;
    display: flex;
    flex-direction: row;
    flex: 1 1 auto; /* take up all available space */
    margin: 1em 11%;
	margin: .5em auto 0 auto;
    min-height: 0; /* fixes FF issue with minimum height */
	}

.feat-box {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 15px 20px 10px 20px; 
	margin: 10px 16px 10px 0;
	min-height: 200px;
	width: 32.5%;
	background: #fff;
	text-align: left;
	float: left;
	border-radius: 10px; 
	}
.feat-box-image {  /* placeholder */
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 15px 2px 10px 2px; 
	margin: 10px 16px 20px 0;
	width: 32.5%;
	min-height: 245px;
	background: #fff;
	text-align: left;
	float: left; 
	background: #fff;
	border: solid 0px #f5f5f5; 
	}
	
.image-right {display: block; position: absolute; right: 0; top: -45px; float: right; width: 280px; border: solid 0px #f5f5f5; }
	

.feat-box img {margin: 15px 0 0 0;}
.feat-sub {font-size: 22px; font-weight: bold; color: #6d2a89; margin: 10px 0 10px 0;}

/* Blog area */

/* manual blog cols */
.blog-col-wrap {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto; /* take up all available space */
    margin: 1em 11%;
	margin: 1em auto;
    min-height: 0; /* fixes FF issue with minimum height */
	width: 1170px;
	}

.blog-col-bloc {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 10px;
	margin: 10px;
	font-size: 14px;
	min-height: 300px;
	width: 23%; 
	text-align: left;
	float: left; 
	padding: 15px 30px 10px 30px; 
	padding: 10px;
	margin: 10px 16px 20px 0;
	border: solid 0px #e9e9e9; 
	}
.blog-col-bloc img {border-radius: 6px;}
	
.sol-title  a {font-size: 20px; line-height: 23px; font-weight: 400; text-decoration: none;}
.sol-title a:hover {color: #e69506; text-decoration: none;}

.blog-col-cat {display: block; margin: -23px 0 6px 0; text-transform: uppercase; font-weight: 600; font-size: 12px; color: #e69506; border: solid 0px #ccc;}
.blog-col-bloc p {line-height: 22px; margin-top: -5px;}

.blog-solution-wrap {
	display: block;
	padding: 0;
	margin: 0 auto;
	width: 1170px;
	}
.blog-int-col {
	display: block;
	float: left;
	margin: 10px;
	padding: 5px;
 
}

.solution-col-wrap {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto; /* take up all available space */
    margin: 1em 11%;
	margin: 1em auto;
    min-height: 0; /* fixes FF issue with minimum height */
	}

.solution-col-bloc {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 10px;
	margin: 10px;
	min-height: 300px;
	width: 32.5%;
	background: #f5f5f5;
	text-align: left;
	float: left; 
	padding: 15px 30px 10px 30px; 
	margin: 10px; 
	margin: 10px 16px 20px 0;
	border: solid 1px #e9e9e9; 
	border-radius: 6px; 	
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
	}
.blog-int-wrap .post {display: block; float: left; width: 23%; margin: 9px;}

.post-block-title-2 {display: block; min-height: 15px; padding: 0; margin-top: 10px; vertical-align: text-top;} 
.post-block-title-2 h2 {padding: 0; margin: 0; line-height: 26px;}
.post-block-title-2 a {color: #3a6bbd; font-weight: 400; font-size: 18px!important; line-height: 22px; padding: 0;margin: 0; text-decoration: none;} 
.post-block-title-2 a:hover {color: #666;} 
.blog-feature-excerpt p {line-height: 20px!important;} 


/* Benefits do I still need this?*/

.provider-wrap {width: 1280px; box-sizing: border-box; padding: 5px; margin: 0 auto; overflow: hidden;}

.provider-block {
	display: block;
	box-sizing: border-box;
	width:23%;
	min-height: 210px; 
	background: #fff;
	text-align: center;
	float: left; 
	padding: 18px 23px 10px 23px; 
	margin: 10px; 
	margin: 10px 16px 20px 0;
	border: solid 1px #f5f5f5; 
	border-radius: 7px; 	
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
	}
.provider-block:last-child {margin: 10px 0 20px 0;}	

.provider-block strong {display: block; margin: 10px 0 2px 0; padding: 0; font-size: 18px; color: #555; border: solid 0px #ccc;}

.business-title {color: #e69506; font-weight: 600; font-size: 24px; line-height: 28px;}
.business-title-gx {color: #e69506; font-weight: 600; font-size: 28px; line-height: 28px;}
.conf-para {display: block; width: 85%; margin-top: 10px; line-height: 18px;}

.colfloat ul  {
	width: 86%;
    list-style: none;
    padding-left: 12px;
 
}
.colfloat  li {
    position: relative;
	list-style: none;
    padding-left: 35px;
	padding-bottom: 6px;
}
.colfloat ul>li::before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 23px;
    height: 23px;
    content: '';
    background-image: url(/wp-content/themes/globalcallforwarding/images/arrow-blue.svg);
    background-repeat: no-repeat;
}

 
.logo-bloc {
    display: block;
	float: none;
    width: 210px;
    margin: 6px 0 0 0;
	border: solid 0px #ccc;
}
.logo-bloc img {
    width: 100%;
}
	
.video-box {
    display: block;
    width: 550px;
    margin: 10px auto;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

/* OLD */
 
	
/* manual blog cols */

 
.barwrap {
	display: block; 
	position: relative; 
	padding: 0; margin: 0; 
	background-color: #b9defe; 
	min-height: 450px;
	}

.center-it {display: block; width: 72%; text-align: center; padding: 10px; margin: 65px auto 15px auto;}

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



@media (max-width:768px) {
	
	.head-spacer {height: 0;}
	.spacer-40 {height: 3px;}
	.spacer-10 {height: 4px;}
	
	.mobile-hide {display: none;}
	
	.conference-top {
		height: auto;
		padding: 0; 
		margin: 0;
	}
	.conference-image {
		height: auto;
	}
	.conference-image2 {
		height: 455px;
	}
	.conference-image3 {
		height: 480px;
	}
	.logo-bloc {margin: 6px auto;}
	
	.business-title-gx {
		margin-top: 15px;
		}
	.clients {margin: 13px auto 2px auto; }
	.colwidth2 {
		width: 100%;
		}
	.colwidth {
		width: 95%;
		margin: 0 auto;
		}
	.colwrap {width: 100%; margin: 0;}
	
	.conf-block1 {margin: 10px auto 0 auto; width: 90%;}
	.conf-block2 {width: 90%; margin: 0 auto; margin-top: -20px;}
	.conf-block3 {margin: 10px auto 0 auto; width: 90%;}
	.conf-block4 {width: 90%; margin: 0 auto; margin-top: -20px;}

	
	.conf-block3 h1.conf {font-size: 30px; line-height: 36px; color: #fbc440; font-weight: 600!important;}	
	
	h1.conf {font-size: 28px; line-height: 34px; text-align: center; margin-top: 16px;}	
	.conf-tag {font-size: 18px; line-height: 22px;}

	.conf-place {font-size: 20px; line-height: 26px; margin: 4px; color: #fff;}	
	.conf-date {font-size: 18px; line-height: 22px; margin: 4px 4px 10px 4px;}	

	.video-box {
		width: 98%;
		margin: 10px auto;
	}
	
	.video-box lite-youtube {
		width: 100%;
	}

	.clients {margin: 13px auto;}

	.barwrap {
		min-height: 440px;
	}
	.quote-box {  
		display: none;
		width: 55px; 
		height: 42px; 
		margin: 0 auto 5px auto;
		background-size: cover;
	}
	.center-it {width: 83%;}
	
	.view-plans-white {display: block;  margin: 2px auto 10px auto; padding: 8px 18px; text-align: center;}
	
	.entry-content {width: 99%;}

	
	.col59 p {font-size: 14px; text-align: center;}
	
	.col59 {display: block; float: left; width: 99%; padding-right: 0;}
	.col39 {display: block; width: 90%; float: left;}
	
	.col50 {float: none; width: 90%; margin: 0 auto;}
	.colfloat1 {display: block; float: none; width: 90%; padding-right: 2px;  margin: 0 auto;}
	.colfloat2 {display: block; float: none; width: 90%; padding-right: 2px;  margin: 0 auto;}
	.colfloat {display: block; float: none; width: 90%; padding-right: 2px;  margin: 0 auto;}
	 .appt-box {width: 100%;}
	
	.colfloat .appt-box {width: 80%;}
	.colfloat1 .appt-box {width: 100%;}
	.colpad {padding-right: 1px;}
	.calendly {background: #fff;}
	h3.lp-subtitle {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 12px;
	}
	.feat-wrap {
		width: 98.5%;    
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 1 1 auto; /* take up all available space */
		margin: 0;
		min-height: 0; /* fixes FF issue with minimum height */
		}

	.feat-box {
		flex: 1 1 auto;
		overflow-y: auto;
		padding: 5px 20px 10px 20px; 
		margin: 5px 16px 0 0;
		margin: 5px auto 0 auto;
		min-height: auto;
		width: 90%;
		background: #fff;
		text-align: left;
		float: left;
		border-top: solid 1px #f5f5f5; 
		}


	.provider-wrap {
		width: 93%;  
		margin: 10px auto;
		padding: 15px;
		}

	.provider-block {
		display: block;
		width:100%;
		min-height: 180px; 
		margin: 10px auto;
	}
	.provider-block:last-child {margin: 10px 0;}
	
	.conf-social a {display: inline-block; font-size: 14px; font-weight: bold; text-align: center; border-radius: 4px; width: 75px;  background: #6d2a89; 
padding: 3px 5px; margin: 2px 2px 8px 2px; color: #fff;}

	
	.blog-col-wrap {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto; /* take up all available space */
		margin: 1em 11%;
		margin: 1em auto;
		min-height: 0; /* fixes FF issue with minimum height */
		width: 88%;
	}

	.blog-col-bloc {
		flex: 1 1 auto;
		overflow-y: auto;
		padding: 10px;
		margin: 10px auto;
		font-size: 14px;
		min-height: 300px;
		width: 90%; 
		text-align: left;
		float: left; 
		padding: 15px 30px 10px 30px; 
		padding: 10px;
	}
 
	.sol-title {margin: 5px 0 4px 0;}
	 
 
}