@import url('https://fonts.googleapis.com/css?family=Arvo|Ubuntu|Nunito|Noto+Sans|Lato|Open+Sans|Oswald|Raleway|Roboto');

*{
  -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none; /* Firefox all */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */

  max-width: 100%;
    overflow-x: hidden;
}

.bodyaboutSection
{
  position: relative;
  font-family: "Helvetica";
  -webkit-font-smoothing: antialiased;


  /*background-color: black;
  background: url(/images/12.mp4) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
p
{
  font-family: "Helvetica";
  font-size:100;
  -webkit-font-smoothing: antialiased;
}

.body-section
{
  padding: 100px 0px 100px 0px;
}


.grecaptcha-badge {
    visibility: hidden;
}


.ourSolutions
{
  margin: 100px 0px;
}


.ourSolutionImage
{
  display:flex; /*was flex */
  align-items: center;
  justify-content: center;
}





.ourSolutionImageHolder
{
  /* display:grid; */
  position: relative;
  background-color: #1c1b41;
  margin: 0px;
  padding: 0px;

  
  border-radius: 100%;
  box-shadow: 9px 5px 11px 0px rgb(0 0 0 / 30%), 7px 6px 20px 2px rgba(0, 0, 0, 0.288);
}







.ourSolutionImageHolder > button
{
  flex: 1 1 auto;
  display:inline;
  position: absolute;
  /* color: #ff9e01; */
  /* background-color:#ff9e01; */
  font-weight: 500;
  
  /*font-weight: 500;
  font-family:'Oswald', sans-serif;
  font-size: 22px; */
  /* width: auto;
  margin: 2px;
  border-radius:2px; */
  /* padding: 3px 10px; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;

  
}


.SolutionImage
{
  display:flex;
  position: relative;
  height: 280px;
  width: 280px;
  /* border: 0.5px solid #ffffff73; */
  opacity: 0.7;
  /* border: 2px solid #ffffff; */
  
  border-radius: 100%;
  
  /* left: 50%;
  transform: translateX(-50%); */
}

