/*slide area*/
.dothover::before {
background:url("../images/pattern.png") repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
}
/**/
#sp-footer1 {
	text-align: center;
}
.slide-text {
width:100%;
height: 200px;
margin: 20px auto;
position: relative;
}
.slide-text1,.slide-text2,.slide-text3,.slide-text4,.slide-text5 {
position: absolute;
width: 100%;
color: #fff;
font-family: oswald,sans-serif;
font-size: 80px;
font-weight: 400;
height: 100px;
line-height: 70px;
margin-bottom: 30px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
text-align:center;
margin-left:auto;
margin-right:auto;
display:block;
}
.slide-text1 {
 animation:fade 14s infinite;
-webkit-animation:fade 14s infinite;

} 
.slide-text2 {
animation:fade2 14s infinite;
-webkit-animation:fade2 14s infinite;
}
.slide-text3 {
 animation:fade3 14s infinite;
-webkit-animation:fade3 14s infinite;
}
@keyframes fade
{
0% {opacity:1}
33.333% { opacity: 0}
66.666% { opacity: 0}
100% { opacity: 1}
}
@keyframes fade2
{
0% {opacity:0}
33.333% { opacity: 1}
66.666% { opacity: 0 }
100% { opacity: 0}
}
@keyframes fade3
{
0% {opacity:0}
33.333% { opacity: 0}
66.666% { opacity: 1}
100% { opacity: 0}
}
/**/
.dothover .arrow {
position: relative;
display: block;
width: 50px;
height: 50px;
line-height: 45px;
font-size: 32px;
color: #fff;
margin: 0 auto;
border: 2px solid #fff;
border-radius: 50%;
text-align:center;
}
.dothover .arrow{
-webkit-animation-name: bounce-arrow; 
-webkit-animation-duration: 1s; 
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;

-moz-animation-name: bounce-arrow; 
-moz-animation-duration: 1s; 
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
}
@-webkit-keyframes bounce-arrow {
0% {
top: 0px;
}
25% {
top: 6px;
}
50% {
top: 12px;
}
75% {
top: 6px;
}
100% {
top: 0px;
}
}

@-moz-keyframes bounce-arrow {
0% {
top: 0px;
}
25% {
top: 6px;
}
50% {
top: 12px;
}
75% {
top: 6px;
}
100% {
top: 0px;
}
}
/*end slide area*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size:18px!important;}
#sp-header {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
border-bottom: 1px solid #f0f0f0;
transition: all 0.4s ease-in-out 0s;
}

/**/
.title-heading .sppb-addon-title::after {
border-bottom: 4px solid #313139;
content: "";
display: block;
height: 10px;
left: 0;
margin: 25px auto;
width: 60px;
}
/**/
.animated-nr .sppb-animated-number-title {
font-weight: 400;
letter-spacing: 1px;
margin-top: 7px;
font-family: oswald,sans-serif;
}
.animated-nr .sppb-animated-number {
font-family: montserrat,sans-serif;
font-weight: 900;
}
/**/
.team-description {
padding: 20px 30px;
position: absolute;
left: auto;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
bottom: -90px;
width: 100%;
text-align: center;
display: block;
}
.team-image img {
width: 100%;
}
.single-team:hover .team-description,
.single-team:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-team:hover .team-description {
bottom: 0px;
}
.team-description h4 {
color: #fff;
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.team-description h3 {
font-size: 16px;
margin-bottom: 30px;
text-transform: capitalize;
font-weight: 500;
-webkit-transition: .3s;
transition: .3s;
color: #fff;
}
.team-description p {
color: #fff;
}
.single-team,
.team-description {
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
overflow: hidden;
}
.team-social {}
.team-social ul {
padding: 0;
margin: 0;
list-style: none;
}
.team-social ul li {
display: inline-block;
margin: 0px 5px;
}
.team-social ul li a {
font-size: 14px;
color: #fafafa;
}
/*bubba*/

figure.effect-bubba img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}

