/* ================================================================================================ */
/* ================================================================================================ */
@charset "UTF-8";

/* styles-social-media-strip.css */
/* styles relating to elements from the social media strip */


/* -------------------------------------------------------------- base global (1280+) */
/* 2-column: gray BG beyond padding 100% */

.column-main .social-media-strip {
	display: none;
}
.column-side .social-media-strip {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
}
.follow-us {
	font-family:"UniversLTW05-55Roman";
	font-size: 11px;
	color: #000000;
	padding-bottom: 5px;
	border-bottom: 1px solid #E6E6E6;
  display: inline-block;
  width: 100%;
  padding-top: 20px;
}
.social-icon-parade {
	display: inline-block;
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 11px;
}
.social-icon {
	display: inline-block;
	position: relative;
	height: 30px;
	width: 30px;
	margin-left: 18px; /* default */
}
.social-icon:nth-child(1) {
	margin-left: 0;
}
.social-icon:nth-child(2) {
	margin-left: 4px;
}
.social-icon:nth-child(3) {
	margin-left: 7px;
}
.social-icon:nth-child(4) {
	margin-left: 13px;
}
.social-icon:nth-child(5) {
	margin-left: 13px;
}
.social-icon-inner {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.service-1 {
	background: url(../images/icon-twitter-gr.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.service-2 {
	background: url(../images/icon-facebook-gr.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.service-3 {
	background: url(../images/icon-linkedin-gr.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.service-3.white-icon{
	background: url(../images/icon-linkedin-wt.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.service-4 {
	background: url(../images/icon-instagram-gr.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.service-5 {
	background: url(../images/icon-youtube-gr.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.service-6 {
	background: url(../images/icon-email-gr.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.service-6.white-icon{
	background: url(../images/icon-email-wt.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.service-7 {
	background: url(../images/phone-solid.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.fa-solid {
	font-size: 1em !important;
}

/* ============================================================== 2-column */
/* -------------------------------------------------------------- breakpoint: 0-1280 */
/* 2-column: 100%: padding is removed, replaced with white background (body) */

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

}

/* -------------------------------------------------------------- breakpoint: 1216-1280 */
/* 2-column: 100%: container is resized for no outside padding */

@media screen and (min-width: 1216px) and (max-width: 1280px) {

}

/* -------------------------------------------------------------- breakpoint: 810-1215 2-column fluid widths */
/* 2-column: fluid widths */

@media screen and (min-width: 810px) and (max-width: 1215px) {
	.column-side .social-media-strip {
		width: 100%;
	}
	.social-icon {
		width: 8.875739644970414%; /* 30/338 default */
		padding-bottom: 8.875739644970414%; /* 30/338 default */
		margin-left: 5.325443786982249; /* 18/338 default */
		/*background-color: darkcyan;*/
	}
	.social-icon:nth-child(1) {
		margin-left: 0;
	}
	.social-icon:nth-child(2) {
		margin-left: 3.550295857988166%; /* 12/338 */
		margin-left: 1.183431952662722%; /* 4/338 */
	}
	.social-icon:nth-child(3) {
		margin-left: 4.142011834319527%; /* 14/338 */
		margin-left: 2.071005917159763%; /* 7/338 */
	}
	.social-icon:nth-child(4) {
		margin-left: 5.621301775147929%; /* 19/338 */
		margin-left: 3.846153846153846%; /* 13/338 */
	}
	.social-icon:nth-child(5) {
		margin-left: 5.621301775147929%; /* 19/338 */
		margin-left: 3.846153846153846%; /* 13/338 */
	}
}

/* -------------------------------------------------------------- breakpoint: 1080-1215 */
/* 2-column: 1079/1216 88.7%: step-down vertical dims */

@media screen and (min-width: 1080px) and (max-width: 1215px) {
	.column-side .social-media-strip {
		margin-top: 10px; /* base 80 */
		margin-bottom: 35px; /* base 40 */
	}
	.column-side .follow-us {
		padding-bottom: 4px; /* base 5 */
		font-size: 11px; /* base 11 */
	}
	.column-side .social-icon-parade {
		height: 53px; /* base 60 */
		margin-top: 10px; /* base 11 */
	}
}

/* -------------------------------------------------------------- breakpoint: 946-1079 */
/* 2-column: 944/1216 77.6%: step-down vertical dims */

@media screen and (min-width: 946px) and (max-width: 1079px) {
	.column-side .social-media-strip {
		margin-top: 10px; /* base 80 */
		margin-bottom: 31px; /* base 40 */
	}
	.column-side .follow-us {
		padding-bottom: 4px; /* base 5 */
		font-size: 12px; /* base 11 */
	}
	.column-side .social-icon-parade {
		height: 47px; /* base 60 */
		margin-top: 9px; /* base 11 */
	}
}

/* -------------------------------------------------------------- breakpoint: 810-945 */
/* 2-column: 818/1216 67.3%: step-down vertical dims */

@media screen and (min-width: 810px) and (max-width: 945px) {
	.column-side .social-media-strip {
		margin-top: 10px; /* base 80 */
		margin-bottom: 27px; /* base 40 */
	}
	.column-side .follow-us {
		padding-bottom: 3px; /* base 5 */
		font-size: 11px; /* base 11 min 8 */
	}
	.column-side .social-icon-parade {
		height: 40px; /* base 60 */
		margin-top: 7px; /* base 11 */
	}
}

/* ============================================================== 1-column */
/* -------------------------------------------------------------- breakpoint: 0-809 */
/* 1-column: base */

@media screen and (max-width: 809px) {
	.column-main .social-media-strip {
		display: inline-block;
		position: relative;
		width: 708px;
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.column-main .follow-us {
		display: inline-block;
		position: relative;
		float: left;
		clear: both;
		width: 100%;
	}
	.column-main .social-icon-parade {
		/*font-size: 0;*/
		max-width: 378px;
		padding: 0;
	}
	.social-icon {
		display: inline-block;
		position: relative;
		width: 50px;
		padding-bottom: 50px;
		margin: 0;
	}
	.social-icon-inner {
		display: inline-block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
}

/* -------------------------------------------------------------- breakpoint: 320-809 1-column fluid widths */
/* 1-column: fluid widths */

@media screen and (min-width: 320px) and (max-width: 809px) {
	.column-main .social-media-strip {
		width: 92.1875%; /* 708/768 */
		margin-left: 3.90625%; /* 30/768 */
		margin-right: 3.90625%; /* 30/768 */
	}
	.social-icon {
		width: 10.582010582010582%; /* 40/378 */
		width: 7.936507936507937%; /* 30/378 */
		padding-bottom: 10.582010582010582%; /* 40/378 */
		padding-bottom: 7.936507936507937%; /* 30/378 */
		margin-left: 8.465608465608466%; /* 32/378 */
	}
	.social-icon:nth-child(1) {
		margin-left: 0;
	}
	.social-icon:nth-child(2) {
		margin-left: 4.232804232804233%; /* 16/378 */
		margin-left: 3.174603174603175%; /* 12/378 */
		margin-left: 1.058201058201058%; /* 4/378 */
	}
	.social-icon:nth-child(3) {
		margin-left: 5.026455026455026%; /* 19/378 */
		margin-left: 3.703703703703704%; /* 14/378 */
		margin-left: 1.851851851851852%; /* 7/378 */
	}
	.social-icon:nth-child(4) {
		margin-left: 6.613756613756614%; /* 25/378 */
		margin-left: 5.026455026455026%; /* 19/378 */
		margin-left: 3.439153439153439%; /* 13/378 */
	}
	.social-icon:nth-child(5) {
		margin-left: 6.613756613756614%; /* 25/378 */
		margin-left: 5.026455026455026%; /* 19/378 */
		margin-left: 3.439153439153439%; /* 13/378 */
	}
}

/* -------------------------------------------------------------- breakpoint: 0-319 1-column min widths */
/* 1-column: minimum widths */

@media screen and (max-width: 319px) {
	.column-main .social-media-strip {
		width: 295px; /* 708/768 */
		margin-left: 12px; /* 30/768 */
		margin-right: 12px; /* 30/768 */
	}
	.social-icon {
		width: 23px;
		padding-bottom: 23px;
		margin-left: 24px; /* 32/378 */
	}
	.social-icon:nth-child(1) {
		margin-left: 0;
	}
	.social-icon:nth-child(2) {
		margin-left: 3px;
	}
	.social-icon:nth-child(3) {
		margin-left: 5px;
	}
	.social-icon:nth-child(4) {
		margin-left: 10px;
	}
	.social-icon:nth-child(5) {
		margin-left: 10px;
	}
}

/* -------------------------------------------------------------- breakpoint: 768 > 760-809 */
/* 1-column: 768/768 = 100%: base vertical dims */

@media screen and (min-width: 760px) and (max-width: 809px) {
	.column-main .social-media-strip {
		margin-top: 80px; /* base 80 */
		margin-bottom: 40px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 12px; /* base 11 */
		padding-bottom: 5px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 12px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 719 > 710-759 */
/* 1-column: 719/768 = 93.6%: step-down vertical dims */

@media screen and (min-width: 710px) and (max-width: 759px) {
	.column-main .social-media-strip {
		margin-top: 75px; /* base 80 */
		margin-bottom: 37px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 11px; /* base 11 */
		padding-bottom: 5px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 12px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 660 > 650-709 */
/* 1-column: 660/768 = 85.9%: step-down vertical dims */

@media screen and (min-width: 650px) and (max-width: 709px) {
	.column-main .social-media-strip {
		margin-top: 69px; /* base 80 */
		margin-bottom: 34px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 11px; /* base 11 */
		padding-bottom: 5px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 11px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 600 > 590-649 */
/* 1-column: 600/768 = 78.1%: step-down vertical dims */

@media screen and (min-width: 590px) and (max-width: 649px) {
	.column-main .social-media-strip {
		margin-top: 63px; /* base 80 */
		margin-bottom: 31px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 11px; /* base 11 */
		padding-bottom: 5px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 10px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 550 > 540-589 */
/* 1-column: 550/768 = 71.6%: step-down vertical dims */

@media screen and (min-width: 540px) and (max-width: 589px) {
	.column-main .social-media-strip {
		margin-top: 57px; /* base 80 */
		margin-bottom: 29px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 11px; /* base 11 */
		padding-bottom: 5px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 9px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 500 > 490-539 */
/* 1-column: 500/768 = 65.1%: step-down vertical dims */

@media screen and (min-width: 490px) and (max-width: 539px) {
	.column-main .social-media-strip {
		margin-top: 52px; /* base 80 */
		margin-bottom: 26px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 11px; /* base 11 */
		padding-bottom: 5px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 8px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 460 > 450-489 */
/* 1-column: 460/768 = 59.9%: step-down vertical dims */

@media screen and (min-width: 450px) and (max-width: 489px) {
	.column-main .social-media-strip {
		margin-top: 48px; /* base 80 */
		margin-bottom: 24px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 10px; /* base 11 */
		padding-bottom: 4px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 7px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 414 > 410-449 */
/* 1-column: 414/768 = 53.9%: step-down vertical dims */

@media screen and (min-width: 410px) and (max-width: 449px) {
	.column-main .social-media-strip {
		margin-top: 43px; /* base 80 */
		margin-bottom: 22px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 10px; /* base 11 */
		padding-bottom: 4px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 7px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 400 > 395-409 */
/* 1-column: 400/768 = 52.1%: step-down vertical dims */

@media screen and (min-width: 395px) and (max-width: 409px) {
	.column-main .social-media-strip {
		margin-top: 42px; /* base 80 */
		margin-bottom: 21px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 10px; /* base 11 */
		padding-bottom: 4px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 7px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 375 > 370-394 */
/* 1-column: 375/768 = 48.8%: step-down vertical dims */

@media screen and (min-width: 370px) and (max-width: 394px) {
	.column-main .social-media-strip {
		margin-top: 39px; /* base 80 */
		margin-bottom: 20px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 10px; /* base 11 */
		padding-bottom: 4px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 7px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 360 > 355-369 */
/* 1-column: 360/768 = 46.9%: step-down vertical dims */

@media screen and (min-width: 355px) and (max-width: 369px) {
	.column-main .social-media-strip {
		margin-top: 38px; /* base 80 */
		margin-bottom: 19px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 10px; /* base 11 */
		padding-bottom: 4px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 7px; /* base 12 */
	}
}

/* -------------------------------------------------------------- breakpoint: 320 > 0-354 */
/* 1-column: 320/768 = 41.7%: step-down vertical dims */

@media screen and (max-width: 354px) {
	.column-main .social-media-strip {
		margin-top: 33px; /* base 80 */
		margin-bottom: 17px; /* base 40 */
	}
	.column-main .follow-us {
		font-size: 10px; /* base 11 */
		padding-bottom: 4px; /* base 5 */
	}
	.column-main .social-icon-parade {
		margin-top: 7px; /* base 12 */
	}
}