/* -------------------------------- 



Primary style



-------------------------------- */

/**, *:after, *:before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}*/



body {

  /*font-size: 100%;

  font-family: "Helvetica Neue", sans-serif;

  color: #39393c;

  background-color: #dadee1;*/

}



a {

 /* color: #79b6e4;

  text-decoration: none;*/

}



/*img {

  max-width: 100%;

}*/



/* -------------------------------- 



Main components 



-------------------------------- */

.cd-testimonials-wrapper {

  position: relative;

  width: 100%;

/*  max-width: 768px;*/

 /* background-color: #39393c;*/

 /* margin: 2em auto;*/

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  padding: 13px 0px 20px;

  z-index: 1;

}

/*.cd-testimonials-wrapper::after {

  

  content: '\201C';

  position: absolute;

  top: 10px;

  left: 0;

  width: 50px;

  height: 50px;

  padding-top: 8px;

  margin-left: -25px;

  background: rgba(32, 32, 34, 0.9);

  font-family: "Georgia", serif;

  color: #ffffff;

  font-size: 70px;

  font-size: 4.375rem;

  text-align: center;

   display: none;

}*/

@media only screen and (min-width: 768px) {

  .cd-testimonials-wrapper {

    /*margin: 4em auto;*/

   /* padding: 64px 50px 114px;*/

  }

}

@media only screen and (min-width: 1170px) {

  .cd-testimonials-wrapper::after {

    /* quotation mark visible */

    display: block;

  }

}



.cd-testimonials {

  color: #ffffff;

  /*text-align: center;*/

}

.cd-testimonials::after {

  clear: both;

  content: "";

  display: table;

}

.cd-testimonials > li {

  position: absolute;

  opacity: 0;

}

.cd-testimonials > li:first-child {

  position: relative;

  opacity: 1;

}

.cd-testimonials p {

  /*font-family: "Georgia", serif;*/

  /*font-style: italic;*/

  line-height: 1.4;

  margin-bottom: 1em;

 /* padding: 0 14px;*/

}

@media only screen and (min-width: 768px) {

  .cd-testimonials p {

    font-size: 22px;

    font-size: 1.375rem;

  }

}

@media only screen and (min-width: 1170px) {

  .cd-testimonials p {

    font-size: 14px;

    

    line-height: 1.6;

  }

}



.cd-author img, .cd-author .cd-author-info {

  display: inline-block;

  vertical-align: middle;

}

.cd-author img {

  width: 32px;

  height: 32px;

  border-radius: 50%;

  margin-right: 5px;

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);

}

.cd-author .cd-author-info {

  text-align: left;

  line-height: 1.2;

}

.cd-author .cd-author-info li:first-child {

  font-size: 13px;

  padding-left:15%;

  color:#31bcf6;

 /* font-size: 0.875rem;

  color:#d92323;*/

}

 .cd-author-info span { color:#fff;}

/*.cd-author .cd-author-info li:last-child {

  font-size: 12px;

  font-size: 0.75rem;

  color: #d92323;

}*/

@media only screen and (min-width: 768px) {

  .cd-author img {

    width: 50px;

    height: 50px;

  }

  .cd-author .cd-author-info {

    line-height: 1.4;

  }

  .cd-author .cd-author-info li:first-child {

    font-size: 13px;

   /* font-size: 1rem;*/

	color:#31bcf6;

	padding-left:15%;

  }

  /*.cd-author .cd-author-info li:last-child {

    font-size: 14px;

    font-size: 0.875rem;

  }*/

 

}



.flex-direction-nav li {

  position: absolute;

  height: 11%;

  width: -44px;

  top: -44px;

}

.flex-direction-nav li:first-child {

  left: 190px;

}

.flex-direction-nav li:last-child {

  right: 0;

}

.flex-direction-nav li a {

  display: block;

  height: 100%;

  width: 100%;

  /* 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;

}

.no-touch .flex-direction-nav li a:hover {

  /*background-color: #323234;*/

}

.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: 38px;

  width: 2px;

  height: 13px;

  background-color: #ffffff;

}

.flex-direction-nav li a::before {

  -webkit-transform: translateY(-35px) rotate(45deg);

  -moz-transform: translateY(-35px) rotate(45deg);

  -ms-transform: translateY(-35px) rotate(45deg);

  -o-transform: translateY(-35px) rotate(45deg);

  transform: translateY(-35px) 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(-35px) rotate(-45deg);

  -moz-transform: translateY(-35px) rotate(-45deg);

  -ms-transform: translateY(-35px) rotate(-45deg);

  -o-transform: translateY(-35px) rotate(-45deg);

  transform: translateY(-35px) 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);

}

