/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
header {
    z-index: 210;
    border-bottom: 1px solid #646464;
}

h2 img {
    width: 46px;
    position: relative;
    top: 7px;
}

.home-title {
    height: 89.8vh;
    display: flex;
    /* min-height: 660px; */
    justify-content: center;
    align-content: center;
    max-width: 1200px;
    /* align-items: center; */
    flex-wrap: wrap;
}

footer.field.dark {
    position: relative;
}

.title-right.title {
    float: left;
}

.title-left.title {
    float: right;
}

.title-left.title p {font-size: 45px;letter-spacing: 9px;}

.title-right.title p {top: 21px;font-size: 20px;line-height: 1px;letter-spacing: 5px;position: relative;}

.title {
    height: 59px;
    z-index: 5;
}



.home-quotes.col-md-12 {
    width: 84%;
    text-align: center;
    z-index: 12;
    align-items: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 59px;
}


.home-quotes.col-md-12 li:hover {
cursor:initial;
}


.home-quotes.col-md-12 ul
 {
    list-style: none;
    font-style: italic;
}

.home-quotes.col-md-12 li {
    color: #22a0b4;
    font-size: 16px;
    letter-spacing: 1px!important;
    max-width: 654px;
}

.home-title .col-md-6.column {
    padding: 0 4px 0 2px;
}

.home-title a {
    letter-spacing: 3px;
    border: solid 1px;
    padding: 10px;
    width: 160px;
    color: white;
    background-color: white;
}

.home-title a:hover {
    text-decoration: none;
    background-color: #27a6ad;
    color: #ffffff!important;
}

.links {
    float: left;
    margin: 10px;
    margin-right: 0px;
}

