.p-navigation__logo{
      background-color: transparent;
      width: auto;
      height: 43px;
      height: 50px;
      padding-left: 20px;
      height: 42px;
      padding-top: 4px;
      padding-left: 0;
      padding-bottom: 4px;
  }
  
  .subpage .p-navigation{
      *z-index: -1 !important;
  }
  
  
  .p-video video
        {
  opacity: 0;
  transform: translate3d(0px, 1000px, 0px);
        }
  .p-video.first video{
  opacity: 1;
  *transform: translate3d(0px, 0px, 0px);
    
  }
  
  
  .contaciner{
        padding: 1vw 1vw 0vw 15vw;
        line-height: initial;
        font-weight: 300;
        /* max-width: 1100px;
        width: 100%; */
        text-align: left;
        }
        .contaciner .bigtit{
        font-size: 40px;
         
        }
        .contaciner .mediumtit{
        font-size: 30px;
        
        }
        .contaciner .prag{
        font-size: 18px; 
        }
        .contaciner listofworks{
        
        }
        .contaciner listofworks li{
        }
        .row{
          width: 100%;
        }
        .col-md-4 {
        width: 33.33%;
        float:left;
        }
        .t-section--about{
        overflow-y: auto;
        }
        .contaciner .bigtit{
          position: relative;
        }
        .contaciner .bigtit::before{
        content: "ABOUT";
        position: absolute;
        background: transparent;
        top: calc(30% - 31px);
        left: -16.9vw;
        border-bottom: 1px solid red;
        font-size: 31px;
        padding: 1em 3.6em 0em 0em;
        color: red;
        
        }
        
  
        
  
  .contacinercon{
        padding: 1vw 1vw 0vw 15vw;
       
        line-height: initial;
        font-weight: 300;
       
        text-align: left;
        }
        .contacinercon .bigtit{
        font-size: 40px;
         
        }
        .contacinercon .mediumtit{
        font-size: 30px;
        
        }
        .contacinercon .prag{
        font-size: 18px; 
        }
        .contacinercon listofworks{
        
        }
        .contacinercon listofworks li{
        }
        .row{
          width: 100%;
        }
        .col-md-5 {
        width: calc(40% - 30px );
        float:left;
        padding-left: 30px;
        
        }
        .paddingl{
            padding-left: 30px;
        }
        .col-md-2 {
        width: 20%;
        float:left;
        }
        .t-section--about{
        overflow-y: auto;
        padding: 0;
        margin: 0;
        height: 100px;
        height: 60px;
        clear: both;
        max-width: 100%;
        overflow-x: hidden;
        background: black;
        }
        .contacinercon .bigtit{
          position: relative;
        }
        .contacinercon .bigtit::before{
        content: "CONTACT";
        position: absolute;
        background: transparent;
        top: calc(30% - 31px);
        left: -16.9vw;
        border-bottom: 1px solid red;
        font-size: 31px;
        padding: 1em 1.2em 0em 0em;
        color: red;
        
        }
        
        .listofworks a{
              font-family: inherit;
              text-transform: capitalize;
        }
        .t-about__backgroundContainer{
              opacity: 0.4;
  
        }
        
        .listofworks li:first-child{
              color: red;
              text-transform: uppercase;
              font-size: 22px;
        }
        .t-home__counter{
              pointer-events: none
        }
  
        .abouthead
        {
            margin-top: 60px;
            font-size: 35px;
        }
  
        
  .scrollpageflow{
        overflow: auto;
      }
      .myapps {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      overflow-x: hidden;

      }
      .relative{
        position: relative
      }
      .myheader{
      position: relative;
      top: 0;
      background: gray;
      height: 45vh;
      width: 100%;
      display: none;
  
      }
      .center{
        text-align: center;
      }
      .padd30{
        padding: 30px 0;
      }
      .headerpage{
      color: grey;
      font-size: 40px;
      padding: 3em 0 1.2em 0;
      }
      .headerintroq{
      color: white;
      font-size: 2em;
      max-width: 1000px;
      margin: auto;
      line-height: 50px;
      }
      .col2>div{
        width: calc(47% - 1em);
        float:left;
        font-size: 20px;
        line-height: initial;
        padding: 1em;
      }
      .smallpara
      {
            color: white;
            font-size: 24px;
            line-height: initial;
            max-width: 1000px;
            padding-bottom: 50px;
      }
      .font18px
      {
            font-size: 18px;
            line-height: initial;
      }
      .Socialicon img:hover{
            *filter: grayscale(0)
      }
      .Socialicon img{
            
height: 35px;
            
width: auto;
            
*filter: grayscale(1);
            
transition: all 500ms linear;
      }

      .projectmenu .t-project__headings img {
            width: auto;
            height: 40px;
          }
        
          .projectmenu .blinks li a {
            color: black
          }
        
          .single-project .copywrite {
            position: relative;
            padding: 19px 100px;
            width: calc(100% - 200px);
            text-transform: uppercase;
            font-size: 14px;
            line-height: initial;
            height: 23px;
            background: black;
            color: white;
          }
          .page .copywrite {
            position: relative;
            padding: 19px 100px;
            width: calc(100% - 200px);
            font-size: 14px;
          }
          .copywrite p
          {
                width:33.3%;
                float: left;
          }
          .copywrite p:first-child {

text-align: left;

color: gray;

text-transform: uppercase;

line-height: 28px;
}
          .copywrite p:nth-child(2) {
            text-align: center;
            line-height: 28px;
          }
        
          .copywrite p:last-child {

text-align: right;

color: grey;

text-transform: uppercase;

line-height: 28px;
}
       

      .brandreamz{
            color: #ffffff;
            font: inherit;
            font-weight: 900;
      }
      .brandreamz:hover{
            color: gray
      }
      
      .t-project__item--contained{
            background: white;
      }

     

     .page .p-videos.home-videos>div:not(.first)::after{
            position: absolute;
            top: 0;
            content: '';
            width: 100%;
            height: 100%;
            background: rgba(1,1,1,0.01);
      }
  
       

      .t-project__header{
            background-color: #e30613;
      }
      .projectmenu .blinks li a{
            color: white
      }
      nav + .t-project__close{
            display: none
      }
      .t-project__item--contained{
            padding-top: 0;
            margin-top: 0;
            padding-bottom: 0;
            margin-bottom: 0;
      }
      .t-project__item {
            margin: 20px 0;
        }
        .t-project__footer{
              display: none
        }
        .case-arrow-prev img, .case-arrow-next img
        {
            height: 20px;
        }
        .case-arrow-prev img {
            transform: rotate(180deg);
        }
        .footersocial a{

        }
        .footersocial{

        }
        .footersocial a img{
              height: 25px;margin: 0 10px;
              filter: grayscale(1);
        }
        .footersocial a:hover img
{
      filter: grayscale(0);
}
        .row.abtt {

        }
        .row.abtt .col-md-6 {
            
width: 50%;
            
float: left;
            
text-align: left;
            
color: grey;
      }
      .row.abtt .col-md-6 img{
            
width: 90%;
      }
      .row.abtt .col-md-6 .pp1{
            
font-size: 15px;
            
line-height: initial;
            
padding-top: 15px;
            
padding-bottom: 15px;
            
text-align: justify;
      }
      .row.abtt .col-md-6 .pp2{

font-size: 20px;

line-height: initial;

padding-top: 0;

padding-bottom: 15px;

text-align: justify;
}
      
      .row.abtt .col-md-6 span.abttl{
    font-size: 28px;
}
.clear{
      clear: both;
}

