body{
  
  background-color: #A9A9A9 !important;
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(243%2c 243%2c 243%2c 1)'%3e%3c/rect%3e%3cpath d='M636.92 163.92L641.94 163.92L641.94 164.54L636.92 164.54z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M749.93 8.28 a45.05 45.05 0 1 0 90.1 0 a45.05 45.05 0 1 0 -90.1 0z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M766.16 322.03L813.94 322.03L813.94 351.12L766.16 351.12z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M1135.31 243.43L1159.64 243.43L1159.64 250.32L1135.31 250.32z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M360.39 72.62a30.88 30.88 0 1 0 35.91 50.25z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M337.26 441.13L361.98 441.13L361.98 443.8L337.26 443.8z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M434.27 46.06L479.64 46.06L479.64 91.43L434.27 91.43z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M969.49 33.35a8.93 8.93 0 1 0 15.32 9.18z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M1358.84 401.44 a54.25 54.25 0 1 0 108.5 0 a54.25 54.25 0 1 0 -108.5 0z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M641.36 99.42L661.87 99.42L661.87 137.14L641.36 137.14z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M493.61 541.75L528.15 541.75L528.15 576.29L493.61 576.29z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M482.92 498.86L536.91 498.86L536.91 551.08L482.92 551.08z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M883.02 279.59a2.12 2.12 0 1 0-2.64-3.32z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M730.8 181.86L732.93 181.86L732.93 183.99L730.8 183.99z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M90.42 247.13L115.29 247.13L115.29 281.31L90.42 281.31z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M1168.16 55.36a54.07 54.07 0 1 0-57.71 91.46z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1252.96 232.87L1304.11 232.87L1304.11 284.02L1252.96 284.02z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M235.63 162.46a40.43 40.43 0 1 0 80-11.74z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M288.08 256.08 a28.03 28.03 0 1 0 56.06 0 a28.03 28.03 0 1 0 -56.06 0z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M59.97 480.56a43.88 43.88 0 1 0 42.47-76.79z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M571.95 119.59 a8.08 8.08 0 1 0 16.16 0 a8.08 8.08 0 1 0 -16.16 0z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M1084.61 169.29a39 39 0 1 0-60.93 48.7z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M1210.73 78.78L1238.07 78.78L1238.07 110.78L1210.73 110.78z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M596.61 355.52L629.57 355.52L629.57 357.36L596.61 357.36z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1272.5 127.48 a34.84 34.84 0 1 0 69.68 0 a34.84 34.84 0 1 0 -69.68 0z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1198.32 509.37L1252.98 509.37L1252.98 564.03L1198.32 564.03z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M618.06 11.14a22.88 22.88 0 1 0-30.34 34.26z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M229.21 496.9a45.89 45.89 0 1 0-75.06-52.83z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M986.11 274.13L1013.95 274.13L1013.95 301.97L986.11 301.97z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M1204.78 244.99L1205.33 244.99L1205.33 260.94L1204.78 260.94z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M15.8 162.47L70.21 162.47L70.21 215.81L15.8 215.81z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M695.58 528.37a28.36 28.36 0 1 0 36.72-43.23z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M1258.45 384.79 a16.65 16.65 0 1 0 33.3 0 a16.65 16.65 0 1 0 -33.3 0z' stroke='%23e73635'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");*/


  
  }
  *{

     font-family: 'Montserrat', sans-serif !important;
     font-weight: italic;
    }
a:focus
{
  color: #fff !important;
  text-decoration: none !important;
}
.aside-menu a:focus
{
  color:#120934 !important;
  text-decoration: none !important;
}
.main-nav a:focus
{
  color: #ffffff !important;
  text-decoration: none !important;
}


