/* Generated by less 2.5.1 */
@import url('https://fonts.googleapis.com/css?family=Roboto:500,900,100,300,700,400');
/* Mixin */
/* Implementation */
#somediv {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
/* Border Radius Custom Mixin */
/* Implementation */
#somediv {
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
}
/* Box Shadow Mixin */
/* Implementation */
#box-shadowImp {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
}
/* Implementation */
#box-shadow-customImp {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
/* Transition Mixin */
/* transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay]; */
/* Implementation */
#transition {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#somediv:hover {
  opacity: 0;
}
/* Transform Mixin */
/* Implementation */
#someDiv {
  -webkit-transform: rotate(5deg) scale(0.5) skew(1deg) translate(0px);
  -moz-transform: rotate(5deg) scale(0.5) skew(1deg) translate(0px);
  -o-transform: rotate(5deg) scale(0.5) skew(1deg) translate(0px);
  -ms-transform: rotate(5deg) scale(0.5) skew(1deg) translate(0px);
  transform: rotate(5deg) scale(0.5) skew(1deg) translate(0px);
}
/* Linear Gradient Mixin */
/* Implementation */
#someDiv {
  background-color: #4d90fe;
  background-image: -webkit-linear-gradient(left, #4d90fe, #333333);
  background-image: -moz-linear-gradient(left, #4d90fe, #333333);
  background-image: -o-linear-gradient(left, #4d90fe, #333333);
  background-image: -ms-linear-gradient(left, #4d90fe, #333333);
  background-image: linear-gradient(left, #4d90fe, #333333);
}
/* Quick Gradient Mixin */
/* Implementation */
#somediv {
  background-color: BADA55;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
/* Webkit Reflection Mixin */
/* Implementation */
#somediv {
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), to(rgba(255, 255, 255, 0.2)));
}
/* Complementary Color Scheme Mixin */
/* Implementation */
.one {
  color: #0247fe;
}
.two {
  color: #feb902;
}
.three {
  color: #e6a701;
}
.four {
  color: #4e7efe;
}
.five {
  color: #9ab6ff;
}
/* Subtle Color Scheme Mixin */
/* Implementation */
.subtle-one {
  color: #0247fe;
}
.subtle-two {
  color: #355bfe;
}
.subtle-three {
  color: #6878fe;
}
.subtle-four {
  color: #0149cc;
}
.subtle-five {
  color: #014499;
}
/* Color */
section,
section .relative,
main.relative,
main.relative .relative,
main.relative .social-list li,
main.relative .relative {
  position: relative;
}
section .bg-color {
  background-image: url(../images/varunagroupbackgroundimage.jpg);
  background-position: inherit;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 999;
  background-color: rgba(23, 25, 27, 0.6);
}
section .relative,
main.relative .relative {
  z-index: 999;
}
section .relative .swing:hover {
  animation: swing ease-in-out 1s infinite alternate;
  transform-origin: center -20px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  section .relative .imgs img {
    width: 100% !important;
  }
}
section .relative img {
  filter: contrast(110%) brightness(100%) drop-shadow(8px 8px 10px #373239);
}
section .relative p {
  font-family: "roboto", "Open Sans", sans-serif;
}
@keyframes swing {
  0% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
main.relative .bg {
  background-image: url(../images/varunagroupmap.jpg);
  background-position: right top;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
main.relative .overlay-1 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 999;
  background-color: rgba(23, 25, 27, 0.8);
}
main.relative .social-list li {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 50%;
}
main.relative .social-list li:hover {
  border: 1px solid #007bff;
  background-color: #007bff !important;
  transition: background-color 0.15s ease-in-out;
}
main.relative .social-list li:hover a {
  color: #fff!important;
  transition: color 0.15s ease-in-out;
}