@media only screen and (min-width: 768px) {

  .flex-direction-nav li {

    width: 50px;

  }

}

@media only screen and (min-width: 1170px) {

  .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: #176785;

  }

}



.cd-see-all {

  position: absolute;

  z-index: 1;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 50px;

  line-height: 50px;

  background-color: #252527;

  text-align: center;

  text-transform: uppercase;

  color: #6b6b70;

  font-weight: 700;

  font-size: 12px;

  font-size: 0.75rem;

  -webkit-transition: color, 0.2s;

  -moz-transition: color, 0.2s;

  transition: color, 0.2s;

}

.no-touch .cd-see-all:hover {

  color: #79b6e4;

}



.cd-testimonials-all {

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: #ffffff;

  z-index: 2;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-testimonials-all .cd-testimonials-all-wrapper {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  overflow: auto;

}

.cd-testimonials-all .cd-testimonials-all-wrapper > ul {

  width: 90%;

  max-width: 1170px;

  margin: 4em auto;

}

.cd-testimonials-all .cd-testimonials-all-wrapper > ul::after {

  clear: both;

  content: "";

  display: table;

}

.cd-testimonials-all .cd-testimonials-item {

  margin-bottom: 2em;

  opacity: 0;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translate3d(0, 0, 0) scale(0.4);

  -moz-transform: translate3d(0, 0, 0) scale(0.4);

  -ms-transform: translate3d(0, 0, 0) scale(0.4);

  -o-transform: translate3d(0, 0, 0) scale(0.4);

  transform: translate3d(0, 0, 0) scale(0.4);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: -webkit-transform .3s, opacity .3s;

  -moz-transition: -moz-transform .3s, opacity .3s;

  transition: transform .3s, opacity .3s;

}

.cd-testimonials-all p {

  position: relative;

  background: #79b6e4;

  color: #ffffff;

  padding: 2em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  line-height: 1.4;

  border-radius: 0.25em;

  margin-bottom: 1em;

}

.cd-testimonials-all p::after {

  /* creating the triangle in css */

  content: '';

  position: absolute;

  top: 100%;

  left: 2em;

  height: 0;

  width: 0;

  border: 8px solid transparent;

  border-top-color: #79b6e4;

}

.cd-testimonials-all .cd-author {

  text-align: left;

  margin-left: 1.5em;

}

.cd-testimonials-all .cd-author img {

  box-shadow: 0 0 0 transparent;

}

.cd-testimonials-all.is-visible {

  visibility: visible;

  opacity: 1;

  -webkit-transition: opacity .3s 0s, visibility 0s 0s;

  -moz-transition: opacity .3s 0s, visibility 0s 0s;

  transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-testimonials-all.is-visible .cd-testimonials-all-wrapper {

  -webkit-overflow-scrolling: touch;

}

.cd-testimonials-all.is-visible .cd-testimonials-item {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0) scale(1);

  -moz-transform: translate3d(0, 0, 0) scale(1);

  -ms-transform: translate3d(0, 0, 0) scale(1);

  -o-transform: translate3d(0, 0, 0) scale(1);

  transform: translate3d(0, 0, 0) scale(1);

}

@media only screen and (min-width: 768px) {

  .cd-testimonials-all .cd-testimonials-item {

    width: 46%;

    margin: 0 2% 3em;

  }

  .cd-testimonials-all .cd-author {

    margin-left: 1em;

  }

}

@media only screen and (min-width: 1170px) {

  .cd-testimonials-all .cd-testimonials-item {

    width: 30%;

    margin: 0 1.6666% 3em;

  }

}



.close-btn {

  position: fixed;

  display: block;

  width: 40px;

  height: 40px;

  top: 10px;

  right: 5%;

  /* image replacement */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

}

.close-btn::before, .close-btn::after {

  /* close icon in css */

  content: '';

  position: absolute;

  display: inline-block;

  width: 2px;

  height: 24px;

  top: 8px;

  left: 19px;

  background-color: #39393c;

}

.close-btn::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.close-btn::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}





.testimonial h2 { color:#fff; text-align:center; font-size:21px; margin-top:30px; font-weight:bold;}