.testimonialContainer {
position:relative;
overflow: hidden;
display:none;
}
.testimonialContainer .testimonialimg
{
display:none !important;
}
.testimonialContainer .t_item
{
width: 25%;
float: left;
display: flex;
padding:0px;
}
.testimonialText{
font-style:italic;
color:white;
font-size:20px;
min-height:200px !important;
padding:20px 50px 0 !important;
margin:10px auto !important;
display: grid !important;
grid-template-rows: 70% 20%;
justify-content: center;
text-align:center;
align-items: center;
width: 100%; }
.testimonialContainer .rowtight
{
margin:0 auto;
display:flex;
}
.testimonialContainer .lipbg
{
display:none;
}
.testimonialText .testimonialbox,.testimonialText .testimonialbottom{
background-color: unset;
border:unset;
color:white;
font-size:17px;
max-width: 600px;
padding:unset;
}
.testimonialText p{
max-width: 600px;
text-align:left;
}
.testimonialbottom p, .testimonialbottom .testimonialimg{
margin: 0px 20px !important;	
text-align: right !important;
display:inline-block;
margin:unset;
}
.testimonialButtonsContainer{
position:absolute;
width:100%;
height:100%;
top:0px; left:0px;
pointer-events: none;
}
.testimonialButton{
position:absolute;
top:40%;
width:30px;
height:40px;
cursor:pointer;
pointer-events: auto;
}
.testimonialQuoteImages{
position:absolute;
opacity:0.5;
}
#testimonialQuoteImageLeft{
top:0;
}
#testimonialQuoteImageRight{
bottom:30%;
} ::-webkit-scrollbar { 
display: none; 
}
body {
margin: 0;
}
.parallax-container {
height: 650px;
display: block;
}
.parallax-container div {
position: absolute;
background-position: center !important;
background-repeat:no-repeat;
background-size:cover;
transform: translateY(0px);
height: 850px;
width: 100%;
}
.homepageTitle{
position: absolute;
font-size: 50px;
top: 45%;
text-align: left;
line-height: normal;
}
@media screen and (max-width: 450px){ 
.homepageTitle{
font-size: 50px;
}
}
.homepageSubtitle
{
position: absolute;
top: 65%;
font-size: 25px;
text-align: left;
line-height: normal;
}
.titleResponsive
{
left:25%;
}
@media screen and (max-width: 750px){ 
.titleResponsive
{
left:20%;
}
}
@media screen and (max-width: 650px){ 
.titleResponsive
{
left:15%;
}
}
@media screen and (max-width: 550px){ 
.titleResponsive
{
left:10%;
}
}
@media screen and (max-width: 370px){ 
.titleResponsive
{
left:5%;
}
} .homeFeatureTitle
{
font-size: 21px;
color: #d81c2d;
text-align: center;
}
.homeFeaturesContainer
{
text-align: center;
}
.homeFeaturesContainer hr
{
width:100px;
border-color: #d81c2d;
} .workFieldContainer
{
text-align: center;
position: relative;
max-width: 350px;
margin: auto;
overflow:hidden;
height: 150px;
}
@media screen and (max-width: 450px){ 
.workFieldContainer
{
max-width: 300px;
}
}
@media screen and (max-width: 400px){ 
.workFieldContainer
{
max-width: 250px;
}
}
.workFieldContainer .workFieldText
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white !important;
text-align: center;
}
.workFieldContainer .workFieldTitle
{
text-transform: uppercase;
font-size:21px;
top: 45%;
}
.workFieldContainer .workFieldDescription
{
background-color: #dd3333;
opacity: 0;
transition: 0.3s;
width: 100%;
height: 100%;
margin: 0;
line-height: 25px;
padding:5px;
font-size:20px;
}
.workFieldContainer a
{
display:block;
color:white !important;
position: absolute;
top: 50%;
transform: translate(0, -50%);
padding: 0 10px;
}
@media screen and (max-width: 1150px){ 
.workFieldContainer .workFieldDescription
{
font-size:19px;
}
.workFieldContainer img {
max-width: unset !important;
}
}
@media screen and (max-width: 1080px){ 
.workFieldContainer .workFieldDescription
{
font-size:18px;
}
}
@media screen and (max-width: 1040px){ 
.workFieldContainer .workFieldDescription
{
font-size:17px;
}
}
@media screen and (max-width: 985px){ 
.workFieldContainer .workFieldDescription
{
font-size:16px;
line-height: 20px;
}
}
@media screen and (max-width: 900px){ 
.workFieldContainer .workFieldTitle
{
font-size:19px;
}
}
@media screen and (max-width: 850px){ 
.workFieldContainer .workFieldDescription
{
font-size:15px;
line-height: 19px;
}
}
@media screen and (max-width: 768px){ 
.workFieldContainer .workFieldDescription
{
font-size:20px;
line-height: 25px;
}
.workFieldContainer .workFieldTitle
{
font-size:21px;
}
}
@media screen and (max-width: 455px){ 
.workFieldContainer .workFieldDescription
{
font-size:15px;
line-height: 20px;
}
}
.workFieldContainer .workFieldDescription:hover
{
cursor: pointer;
opacity: 1;
}
.workFieldsContainer
{
background-color: white;
margin: auto;
display: inline-block;
padding: 25px 30px 5px 30px;
}
.workFieldContainer img
{
max-width: 100%;
}
@media screen and (max-width: 1040px) and (min-width: 771px){ 
.workFieldContainer img
{
max-height: 100%;
max-width: unset !important;
}
}
@media screen and (max-width: 770px){ 
.workFieldContainer img
{
max-width: 100%;
}
}