.col-md-12.column.home-links {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.col-md-12.column.home-top-logo  img {
    width: 123px;
    margin: 0px 0 11px 0px;
    opacity: 0.8;
}

.home-top-logo {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
}

.notActive {
    display: none!important;
}


.backgroundCircle {
    position: relative;
    /* background-size: contain; */
    left: -3%;
    top: 25px;
    float: left;
    z-index: 0;
    /* width: 390px; */
    /* height: 311px; */
    /* background-repeat: no-repeat; */
}

.backgroundPortrait {
    position: relative;
    float: right;
    left: 5%;
    bottom: 3vh;
    z-index: 0;
}


@media (max-width:1300px){

.backgroundCircle {
    /* width: 329px; */
    /* height: 237px; */
    /* bottom: 9vh; */
    top: 0px;
    width: 45%;
    min-width: 245px;
    /* top: 5px; */
}

.backgroundPortrait {
    width: 28%;
    min-width: 182px;
    right: 6%;
    /* height: 169px; */
    bottom: 5vh;
}

.backgroundPortrait.services-port{
    /* width: 33%; */
}

}


@media (max-width:993px){

.backgroundPortrait {
    right: 2%;
}



.about-main { padding-top: 7px!important;}

.title-right.title {
    float: none;
}

.title-left.title {
    float: none;
}

.home-title .col-md-6.column {
  margin-bottom: 0px!important;
}

.home-quotes.col-md-12 {
   margin-top: 12px;
   min-height: 47px;
}

.col-md-12.column.home-top-logo img {
    width: 91px;
    margin: 0px 0 -5px 0px;
}


.col-md-12.column.home-top-logo.logo-pages img {
    margin: 0px 0px 18px 0;
}

.title {
   text-align: center;
   height:45px;
}

.work-row {
    margin-top: 100px!important;
    } 

}

@media (max-width:800px){

.backgroundPortrait.services-port img {
    display: none;
}


.home-title a {
    padding: 6px;
    font-size: 11px;
    width: 133px;
}

.home-quotes.col-md-12 li {
    color: #22a0b4;
    font-size: 13px;
    letter-spacing: 1px!important;
}

.home-top-logo{/* margin-top: 32px; */}

}

.work-row {
    margin-top: 160px;
    /* min-height: 88vh; */
    display: flex;
    max-width: 1200px;
    /* justify-content: center; */
    align-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.services-row {
    height: 88.8vh;
    display: flex;
    min-height: 660px;
    justify-content: center;
    align-content: center;
    max-width: 1200px;
    /* align-items: center; */
    flex-wrap: wrap;
    z-index: 13;
}

.serv-titles {
    width: 50%;
}

.serviceContent {
    width: 50%;
    padding-right: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serv-titles li {
    text-align: right;
    padding-right: 23px;
    list-style: none;
}


.serv-titles  .active {
    color: #c714a9;
}
.serv-titles .active:hover {
    color: #c714a9;
}

.serv-titles .active:after {
    content:">";
    position: relative;
    left: 10px;
    font-weight: 600;
    font-size: 15px;
}

li:hover{
  cursor:pointer;
  color: #5c5c5c;
}

.servActive {
  display: block;
}



@media (max-width: 565px){

.backgroundPortrait {width: 49%;min-width: 120px;max-width: 200px;}
.home-bottom-images-wrap {/* width: 95%!important; */}
.backgroundCircle {min-width: 112px;max-width: 230px;width: 50%;left: 1%;}
}


.services-row .home-top-logo {margin-top: -50px;}

.backgroundCircleServ {
    position: absolute;
    background-size: contain;
    /* bottom: 0vh; */
    /* margin-left: 40%; */
    width: 300px;
    height: 210px;
    background-repeat: no-repeat;
}
.services-row h1, .review-wrapper h1, .work-row h1 {
    text-align: center;
    letter-spacing: 8px;
    position: relative;
    bottom: 70px;
    margin-bottom: -70px;
}

.col-md-12.column.home-top-logo img {
    opacity: 0.8;
}

.innerTitle {
    /* text-transform: uppercase; */
    font-weight: 700;
    margin-bottom: 3px;
    margin-top: 15px;
    /* text-align: center; */
    /* letter-spacing: 1px; */
    /* text-decoration: underline; */
    font-size: 14px;
    display:none;
}

.work-block {
    width: 100%;
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 6px;
    margin-top: 16px;
    padding: 15px;
    /* border: solid 1px #d7d7d7; */
    margin-right: 10px;
}

.work-block p {
    font-size: 0.8em;
    color: #474747;
    /* display: none; */
}

.work-block  h2 {
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}


.work-block img {
    padding: 4px;
    margin-right: 10px;
    margin: auto;
    /* float: left; */
    margin-top: 15px;
}

.work-wrapper, .service-wrapper, .review-wrapper {
    display: flex;
    justify-content: center;
    z-index: 23;
}

.review-wrapper {
    height: 82vh;
    margin-top: 3.6%;
    min-height: 700px;
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.owl-item p {
    font-size: 0.9em;
    color: #b4b4b4;
}

.review-title  h1 {
    letter-spacing: 11px;
    text-align: center;
    margin-bottom: 29px;
}

.review-title {
    width: 100%;
}

.owl-item {
    padding: 0 30px 0 30px;
}

.circle-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
}

.lucent-quote {
    margin-top: 20px;
    color: #dfdfdf;
    float: right;
}

.footer-wrapper {
    max-width: 880px;
    width: 95%;
    padding: 0px 19px 0 19px;
}

.lucent-contact {
    width: 200px;
    float: left;
    font-size: 0.8rem;
    margin-top: 20px;
}

.about-intro p {
    font-size: 1.3em;
    color: #7bbabf;
    letter-spacing: 2px;
}

.about-main img {
    float: left;
    padding: 20px;
    width: 21%;
    min-width: 180px;
}

.about-main p {
    color: black;
}

.about-main {
    padding: 30px 30px 0px 30px;
    margin-top: 10px;
}

.about-intro {padding: 0px  30px 0px 30px;}

.about-vision {
    padding: 30px;
}

.about-vision p {
    color: black;
}


.backgroundPortrait img {
    width: 80%;
    max-width: 380px;
}

.home-bottom-images-wrap {
    /* max-width: 1250px; */
    margin: 0 auto;
    width: 80%;
    margin: 0px 10% 0 10%;
    position: absolute;
    bottom: -1vh;
    /* overflow: hidden; */
}

.home-bottom-wrap {width: 100%;margin: 0 auto;}

.backgroundCircle img {
    width: 100%;
}


@media (max-width: 500px){
.lucent-contact {
    width: 90%;
    float: none;
}
.lucent-quote {width: 90%;float: none;}
}

@media (max-width: 780px){
.col-md-12.column.home-top-logo img { padding: 0px;}
.col-md-12 {padding: 0px;}
} 

@media (max-width: 465px){

.title{}
.home-quotes{
    padding-right: 25px;
   
}
.home-quotes li{
  font-size: 0.5em!important;
}


.links {width: 100%;padding-right: 15px;}
.home-title a {width: 78%;font-size: 1.2em;}
.col-md-12.column.home-links {  display:block;}
  
.light.home-title {/* min-height: 96vh; */}
.home-bottom-wrap {
    visibility: hidden;
}


}

.row.bottomNav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 0.75rem;
    padding-bottom: 28px;
    min-height: 110px;
}


#toggle {
   top: 19px;
}

.brand {
    /* top: 6px; */
    max-width: 0px;
    left: 4%;
    float: left;
}

.home-title-wrapper {
    /* display: flex; */
}


.home-links {
    z-index: 10;
}
@media (max-height: 550px){
.home-bottom-images-wrap { display: none;}
.home-title {min-height:660px;}
} 



@media (max-width: 992px){
header{height: 40px;}
.brand img {
    width: 32px;
    margin-top: 4px;
}
} 

.title-page {
    width: 100%;
}



@media (max-width: 993px){
.about-intro p {
    font-size: 1.0em;
    letter-spacing: 1px;
}

.serviceContent {  font-size:14px; }

.serv-titles li { font-size:14px;}

}


@media (max-width: 800px){

.innerTitle {font-size: 16px;display: block;/* letter-spacing: 1px; */}

.notActive {
    display: block!important;
    margin-top: 14px;
    padding-right: 6%;
    }

.servActive {margin-top: 14px;padding-right: 4%;}

.serv-titles{
    display: none;
}

.serviceContent {
    flex-wrap:wrap;
    width: 93%;
    padding: initial;
}
.services-row {position:relative;height:initial;top: 149px;margin-bottom: 200px;} 

.service-wrapper{top: 100px;}

.review-wrapper {
    position: relative;
    height: initial;
    top: 80px;
    margin-bottom: 200px;
}

.contact-wrapper {

min-height:300px!important;

}

}


@media (max-width: 500px){

.owl-item p {font-size: 0.8em;}
.owl-item {padding: 0 20px 0 10px;}

}


@media (max-width:550px){

.about-main img {
    float: none;
    width: 50%;
    min-width: 200px;
}

  .about-main{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap-reverse;
}

.about-intro p {
    font-size: 0.9em;
    letter-spacing: normal;
}

}


@media (max-width:700px){
.work-block {
    width: 96%;
    padding-left: 4%;
    padding-right: 4%;
}
}

@media (max-width:1450px){
.home-quotes.col-md-12 li {   
    font-size: 14px;    
    max-width: 554px;
}
}


.owl-item.active p {
    color: black;
}



.contact-text {
    width: 80%;
    max-width: 800px;
    color: black;
}

.contact-text p { 
    color: black;
}

.owl-item.active {
 -webkit-filter: blur(0px);
 -moz-filter: blur(0px);
 -o-filter: blur(0px);
 -ms-filter: blur(0px);
 filter: blur(0px);
 opacity: 1;
}

.owl-item {
 -webkit-filter: blur(2px);
 -moz-filter: blur(2px);
 -o-filter: blur(2px);
 -ms-filter: blur(2px);
 filter: blur(2px);
 opacity: 0.3;
}


.backgroundPortrait.services-port img {
    width: 68%;
}

.owl-item.active p strong {
    font-size: 0.85em;
    font-weight: 600;
    font-style: normal;
}


@media (max-height: 850px){
.backgroundPortrait.services-port img {
    width: 60%;
}
} 

@media (max-height: 750px){
.backgroundPortrait.services-port img {
    width: 50%;
}
} 
@media (max-height: 700px){
.backgroundPortrait.services-port img {
   width: 40%;  
}
.backgroundPortrait.services-port {
    bottom:0vh;
}
} 

@media (max-height: 660px){
.backgroundPortrait.services-port {
    display:none;
}
}