#parallax {
  position: relative;
  width: 100%;
  height: 100vh;
  /*background-image: url(https://raw.githubusercontent.com/oscicen/oscicen.github.io/master/img/depth-3.png), url(https://raw.githubusercontent.com/oscicen/oscicen.github.io/master/img/depth-2.png), url(https://raw.githubusercontent.com/oscicen/oscicen.github.io/master/img/depth-1.png);*/
  background-image:url("../img/logo.png");
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: center;
  /*background-position: 50% 50%;*/
  z-index: 999;
  transition: 0.2s;

}
@media only screen and (max-width:1000px) {
	
#parallax {
  position: relative;
  width: 100%;
  height: 100vh;
  /*background-image: url(https://raw.githubusercontent.com/oscicen/oscicen.github.io/master/img/depth-3.png), url(https://raw.githubusercontent.com/oscicen/oscicen.github.io/master/img/depth-2.png), url(https://raw.githubusercontent.com/oscicen/oscicen.github.io/master/img/depth-1.png);*/
  background-image:url("../img/logo.png");
  background-size: 450px;
  background-repeat: no-repeat;
  background-position: center;
  /*background-position: 50% 50%;*/
  z-index: 999;
  transition: 0.2s;

}
.left-content {
    float: left;
    width: 35%;
    margin-left: 0px !important;
}
.menu .logo-img {
    width: 326px !important;
    position: relative;
    /* top: -60px; */
    margin-top: 50px;
}
.toggle {
    
    top: 15px !important;
    right: 10px !important;
    
}
.menu a {
   
    font-size: 4.5vw !important;
    color: #120934;
    padding:0px !important;
	padding-right:30px !important;
}
.right-content h3 {
    font-size: 4vw !important;
    
}
.about-first-word {
    font-size: 1.4em !important;
    
}
.about-line {
    width: 33% !important;
	top: 75px !important;
}
.about-img-container div:nth-child(1) {
    
    height: 310px !important;
  
}

}
h1{
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #120934;
  /*font-family: "Arial";*/
  text-transform: uppercase;
  opacity: .2;
  font-size: 70px;
  color:#120934;
  transition: 0.5s;
    font-family: 'Josefin Sans' !important;
}
div.fixed {
  position: fixed;
  width: 90%;
  /*bottom: 50px;*/
  
} 
.menu
{
  
    overflow: hidden !important; 
}
.main-content
{
  display: flex !important;
  height: 100vh;
  align-content: space-between;
}

.bottom-main
{
  /*margin-top: 350px;*/
}

.menu ul {
  width:80%;
  display: flex;
  justify-content: space-between;
}
.menu li
{
  list-style: none;
  /*margin-bottom: 60px;*/

  width: 200px;

}
.menu a{
  text-decoration: none;
  font-weight: 300;
  font-size: 2.5vw;
  color: #120934;
  padding: 30px;  

}
.menu a:hover{
  text-decoration: none;
  font-weight: 300;
  /*font-size: 3.3vw;*/
  color: #C9004E !important ;
  
  padding: 30px;
  
}
.menu .logo-img
{
  width: 400px;
  position: relative;
  /*top: -60px;*/
  margin-top: 50px;


}


.menu a:active{
  text-decoration: none;
  
  
}

.right-content
{
    /*float: right;*/
    font-size: 2vw;
     color:#120934;
    /*width: 35%;*/
   /* position: relative;
    bottom: 30px;*/

}