.row.serv{

}

.row.serv .col-md-4{

text-align: left;

padding: 15px;

width: calc(33.3% - 30px);
}

.row.serv .col-md-4 img{
      
height: 80px;
height: 60px;
}

.row.serv .col-md-4 h2{
      
font-size: 22px;
      
color: gray;
}

.row.serv .col-md-4 p{
      margin-bottom: 40px;
      margin-bottom: 20px;
      font-size: 18px;
      line-height: initial;
      color: darkgray;
}

.row.abtt .col-md-6:nth-child(2) img{
      width: auto;
}
.listofworks li:first-child{
      color: gray;
}
form input, form textarea
{
      width: 330px;
      padding: 3%;
      margin: 3px 8%;
      color: #242424;
      border: 1px solid #B7B7B7;
}
form .btn-send {
      background: #A383C9;
      width: 140px;
      height: 40px;
      color: #FFFFFF;
      font-weight: 700;
      margin: 2% 8%;
      border: none;
      margin: 2% 52%;
  }
  
  .body,.myapps{
      background: #4e4e4e;
  }
  .testtt {
  background-color: yellow;
  } 
  .menuchange>nav{
    background: #e60000;
    transition: 500ms all;
  }
  .p-loader__backgroundContainer{
        z-index: 11;
      position: absolute;
      top: 52%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      width: 250px;
      height: 250px;
      overflow: hidden;
      background: #e60000;
      border-radius: 50%;
  }
  .p-loader__progress, .p-loader__text{
  color: white;
  opacity: 1 !important;
  }

  

  
  .page-id-5 .myapps{
    background: #f3f3f3;
}

