/*
Theme Name: Spiral Creative Agency 
Theme URI: https://pixelonetry.com/downloads/spiral-creative-agency/
Template: spiral-lite-one-page
Author: pixelonetry
Author URI: https://pixelonetry.com/
Description: Spiral Creative Agency is a creative business one-page parallax WordPress theme for anyone. This theme can be used for creative, portfolio, agency, or multipurpose websites. This theme is perfect for many categories, and you can also modify it.
Version: 0.0.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tested up to: 6.4
Requires PHP: 5.6
Text Domain: spiral-creative-agency
Tags: custom-background, custom-logo, custom-menu, featured-images, one-column, right-sidebar, theme-options, translation-ready, flexible-header, full-width-template
*/


.nav-scroll h3.test-logo {
    color: #333!important;
}
.navbaroverlay h3.test-logo {
    color: #FFF;
}

.nav-scroll h3.test-logo {
    color: #333!important;
}
.navbaroverlay h3.test-logo {
    color: #FFF;
}

 #section-services .subtitle {
    margin-bottom: 60px;
 }

 #section-team .subtitle {
    margin-bottom: 60px;
 }
/*------------------------------------------------------------------
17. Testimonials
-------------------------------------------------------------------*/
.testimonials {
    text-align: center; 
}
.testimonials .seperator  {    
    margin-bottom: 50px;
}
.testimonials-slider {
	text-align: center;
}
.testimonials-slider ul.slides i {
    font-size: 30px;
    color: #5aa9ce;
}
.testimonials-slider ul.slides p {
    font-size: 28px;
	font-style: italic;
	padding: 30px 40px 0 40px;
    margin-bottom: 30px;
    color: #ffffff;
}
.testimonials-slider ul.slides h4 {
    font-size: 18px;
	font-style: italic;
    font-weight: 300;
	padding-bottom: 30px;
    margin-bottom: 80px;
    color: #ffffff;
}
.testimonials-slider ul.slides h4 span {
	color: #5aa9ce;
    -webkit-box-shadow: 1px solid #ebd7d7;
	-moz-box-shadow: 1px solid #ebd7d7;
    box-shadow: 1px solid #ebd7d7;
}
/*------------------------------------------------------------------
17.1. Flexslider
-------------------------------------------------------------------*/
.flexslider .flex-control-paging li a {
    height: 12px;
    width: 12px;
    overflow: hidden;
}
.testimonials-slider .flex-control-paging li a.flex-active {
	background: #5aa9ce;
}
 /*------------------------------------------------------------------
18. Team Section
-------------------------------------------------------------------*/
.team-member .overlay img {
  /*  height: 260px; */
    height: auto;
}
.team-member .mask {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    position: absolute;
    border: 2px solid #ffffff;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.team-member:hover .mask {
    -webkit-transform: translateY(0);
    -moz-transform: translate(0);
    -ms-transform: translateY(0);
	-o-transform: translateY(0);
    transform: translateY(0);
}
.team-member .mask ul {
    position: absolute;
    bottom: 45%;
    left: 0;
    right: 0;
    text-align: center
}
.team-member .mask ul li {
    display: inline-block;
}
.team-member .mask ul li a {
    background-color: #e5e4e3;
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    -webkit-border-radius: 30%;
	-moz-border-radius: 30%;
	-o-border-radius: 30%;
    border-radius: 30%;
    margin: 0px 10px;
    font-size: 24px;
    color: #5aa9ce;
}
.team-member .mask ul li a:hover {
    background: #232323;
}
.team-info {
    margin-top: 10px;
}
.team-member h3 {
   margin-bottom: 10px;
}
.team-member h5 {
    color: #5aa9ce;
    letter-spacing: 0.2em;
    margin-bottom: 10px;
}
.team-member .seperator {
    margin-bottom: 10px;
}
.team-member .team-info p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
}
/*------------------------------------------------------------------
18.1. Social Icons Hover
-------------------------------------------------------------------*/
.team-member .mask ul li a:hover .fa-facebook {
    color: #475996;
}
.team-member .mask ul li a:hover .fa-twitter {
    color: #69baf3;
}
.team-member .mask ul li a:hover .fa-google-plus {
    color: #f00;
}
.team-member .mask ul li a:hover .fa-linkedin {
    color: #4875b4;
}
.team-member .mask ul li a:hover .fa-pinterest {
	color: #d03737;
}
.team-member .mask ul li a:hover .fa-dribbble {
	color: #d76896;
}
.team-member .mask ul li a:hover .fa-behance {
	color: #00a8e7;
}
.team-member .mask ul li a:hover .fa-instagram {
    color: #beb3a8;
}
.team-member .mask ul li a:hover .fa-dropbox {
	color: #008ad2;
}
.team-member .mask ul li a:hover .fa-skype {
	color: #00a9ed;
}
.team-member .mask ul li a:hover .fa-youtube {
    color: #cd1b20;
}
.team-member .mask ul li a:hover .fa-tumblr {
    color: #3a5976;
}
.team-member .mask ul li a:hover .fa-vimeo {
    color: #00adee;
}
.team-member .mask ul li a:hover .fa-flickr {
    color: #d2d2d2;
}
.team-member .mask ul li a:hover .fa-github {
    color: #222;
}
.team-member .mask ul li a:hover .fa-renren {
    color: #364a83;
}
.team-member .mask ul li a:hover .fa-vk {
    color: #3b5998;
}
.team-member .mask ul li a:hover .fa-xing {
    color: #015f5e;
}
.team-member .mask ul li a:hover .fa-weibo {
    color: #be4443;
}
.team-member .mask ul li a:hover .fa-digg {
    color: #222;
}
.team-member .mask ul li a:hover .fa-deviantart {
    color: #57675d;
}
.team-member .mask ul li a:hover .fa-envelope {
    color: #999;
}
.team-member .mask ul li a:hover .fa-delicious {
    color: #0A0A0A;
}
.team-member .mask ul li a:hover .fa-rss {
    color:  #e67e22;
}