.right-content h3
{
  font-size: 2vw;
  color:#120934;
  padding-bottom: 30px;
}
.left-content
{
  float: left; 
  width: 35%;
  margin-left: 73px;
}
.left-content h4
{
    color:#120934;
    font-weight: 900;
    font-size: 2.5vw;
}
.left-content p
{
    color:#120934;
    font-size: 2vw;
}
header
{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.toggle
{
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
}
.toggle i
{
  padding: 10px;
  color:#120934;

} 
.logo_container img
{
  max-width: 100%;
  width: 100px;
}
#menu-icon
{
  cursor: pointer;
}

header a{
  height:20px ;
  width: 20px;
}

.magazine-content
{
  text-align: justify;
  width: 86%;
  font-size: 1.2em;
  position: absolute;
  top: 50px;
  transform: translate(0%,50%);
  text-align: justify-all;
}



/*Trantition*/

.about-img-container
{
  margin-top: 80px;
}
.about-img-container div:nth-child(1){
  position: relative;
  height: 500px;
  background-color: #C9004E;
  padding: 20px;
}
.about-img-container div:nth-child(2) img{
  position: relative;
  right:700px;
  margin-top: 50px;
  width: 100%;
  box-shadow: 0 0 20px #fff;
} 

/*Pre Loader Navigation*/
.preloader-navigation
{
      z-index: 1000;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      /*display: flex;
      justify-content: center;
      align-items: center;*/
      /*visibility: hidden;*/
      background-color: #120934;
     
      color: #fff !important;

}
.preloader-navigation h1{
  font-size: 5vw !important;
  visibility: hidden;
  text-align: center;
}
.preloader-navigation.active
{
  position: absolute;
  
  /*display: block;*/
  visibility: visible;
  transition: 0.70s;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
   overflow: hidden;
}

.preloader-navigation h1.active
{
  visibility:visible;
  animation-duration: 2s;
  position: absolute;
  left: unset ;
}

.company-box{
      transition: height 4s;
      position: relative;
      transition: 0.5s;
      max-width: 30% !important; 
    }


.project-heading
{
  padding:10px;
}
.project-heading .project-title
{
  position: unset !important; 
  transform: unset !important;
  opacity: 1 !important;
  font-size: 5em !important;
  color: #fff !important;
  margin-top: unset;
  text-align: center;
  padding-top: 60px;
}
.project-heading .project-content
{
  color: #fff !important;
  text-align: center;
  font-size: 1.2em;
}
 .project-description
{
  color: #f3f3f3 !important;
  font-size: 0.7em !important;
}


/*Privacy and Policy*/
  .privacy-policy-navigation
    {
      z-index: 1000;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height:auto;
      display: flex;
      justify-content: center;
      align-items: center;
      visibility: hidden;
      
    } 
    
    .privacy-policy-navigation.active
    {
      position: absolute;
      background-color: #120934;
      display: block;
      visibility: visible;
      height: auto;
      transition: 0.70s;

    }
    .privacy-policy-container
    {
      width: 90%;
      margin-right: auto !important;
      margin-left: auto !important;
      transform: translateY(500px);
      transition: transform 1s;
    }

    .privacy-policy-navigation.active .privacy-policy-container
    {
      transform: translateY(00px);
    }
    .privacy-policy-heading
    {
      top: 0;
      color: #fff !important;
      opacity: 1;
      /*left: 0;*/
      transform: unset !important;
      position: unset;
      /*left: 0;*/
      text-align: center;
      font-size: 5em;
      padding-top: 30px;
    }
    .privacy-policy-contnet
    {
      color: #fff;
      text-align: justify;
    }


/*Term & Conditions */
  .term-conditions-navigation
    {
     z-index: 1000;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height:auto;
      display: flex;
      justify-content: center;
      align-items: center;
      visibility: hidden;
      
    } 
    
    .term-conditions-navigation.active
    {
      position: absolute;
      background-color: #120934;
      display: block;
      visibility: visible;
      height: auto;
      transition: 0.70s;

    }

    .term-conditions-container
    {
      width: 90%;
      margin-right: auto !important;
      margin-left: auto !important;
      transform: translateY(500px);
      transition: transform 1s;
    }
    .term-conditions-navigation.active .term-conditions-container
    {
      transform: translateY(00px);
    }

    .term-conditions-heading
    {
      top: 0;
      color: #fff !important;
      opacity: 1;
      /*left: 0;*/
      transform: unset !important;
      position: unset;
      /*left: 0;*/
      text-align: center;
      font-size: 5em;
      padding-top: 30px;
    }
    .term-conditions-contnet
    {
      color: #fff;
    }

      .about-img-container .crad-container .card p
      {
        height:200px;
      }

    .company-logo-container
    {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
    .comany-logo{
      /*max-width: 200px;*/
      /*margin-left: 10px;*/
      margin-top: 20px;
      width: 98%;
    }

    .company-box img{
     /* width: 100%;
      max-height: 144px;*/
      width: 90%;
    }
    .company-box
    {
      /*border: 1px solid  #C9004E;*/
      /*background-color:  #C9004E;*/
      /*border: 0.5px solid #C9004E;*/
      height: 144px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 3px;
      margin-top: 3px;
      background-color: #151137;
     border-radius: 7px;
        
    }
    .mb-50{
        margin-bottom:50px;
    }
    .mb-60{
        margin-bottom:60;
    }
    .mb-70{
        margin-bottom:70px;
    }
    .mb-80{
        margin-bottom:80px;
    }
    .mb-90{
        margin-bottom:90px;
    }
    .mb-100{
        margin-bottom:100px;
    }

    .about-line
    {
      border: 1px solid #C9004E;
      width: 20%;
      text-align: right !important;
      position: absolute;
      top:130px;
      left:-40px;
      background-color: #C9004E;
    }
    .about-first-word
    {
      font-size: 2.5em;
      color:#f0f0f0;
    }