.h-gradient {
  background: linear-gradient(to left, var(--main_color) 0%, var(--main_color_2) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.svg_shape{
  display:block;
  position:absolute;
  z-index:1;
  height:120px;
  bottom:20px;
  left:0;
  right:0;
  /* background:url(./images/Splash/bg3.png) center center no-repeat; */
  background-size:cover}

/* .ourSolutionImageHolder:hover > .SolutionImage
{
  opacity: 0 ;
  height: 210px;
  width: 290px;
  border: 0px solid #4d4d4d;
  border-radius: 2px;
  transition: opacity 0.6s ease-in-out;

 
	-webkit-animation: flash 0.6s;
  animation: flash 0.6s;
  cursor: -webkit-grabbing; cursor:pointer;
} */


.ourSolutionImageHolder > button:hover
{
  /* color:#ff9e01; */
/*   
height: ; */
  
	-webkit-animation: flash 1.2s;
  animation: flash 1.2s;

  cursor: -webkit-grabbing; cursor:pointer;
}

/* .SolutionImage img:hover
{
  border: 8px solid #1c1b41;
  opacity: 1;
  border-radius: 100%;
  height: 300px;
  width: 300px;
} */


.ourSolutionImage-viewMore
{
  /* display:block; */
  /* position: relative; */
  /* right: 44%;
  transform: translateX(50%); */
  /* background-color: white; */

}


.ourSolutionImage-viewMore > p
{
  /* display:block;
  position: relative;
  color: white;
  background-color: #A70038;
  margin: 0;
  padding: 0; */
}


.ourSolutionsButton
{
  display:block;
  position: relative;
  margin: 10px 0px;
  padding: 10px 20px;
  border-radius: 2px;
  font-weight: 400;
  color: white;
  background-color: #ff9501;
  cursor: -webkit-grabbing; cursor:pointer;
}






.bg-black
{
  background-color: black;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -3;
}

.FullBackImage
{
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -3;
}


.section1
{
  position: relative;
  z-index: 0;
}

.textHeading
{
  font-family: 'Oswald', sans-serif ;
  font-weight:500;
  font-size: 40px;
}

.bg-blue
{
  background-color: rgb(17, 112, 221);
}



.rowHold
{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;

}

.colset
{
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  align-items: stretch;

}

.boxSetting
{
  border-style: solid;
  border-color: rgb(248, 248, 248);
  border-radius: 0px;
  border-width: 0;
  padding: 15px;
  height:inherit;
  content: center;
}

.boxSetting > h4,
.boxSetting > p
{
  position: relative;
  text-align: center;
}

.boxSetting > p
{
  color:white;
}

.setBlack > p
{
  color: rgb(0, 0, 0);
  position: relative;
  text-align: center;
}



#box1
{
  background-color: rgb(10, 73, 145);
  border-top-left-radius: 50px;
}
#box1>h4
{
  color: white;
}
#box2{background-color: rgb(177, 176, 176);}
#box3{background-color: rgb(114, 114, 114);}
#box4
{
  background-color: rgb(70, 69, 69);
  border-bottom-right-radius: 50px;
}




/* #showReelPlayback
{


  padding: 2px;
  height: 335px;
  width: 450px;
  object-fit:contain;
  margin-top: 30px;
  margin-bottom: 25px;
  border-radius: 1%;

  background-color: rgba(0, 0, 0, 0.774);
} */

.ShowReelSection
{

  position: relative;
  padding: 80px 0px 30px 0px;
}

.showReel{
  position: relative;
  top: 0px;
  padding: 0px;
  margin-top: 0px;
  position: relative;
  /* min-height: 240px !important; */

}





.showReel > hr, .boxLine > hr, .aboutText > h2 > hr, .hrStyle
{
  height: 2px;
  color:   #fed800;
  border-color:  #fed800;
  background-color:  #fed800;
  border: none;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
}

.hrStyle
{
  background-color:  #ff9e01;
  height: 2px;
  border-radius: 10%;
  left: 50%;
  transform: translateX(-50%);
}






/*main page service sesseion*/

.ourSer
{
  background-color: rgb(255, 255, 255);
}

.ourSerList {
    padding-top: 6rem;
}

#padMe
{
  padding: 15px;
}

.card-title
{
    color: rgb(255, 255, 255);
    font-family: "Ubuntu";
}

.blue{
  color:rgb(10, 73, 145);
  font-family: "Ubuntu";
}

.card-text
{
  position: relative;

  font-weight: 300px;
  font-size: 17px;
  line-height: 30px;
  font-family: "Nunito";
  -webkit-font-smoothing: antialiased;
  -webkit-transition-duration: 0.9s; /* Safari */
  transition-duration: 0.9s;
}



/*Mainpage footer content*/
.ourContent
{
  color: white;
  text-decoration-color: white;
  background-color: rgba(17, 17, 17, 0.952);
}

.footContact > p,
.footSerLinks > a,
.footAbt
{
  font-size: 14px;
  font-weight: 100;
  line-height: 28px;
  color: rgb(182, 182, 182);
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.footSerLinks > a:hover
{
  position: relative;
  color:#ea8410;
  font-size: 18px;
  left: 7px;
}




.downBelow
{
    position: relative;
    bottom: -47px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.815);
    text-align: center;
}

.bootFoot > a
{
  position: relative;
  color: white;
  bottom: -10px;

  font-weight: normal;
  font-weight: 200px;
  font-size: 12px;
}

.copyRight
{
  position: relative;
  color: white;


  font-weight: normal;
  font-weight: 200px;
  font-size: 12px;

  font-style: italic;
}

hr
{
    height: 1px;
    color:   rgba(104, 104, 104, 0.466);
    border-color:  rgba(104, 104, 104, 0.466);
    background-color: rgba(104, 104, 104, 0.466);
    border: none;
}

.hrWhite > hr
{
  height: 1px;
  color:   rgb(255, 255, 255);
  border-color:  rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  border: none;
}

.callToAction
{
  position: relative;
  background-color: #7c7c7cbd;
  color: rgb(255, 255, 255);

  font-weight: 200px;
  font-size: 12px;
}

.buttSet
{
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border-radius: 2px;
    border: none;
    background: rgba(26, 26, 26, 0.932);
    color: #fff;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.buttSet:hover
{

  color:rgb(8, 135, 194);
  background-color: rgb(238, 238, 238); /* Green */

}


.buttSet2
{
    width: 150px;
    font-size: 18px;
    padding: 9px;
    border-radius: 2px;
    border: none;
    background: rgba(26, 26, 26, 0.932);
    color: #fff;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
}

.buttSet2 > a
{
  color: rgb(255, 255, 255) !important;
  /* font-weight: 500; */
}

.buttSet2:hover
{

  /* color:#009688; */
  background-color: rgb(238, 238, 238); /* Green */

}


.buttSet2:hover > a
{
  color: rgb(0, 0, 0) !important;
  /* font-weight: 500; */
}




#backgroundClear
{
   background-color: #66a9c94d;
}

.setBlack2
{
  color: black;
  background-color: white;
  border-top-left-radius: 50px;
}


.aboutImg
{
    position: relative;
    width: 65px;
    height: 65px;
    top: -17px;
    left: -20px;
}

.aboutImg2
{
    position: relative;
    width: 45px;
    height: 45px;
    top: -11px;
    left: -14px;
}

.bgWhite
{
  font-size: 20px;
  font-weight: 400px;
  color: black;
  text-decoration-color: black;
  background-color: rgba(255, 255, 255, 0.877);
  display: -webkit-inline-box;
}

.bgBlack
{
  font-size: 20px;
  font-weight: 400px;
  color: white;
  text-decoration-color: white;
  background-color: rgba(0, 0, 0, 0.87);
  display: -webkit-inline-box;
}

#drivesUs
{

  background-color: rgb(151, 151, 151);
}

.article1
{
  position: relative;
}

.aboutImageHold
{
  position: relative;
}

.aboutImageHold:hover .overlay
{
  width: 600px;
  z-index: 1000;
}

.aboutImageHold:hover .aboutImageText > p
{
  left: -500px;
  z-index: -2;
}


.aboutImage
{
  position: relative;
  left: -250px;
  height:480px;
  width: 600px;
}

.overlay {
  position: absolute;
  background-color: rgb(0, 0, 0);
  border-right-color: rgb(0, 0, 0);
  border-right-style: solid;
  border-right-width: 2px;
  overflow: hidden;
  left: -250px;
  height:480px;
  width: 0px;
  bottom: 0;

  transition: 1.2s ease;
}

.overlayText
{
  color:rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 65%;
  text-align: center;
  font-family: 'Oswald', sans-serif ;
  font-weight:bolder;
  font-size: 70px;

  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.cmpyLogo2
{
    position: relative;
    width: 75px;
    height: 119px;
    top: 24px;
    left: 44px;
    color: rgb(0, 0, 0);
    text-decoration-color: black;
    transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
}


.aboutText_parent
{
  padding: 10px 10px; 
  margin: 0px;
  background: #FF9800; 
  border-radius: 10px; 
  border-top-right-radius: 45px 45px;
  border-bottom-right-radius: 45px 45px; 
  box-shadow: 1px 3px 7px 3px rgba(0, 0, 0, 0.123), 2px 10px 20px 5px rgba(0, 0, 0, 0.123);
}



.aboutImageText > p
{
  position: relative;
  left: -95px;
  top: 90px;

  font-family: 'Oswald', sans-serif ;
  font-weight:bolder;
  font-size: 60px;
  transition: .7s ease;
}

.aboutText > h2
{
  font-family: 'Oswald', sans-serif ;
  font-weight: 200;
  color: #000000;
}


.aboutText
{
  background: rgb(255, 255, 255);
  /* background: -moz-radial-gradient(circle, rgba(255,255,255,1) 85%, rgba(194,194,194,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 85%, rgba(194,194,194,1) 100%);
  background: radial-gradient(circle, rgba(255,255,255,1) 85%, rgba(194,194,194,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#c2c2c2",GradientType=1); */

    border-radius: 10px;
    border-top-right-radius: 50px 50px;
    border-bottom-right-radius: 50px 50px;
    padding: 0px 30px 50px 30px;
    /* border-color: #ffd71f;
    border-width: 2px;
    border-style: solid; */
    box-shadow: 1px 3px 7px 3px rgba(0, 0, 0, 0.123), 2px 10px 20px 5px rgba(0, 0, 0, 0.123);
}


.LargLogo {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%);
    /* height: 36%; */
    width: 60%;
    /* bottom: -10
  /* bottom: -100%; */
}






/*-----------------------------------------------------
Our services on hover display settings
*/
#ourSerButton
{
  position: relative;
  background: none;
  border:none;
}

.ourSerImag
{
  cursor: -webkit-pointer; cursor: pointer;
  margin-top: 20px;
  margin-bottom: 20px;

}

.ourSerImag:hover
{
  cursor: -webkit-pointer; cursor: pointer;
  /*background: url(../images/backSet.jpg);
  background-repeat: no-repeat;
  background-attachment: relative;
  /*background-position: -0px 202px; /*left & down*/
  /*background-size: 0px 440px; /* width & height*/
  /*background-position: 100% 0%; /*left & down*/
 /* background-size: 100% 0px; /* width & height*/


  -webkit-transition: 1.4s ease-in-out;
  transition: 1.4s ease-in-out;

}

.ourSerImag:active .serOverlay
{
  display: contents;
  visibility: visible;
  margin-bottom: 50px;
  top: 14px;
  opacity: 1;
  cursor: -webkit-pointer; cursor: pointer;
}

.serOverlay
{
  display: none;
  visibility: hidden;
  position: relative;
  overflow: hidden;
  -webkit-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  top:-80px;
  margin-bottom: -150px;
	opacity: 0;
}

.serOverlay > hr
{
  height: 1px;
  color: blue;
  border-color:  blue;
  background-color: blue;
  border: none;
}

.serOverlayText
{
  position: relative;
  transition: 1.5s ease;
  margin-bottom: 50px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}




.imgStn
{
  position: relative;
  text-align: center;


  margin-top: 20px;
  margin-bottom: 40px;

  width: 170px;
  height: 170px;
  object-fit:cover;

  border-color: #c97b32;
  background-color: #c97b32;
  border-style: groove;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-width: 3px;
  cursor: -webkit-grab; cursor: grab;

  -webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease;
  transition: .3s ease;

}

.ourSerImag:hover  .imgStn
{
  -webkit-transform: rotate(18deg) scale(1.5);
  transform: rotate(18deg) scale(1.5);

  margin-top: 65px;
  margin-bottom: 50px;

  opacity: 1;
	-webkit-animation: flash 1.9s;
  animation: flash 1.9s;

  border-color: #ffc400;
  background-color: #ffc400;

  border-width: 7px;
  cursor: -webkit-grabbing; cursor: grabbing;
}


/* OurWork section */

.OurWork
{
  padding-top: 20px;
  padding-bottom: 90px;
  padding-left: 10px;
  padding-right: 10PX;
  /* color: white;
  text-decoration-color: white; */
  background-color: rgba(255, 255, 255, 0);
}

.OurWorkFilter
{
  margin-top: 0px;
  margin-bottom: 0px;
}

    .OurWorkFilter > p {
        font-family: 'Oswald', sans-serif;
        color:rgb(167 167 167);
        /* text-decoration-color: rgb(167 167 167); */
        font-weight: 500;
        font-size: 17px;
        margin: 25px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        text-decoration: none;
        overflow: hidden;
        cursor: pointer;
    }

.OurWorkFilter > p:hover
{
  /* font-weight:500; */
  color: #ffffff;
  text-decoration-color:  #ffffff;
}

.OurWorkFilter_Selected {
    font-size: 17px !important;
    color: #ea830e !important;
    text-decoration-color: #ea830e !important;
}

.OurWorkFilter > p:active
{
  /* font-weight:400; */
  color: #7a7a7a;
  text-decoration-color:  #7a7a7a;
  transform: translateY(3px);
  opacity: 0.5;
}

.OurWorkList
{
  margin-top: 20px;
  margin-bottom: 20px;
  /* min-height: 240px !important; */
}

.OurWorkList > video
{
  /* position: relative;
  object-fit:contain;
  margin-left:5px ;
  margin-right:5px; */
  margin: 10px;
}


.videoPosterHolder
{
  background-color: #ffffff00;
    width: 190px;
    height: 240px;
    min-width: 190px;
    max-width: 190px;
    border-radius: 5px;
    flex-direction: column;
    align-items: center;
    position: relative;
    display: inline;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px;
    box-shadow: 4px 8px 20px 0px rgb(0 0 0 / 81%), -2px 11px 20px 1px rgb(0 0 0 / 26%);
}



.filmPoster .tvPoster .adPoster
{
  display: none;
}

.showVideoPoster
{
  display: inline;
}

.videoPosterHolder:hover > img
{
  cursor: -webkit-pointer; cursor: pointer;
  -webkit-transform: scale(1.020);
  transform: scale(1.020);

  -webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}


.videoPosterHolder::after
{
  -webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;

}



.videoPoster
{
  position: absolute;
  display: block;
  object-fit: fill;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}



.PosterDetails
{
  position: relative;
  display:grid;

  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: #00305700;
}


.PosterDetailsReel {
    position: relative;
    display: grid;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: white;
}


    .PosterDetails:hover, .PosterDetailsReel:hover
    {
        cursor: -webkit-pointer;
        cursor: pointer;
        -webkit-transform: scale(1.010);
        transform: scale(1.020);
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        background-color: #000000b9;
    }


    .PosterDetails::after, .PosterDetailsReel::after {
        background-color: #00305700;
        -webkit-transition: 1.8s ease-in-out;
        transition: 1.8s ease-in-out;
    }


.PosterDetails > li, .PosterDetailsReel > li {
    display: grid;
    flex-direction: row;
    align-items: center;
    padding: 5px; /*adjust*/
}

    .PosterDetails > li > img, .PosterDetailsReel > li > img {
        display: block;
        justify-self: center;
        opacity: 0.4;
        border-radius: 100%;
        background-color: #ea830e;
        width: 50px;
        height: 50px;
    }

.PosterDetails:hover > li > img, .PosterDetailsReel:hover > li > img {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 1;
}

    .PosterDetails > li > span, .PosterDetailsReel > li > span {
        display: block;
        justify-self: center;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        background-color: #000000a8 !important;
        /*background-color: #333333;*/
        color: rgb(255, 255, 255);
        border-radius: 2px;
        font-weight: 500;
        font-size: 19px;
        padding: 3px 10px;
    }

.posterName
{
  position: relative;
  top: -10px;
}

.posterImage:hover
{
  filter: invert(20%);

  cursor: -webkit-pointer; cursor: pointer;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  -webkit-transition: 0.9s ease-in-out;
	transition: 0.9s ease-in-out;
}




.videoPlayBackOverlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.videoPlayBackOverlay-content {
  position: relative;
  top: 20%;
  height: 100%;
  width: 100%;
  text-align: center;
  /* margin-top: 30px; */
  /* background-color: #ffc400; */
}


.videoPlayer{
  display: inline;
  visibility: visible;
  user-select: none;
  object-fit:contain;
  /* margin-top: 30px; */
  /* margin-bottom: 25px; */
  height: calc(100%/2);
  width: calc(100%/2);
  min-width: calc(100%/2);
  border: 0px;
  border-radius: 1%;
  background-color: rgba(167, 0, 56, 0);
}

.videoPlayBackOverlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.videoPlayBackOverlay a:hover, .videoPlayBackOverlay a:focus {
  color: #f1f1f1;
}

.videoPlayBackOverlay .videoPlayBackOverlay_closebtn {
    position: absolute;
    top: 20px;
    right: 7px;
    font-size: 62px;
    color: #ffc400e8;
}

@media screen and (max-height: 450px) {
  .videoPlayBackOverlay a {font-size: 20px}
    .videoPlayBackOverlay_closebtn {
        top: 20px;
        right: 7px;
        font-size: 62px;
        color: #ffc400e8;
    }
}













.videoPlayBack{
  display: inline;
  visibility: visible;
  user-select: none; 
  object-fit:contain;
  margin-top: 30px;
  margin-bottom: 25px;
  height: 250px;
  width: 350px;
  min-width: 350px;
  border: 0px;
  border-radius: 1%;
  background-color: rgb(0, 0, 0);
}

.videoPlayBack_Hidden
{
  display: none;
  visibility: hidden;
}




.OurWorkLoadMore > p
{
  position: relative;
  font-family: 'Oswald', sans-serif ;
  color: #0c0c0c;
  text-decoration-color:  #0c0c0c;

  padding: 6px 30px;
  font-weight:500;
  font-size: 21px;
  border-radius: 3px;
  margin: 25px;
  margin-top: 40px;
  background-color: #ffc400;

  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}


.OurWorkLoadMore > p:hover
{
  font-weight:500;
  font-size: 21px;
  color: #1b1b1b;
  text-decoration-color: #1b1b1b;
  background-color: #ffffff;
}

.OurWorkLoadMore > p:active
{
  /* font-weight:500;
  font-size: 19px;
  color: rgb(255, 255, 255);
  text-decoration-color:  rgb(255, 255, 255);
  transform: translateY(5px); */

  /* font-weight:400; */
  color: #7a7a7a;
  text-decoration-color:  #7a7a7a;
  transform: translateY(3px);
  opacity: 0.5;
}


.slide_InLeft {
  /* position: absolute; */
  left: -20%;
  opacity: 0;
  -webkit-animation: slide-left 0.3s forwards;
  -webkit-animation-delay: 0.2s;
  animation: slide-left 0.3s forwards;
  animation-delay: 0.2s;
}

@-webkit-keyframes slide-left {
  100% { left: 0; 
         opacity: 1}
}

@keyframes slide-left {
  100% { left: 0; 
         opacity: 1}
}



.slide_InRight {
  /* position: absolute; */
  right: -30%;
  opacity: 0;
  -webkit-animation: slide-right 0.3s forwards;
  -webkit-animation-delay: 0.2s;
  animation: slide-right 0.3s forwards;
  animation-delay: 0.2s;
}

@-webkit-keyframes slide-right {
  100% { 
    right: 0; 
    opacity: 1;}
}

@keyframes slide-right {
  100% { 
    right: 0; 
    opacity: 1;}
}


.reviewIndicator{
  height: 15px;
  width: 15px;
  border-style: solid;
  border-width: 1px;
  border-radius: 100%;
  border-color: #b6b6b6;
  margin: 0px 3px;
}


.reviewIndicatorSelected{
  border-color:#007aff;
  background-color:#007aff;
}


.reviewerName {
  font-size: 22px;
  padding-top: 40px;
  font-family: 'Lato';
  color: rgb(44, 44, 44);
  font-weight: 500;
  text-align: center;
}

.reviewerComment {
  font-family: 'Urbanist';
  font-style: italic;
  align-items: center;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 2.5px;
  color: #838383;
}






@-webkit-keyframes flash
{
  0%
  {
		opacity: .4;
	}
  100%
  {
		opacity: 1;
	}
}
@keyframes flash
{
  0%
  {
		opacity: .4;
	}
  100%
  {
		opacity: 1;
	}
}



.text-black
{
  color:rgb(59, 59, 59) !important;
}



.serviceTextHeading {
    position: relative;
    display: inline-black;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    font-size: 21px;
    padding-top: 0px;
   /* font-family: 'Bebas Neue', sans-serif !important;*/
    letter-spacing: 1px;
    color: #505050;
    font-weight: lighter;
    text-align: center;
    padding-top: 20px;
}




.cardTitle
{
  position: relative;
  display: inline-black;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  color: rgb(255, 255, 255);
  font-weight: 200;
  font-family: 'Lato';
}

.txtMe
{
  color: rgb(255, 255, 255);
  font-weight: 300;
  font-family: 'Roboto';
}

.aboutUsText
{
  font-size: 24px;
  font-family: 'Roboto';
  line-height: 43px;
}

.aboutUsTopHead
{
  color: grey;
  background-color: white;
}

#overlay2
{
  background-color: #A70038;
  border: none;
}

aboutUsTop:hover
{
  background-color: rgb(167, 0, 56);
  color: black;
  -webkit-transition: 1.4s ease-in-out;
	transition: 1.4s ease-in-out;
}

.whatMakeUs
{
  background: url(../images/grey.png);
  background-repeat: no-repeat;
  background-attachment: relative;
  /*background-position: -0px 202px; /*left & down*/
  /*background-size: 0px 440px; /* width & height*/
  background-position: 100% 0%; /*left & down*/
  background-size: 100% 0px; /* width & height*/
  z-index: -1;

  -webkit-transition: 1.4s ease-in-out;
  transition: 1.4s ease-in-out;


  /*background-color: #397b997a;*/
  /*background-color: rgba(226, 226, 226, 0.521);*/
}

.whatMakeUs:hover
{
	background-position: 100% 100%; /*left & down*/
	background-size: 100% 100%; /* width & height*/
	/*background-position: 550px 202px; /*left & down*/
	/*background-size: 100% 440px; /* width & height*/
}

.whatMakeUs
{
  color: rgb(0, 0, 0);
  font-weight: thin;
  font-size: 18px;
  line-height: 37px;
  -webkit-transition: 1.4s ease-in-out;
  transition: 1.4s ease-in-out;
}

.whatMakeUs:hover .makeMeWhite
{
  display:inline;
}

.makeMeWhite
{
  display: none;
  position: relative;
  font-weight: thin;
  font-size: 18px;
  line-height: 37px;
  opacity: 0.0;
  -webkit-transition: 1.4s ease-in-out;
  transition: 1.4s ease-in-out;
}

.showTxt
{
  position: relative;
  -webkit-transition: 1.4s ease-in-out;
  transition: 1.4s ease-in-out;
}

.showTxt:hover .makeMeWhite
{
 position: relative;
  color: white;
  opacity: 1.0;

}

#mobileSection
{
  background: url(../images/pink.png);
  background-repeat: no-repeat;
  background-attachment: relative;
}

.mobiImageRight
{
 position: relative;
  top: 0px;
  left:0px;
  height:500px;
  width: 587px;
}

.mobiImageLeft
{
  position: relative;
  top: 0px;
  right :100%;
  height:500px;
  width: 700px;
}

.aboutMobText > p
{
  position: relative;
  left: 80%;
  top: 60%;
  opacity: 1.0;

  font-family: 'Oswald', sans-serif ;
  font-weight:bolder;
  font-size: 60px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.aboutImageHold:hover .aboutMobText > p
{
  position: relative;
  opacity: 0;
  top: -100%;
}



/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 1200px) {



  .ourSerImag
  {
    margin-bottom: 40px;
  }

  .aboutImage
  {
    position: relative;
    left: -250px;
    height:560px;
    width: 480px;
  }

  .aboutImageText > p
  {
    position: relative;
    left: -40px;
    top: 20px;

    font-family: 'Oswald', sans-serif ;
    font-weight:bolder;
    font-size: 55px;
  }
  .overlay {
    position: absolute;

    overflow: hidden;
    left: -370px;
    height:560px;
    width: 0px;
    bottom: 0;
  }

  .overlayText
{
  color:rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 78%;
  text-align: center;
  font-family: 'Oswald', sans-serif ;
  font-weight:bolder;
  font-size: 60px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


    .LargLogo {
        width: 55%;
    }

}



@media  (max-width: 990px) {

  .LargLogo
  {
      display: none;
  }


    .contactInformPadding 
    {
        padding-top: 70px;
    }

}




/*---------- MEDIA 480px ----------*/


@media  (max-width: 768px) {

  .ourSerImag
  {
    margin-bottom: 100px;
  }

    .ourSerList {
        padding-top: 0px !important;
    }

  .aboutImage
  {
    position: relative;
    left: -250px;
    height:685px;
    width: 425px;
  }

  .aboutImageText > p
  {
    position: relative;
    left: -40px;
    top: 20px;

    font-family: 'Oswald', sans-serif ;
    font-weight:bolder;
    font-size: 55px;

    background-color: rgb(16,109,214);
  }

  .overlay {
    position: absolute;

    overflow: hidden;
    left: -370px;
    height:560px;
    width: 0px;
    bottom: 0;
    display: none;
  }

  .overlayText
{
  color:rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 78%;
  text-align: center;
  font-family: 'Oswald', sans-serif ;
  font-weight:bolder;
  font-size: 60px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: none;
}






@media  (max-width: 600px) {

  .body-section
  {
    padding: 0px 0px 70px 0px !important;
  }


  .LargLogo
  {
    position: relative;
    top: -15px;
    HEIGHT: 95px;
    WIDTH: 250px;
    bottom: 0px;
    left: -15px;
  }

  .LarggLogoBlock
  {
    display: none;
  }

    .aboutText_parent
    {
        margin: 0px 20px 0px 5px;
    }

    .aboutText {
       /* border-radius: 50px;*/
        padding: 0px 15px 30px 15px;
        margin: 20px 0px 25px 0px;
    }

    .aboutText_div {
        padding: 25px 15px !important;
    }

    .aboutText_heading {
        font-size: 24px;
       /* text-align: center;*/
    }


    .aboutText_image {
        position: relative;
        display:block !important;
        height: 44px;
        width: 108px;
    }

    .videoPlayer {
        width: 80%;
        height: 60%;
    }

}


@media  (max-width: 574px) {
  .aboutText_parent
  {
      margin: 0px;
      border-radius: 0px;
      border-bottom-right-radius: 45px 45px;
  }


}

@media  (max-width: 480px) {

  .ourSerImag
  {
    margin-bottom: 120px;
  }


  .aboutImage
  {
    position: relative;
    left: 0px;
    height:180px;
    width: 100%;
  }

  .aboutImageText > p
  {
    position: relative;
    left: 0px;
    top: 215px;
    text-align: center;
    font-family: 'Oswald', sans-serif ;
    font-weight:bolder;
    font-size: 45px;
  }

    .videoPlayer {
        width: 90%;
        height: 50%;
    }
}


@media  (max-width: 479px)
{
  .videoPosterHolder
  {
    width: 180px;
    height: 230px;
    min-width: 180px;
    max-width: 180px;
   
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 12px;
    margin-right: 12px; 
  }
}


@media  (max-width: 445px)
{
  .videoPosterHolder
  {
    width: 160px;
    height: 210px;
    min-width: 160px;
    max-width: 160px;
   
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 12px;
    margin-right: 12px; 
  }
  
}


@media  (max-width: 389px)
{
  .videoPosterHolder
  {
    width: 150px;
    height: 200px;
    min-width: 150px;
    max-width: 150px;
   
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 7px;
    margin-right: 7px; 
  }
  
}



@media  (max-width: 347px)
{
  .videoPosterHolder
  {
    width: 140px;
    height: 190px;
    min-width: 140px;
    max-width: 140px;
   
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 7px;
    margin-right: 7px; 
  }
  
}


@media  (max-width: 332px)
{
  .videoPosterHolder
  {
    width: 190px;
    height: 240px;
    min-width: 190px;
    max-width: 190px;
   
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 20px;
    margin-right: 20px; 
  }

}

  @media (min-width: 62em)
  {


  }

}