/* old spanosh css */

.wrapper-top  {
	display: block; 
	width: 100%; 
	overflow: hidden; 
	padding: 20px 10px; 
	margin: 0; 
	}
	
.colwidth4 {width: 1200px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; border: solid 0px #ccc;} 

	
h1 {font-size: 40px; color: #1a1a1a; text-align: center;}
.sub-head {font-size: 20px; text-align: center; margin: 5px 0 25px 0;}

.col-one  {display: block; width: 39%; padding: 5px; margin: 7px; float: left;}

.col-two  {display: block; width: 51%; padding: 5px; margin: 7px; float: left;}
.col-two img {width: 93%;}
.col-three  {display: block; width: 355px; padding: 5px; margin: 7px; float: left;}
.logo-box {display: block; float: left; width: 455px;}
.phone-numb {display: block; float: right; width: 250px; margin: 30px 0 0 0; font-size: 20px; font-weight: bold; color: #36567a; text-align: right;}

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

.pdf-link {display: inline-block; width: 306px; margin: 0 auto;}
.pdf-link img {display: block; width: 45px; float: left;}
.pdf-link a {display: block;  padding: 14px 0 0 10px; text-decoration: none;}
.pdf-link a:hover {color: #e69506; text-decoration: underline;}

.lp-text {display: block; width: 1050px; margin: 0 auto; border: solid 0px #ccc;}

.prices-wrap {display: block;}

 
 
@media screen and (min-width: 767px) {
	.skyline-bg[_ngcontent-c0] {
		padding: 0 100px;
		background-repeat: repeat-x;
		padding-bottom: 5px;
		background-position: bottom;
		background-color: #fff;
	}
}

.additionalInfo-span {
    display: block;
	width: 70%;
	margin: 0 auto!important;
}

.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: 180px; 
	background: #fff;
	text-align: center;
	float: left; 
	padding: 15px 20px 10px 20px; 
	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;}	


.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: auto;
	width: 32.5%;
	background: #fff;
	text-align: left;
	float: left;
	border: solid 0px gold; 
	}
.feat-box-image {  /* placeholder */
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 15px 2px 10px 2px; 
	margin: 10px 16px 20px 0;
	width: 32.5%;
	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:last-child {margin: 10px 0 20px 0;}	
.feat-box img {margin: 15px 0 0 0;}
.feat-sub {font-size: 22px; font-weight: bold; color: #36567a; margin: 10px 0 10px 0;}

.image-box {display: block; width: 375px; height: 350px;  float: right; margin: 0 0 10px 25px;}
.image-box2 {display: block; width: 375px; height: 350px; float: left; margin: 0 30px 10px 0;}




/* Form */
.contact-form {
    width: 90%;
	padding: 0 25px;
	margin: 0 auto;
	text-align: center;
	
}
 .contact-form input[type=text].input-message {padding: 5px; width: 90%;}
 .contact-form textarea {width: 90%!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: 90%!important; padding: 5px 0 0 7px; }
 .contact-form input.form-input {width: 90%; margin: 3px 0 14px 0;}
 .other-srv {width: 60%; height: 30px; padding-left: 5px;}  
  #active_sub {display: none;}

.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%;
}
 .contact-form fieldset input, .uwt-form fieldset input {margin: 0 5px 0 10px; border: solid 1px #fadfbc;}
 
 
 .footer-art {
	 display: block;
	 border: solid 0px #ccc;
	color: #fff;	
	margin: 0 auto;
	text-align: center;	
	 width: 1200px;
	 height: 370px;  
	background: url(https://www.globalcallforwarding.com/images/lp-foot-artwork.png) top left no-repeat;
	  background: url(/wp-content/themes/globalcallforwarding/images/lp-foot-artwork.svg) bottom left calc(100% + 10px)/auto calc(100% - 30px) no-repeat;
	 
	 background-size: contain;
 
	}
	
h3.footer-title {font-size: 38px; color: #fff; text-align: center;}
.footer-art p {font-size: 20px;}
	
.lp-contact-butt {
	display: inline-block; 
	position: relative; 
	padding: 6px 14px; 
	margin: 10px auto;  
	background: #fff; 
	border: solid 2px #fadfbc; 
	border-radius: 5px;
	}
a.lp-contact-butt, a:visited.lp-contact-butt {text-decoration: none; color: #e69506!important; font-size: 18px; font-weight: 500;}
a:hover.lp-contact-butt {background-color: #e69506; transition: background-color 0.5s ease; color: #fff!important; text-decoration: none;}
	
	
 
 /* Mobile */
 
 @media (max-width: 768px){	
 
	.wrapper-top {width: 100%;}
	.colwidth4 {width: 95%; margin: 0;}
	
	.logo-box {display: block; float: left;  width: 98%;  margin: 0 0 10px 0; text-align: center;}
	.phone-numb {display: block; float: left;  width: 98%; font-size: 18px; text-align: center; margin: 5px 0 15px 0;}

	h1 {font-size: 30px; line-height: 34px;}
	.sub-head {width: 98%;}
	.col-one  {width: 90%; padding: 5px; margin: 7px; float: left;}
	.col-two  {width: 90%; padding: 5px; margin: 7px; float: left;}
	
	h3.lp-subtitle {font-size: 26px; margin: 5px 10px;}
 
	.lp-text {width: 90%; margin: 0px 20px;}
	
	.colwidth {width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden;} 
	
	.provider-wrap {
		width: 95%;  
		margin: 10px;
		padding: 15px;
		}

	.provider-block {
		display: block;
		width:100%;
		min-height: 180px; 
		margin: 10px auto;
	}
	.provider-block:last-child {margin: 10px 0;}	
	
	.feat-wrap {
		width: 100%;    
		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;
		min-height: auto;
		width: 90%;
		background: #fff;
		text-align: left;
		float: left;
		border-top: solid 1px #f5f5f5; 
		}
	
	.image-right {display: none;}
	
	.feat-box-image { /* placeholder */
		display: none;  
		}
		
	.footer-art {width: 100%; background-size: cover; height: 300px;}
	h3.footer-title {font-size: 28px; margin: 20px 10px 0 10px; line-height: 30px; color: #fff; text-align: center;}
	.footer-art p {font-size: 18px; line-height: 22px; margin: 15px 10px 10px 10px;}
	
	
 }