/* -------------------------------- 

Primary style

-------------------------------- */
*, *:after, *:before {    -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; }
 
/* -------------------------------- 





Main components 

-------------------------------- */

/**/

.cd-testimonials-wrapper {
  position: relative;   width: 100%;   max-width:924px;  /*  background-color: #39393c;*/
  margin: 2em auto;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;
  padding: 22px 70px;   z-index: 1;
}


 
.flex-direction-nav li {   position: absolute;   height: 70px;   width: 70px;   top: 40%; }


.flex-direction-nav li:first-child {   left: 0; } 
.flex-direction-nav li:last-child {   right: 0; }


.flex-direction-nav li a {   display: block;   height: 120%;   /*width: 120%;*/ 
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
 
}

.flex-direction-nav li a:focus{ outline: none; } 

.no-touch .flex-direction-nav li a:hover {   background-color: transparent; color: #2e2e2e; }

.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 60%;
  width: 1px;
  height: 70px;
  background-color: #666;
}


.flex-direction-nav li a::before {
  -webkit-transform: translateY(-77px) rotate(45deg);
  -moz-transform: translateY(-77px) rotate(45deg);
  -ms-transform: translateY(-77px) rotate(45deg);
  -o-transform: translateY(-77px) rotate(45deg);
  transform: translateY(-77px) rotate(45deg);
}
.flex-direction-nav li a::after {
  -webkit-transform: translateY(-27px) rotate(-45deg);
  -moz-transform: translateY(-27px) rotate(-45deg);
  -ms-transform: translateY(-27px) rotate(-45deg);
  -o-transform: translateY(-27px) rotate(-45deg);
  transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
  -webkit-transform: translateY(-77px) rotate(-45deg);
  -moz-transform: translateY(-77px) rotate(-45deg);
  -ms-transform: translateY(-77px) rotate(-45deg);
  -o-transform: translateY(-77px) rotate(-45deg);
  transform: translateY(-77px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
  -webkit-transform: translateY(-27px) rotate(45deg);
  -moz-transform: translateY(-27px) rotate(45deg);
  -ms-transform: translateY(-27px) rotate(45deg);
  -o-transform: translateY(-27px) rotate(45deg);
  transform: translateY(-27px) rotate(45deg);
} 
 
 
 
.cd-testimonials {   /*color: #565656;*/   text-align: center; }
.cd-testimonials::after {   clear: both;   content: "";   display:  inline; }


.cd-testimonials > li {   position: absolute;   opacity: 0;   text-align: center;   font-size: 16px;  }
.cd-testimonials > li:first-child {   position: relative;   opacity: 1; }
.cd-testimonials p {  /* font-style: italic;   */line-height: 1.4;   margin-bottom: 1em;   padding: 0 14px; }
 
.cd-author .cd-author-info li{  text-align: center;   line-height: 1.6;  }

  .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after { background-color: #000; color: #000;  }


  .services-hp .hd1{     font-family: 'Open Sans', sans-serif; }

@media only screen and (min-width: 768px) {
  /*.cd-testimonials-wrapper {      margin: 0 auto;     padding: 45px  120px  0px 120px ; min-height: 220px;   }*/

  .cd-testimonials p {     font-size: 16px;     /*font-size: 1.375rem;*/   }
  
  .cd-author .cd-author-info {   line-height: 1.8;   }
  .cd-author .cd-author-info li:first-child {    font-size: 14px; font-weight: bold;  }
  .cd-author .cd-author-info li:last-child {     font-size: 14px;  }
  
    .flex-direction-nav li {     width: 30px;   }
	
	  .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
    background-color: #000; color: #000;
  }
  
}

@media only screen and (min-width: 1170px) { 
  .cd-testimonials-wrapper::after {     /* quotation mark visible */     display: block;   }
  
   .cd-testimonials p {      font-size: 16px;     /*font-size: 1.625rem;*/     line-height: 1.6;   }
  
    .flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #5e5e63;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  
  .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
    background-color: #000; color: #000;
  }

}

 
 
 