/*/*loader*/

.s_circle
{
  width: 20px;
height: 20px;
border-radius: 50%;
background-color: #eb3572;
top: 13px;
position: absolute;
left: 27%;
z-index: -2;
opacity:0;
animation:s_cir 1s 2s linear forwards;
}
.s_circle:after
{
width: 10px;
height: 10px;
border-radius: 50%;
background-color:#fb9703;
top:-14px;
content:'';
position: absolute;
left: 27%;
opacity:0;
animation:s_cir 1s 2.2s linear forwards;
}
.s_circle:before
{
width: 7px;
height: 7px;
border-radius: 50%;
background-color: blue;
top: -25px;
content: '';
position: absolute;
left: 63%;
opacity:0;
animation:s_cir 1s 2.5s linear forwards;
}
@keyframes s_cir
{

  0%
  {
    opacity:0;
  }
  100%
  {
    opacity:1;
  }
}


  .Gowebezcenter
  {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
  }
  .Gowebezcenter svg text
  {
    font-size:9rem;
    fill:transparent;
    stroke-dasharray:570;
    stroke-width:2;
    
    }
    
    .subContent
    {
      
    position: fixed;
    top: 53%;
    left: 53%;
    transform: translate(-50%,-50%);
    width:100%;

    }
    .subContent p
    {
      color: blue;
font-size: 23px;
word-spacing: 8px;
letter-spacing:5px;
text-align:center;
animation:we 1s linear forwards;
animation-delay:2s;
opacity:0;
font-weight:bold;

    }
    @keyframes we 
    {
      0%
      {
        opacity:0;

      }
      50%
      {
        letter-spacing:6.6px;
      }
      100%
      {letter-spacing:5px;
        opacity:1;
      }
    }

    .Gowebezcenter svg text:nth-child(1),.Gowebezcenter svg text:nth-child(2)
    {
      stroke:#4ae20d;
      animation:gowebez 2s linear forwards;

   
    }
    .Gowebezcenter svg text:nth-child(3),.Gowebezcenter svg text:nth-child(4),
    .Gowebezcenter svg text:nth-child(5)
    {
      stroke:#eb3572;
        animation:gowebeza 2s linear forwards;
      
    }
    .Gowebezcenter svg text:nth-child(6),.Gowebezcenter svg text:nth-child(7)
    {
      stroke:#fb9703;
      animation:gowebezez 2s linear forwards;

    }
    @keyframes gowebez
    {
0%
{
  stroke-dashoffset:540;

}
50%
{
  fill:transparent;
}

100%
{
  stroke-dashoffset:30;
  fill:#4ae20d;
  
}


    }
       @keyframes gowebeza
    {
0%
{
  stroke-dashoffset:540;

}
50%
{
  fill:transparent;
}

100%
{
  stroke-dashoffset:30;
  fill:#eb3572;
  
}


    }
         @keyframes gowebezez
    {
0%
{
  stroke-dashoffset:540;

}
50%
{
  fill:transparent;
}

100%
{
  stroke-dashoffset:30;
  fill:#fb9703;
  
}


    }



/*loader End*/

#MainPageLoad
{
  display:none;
}



body,html
 {
  overflow-x:hidden;
  margin:0;
  padding:0;
 }




 /*HomePage banner*/



  .GowebezBanner
  {
    width:100%;
    height:780px;
    overflow:hidden;
    position:relative;
  }
    .mainGowebezBanner
  {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
background:url('../images/homebanner-cloudbg2.jpg')no-repeat;
background-position:center;
 animation:bgScreen 80s linear infinite;
}
@keyframes bgScreen 
{
  0%
  {
    background-position:0;
    transform:scale(1.1);
  }
  100%
  {
    background-position:100%;
    transform: scale(1.5);
  }
}

/*icon section*/
.bootstrapPosition
{
content:'';
position:absolute;
top:26%;
left:15%;
}
 .mainGowebezBannericon
{
width:150px;
height:150px;
position:relative;
}


.mainGowebezBannericonCircle1,.mainGowebezBannericonCircle2
{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:80px;
height:80px;
border-radius:50%;
box-shadow:7px 6px 26px lightgrey;
animation:circlefirst 2s linear infinite;
}
.mainGowebezBannericonCircle2
{

width:60px;
height:60px;
}

@keyframes circlefirst
{
from 
{
transform: translate(-50%,-50%) scale(.5);
}
to 
{
transform:translate(-50%,-50%) scale(1.3);
}
}


