*,html,body
{
margin:0;
padding:0;
}
body{
height:300px;


}

header
{
background-color:deepskyblue;
height:112px;
line-height:112px;
position:fixed;
z-index:1;
width:100%;

}
.secondary{
background-color:#FF99CC;
box-shadow: 0px 0px 17px 0px;

}

ul
{
list-style: none;
}

ul li 
{
display:inline-block;
}
header nav
{
float:left;
}

.logo img
{
margin-top:10px

}
header nav ul li a 
{
padding-right:40px;
font-weight:bold;
color:#FFFFFF;
transition: all 0.5s ease-in;

}
header nav ul li a:hover
{
text-decoration:none;
color:#FF0000;

}
.intro-area{
position:relative;
padding:40px 0px;
text-align:center;

}
.sub-heading{
position:relative;
margin-bottom:75px;

}
.sub-heading:before
{
content:"";
position: absolute;
top:100%;
left:50%;
margin-left:-3%;
width:6%;
height:1px;
background-color:deepskyblue;
z-index:1;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.sub-heading:hover:before
{
width:24;
margin-left:-12px;

}
.sub-heading:after{
content:"";
position: absolute;
top: 100%;
left: 50%;
margin-left:-12%;
width: 24%;
height:1px;
background-color:#e1e1e1;
}
.sub-heading p{
color:#818181;
display:inline-block;
padding:0px 0px 20px;
position:relative;
line-height:24px;
letter-spacing:0.025em;

}

.intro-block{
position:relative;
background:#f7f7f7;
margin: 50px 0px 0px;
text-align:center;
padding: -4px 25px 40px;

}

.intro-block:Hover,.intro-block.active
{

background:#0AABE1;

}

.intro-block:hover{
-webkit-transition:3s ease;
-moz-transition:3s ease;
-o-transition:3s ease;
-ms-transition:3s ease;


}

.intro-block.intro-icon
{
position:absolute;
top:63px;
left:50%;
margin-left: -31px;
}
.intro-block .fa
{
width:50px;
height:50px;
font-size:30px;
line-height:2;
background:deepskyblue;
border-radius:50%;
box-shadow: 0px 0px 0px 10px #cceef9;

}
.intro-block .fa, .intro-block.active.fa
{
background:white;
color:deepskyblue;
box-shadow: 0px 0px 0px 10px deepskyblue;

}

.intro-block h3{
font-size: 18px;
color: deepskyblue;
font-weight:700;
text-transform:uppercase;
margin-bottom:15px;

}

.intro-block p{
color:#505050;
}

.intro-block:hover h3, .intro-block:hover p{
color: #f6f6f6;



}

.feature-area
{
background-image:url(../pics/18.jpg);
background-position:center;
background-attachment:fixed;

}
.title h2,p
{
color:#FFFFFF;
}
.single-feature h3
{
color:#FFFFFF;
}
.single-feature
{
position:relative;
width: 225px;
float:left;
padding:30px 0;
text-align:center;
border-right:0px solid #0099FF;
border-bottom:0px solid #0099FF;
-webkit-transition:3s ease;
-moz-transition:3s ease;
-o-transition:3s ease;
-ms-transition:3s ease;

}

.feature-icon:after
{
content:"";
display:table;
}

.feature-icon:after
{
clear:both;

}

.feature-icon
{
display:inline-block;
margin-bottom:20px

}
.single-feature i.fa
{
border: 2px solid #fff;
padding:inherit;
border-radius: 50%;
font-size:30px;
background-color:deepskyblue;
color:white;
width:64px;
height:64px;
transition:3s ease;
-webkit-transition:3s ease;
-moz-transition:3s ease;
-o-transition:3s ease;
-ms-transition:3s ease;

}
.feature-block:hover.single-feature
{
border:white;
transition:1s ease;
-webkit-transition:1s ease;
-moz-transition:1s ease;
-o-transition:1s ease;
-ms-transition:1s ease;

}

.single-feature:hover .feature-icon .fa
{
border:2px solid #00a7dd;
background-color:white;
color:deepskyblue;



}

.testimonials
{

background-size: cover;
background-position:center;
background-attachment:fixed;
padding-top: 120px;
padding-bottom:120px;
color:#666666;


}

.testimonials .carousel-indicators
{
bottom:-20px;
}

.testimonials .sub-heading p
{
color:#666666;
}

.carousel-inner img
{
width:150px;
height:150px;
border-radius:100%;
border:2px solid deepskyblue;
padding:5px;


}
.testimonials .carousel-indicators li.active

{
background-color:deepskyblue;

}