figure.effect-bubba h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*ruby*/
figure.effect-ruby {
background-color: #000;
}

figure.effect-ruby img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}

figure.effect-ruby:hover img {
opacity: 0.1;
-webkit-transform: scale(1);
transform: scale(1);
}

figure.effect-ruby h2 {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
.owl-theme .owl-controls {
display: block!important;
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 8px;
height: 8px;
margin: 5px 7px;
border-radius: 20px;
background: #00d2c4;
}
/**/
.single_feature i {
box-shadow: 0 3px 0 #eee;
border-radius:100%;
padding:0px;
height:60px!important;
width:60px!important;
line-height:65px!important;
text-align:center!important;
transition: all 0.3s ease 0s;
}
.single_feature {padding:70px 37px;transition: all 0.3s ease 0s;}
.single_feature:hover {
box-shadow: 0 20px 40px 0px #eee;
transition: all 0.3s ease 0s;
z-index:100;
}

.single_feature_color i {
box-shadow: 0 3px 0 #eee;
border-radius:100%;
padding:0px;
height:60px!important;
width:60px!important;
line-height:65px!important;
text-align:center!important;
transition: all 0.3s ease 0s;
}
.single_feature_color {padding:70px 37px;transition: all 0.3s ease 0s;}
.single_feature_color:hover {
box-shadow: 0 20px 40px 0px #eee;
transition: all 0.3s ease 0s;
z-index:100;
}
/**/

.fontsize14 .sppb-btn {font-size:14px;}
.fontsize13 .sppb-btn {font-size:13px;}
.fontsize12 .sppb-btn {font-size:12px;}
/**/

.testimonial-text i{
color: #fff;
font-size: 40px;
margin-bottom: 10px;}
.testimonial-text p{
color: #f7f7f7;
margin-bottom: 20px;
margin-top: 10px;
}
.testimonial-text h4{color:#fff;}
.testimonial-text h4 span{
color: #fff;
font-size: 14px;
font-weight: 400;
}
/**/
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
background: #f9f9f9!important;
border-radius: 3px;
font-size: 12px;
font-weight: 700;
padding: 12px 30px!important;
text-transform: uppercase;
transition: all 0.3s ease 0s;
color:#636363 !important;
font-family: 'Raleway', sans-serif;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {background: #00d2c4!important; color:#fff!important;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
color: #fff;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
margin-top: 20px;
text-transform: uppercase;
font-family: oswald,sans-serif;
}
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-vertical-middle .sp-simpleportfolio-title, .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-vertical-middle .sp-simpleportfolio-tags {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 15px;
letter-spacing: 1px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
background: rgba(0, 210, 196, 0.8)!important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {width:100%!important;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
background: #fff;
border: 1px solid #fff;
padding: 15px;
transition: all 0.5s ease 0s;
color:#333;
display: none;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
background: #333;
border: 1px solid #333;
transition: all 0.5s ease 0s;
color:#fff;
}

/**/
.single-pricing{
background: #fff none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
padding-top: 20px;
transition: all 0.3s ease 0s;
}
.single-pricing-bg{
background: #00d2c4 none repeat scroll 0 0;
}
.single-pricing:hover{
box-shadow:0px 50px 50px rgba(0,0,0,0.1);
z-index:100;
transform: translate(0, -10px);
}
@media only screen and (max-width:768px) { 
.single-pricing{margin-bottom: 30px;}
}
.single-pricing > h4 {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
font-size: 20px;
font-weight: 300;
margin: auto auto 30px;
padding: 10px 0;
text-align: center;
text-transform: capitalize;
width: 150px;
}
.single-pricing-bg > h4 {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
font-size: 20px;
font-weight: 300;
margin: auto auto 30px;
padding: 10px 0;
text-align: center;
text-transform: capitalize;
width: 150px;
color:#fff;
}

.pricing-price{
background: #fff none repeat scroll 0 0;
border-radius: 500px;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.11);
height: 110px;
line-height: 27px;
margin: 0 auto 15px;
padding: 30px 16px 16px;
text-align: center;
width: 110px;
}
.value{
display: block;
font-family: oswald,sans-serif;
font-size: 28px;
font-weight: 400;
}
.vylist{
display: block;
font-size: 14px;
}
.pricing-price-bg .value{color:#fff;}
.pricing-price-bg .vylist{color:#fff;}
.pricing-price-bg{
background: #00d2c4 none repeat scroll 0 0;
}
.pricing-price-bg h4 {
color:#fff;
margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price-bg p {
color: #fff!important;
font-size: 22px;
}
.pricing-price h4 {
margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price p {
color: #333;
font-size: 22px;
}

.pricing-price p span{font-size: 16px;}

.pricing-features{padding: 10px 0;}
.pricing-features p{
border-bottom: 1px solid rgba(42, 42, 42, 0.03);
margin: 0;
padding: 10px 20px;
text-align: center;
color: #636363;
font-size: 15px;
}
.pricing-features-white p{
border-bottom: 1px solid rgba(42, 42, 42, 0.08);
color:#fff;
margin: 0;
padding: 10px 20px;
text-align: center;
font-size: 15px;
}
.pricing_btn{
padding: 30px 0;
text-align: center;
}
.btn-light-bg-two-active {
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
color: #333;
font-family: oswald,sans-serif;
font-size: 18px;
padding: 10px 50px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.btn-light-bg-two-active:hover, .btn-light-bg-two-active :focus{background:#333;border: 2px solid #333;color:#fff;}
.btn-light-bg-two:hover {background:#333;border: 2px solid #333;color:#fff;}
.btn-light-bg-two {
background: #00d2c4;
border: 2px solid #00d2c4;
border-radius: 30px;
color: #fff;
font-family: oswald,sans-serif;
font-size: 18px;
padding: 10px 50px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
/**/
.theone01 .sppb-addon-content{font-size: 40px;font-weight: 300;line-height:60px;}
.theone01 .sppb-addon-content strong{font-size: 60px;font-weight: 300;line-height:90px;}
/**/

.contact input {
height: 50px!important;
padding: 20px;
width:100%;
border-radius:20px!important;
}
.contact textarea {
height: 200px!important;
padding: 20px;
width:100%;
border-radius:20px!important;
}
.contact .sppb-btn {margin-left:auto; margin-right:auto;display:block; font-size:12px;padding: 15px 27px;text-transform: uppercase;}

/**/

#sp-bottom1 ul.social-icons {text-align:center; margin-left:auto; margin-right:auto;display:block; }
#sp-bottom1 ul.social-icons > li a {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
color: #333;
display: block;
font-size: 16px;
box-shadow: 0 3px 0 #f8f8f8;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.3s ease 0s;
width: 45px;
}
#sp-bottom1 ul.social-icons > li a:hover {
color: #fff;
background: #5D82D1;
box-shadow: 0 3px 0 #5D82D1;
transition: all 0.3s ease 0s;
}
/**/
.blog h2 a {color: #333;}
.blog h2 {
font-weight: 400;
margin-bottom: 20px;
text-transform: capitalize;
color: #333;
font-family: oswald,sans-serif;
font-size: 30px;
}
/**/
#sp-right .search input {
border: 1px solid #eee;
border-radius: 30px;
box-shadow: none;
color: #333;
height: 45px;
margin-top:20px;
}
#sp-right .search input:hover {
border: 1px solid #00d2c4;
box-shadow: none;
}
#sp-right  .sp-module .sp-module-title {
border-bottom: 1px solid #eee;
font-weight: 400;
margin-bottom: 15px;
padding-bottom: 15px;
text-transform: uppercase;
font-family: oswald,sans-serif;
color: #333;
font-size: 18px;
}
#sp-right  .sp-module ul > li > a {
font-family: oswald,sans-serif;
font-size: 16px;
font-weight: 300;
}
#sp-right  .sp-module ul > li {border-bottom: 0px solid #e8e8e8;}

#sp-footer a, #sp-bottom a {
    color: #000;
}