.htmlPosition,.cssPosition,.javaPosition,.designPosition,
.dataentryPosition,.seoPosition,.psdPosition,.pdfPosition,.wordPosition,
.wordpressPosition,.digitalPosition,.webdesignPosition,.webdesignPosition,.contentPosition
,.illustratorPosition
{
content:'';
position:absolute;
}
.htmlPosition
{
  top:51%;
left:0%;
}

.cssPosition
{

top:15%;
left:0%;
}
.javaPosition
{

top:5%;
left:23%;
}
.designPosition
{

top:13%;
left:43%;
}
.dataentryPosition
{

top:10%;
left:61%;
}
.seoPosition
{

top:22%;
left:76%;
}
.psdPosition
{

top:8%;
left:87%;
}
.pdfPosition
{

top:50%;
left:87%;
}
.wordPosition
{

top:62%;
left:72%;
}
.wordpressPosition
{

top:56%;
left:18%;
}
.digitalPosition
{

top:76%;
left:8%;
}
.webdesignPosition
{

top:76%;
left:34%;
}
.contentPosition
{

top:69%;
left:55%;
}
.illustratorPosition
{

top:79%;
left:84%;
}
.mainGowebezBannericon img
{
content:'';
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%); 
opacity:.7;
z-index:10;
width: 31px;
}
/*icon section end */