.height5em{
      height: 60px;
}
.height2em{
      height: 40px;

}
.brandreamz:hover{
      color: #e60000;
}
#myP .p-navigation,form .btn-send{
      background: #e60000;
      z-index: 1;
}

#myP .p-loader + .p-navigation{
      background: transparent;
}
.abouthead::after{
      background: #e60000;
      content: '';
      position: absolute;
      width: 100px;
      height: 2px;
      bottom: 30px;
      left: calc(50% - 50px);
}
.p-navigation{
      height: 75px;
      width: calc(100% - 200px);
      padding: 0 100px;
}
.contactpp .myheader{
      display: block;
      
}
.contactpp .abouthead{
      margin-top: 0;
}
.p-navigation__link a:hover,.projectmenu .blinks li a:hover{
      color: black;
      
}

.homepp .p-navigation__link a:hover{
      color: #e60000;
      font-weight: 700;
}
.contactpp .row.abtt .col-md-6 span.abttl{
      font-size: 19px;
      line-height: 0;
}

.contactpp .row.abtt .col-md-6 .pp1{
      padding: 0;
      color: #2b2b2b;
      margin-bottom: 11px;
      margin-bottom: 6px;
}
.contactpp .row.abtt .col-md-6 p a {
      font-family: inherit;
      text-transform: none;
      color: initial;
      text-align: left;
      text-decoration: none;
  }

  .single-project .p-navigation{
      height: 100px;
  }
  .single-project .p-videos.home-videos>div:not(.first)::after {
      position: absolute;
      top: 0;
      content: '';
      width: 100%;
      height: 100%;
      background: rgba(1,1,1,0.2);
  }
  .t-project__panel{
      width: calc(490px - 200px);
  }
  .t-project__excerpt{
      max-width: 70%;
      line-height: 38px;
      color: rgba(0,0,0,.6);
      font-size: 18px;
  }
  .t-project__contentBanner{
        display: none
  }
  .t-project__item{
        margin: 0
  }
  .single-project .t-project__item img{
      margin-bottom: 120px;
  }
  .single-project .t-project__item--fullwidth {
      height: 500px;
      margin-bottom: 120px;
  }
  .t-project__item--fullwidth.no-margin-bottom{
      margin-bottom: 0
  }
  .single-project   .t-project__item--fullwidth.t-project__item img {
      margin-bottom: 0 

  }
  .center{
        text-align: center
  }
  .p-loader__text.center{
        line-height: 25px;
  }
  .pagecons{
        text-align: center;
  }
  .row.abtt.contt
  {
      padding-top: 30px;
  }
  .p-navigation__logoWrapper{
        margin-top: 2px;
  }
  .abttl +hr {
      width: 129px;
      margin-left: 0;
      background: #e60000;
      height: 2px;
      border: 0;
  }
  .mfabt .row.abtt .col-md-6 .pp1,.mfabt .row.abtt .col-md-6 .pp2{
      font-size: 18px;
  }
  p a:hover{
      color: #e60000 !important;
  }
  .t-project__header__arrows  .p-navigation__link{
      margin: 0 0px 0 20px;
  }
  form.cform input, form.cform textarea
  {
      height: 10px;
      font-size: 16px;
  }
  form.cform textarea
  {
      height: 50px;
  }
  form.cform button
  {
      padding: 0;
      line-height: initial;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 300;
  }
  #form-messages
  {
      font-size: 14px;
      line-height: initial;
      padding: 10px 0 0 40px;
      color: #e60000;
  }
  .servicepp .abouthead {
      margin-top: 20px;
  }