:root {
    --ibheight: 50vh;
    /* minus e.g. menu */
    /*--ibheight: calc(100vh - 200px);*/

    --phoca-color-secondary: #83b7e7;
}

b, strong {
	font-weight: bold;
}

a.brand-logo {
	text-decoration: none;
	font-weight: bold;
}

.container-footer-2 {
	background: #000;
	color: #fff;
}

body {
    font-family: Open Sans, sans-serif;
    font-weight: 300;
}

.ph-cp {
    padding-left: 5%;
    padding-right: 5%;
}

.ph-container-logo {
    padding-top: 1em;
    padding-bottom: 1em;
}
.ph-container-menu {
    padding-top: 0.25em;
    padding-bottom: 0.5em;
}

.ph-container-menu {
    background: #000;
    color: #fff;
}

.ph-container-menu a,
.ph-container-menu a:hover {
    color: #fff;
}

.container-overheadbar {
    background: #000;
    color: #fff;
}
.container-overheadbar .phTplColumn .contact {

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.container-overheadbar .phTplColumn .contact div {
    display: flex;
    align-items: center;
}
.container-overheadbar .phTplColumn .contact div,
.container-overheadbar .phTplColumn .contact div a{
        margin: 0.5em;
        /*color: #fff;*/
}

.container-overheadbar .phTplColumn .contact div svg {
    height: 1.2em;
    width: auto;
    stroke: #83b7e7;

    margin-right: 0.25em;
}

.phModParticle111 .phModParticlesImageBackground {
    background-position: center;
}

.phModParticlesSvg svg {
    stroke: #83b7e7 !important;
}

.phModParticlesImageBackground .phModParticlesItem .phModParticlesDesc {
    margin: auto;
    margin-top: 3%;
    font-size: 3vw;
    text-align: center;
    color: #fff;
    font-weight: normal;
    text-shadow: 2px 2px #000;
}





 .icon-multimedia,
 .icon-technology {
	font-size: 200%;

	color: #22b2da;
 }
.icon-multimedia:before,
 .icon-technology:before {
	border: 2px solid #f4f4f4;
	padding: 10px;

}
.icon-holder {

}
.text-holder {
	margin-left: 60px;
	margin-top: -45px;
}

.text-holder2 {

	margin-top: -20px;
}

.sp-module ul >li {
    display: inline;
    border-bottom: 0px;

}

.single-info-box {
	margin: 10px;
	padding: 0px;
}


.link-btn {

}

ul {
	padding-left: 30px;
}
#sp-user2 .sp-module-title {
	color: #fff;
	margin-top: 20px;
}

#sp-section-1 {
	padding: 5px;
}

.sp-module-title {
	display: inline-block;
	position: relative;
	border-bottom: 2px solid #22b2da;
	padding: 5px 0px;
}


#sp-section-4{
	background: url("../images/bg.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 350px;
}
.ph-spc-fnt-box {
	padding: 7rem 0 4rem 7rem;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
	float: left;
}

.ph-spc-fnt-box div{
	padding: 3rem;
	text-align: right;
}
.ph-spc-fnt-box-top {
	font-size: 9rem;
	color: #fff;
}
.ph-spc-fnt-box-bottom {
	font-size: 4.5rem;
	color: #fff;
}

@media (max-width: 540px) {

	.single-info-box {
		margin: 10px;
		padding: 15px;
		clear:both;
	}

	.ph-spc-fnt-box {
		padding: 2rem 0 1rem 2rem;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
		float: left;
	}

	.ph-spc-fnt-box div{
		padding: 1rem;
		text-align: right;
	}

	.ph-spc-fnt-box-top {
		font-size: 4rem;
		color: #fff;
	}
	.ph-spc-fnt-box-bottom {
		font-size: 2rem;
		color: #fff;
	}

	#sp-section-4{
		height: 180px;
	}
}


#sp-section-7 {
	padding: 20px 0px;
}
#sp-bottom1 .sp-column{
	background: url("../images/bottom1.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 200px;
	padding: 20px;

	font-size:300%;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
	border: 5px solid #fff;
}

#sp-bottom2  .sp-column{
	background: url("../images/bottom2.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 200px;
	padding: 20px;
	font-size:260%;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
	border: 5px solid #fff;
}

#sp-bottom3  .sp-column{
	background: url("../images/bottom3.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 200px;
	padding: 20px;
	font-size:300%;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
	border: 5px solid #fff;
}
#sp-bottom4  .sp-column{
	background: url("../images/bottom4.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 200px;
	padding: 20px;
	font-size:300%;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
	border: 5px solid #fff;

}

#sp-position1  .sp-column{
	background: url("../images/bottom5.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 200px;
	padding: 20px;
	font-size:300%;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
	border: 5px solid #fff;

}

#sp-position2  .sp-column{
	background: url("../images/bottom4b.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 200px;
	padding: 20px;
	font-size:300%;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
	border: 5px solid #fff;

}

.sp-module-content .custom .bottom-text-header {
	margin-top: 120px;
    line-height: 1;
    font-size: 80%;
}

#sp-section-7 {
    margin-top: 1em;
}
#sp-section-8 {
    margin-bottom: 1em;
}

.phocamaps-box {
border: 5px solid #fff;
}

.phocamaps-box {
	color: #000;
}

.ph-contact-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}

@media (min-width: 768px) {

    .ph-contact-container {
    justify-content: end;
}
}

.ph-contact-subcontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.ph-contact-subcontainer{
    padding: 0.25em 1em;
}

.ph-svgbox {
    border: 1px solid #f4f4f4;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    box-sizing: content-box;
    padding: 0 !important;
    margin-right: 0.25em;
}

.ph-svgbox svg {
    height: 46px;
    width: auto;
    stroke: var(--phoca-color-secondary);
    fill: var(--phoca-color-secondary);
    color: var(--phoca-color-secondary);
}