.mainGowebezBannerRound
{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.mainGowebezBannerinnerRound
{
  width:500px;
  height:500px;
  border-radius:50%;
    box-shadow:2px 2px 10px lightgrey;
  position: relative;
  animation:mainGowebezSpin 3s cubic-bezier(.17,.67,.83,.67) infinite;
}
.mainGowebezBannerinner2Round
{
  width:400px;
  height:400px;
  border-radius:50%;
    box-shadow:2px 2px 10px lightgrey;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  animation:mainGowebezSpino 2s cubic-bezier(.17,.67,.83,.67) infinite;
}

.mainGowebezBannerinner3Round
{
  width:300px;
  height:300px;
  border-radius:50%;
    box-shadow:2px 2px 10px lightgrey;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
@keyframes mainGowebezSpino
{
  from 
  {
    transform:translate(-50%,-50%) scale(.8);
  }
  to 
  {
    transform:translate(-50%,-50%) scale(1);
  }
}
@keyframes  mainGowebezSpin
{

from 
{
  transform:scale(0);
}
to 
{
  transform:scale(1);
}
}
.mainGowebezBannerContent
{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  text-align:center;
  font-size:3vw;
  color:#2a2a2a;
  text-align:center;
  font-family:'roboto';
}


.mainGowebezBannerContent button 
{
  padding:7px 50px;
  border:3px solid black;
  background-color:transparent;
  font-size:18px;
font-family: 'Comfortaa', cursive;
  color:black;
  transition:1s;
  margin-left:20px;
  margin-top:20px;
}

.mainGowebezBannerContent button:hover
{
   border:3px solid white;
  background-color:transparent;
  color:black;
} 


/*<!*********************************!>*/ 
/*Homepage mediaQuery*/
@media screen and (min-width:320px) and (max-width:767px)
{
  .homepageBannerIconHidden
  {
    display:none!important;
  }
  .GowebezBanner
  {

    height:430px!important;
  }

  .mainGowebezBannerContent{padding: 10px;}



}

@media screen and (min-width:768px) and (max-width:1204px)
{
  .GowebezBanner
  {
    height:480px!important;
  }

}

/*homepage mediaQuery end*/
/*Homepage banner End*/

/*WHO WE ARE */
.HomeOurFeature2 h2
{
font-family: 'Comfortaa',cursive;
  color: #016fea;
  text-align:center;
  font-weight: bold;
  padding-top:10px;
}
.HomeOurFeature2 h4
{
   font-family: 'Comfortaa', cursive;
  text-align:center;
  line-height: 29px;
  padding:20px 0px;
  font-size: 23px;
}
.P-TB-0
{
  padding:0;
}
.HomeServices
{
position:relative;
width:100%;
min-height:350px;
transition:1s;
overflow:hidden;
}
.inline-list{
  display: inline;
}
.HomeServicesImages1,.HomeServicesImages2,.HomeServicesImages3,
.HomeServicesImages4,.HomeServicesImages5,.HomeServicesImages6
{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.HomeServicesImages1
{
background:url('../images/homepage/web-design.jpg')no-repeat;
background-size:cover;
background-position: center;
}
.HomeServicesImages2
{
background:url('../images/homepage/img3295-2.jpg')no-repeat;
background-size:cover;
background-position: center;
}
.HomeServicesImages3
{
background:url('../images/homepage/email-template.jpg')no-repeat;
background-size:cover;
background-position:top;
}
.HomeServicesImages4
{
background:url('../images/homepage/digital-marketing.jpg')no-repeat;
background-size:cover;
background-position: center;
}
.HomeServicesImages5
{
background:url('../images/homepage/conversion.jpg')no-repeat;
background-size:cover;
}
.HomeServicesImages6
{
background:url('../images/homepage/service-dataentry.jpg')no-repeat;
background-size:cover;
}
.HomeServicesOverlay
{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:black;
opacity:.6;
transition:1s;
}

.HomeServices:hover .HomeServicesImages1,
.HomeServices:hover .HomeServicesImages2,
.HomeServices:hover .HomeServicesImages3,
.HomeServices:hover .HomeServicesImages4,
.HomeServices:hover .HomeServicesImages5,
.HomeServices:hover .HomeServicesImages6
{
transform:scale(1.1);
transition:1s;
}
.HomeServices:hover .HomeServicesOverlay 
{
opacity:.8;
}

.HomeServicesContent
{
content:'';
position:absolute;
/*top:20px;*/
left:20px;
border-left:5px solid #016fea;
transition:1s;
padding-left:20px;
color:white;
font-family: 'Comfortaa', cursive;
}

.HomeServicesContent h4:nth-child(2)
{
  color: #016fea;
font-family: 'Comfortaa', cursive;
}
.HomeServicesContent-bottom ul li a
{
  text-decoration:none!important;
}
.HomeServicesContent-bottom i:hover
{
  color: white;
}

.HomeServices:hover .HomeServicesContent
{
transform:translateY(10px);
transition:1s;
}
.HomeServices:hover .HomeServicesContent-bottom,
.HomeServices:hover .HomeServicesDigitalContent-bottom
{
content:'';
position:absolute;
bottom:10px;
left:20px;
color:white;
font-family: 'Comfortaa', cursive;
transition:1s;
}
.HomeServicesContent-bottom button,.HomeServicesDigitalContent-bottom button
{
color: white;
    background-color: #016fea;
    font-family: 'Comfortaa', cursive;
    border: none;
    padding: 10px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: bold;
    transition:.5s;
    border:1px solid transparent;
}
.HomeServicesContent-bottom button:hover,.HomeServicesDigitalContent-bottom button:hover
{
  border:1px solid white;
  transition:.5s;
}


.HomeServicesContent-bottom ul
{
width:100%;
list-style:none;
padding:0;
margin:0;
}
.HomeServicesContent-bottom ul li
{
width:10%;
height:40px;
border:1px solid grey;
float:left;
margin-left:5px;
text-align:center;
line-height:40px;
font-size:20px;
}
.HomeServicesContent-bottom ul li:nth-child(1)
{
margin-left:0px;
}
.HomeServicesDigitalContent-bottom ul li
{
width:100%;
margin-left:5px;
font-family: 'Comfortaa', cursive;
font-size:15px;
}


/*WHO WE ARE end*/


/*FEATURED*/
.featuredHeight
{
  width:100%;
min-height:300px;
}
@media screen and (min-width:320px) and (max-width:767px)
{

.featuredHeight {
    min-height: 178px!important;
}
}
.HomeOurFeature h4
{
font-family: 'Comfortaa', cursive;
  line-height:29px;
  text-align:center;
  padding:20px 0px;
}
.HomeOurFeature h2
{
font-family: 'Comfortaa', cursive;
  color: #016fea;
  text-align:center;
  font-weight: bold;
 }
 .carousel767 ul li
 
 {
  margin-bottom:50px;
 }
 .carousel767 ul li a
 {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;

 }

 .carousel767 ul li:nth-child(1) img
 {
width:100px;
height:auto;
 }
  .carousel767 ul li:nth-child(2) img,.carousel767 ul li:nth-child(3) img, 
  .carousel767 ul li:nth-child(4) img
  {
     width:150px;
     height:auto;

  }
  .carousel767 ul li:nth-child(5) img
  {
    width:120px;
height:auto;
  }

.carousel767>.navcontrol > li  {

width:19.8%;
height:100px;
padding:unset!important;
position:relative;
}



.carousel767>.nav-pills > li.active > a >img
{
filter: grayscale(.1);
}
.carousel767>.nav-pills > li > a > img
{
filter:grayscale(1) ;
transition:1s;
margin:auto;
}

.carousel767>.navcontrol> li > a:focus,.carousel767>.navcontrol > li > a:hover,
.carousel767>.nav-pills > li.active > a
{
background-color:unset!important;

}
.carousel767>.nav-pills > li > a > img:hover
{
filter:grayscale(0)!important;
transition:.5s;
}
.featured-h2
{
font-family: 'Comfortaa', cursive;
  color: #2a2a2a;
}
.featured-p
{
font-family: 'Comfortaa', cursive;
line-height: 29px; 
}


/*mediaQuery*/

@media screen and (min-width:320px) and (max-width:500px)
{

.carousel767>.navcontrol > li  {
width:100%!important;
margin:10px auto!important;
}
}
@media screen and (min-width:501px) and (max-width:900px)
{
  .carousel767>.navcontrol > li  {
width:50%!important;
margin:10px auto!important;
height:100px!important;
}
.carousel767>.navcontrol > li:nth-child(5)
{
 width:100%!important;
margin:10px auto!important;
height:100px!important;
margin:auto!important;
}
}
@media screen and (min-width:901px) and (max-width:1203px)
{
  .carousel767>.navcontrol > li  {

width:33%!important ;
padding:unset!important;
margin:20px auto;
height:100px!important;
}
.carousel767>.navcontrol > li:nth-child(4),.carousel767>.navcontrol > li:nth-child(5)
{
 width:50%!important;
margin:10px auto!important;
height:100px!important;
margin:auto!important;
}
}
/*mediaQuery End*/
/*END FEATURED*/

/*<!--HOMEPAGE INDUSTRY STYLE -->*/
.industry-bg
{
background: url('../images/industries-banner.jpg')no-repeat;
background-size:cover;
color: white;
background-attachment:fixed;
}
.industry-bg h5
{
font-family: 'Comfortaa', cursive;
}
.industry-head
{
text-align: center;
font-family: 'Comfortaa', cursive;
}
.industry-para
{
text-align:center;
font-size: 1.9rem;
font-family: 'Comfortaa', cursive;
font-weight: 400;
line-height: 1.6;
letter-spacing:.01em;
}
.industry-ImageControl
{
  width:100%;
  height:150px;
  padding-top:20px;
}
.industry-ImageControl img:hover
{
    transform: scale(1.4);
    transition: 1s;
}


/*<!--HOMEPAGE INDUSTRY STYLE ENDS -->*/

/*HAPPY CLIENTS CIRCLE SECTION*/

.HomePage-ourApproch h2
{
  color:#016fea;
  text-align: center;
  margin-top: 50px;
font-family: 'Comfortaa', cursive;
font-weight: bold;
}
.Circle-HomeClientMain
{
width:100%;
height:600px;
position:relative;
}
.Circle-HomeClientCircle,.Circle-HomeClientCircle2,.Circle-HomeClientCircle3,.Circle-HomeClientCircle4
{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:90%;
border:1px solid grey;
border-radius:50%;
animation:spin 40s linear forwards infinite;
}
.Circle-HomeClientCircle2
{

width:85%; 
animation:spin 60s linear forwards infinite;
}
.Circle-HomeClientCircle3
{

width:80%;
animation:spin 30s linear forwards infinite;
}
.Circle-HomeClientCircle4
{
    width:70%;
 
border-right:unset!important;
border-top:unset!important; 
border:5px solid #016fea;
animation: innerspin 2s linear forwards infinite;
animation-delay:1s;
}
.Circle-HomeClientCircle5
{
width:60%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.Circle-HomeClientCircle:after,
.Circle-HomeClientCircle2:after,
.Circle-HomeClientCircle3:after,
.Circle-HomeClientCircle4:after,
.Circle-HomeClientCircle5:after
{
content:'';
display:block;
padding-bottom:100%;
}



.Circle-HomeClientCircle span:nth-child(1),.Circle-HomeClientCircle3 span:nth-child(1),
.Circle-HomeClientCircle2 span:nth-child(1)
{
width:10px;
height:10px;
border-radius:50%;
background-color:grey;
position:absolute;
top:50%;
left:0%;
transform:translate(-50%,-50%);
}
.Circle-HomeClientCircle span:nth-child(2),.Circle-HomeClientCircle3 span:nth-child(2),
.Circle-HomeClientCircle2 span:nth-child(2)
{
width:10px;
height:10px;
border-radius:50%;
background-color:grey;
position:absolute;
top:50%;
left:100%;
transform:translate(-50%,-50%);
}
.Circle-HomeClientCircle span:nth-child(3),.Circle-HomeClientCircle3 span:nth-child(3),
.Circle-HomeClientCircle2 span:nth-child(3)
{
width:10px;
height:10px;
border-radius:50%;
background-color:grey;
position:absolute;
top:0%;
left:50%;
transform:translate(-50%,-50%);
}
.Circle-HomeClientCircle span:nth-child(4),  .Circle-HomeClientCircle3 span:nth-child(4),
.Circle-HomeClientCircle2 span:nth-child(4)
{
width:10px;
height:10px;
border-radius:50%;
background-color:grey;
position:absolute;
top:100%;
left:50%;
transform:translate(-50%,-50%);
}
.Circle-HomeClientCircle span:nth-child(5),  .Circle-HomeClientCircle3 span:nth-child(5),
.Circle-HomeClientCircle2 span:nth-child(5)
{
width:10px;
height:10px;
border-radius:50%;
background-color:grey;
position:absolute;
top:20%;
left:10%;
transform:translate(-50%,-50%);
}
.Circle-HomeClientCircle span:nth-child(6),  .Circle-HomeClientCircle3 span:nth-child(6),
.Circle-HomeClientCircle2 span:nth-child(6)
{
width:10px;
height:10px;
border-radius:50%;
background-color:grey;
position:absolute;
top:20%;
left:90%;
transform:translate(-50%,-50%);
}
.Circle-HomeClientCircle span:nth-child(7),  .Circle-HomeClientCircle3 span:nth-child(7),
.Circle-HomeClientCircle2 span:nth-child(7)
{
width:10px;
height:10px;
border-radius:50%;
background-color:grey;
position:absolute;
top:80%;
left:10%;
transform:translate(-50%,-50%);
}
.Circle-HomeClientCircle span:nth-child(8),  .Circle-HomeClientCircle3 span:nth-child(8),
.Circle-HomeClientCircle2 span:nth-child(8)
{
width:10px;
height:10px;
border-radius:50%;
background-color:grey;
position:absolute;
top:80%;
left:90%;
transform:translate(-50%,-50%);
}

.Circle-HomeClientCircle2 span:nth-child(1)
{

background-color:#016fea;
animation:shadow 1s ease-in-out ;
}
.Circle-HomeClientCircle2 span:nth-child(2)
{

background-color:#016fea;
animation:shadow 1s ease-in-out ;
animation-delay:5s;
}
.Circle-HomeClientCircle2 span:nth-child(3)
{

background-color:#016fea;
animation:shadow 1s ease-in-out ;
animation-delay:3s;
}
.Circle-HomeClientCircle2 span:nth-child(4)
{

background-color:#016fea;
animation:shadow 1s ease-in-out ;
animation-delay:7s;
}
.Circle-HomeClientCircle2 span:nth-child(5)
{

background-color:#016fea;
animation:shadow 1s ease-in-out ;
animation-delay:2s;
}
.Circle-HomeClientCircle2 span:nth-child(6)
{

background-color:#016fea;
animation:shadow 1s ease-in-out ;
animation-delay:4s;
}
.Circle-HomeClientCircle2 span:nth-child(7)
{

background-color:#016fea;
animation:shadow 1s ease-in-out ;
animation-delay:8s;
}
.Circle-HomeClientCircle2 span:nth-child(8)  
{
background-color:#016fea;
animation:shadow 1s ease-in-out ;
animation-delay:6s;
}

.Circle-clientContent
{
  position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
}
#slides{
position: relative;
height:100px;
list-style-type:none;
}
.slide{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align:center;
opacity: 0;
z-index: 1;
}
.slide p
{
color:#016fea;
font-family: 'Comfortaa', cursive;
font-size:30px;
}
.slide p:nth-child(2)
{
/*font-size:3vw;*/
font-weight:600;
/*text-shadow:2px 2px 10px #016fea;*/
}
.showing{
opacity: .9;
z-index: 2;
}

@keyframes innerspin 
{
0%
{
transform:translate(-50%,-50%) rotate(0deg);
}
100%
{
transform:translate(-50%,-50%) rotate(155deg);
}
}
@keyframes spin 
{
0%
{
transform:translate(-50%,-50%) rotate(0deg);
}
100%
{
transform:translate(-50%,-50%) rotate(360deg);
}
}
@keyframes shadow{
from 
{
box-shadow:1px 1px 10px #016fea;
}
to 
{
box-shadow:3px 3px 10px #016fea;
}
}


@media screen and (min-width:320px) and (max-width:458px)
{

.slide
{
  font-size:18px!important;
}
}
@media screen and (min-width:609px) and (max-width:767px)
{
.Circle-HomeClientCircle
{
  width:70%;
}
.Circle-HomeClientCircle2
{
  width:65%; 
}
.Circle-HomeClientCircle3
{
  width:60%;
}
.Circle-HomeClientCircle4
{
  width:50%;
}
 
}
@media screen and (min-width:320px) and (max-width:444px)

{
.Circle-HomeClientMain
{
height:350px;
}
.slide p
{
  font-size:20px;
}
}


/*RightSideContent*/

.happyClientRightSideContent
{
  width:100%;
  min-height:420px;
}
.happyClientRightSideStrategy,.happyClientRightSideTechnology
{
  border-left:5px solid #016fea;
}
.happyClientRightSideCreative
{
  border-right:5px solid #016fea;
}



.happyClientRightSideStrategy h2,.happyClientRightSideTechnology h2,.happyClientRightSideCreative h2
{
  color:#848484;
font-family: 'Comfortaa', cursive;
}

.happyClientRightSideStrategy p,.happyClientRightSideCreative p,.happyClientRightSideTechnology p
{

font-family: 'Comfortaa', cursive;
  line-height:29px;
  font-size: 15px;
  color: #848484;
  padding-left:30px;
  padding-right:30px;

}

.approach-bg{
  background-color:#2a2a2a;
  position:relative;
}
.approach-bg img
{
  top:0;
  left:0;
  content:'';
  position:absolute;

}


/*END RightSideContent*/

/*END HAPPY CLIENTS CIRCLE SECTION*/

/*OUR CLIENTS*/
.ourClients
{
font-family: 'Comfortaa', cursive;
color: #016fea;
font-weight: bold;
margin-top: 50px;
text-align:center;
}
.ourClients-pt
{
  padding-top:20px;
}
.HomePageClient,.HomePageClient2, 
.HomePageClient3, .HomePageClient4,
.HomePageClient5, .HomePageClient6,
.HomePageClient7, .HomePageClient8, 
.HomePageClient9, .HomePageClient10, 
.HomePageClient11, .HomePageClient12
{
width:100%;
height:150px;
position:relative;
overflow:hidden;
background:url('../images/clients/pathretreats.png')no-repeat;
background-size:50% 100%;
background-position:center;
border: 2px solid #ccc;
transition:1s;
}
.HomePageClient2
{
background:url('../images/clients/tagvs.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient3
{
background:url('../images/clients/rnsights.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient4
{
background:url('../images/clients/ameritech.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient5
{
background:url('../images/clients/motivationradio.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient6
{
background:url('../images/clients/handicappedpets.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient7
{
background:url('../images/clients/caringprofessionals.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient8
{
background:url('../images/clients/parcconsulting.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient9
{
background:url('../images/clients/teachingpoint.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient10
{
background:url('../images/clients/securatrac.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient11
{
background:url('../images/clients/teachingandlearningfoundation.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient12
{
background:url('../images/clients/ups.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}
.HomePageClient13
{
background:url('../images/clients/preforeclosureloans.png')no-repeat;
background-size:50% 100%;
background-position:center;
transition:1s;
}

.homePageClientBottom
{
content:'';
position:absolute;
bottom:-40px;
left:0;
right:0;
width:100%;
height:40px;
background-color:#4398f8e6;
transition:1s;
font-family: 'Comfortaa', cursive;
}
.HomePageClient:hover
{
box-shadow:3px 3px 10px grey;
}
.HomePageClient:hover .homePageClientBottom
{
bottom:0px;
transition:1s;
color:white;
}

/*END OUR CLIENTS*/
/*<!-- ******** END OF HOME PAGE STYLE **************  -->*/