body {     color: #232323; }



.footer {
  background: #232323;
}



.hideDesktop{ display: none}
.logoMenu a img{     height: 35px;}

.gaLight{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url(../images/ga.svg); background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important}

.logoSlide {
    max-width: 400px;
    padding: 35px;
    width: 100%;
  

  
}



header h2 { font-size: 60px}

.title {
    font-family: "Red Hat Display", sans-serif;
    text-transform: uppercase;
    font-weight: 900 !important;

}


.navbar .right {
    width: 70%;
    margin-right: 0;
    display: flex;
}

.particles-wrap{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important}
.particles-wrap::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;

background: rgba(28,27,47,0.75)

}

.navbar a{font-family: "Red Hat Display", sans-serif; text-transform: uppercase; font-weight: 900}


.page-loaded .navbar{

  
  }

.gifpic{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2}

.centeredBTN{ max-width: 170px; margin: auto; }

.button-w{}
.button-w a {color: rgba(255,255,255,1.00)}

.button-w a  .lines span:nth-child(1) {
    background: #fff ;
}

.custom-link .lines span:nth-child(2) {
    background: #f37820;
}

#navbar_top{ position: fixed; top: 0; transition: 0.7s ease; -webkit-transition: 0.7s ease;}
.fixed-top{  background: #1f2239}
.navbar .left a, .navbar .left a:hover {
    padding-bottom: 0; 
    border-bottom: none; 
    text-decoration: none; 
}

.work-with-us {
    background: #5dcae8;
}

.works h2:before {
    font-size: 13vw;
}

.works .project-box figure {
    overflow: visible;
}

.backdinam{
  opacity: 0;
  position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; 
 transition: 0.7s ease; -webkit-transition: 0.7s ease;

}


.works{ position: relative}

header.page-header {
    max-height: 600px;
    min-height: 200px;
}

.page-header .container {
    padding: 0 30px;
}


.page-header .container p {
    color: #f37820;
}

.page-header .container h1 {
    font-size: 60px;
}

.hello h2:before {
    font-size: 10vw;
}

.infoCon i{ font-size: 3em; margin-bottom: 15px}
.hello h2 {
    padding-right: 0;
    text-align: center;
  padding: 25px
}



.video-bg{ background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; }
.clients ul li img {
    background: none; 
    border: none; 
    padding: 0; 
}

.clients ul {
    margin-top: 0;
    padding: 0;
}

.works h2:before {
    font-size: 8vw;
}


.cta{ color: rgba(255,255,255,1.00)}



.text-y1{ color: #f37820}
.text-b1{ color: #1f2239}
.text-b2{ color: #5dcae8}


.works .project-box.projectbox1:hover *{ color: #1f2239}
.works .project-box.projectbox2:hover *{ color: rgba(255,255,255,1.00)}
.works .project-box.projectbox3:hover *{ color: rgba(255,255,255,1.00)}
.works .project-box.projectbox4:hover *{ color: rgba(255,255,255,1.00)}

.works .project-box.projectbox1:hover .title span{ color: #4697cc}
.works .project-box.projectbox2:hover .title span{ color: #5dcae8}
.works .project-box.projectbox3:hover .title span{ color: #fecd82}
.works .project-box.projectbox4:hover .title span{ color: #5dcae8}






.clients ul li small{ font-size: 12px; font-weight: 800; line-height: normal; top: 65%}


.contactDoodle {
    position: absolute;
    right: -100px;
    top: -25%;
    width: 650px;
    z-index: -1;
}


.subMenu{ position: relative}

.subMenu ul {
    position: absolute;
    width: 310px;
    padding: 15px !important;
    line-height: 30px;
    left: -130%;
    text-align: center;
    margin-left: 0 !important;
  display: none
}

.fixed-top .subMenu ul{     background: #1f2239;}

.subMenu ul li{ margin-left: 0 !important}

.subMenu:hover ul { display: block}




.captiontext {
    text-align: center;
    padding: 15px;
    width: 100%;
    display: block;
    border-bottom: 2px solid rgb(243 243 243);
    padding-bottom: 53px;
}

.captiontext b {
    font-style: italic;
    padding: 0px 10px;
    font-size: .65em;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    color: #848484;
    display: inline-block;
    margin-bottom: 5px;
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px){
.hideDesktop{ display: block}
.contactDoodle {
    position: relative;
    right: 0;
    top: 30px;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}
}