@font-face {
font-family: 'icomoon';
src: url("../fonts/icomoon/icomoon.eot?srf3rx");
src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
font-family: "Roboto", Arial, sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 1.6;
color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 992px) {
body {
font-size: 16px;
}
}

a {
color: #7ac143;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
a:hover, a:active, a:focus {
color: #7ac143;
outline: none;
}

p {
margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
color: #000;
font-family: "Merriweather", Times, serif;
font-weight: 700;
margin: 0 0 30px 0;
}

figure {
margin-bottom: 2.5em;
float: left;
width: 100%;
}
figure figcaption {
font-size: 16px;
width: 80%;
margin: 20px auto 0px auto;
color: #b3b3b3;
font-style: italic;
font-family: "Merriweather", Times, serif;
}
@media screen and (max-width: 480px) {
figure figcaption {
width: 100%;
}
}

::-webkit-selection {
color: #fff;
background: #7ac143;
}

::-moz-selection {
color: #fff;
background: #7ac143;
}

::selection {
color: #fff;
background: #522d25;
}

#rscc-page {
width: 100%;
overflow: hidden;
position: relative;
}


#rscc-aside {
padding-top: 20px;
padding-bottom: 40px;
width: 18%;
position: fixed;
bottom: 0;
top: 0;
left: 0;
overflow-y: auto;
/*background: #ffffff;*/
background: url(../images/bg-grid.png);
z-index: 1001;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}



#rscc-aside.border {
border-right: 1px solid #e6e6e6;
}
@media screen and (max-width: 1200px) {
#rscc-aside {
width: 30%;
}
}
@media screen and (max-width: 768px) {
#rscc-aside {
width: 270px;
-moz-transform: translateX(-270px);
-webkit-transform: translateX(-270px);
-ms-transform: translateX(-270px);
-o-transform: translateX(-270px);
transform: translateX(-270px);
}
}
#rscc-aside #rscc-logo {
text-align: center;
}

#rscc-aside #rscc-logo img {
max-width: 55%;
}

#rscc-aside #rscc-main-menu ul {
text-align: center;
margin: 0;
padding: 0;
}
@media screen and (max-width: 768px) {
#rscc-aside #rscc-main-menu ul {
margin: 0 0 2em 0;
}
}
#rscc-aside #rscc-main-menu ul li {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}



#rscc-aside #rscc-main-menu ul li a {
    color: #522d25;
    text-decoration: none;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 10px 10px;
    /* letter-spacing: .2em; */
    font-family: "Merriweather", Times, serif;
}


#rscc-aside #rscc-main-menu ul li a:after {
content: "";
position: absolute;
height: 2px;
bottom: 7px;
left: 10px;
right: 10px;
background-color: #00aff1;
visibility: hidden;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#rscc-aside #rscc-main-menu ul li a:hover {
text-decoration: none;
color: black;
}
#rscc-aside #rscc-main-menu ul li a:hover:after {
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
#rscc-aside #rscc-main-menu ul li.rscc-active a {
color: #f59a38;
}
#rscc-aside #rscc-main-menu ul li.rscc-active a:after {
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}


#rscc-aside .rscc-footer {
position: absolute;
bottom: 0px;
font-size: 14px;
text-align: center;
width: 100%;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
}


#rscc-aside .rscc-footer p{
margin-bottom: 3px;
}


@media screen and (max-width: 768px) {
#rscc-aside .rscc-footer {
position: relative;
bottom: 0;
}
}
#rscc-aside .rscc-footer span {
display: block;
}
#rscc-aside .rscc-footer ul {
padding: 0;
margin: 0;
text-align: center;
}
#rscc-aside .rscc-footer ul li {
padding: 0;
margin: 0;
display: inline;
list-style: none;
}
#rscc-aside .rscc-footer ul li a {
color: rgba(0, 0, 0, 0.7);
padding: 4px;
}
#rscc-aside .rscc-footer ul li a:hover, #rscc-aside .rscc-footer ul li a:active, #rscc-aside .rscc-footer ul li a:focus {
text-decoration: none;
outline: none;
color: #7ac143;
}

#rscc-main {
width: 82%;
float: right;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
@media screen and (max-width: 1200px) {
#rscc-main {
width: 70%;
}
}
@media screen and (max-width: 768px) {
#rscc-main {
width: 100%;
}
}



#rscc-main .rscc-narrow-content {
position: relative;
width: 80%;
margin: 0 auto;
padding: 4em 0;
}



/*About RSCC*/


#rscc-main .about-rscc .rscc-narrow-content {
position: relative;
width: 90%;
margin: 0 auto;
padding: 4em 0;
}


#rscc-main .about-rscc .rscc-heading {
font-size: 45px;
margin-bottom: 10px;
    color: #522d25;
}


#rscc-main .about-rscc p {
margin-bottom: 20px;
line-height: 32px;
}






.divider {
width: 100%;
margin: 10px auto 10px;
position: relative;
height: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1);
}

.divider::after {
height: 1px;
background: #e8e8e8;
background: -moz-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
background: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
background: -o-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
background: -ms-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
position: absolute;
bottom: -1px;
content: "";
width: 100%;
left: 0;
}


.shadow,
.shadow-narrow {
position: relative;
background-color: #fff;
}

.our-team {
margin-bottom: 30px;
border-radius: 3px;
border: 1px solid #f1f1f1;
padding-top: 20px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 20px;
}


.our-team p {
font-size: 14px;
color: #666;
line-height: 1.4;
margin-bottom: 30px;
line-height: 20px !important;
}


.our-team p span{
font-weight: 400;
}

.shadow-narrow::before,
.shadow::before {
position: absolute;
left: 0;
height: 60%;
bottom: 0;
width: 100%;
content: "";
background-color: #fff;
z-index: 2;
}

.shadow-narrow::after,
.shadow::after {
content: "";
position: absolute;
height: 50%;
width: 96%;
left: 50%;
bottom: 2px;
margin-left: -48%;
-webkit-box-shadow: 0 5px 7px #999;
box-shadow: 0 5px 7px #999;
z-index: 1;
border-radius: 10%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.shadow-narrow:hover::after,
.shadow:hover::after {
bottom: 10px;
}


.shadow *,
.shadow-narrow * {
position: relative;
z-index: 3;
}



.our-team .icon {
margin-bottom: 10px;
}


our-team p {
clear: both;
margin-bottom: 15px;
}







.card {
padding-top: 20px;
margin: 10px 0 20px 0;
background-color: #ffffff;
border: 1px solid #d8d8d8;
border-top-width: 0;
border-bottom-width: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.card.hovercard {
position: relative;
/*width: 300px;*/
padding-top: 0;
overflow: hidden;
text-align: center;
background-color: #fff;
}

.card.hovercard img {
/*width: 300px;
height: 200px;*/
}

.card.hovercard .avatar {
position: relative;
top: -8em;
margin-bottom: -100px;
}

.card.hovercard .avatar img {
width: 120px;
height: 120px;
max-width: 120px;
max-height: 120px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

border: 1px solid #ffffff1f;
padding: 5px;
background: #ffffff1f;
-moz-box-shadow: inset 0 0 10px #fff;
-webkit-box-shadow: inset 0 0 10px #fff;
box-shadow: inset 0 0 10px #fff;
text-align:center;

}


.card.hovercard .info .title {
margin-bottom: 4px;
font-size: 24px;
line-height: 1;
color: #262626;
vertical-align: middle;
}

.card.hovercard .info .desc {
overflow: hidden;
font-size: 12px;
line-height: 20px;
color: #737373;
text-overflow: ellipsis;
}



.card.hovercard .info  p {
font-size: 14px;
color: #666;
line-height: 1.4;
margin-bottom: 30px;
line-height: 20px !important;
}


.card.hovercard .info  p span{
font-weight: 400;
}



.card.hovercard .bottom {
padding: 0 20px;
margin-bottom: 17px;
}

.card.people .card-bottom {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 100%;
padding: 10px 20px;
line-height: 29px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/************************/


@media screen and (max-width: 768px) {
#rscc-main .rscc-narrow-content {
width: 100%;
padding: 3.5em 1em;
}
}

.rscc-gallery {
position: relative;
margin-bottom: 5em;
float: left;
width: 100%;
}
.rscc-gallery .gallery-item {
width: 25%;
position: relative;
overflow: hidden;
display: block;
float: left;
z-index: 110;
}
.rscc-gallery .gallery-item img {
position: relative;
max-width: 100%;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 0.9s;
-o-transition: 0.9s;
transition: 0.9s;
}
@media screen and (max-width: 1200px) {
.rscc-gallery .gallery-item {
width: 33.3333%;
}
}
@media screen and (max-width: 768px) {
.rscc-gallery .gallery-item {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.rscc-gallery .gallery-item {
width: 100%;
}
}
.rscc-gallery .gallery-item .overlay {
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
z-index: 11;
vertical-align: middle;
padding-top: 30%;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.rscc-gallery .gallery-item .overlay h2, .rscc-gallery .gallery-item .overlay span {
position: relative;
z-index: 12;
margin-bottom: 0;
text-align: center;
display: block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.rscc-gallery .gallery-item .overlay h2 {
color: #fff;
font-size: 26px;
font-weight: 300;
margin-bottom: 10px;
bottom: -15px;
}
@media screen and (max-width: 768px) {
.rscc-gallery .gallery-item .overlay h2 {
font-size: 18px;
}
}
.rscc-gallery .gallery-item .overlay span {
color: #7ac143;
color: rgba(255, 255, 255, 0.7);
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 400;
bottom: -5px;
visibility: hidden;
opacity: 0;
}
.rscc-gallery .gallery-item .overlay:before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
}
.rscc-gallery .gallery-item:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rscc-gallery .gallery-item:hover .overlay {
visibility: visible;
opacity: 1;
}
.rscc-gallery .gallery-item:hover .overlay:before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
}
.rscc-gallery .gallery-item:hover .overlay h2 {
bottom: 0px;
}
.rscc-gallery .gallery-item:hover .overlay span {
visibility: visible;
opacity: 1;
bottom: 0px;
}

body.offcanvas {
overflow-x: hidden;
}
body.offcanvas #rscc-aside {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
width: 270px;
background: #fff;
z-index: 999;
position: fixed;
}
body.offcanvas #rscc-main, body.offcanvas .rscc-nav-toggle {
top: 0;
-moz-transform: translateX(270px);
-webkit-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
}

.rscc-services {
margin-top: 5px;
}
.rscc-services ul {
list-style: none;
padding: 0;
margin: 0;
}

.work-pagination {
padding: 3em 0;
}
.work-pagination a {
color: #000;
}
.work-pagination a:hover {
color: #7ac143;
text-decoration: none;
}
@media screen and (max-width: 480px) {
.work-pagination span {
display: none;
}
}

.rscc-border-bottom {
border-bottom: 1px solid #f0f0f0;
}

.rscc-testimonial {
padding: 0% 0;
background: #522d25;
position: relative;
}

@media screen and (max-width: 768px) {
.rscc-testimonial {
padding: 3em 0;
}
}
.rscc-testimonial .item {
color: white;
padding-left: 3em;
padding-right: 3em;
}
@media screen and (max-width: 768px) {
.rscc-testimonial .item {
padding-left: 0em;
padding-right: 0em;
}
}
.rscc-testimonial .item figure {
text-align: center;
margin-bottom: 1em;
}
.rscc-testimonial .item figure img {
max-width: inherit;
width: 90px;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.rscc-testimonial .item p {
font-size: 30px;
}
@media screen and (max-width: 768px) {
.rscc-testimonial .item p {
font-size: 28px;
}
}
@media screen and (max-width: 480px) {
.rscc-testimonial .item p {
font-size: 20px;
}
}
.rscc-testimonial .item .author {
font-size: 16px;
display: block;
}

.rscc-counters {
padding: 1em 0;
background: #e6e6e6;
background-size: cover;
background-attachment: fixed;
}
.rscc-counters .rscc-counter {
font-size: 50px;
display: block;
color: #fff;
font-family: "Roboto", Arial, sans-serif;
width: 100%;
font-weight: 700;
margin-bottom: .5em;
}
.rscc-counters .rscc-counter-label {
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-family: "Merriweather", Times, serif;
letter-spacing: 5px;
margin-bottom: 2em;
display: block;
}

.rscc-lead {
font-size: 24px;
line-height: 1.5;
}

.rscc-heading-colored {
color: #7ac143;
}

.rscc-cards {
padding: 1em 0;
background: #e6e6e6;
}
@media screen and (max-width: 768px) {
.rscc-cards {
padding: 1em 0;
}
}
.rscc-cards .rscc-flex-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
}
.rscc-cards .rscc-flex-wrap > div {
width: 49.5%;
margin-right: 1%;
background: #fff;
padding: 30px;
margin-bottom: 10px;
}
.rscc-cards .rscc-flex-wrap > div:nth-of-type(1) {
float: left;
}
.rscc-cards .rscc-flex-wrap > div:nth-of-type(2) {
float: right;
margin-right: 0%;
}
@media screen and (max-width: 992px) {
.rscc-cards .rscc-flex-wrap > div {
width: 100%;
margin-right: 0;
}
}
.rscc-cards .rscc-flex-wrap .rscc-card p:last-child {
margin-bottom: 0;
}
.rscc-cards .rscc-flex-wrap .rscc-card h5 {
text-transform: uppercase;
font-size: 12px;
letter-spacing: .2em;
padding: 4px 8px;
background: #ebebeb;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}

.rscc-counter .rscc-number {
font-size: 100px;
color: #7ac143;
font-weight: 400;
margin: 0;
padding: 0;
line-height: .7;
}
.rscc-counter .rscc-number.rscc-left {
float: left;
width: 30%;
}
@media screen and (max-width: 768px) {
.rscc-counter .rscc-number.rscc-left {
width: 100%;
line-height: 1.2;
}
}
.rscc-counter .rscc-text {
float: right;
text-align: left;
width: 70%;
}
@media screen and (max-width: 768px) {
.rscc-counter .rscc-text {
width: 100%;
text-align: center;
}
}
.rscc-counter .rscc-text h3 {
margin: 0;
padding: 0;
position: relative;
}
.rscc-counter .rscc-text h3.border-bottom:after {
content: "";
width: 50px;
}

.rscc-social {
padding: 0;
margin: 0;
text-align: center;
}
.rscc-social li {
padding: 0;
margin: 0;
list-style: none;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.rscc-social li a {
font-size: 22px;
color: #000;
padding: 10px;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
border-radius: 7px;
}
@media screen and (max-width: 768px) {
.rscc-social li a {
padding: 10px 8px;
}
}
.rscc-social li a:hover {
color: #7ac143;
}
.rscc-social li a:hover, .rscc-social li a:active, .rscc-social li a:focus {
outline: none;
text-decoration: none;
color: #7ac143;
}

#map {
width: 100%;
height: 700px;
}
@media screen and (max-width: 768px) {
#map {
height: 200px;
}
}

.rscc-more-contact {
background: #fafafa;
}

.rscc-feature {
text-align: left;
width: 100%;
float: left;
padding: 20px;
}
.rscc-feature .rscc-icon {
float: left;
width: 10%;
display: block;
margin-top: 5px;
}
.rscc-feature .rscc-icon i {
color: #7ac143;
font-size: 70px;
}
@media screen and (max-width: 1200px) {
.rscc-feature .rscc-icon i {
font-size: 40px;
}
}
.rscc-feature.rscc-feature-sm .rscc-icon i {
color: #7ac143;
font-size: 28px;
}
@media screen and (max-width: 1200px) {
.rscc-feature.rscc-feature-sm .rscc-icon i {
font-size: 28px;
}
}
.rscc-feature .rscc-text {
float: right;
width: 80%;
}
@media screen and (max-width: 768px) {
.rscc-feature .rscc-text {
width: 82%;
}
}
@media screen and (max-width: 480px) {
.rscc-feature .rscc-text {
width: 72%;
}
}
.rscc-feature .rscc-text h2, .rscc-feature .rscc-text h3 {
margin: 0;
padding: 0;
}
.rscc-feature .rscc-text h3 {
font-weight: 300;
margin-bottom: 20px;
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
letter-spacing: .2em;
text-transform: uppercase;
}

.rscc-heading {
font-size: 45px;
margin-bottom: 1em;
}
.rscc-heading.rscc-light {
color: #fff;
}
.rscc-heading span {
display: block;
}
@media screen and (max-width: 768px) {
.rscc-heading {
font-size: 30px;
margin-bottom: 1em;
}
}

/*.rscc-staff img {
margin-bottom: 1.5em;

}*/
.rscc-staff h3 {
margin: 0 0 5px 0;
}

.rscc-staff h4 {
margin: 0 0 0px 0;
font-weight: 300;
color: rgba(0, 0, 0, 0.4);
}

.chart {
width: 160px;
height: 160px;
margin: 0 auto 30px auto;
position: relative;
text-align: center;
}
.chart span {
position: absolute;
top: 50%;
left: 0;
margin-top: -30px;
width: 100%;
}
.chart span strong {
display: block;
}
.chart canvas {
position: absolute;
left: 0;
top: 0;
}

/* Owl Override Style */
.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
margin-top: 0;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
top: 50%;
margin-top: -29px;
z-index: 9999;
position: absolute;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
top: 24%;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
right: -40px;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover {
margin-right: -10px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
left: -40px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover {
margin-left: -10px;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next {
right: -50px;
}
@media screen and (max-width: 768px) {
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
right: 0px;
}
}

.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
left: -50px;
}
@media screen and (max-width: 768px) {
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
left: 0px;
}
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
color: #444;
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
color: #000;
}

.owl-carousel-fullwidth.rscc-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.rscc-light-arrow .owl-controls .owl-nav .owl-prev i {
color: #fff;
}
.owl-carousel-fullwidth.rscc-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.rscc-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
color: #fff;
}

@media screen and (max-width: 768px) {
.owl-theme .owl-controls .owl-nav {
display: none;
}
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
font-size: 30px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
background: none !important;
}

.owl-theme .owl-dots {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
bottom: 0;
margin-bottom: 0em;
}

.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
background: #fff;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
border: 3px solid transparent;
}
.owl-theme .owl-dots .owl-dot span:hover {
background: none;
border: 3px solid #7ac143;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: transparent;
height: 10px;
border: 2px solid #fff;
}

.btn {
margin-right: 4px;
margin-bottom: 4px;
font-family: "Roboto", Arial, sans-serif;
font-size: 18px;
font-weight: 400;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
padding: 8px 20px !important;
}
.btn.btn-sm {
padding: 4px 15px !important;
}
.btn.btn-md {
padding: 8px 20px !important;
}
.btn.btn-lg {
padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
box-shadow: none !important;
outline: none !important;
}

.btn-primary {
background: #7ac143;
color: #fff;
border: 2px solid #7ac143;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background: #88c756 !important;
border-color: #88c756 !important;
}
.btn-primary.btn-outline {
background: transparent;
color: #7ac143;
border: 2px solid #7ac143;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
background: #7ac143;
color: #fff;
}

.btn-success {
background: #5cb85c;
color: #fff;
border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
background: #4cae4c !important;
border-color: #4cae4c !important;
}
.btn-success.btn-outline {
background: transparent;
color: #5cb85c;
border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
background: #5cb85c;
color: #fff;
}

.btn-info {
background: #5bc0de;
color: #fff;
border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
background: #46b8da !important;
border-color: #46b8da !important;
}
.btn-info.btn-outline {
background: transparent;
color: #5bc0de;
border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
background: #5bc0de;
color: #fff;
}

.btn-warning {
background: #f0ad4e;
color: #fff;
border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
background: #eea236 !important;
border-color: #eea236 !important;
}
.btn-warning.btn-outline {
background: transparent;
color: #f0ad4e;
border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
background: #f0ad4e;
color: #fff;
}

.btn-danger {
background: #d9534f;
color: #fff;
border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
background: #d43f3a !important;
border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
background: transparent;
color: #d9534f;
border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
background: #d9534f;
color: #fff;
}

.btn-outline {
background: none;
border: 2px solid gray;
font-size: 16px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
box-shadow: none;
}

.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
background: transparent;
border: 2px solid rgba(0, 0, 0, 0.1);
height: 44px;
font-size: 14px;
font-weight: 300;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
border-radius: 7px;
}
.form-control:active, .form-control:focus {
outline: none;
box-shadow: none;
border-color: #7ac143;
}

#message {
height: 130px;
}

.rscc-nav-toggle {
cursor: pointer;
text-decoration: none;
}
.rscc-nav-toggle.active i::before, .rscc-nav-toggle.active i::after {
background: #000;
}
.rscc-nav-toggle.dark.active i::before, .rscc-nav-toggle.dark.active i::after {
background: #000;
}
.rscc-nav-toggle:hover, .rscc-nav-toggle:focus, .rscc-nav-toggle:active {
outline: none;
border-bottom: none !important;
}
.rscc-nav-toggle i {
position: relative;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
width: 30px;
height: 2px;
color: #000;
font: bold 14px/.4 Helvetica;
text-transform: uppercase;
text-indent: -55px;
background: #000;
transition: all .2s ease-out;
}
.rscc-nav-toggle i::before, .rscc-nav-toggle i::after {
content: '';
width: 30px;
height: 2px;
background: #000;
position: absolute;
left: 0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.rscc-nav-toggle.dark i {
position: relative;
color: #000;
background: #000;
transition: all .2s ease-out;
}
.rscc-nav-toggle.dark i::before, .rscc-nav-toggle.dark i::after {
background: #000;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}

.rscc-nav-toggle i::before {
top: -7px;
}

.rscc-nav-toggle i::after {
bottom: -7px;
}

.rscc-nav-toggle:hover i::before {
top: -10px;
}

.rscc-nav-toggle:hover i::after {
bottom: -10px;
}

.rscc-nav-toggle.active i {
background: transparent;
}

.rscc-nav-toggle.active i::before {
top: 0;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}

.rscc-nav-toggle.active i::after {
bottom: 0;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}

.rscc-nav-toggle {
position: fixed;
left: 0;
top: 0px;
z-index: 9999;
cursor: pointer;
opacity: 1;
visibility: hidden;
padding: 20px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
@media screen and (max-width: 768px) {
.rscc-nav-toggle {
opacity: 1;
visibility: visible;
}
}

@media screen and (max-width: 480px) {
.col-xxs-12 {
float: none;
width: 100%;
}
}

.row-bottom-padded-lg {
padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
.row-bottom-padded-lg {
padding-bottom: 1em;
}
}

.row-bottom-padded-md {
padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
.row-bottom-padded-md {
padding-bottom: 1em;
}
}

.row-bottom-padded-sm {
padding-bottom: 1em;
}
@media screen and (max-width: 768px) {
.row-bottom-padded-sm {
padding-bottom: 1em;
}
}

.js .animate-box {
opacity: 0;
color: #333;
}


.text-justify{
text-align: justify;
}




/*******************************************************************/

#about-home {
background-color: aliceblue;
clear: both;
background-image: url(../images/pencil-draw-house-2825548.png),linear-gradient(rgba(255,255,255,1),rgba(249,250,252,1));
background-repeat: no-repeat;
background-position: 100% 100%; 
padding: 5em 0em 1em 0em;   
}


#about-home p{
margin-bottom: 18px;
}


#about-home .rscc-narrow-content {
position: relative;
width: 80%;
margin: 0 auto;
padding: 1em 0px 0px 0px;
}

/*******************************************************************/







/*******************************************************************/

#promise {
background-color: aliceblue;
clear: both;
background-image: url(../images/promise-bg-img.png),linear-gradient(rgba(255,255,255,1),rgba(249,250,252,1));
background-repeat: no-repeat;
background-position: 100% 100%;    
}


#promise p{
margin-bottom: 18px;
}


#promise .rscc-narrow-content {
position: relative;
width: 80%;
margin: 0 auto;
padding: 1em 0px 0px 0px;
}

/*******************************************************************/








#what-we-do{

}


#what-we-do .rscc-narrow-content {
padding: 4em 0em 3em 0em;
}

#what-we-do .list-group-item {
padding: 10px 15px;
background-color: transparent;
border: none;
color: #fff;
text-transform: uppercase;

}


#what-we-do p {
font-size: 16px;

}


#what-we-do .rscc-text h3 {
font-weight: 600;
margin-bottom: 8px;
color: #555;
font-size: 16px;
letter-spacing: 0.2px;
text-transform: uppercase;
}

#what-we-do .rscc-icon {
float: left;
width: 10%;
display: block;
margin-top: 15px;
}




#what-we-do .list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

#what-we-do .bg1{
background-color: #ffb77c;
}

#what-we-do .bg2{
background-color: #ef5464;;
}

#what-we-do .bg3{
background-color: #51bbf9;;
}

#what-we-do .bg4{
background-color: #fd8d79;;
}

#what-we-do .bg5{
background-color: #ffb77c;;
}

#what-we-do .bg6{
background-color: #ffb77c;;
}



.services-wrap {
padding: 16px;
background-color: aliceblue;
border-radius: 0px;
margin: 0 0 1px;

}

.services-wrap h3 {
font-size: 18px;
margin: 0px 0;color: #fff;
}

.services-wrap .pull-left {
margin-right: 20px;
}


.bg1{
background-color: #645b5c; 
}

.bg2{
background-color: #ca0d86; 
}


.bg3{
background-color: #764394; 
}


.bg4{
background-color: #4c549f; 
}


.bg5{
background-color: #3277b5; 
}

.bg6{
background-color: #87b11d; 
}







#associates{

}


#associates .rscc-narrow-content {

padding: 3em 0em 4em 0em;
}



.partners ul {
list-style: none;
margin: 0;
padding: 0;
}

.partners ul li{
display: inline-block;
float: left;

width: 18%;
margin-right: 10px;
}



.partners ul li a img{
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #F9F9F9;
border: 1px solid #ddd;
border-radius: 0px;
-moz-box-shadow: inset 0 0 10px #D6D6D6;
-webkit-box-shadow: inset 0 0 10px #D6D6D6;
box-shadow: inset 0 0 10px #D6D6D6;
}







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

.space5 {
margin-bottom: 5px;
}

.space7 {
margin-bottom: 7px;
}

.space10 {
margin-bottom: 10px;
}

.space15 {
margin-bottom: 15px;
}

.space20 {
margin-bottom: 20px;
}

.space25 {
margin-bottom: 25px;
}

.space30 {
margin-bottom: 30px;
}

.space36 {
margin-bottom: 36px;
}

.space40 {
margin-bottom: 40px;
}

.space50 {
margin-bottom: 50px;
}

.space55 {
margin-bottom: 55px;
}

.space60 {
margin-bottom: 60px;
}

.space70 {
margin-bottom: 70px;
}

.space80 {
margin-bottom: 80px;
}

.space100 {
margin-bottom: 100px;
}

.space110 {
margin-bottom: 110px;
}

.space125 {
margin-bottom: 125px;
}

.space130 {
margin-bottom: 130px;
}

.space_top30 {
margin-top: 30px !important;
}


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



#get-in-touch{
background: url(../images/bg-grid.png); 
}


#get-in-touch h3 {

margin: 0 0 10px 0;
}

#get-in-touch .rscc-lead {
font-size: 22px;

color: #333;
}


/************# sourceMappingURL=style.css.map */









/*---------------------------------------
About Section              
-----------------------------------------*/



.what-we-do .item {
width: 100%;
display: block;
}

#rscc-main .what-we-do .rscc-narrow-content {
position: relative;
width: 90%;
margin: 0 auto;
padding: 4em 0;
}


#rscc-main .what-we-do .rscc-heading {
font-size: 45px;
margin-bottom: 10px;
}

#rscc-main .what-we-do p {
margin-bottom: 20px;
line-height: 32px;
}


.what-we-do .about-thumb {
background: #f4f4f4;
border-radius: 0px;
padding: 40px 80px 40px 40px;
position: relative;
}


.what-we-do .about-thumb h1{
color: #fff;
margin: 0 0 10px 0;
}

.what-we-do .about-img img {
border: 8px solid #ffffff;
position: absolute;
left: -120px;
bottom: -325px;
padding: 12px;
}


.what-we-do .bg1{
background: #522d25;
border-top: 5px solid #fdd123; 
}

.what-we-do .bg2{
background: #4ec9f5;
border-top: 5px solid #fddb1f;
}


.what-we-do .bg3{
background: #cb7246;
border-top: 5px solid #5e5e60;
}

.what-we-do .bg4{
background: #856546;
border-top: 5px solid #522d25; 
}


.what-we-do .bg5{
background: #a1a1a1;
border-top: 5px solid #f9bc30;
}


.what-we-do .bg6{
background: #00adef;
border-top: 5px solid #522d25;
}



.widget-categories  ul, ol {
list-style: none;
margin: 0;
padding: 0;
}

.sidebar .widget ul {
margin: 0;
}


.widget-categories ul li {
padding: 8px 0;
text-decoration: none;
display: block;
border-bottom: 1px solid #ffffff6b;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #fff;
}

.widget-categories ul li a {
padding: 8px 0;
text-decoration: none;
display: block;
border-bottom: 1px solid #ffffff6b;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #fff;
}

.widget-categories ul li:first-child a {
padding-top: 0;
}

.widget-categories ul li a:hover {
padding-left: 8px;
}


.widget-categories ul li:hover {
padding-left: 8px;
}


.sidebar .widget-popular-posts li {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #eee;
}

.sidebar .widget-popular-posts li:last-child {
margin: 0;
padding: 0;
border: none;
}





/**************************************************************************/
#current-projects{

}





#current-projects .team-thumb {
width: 100%;
height: 380px;
margin: 40px 0;
text-align: center;
background: #ffffff;
border-radius: 0px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #f1f1f1;
}




#current-projects  .team-thumb .image-holder {
position: relative;
top: 40px;
display: inline-block;
margin-bottom: 40px;
padding: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#current-projects  .team-thumb .heading {
font-weight: bold;
position: relative;
top: 10px;
-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
color: #4ec9f5;
margin: 0 0 0px 0;

}



#current-projects  .team-thumb .heading a{
text-decoration: none;

}


#current-projects  .team-thumb:hover {
background: #522d25;
}

#current-projects  .team-thumb:hover .image-holder {
top: -40px;
margin-bottom: 0px;
}

#current-projects  .team-thumb:hover .heading {
top: -10px;
}

#current-projects  .team-thumb .description {
font-size: 18px;
width: 80%;
margin: 0 auto;
opacity: 0;
-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}

#current-projects  .team-thumb:hover .description {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}


#current-projects  .team-thumb:hover .description a{
text-decoration: none;
}


#current-projects  .team-thumb:hover p.description {
color: #ffffff;

}










#current-projects  .cp-block {
margin-bottom: 30px;
border-radius: 3px;
border: 1px solid #f1f1f1;
padding-top: 16px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
}

#current-projects  .cp-block a{
text-decoration: none;
}



#current-projects  .cp-block p {
clear: both;
margin-bottom: 12px;
line-height: 28px;
color: #333;
font-size: 16px;
}



#current-projects  .cp-block  h3 {
font-weight: 600;
margin: 0 0 16px 0;
}



.shadow-narrow::before,
.shadow::before {
position: absolute;
left: 0;
height: 60%;
bottom: 0;
width: 100%;
content: "";
background-color: #fff;
z-index: 2;
}

.shadow-narrow::after,
.shadow::after {
content: "";
position: absolute;
height: 50%;
width: 96%;
left: 50%;
bottom: 2px;
margin-left: -48%;
-webkit-box-shadow: 0 5px 7px #999;
box-shadow: 0 5px 7px #999;
z-index: 1;
border-radius: 10%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.shadow-narrow:hover::after,
.shadow:hover::after {
bottom: 10px;
}


.shadow *,
.shadow-narrow * {
position: relative;
z-index: 3;
}


.icon.bg-df {
background-color: #09afdf;
color: #ffffff;
}

.cp-block .icon {
margin-bottom: 10px;
}


.icon {
display: inline-block;
text-align: center;
background-color: rgba(255, 255, 255, 0.85);
color: #000;
font-size: 24px;
width: 60px;
height: 60px;
line-height: 58px;
transition: all .2s ease-in-out;
border-radius: 0;
transform: rotate(45deg);
border: 1px solid transparent;
}



.icon i {
position: relative;
z-index: 1;
transform: rotate(-45deg);
}










/*


.content-wrapper {
border-top: 1px solid white;
background: #ffffff;
padding-bottom: 80px;
}


.box-content {
    background: white;
    padding: 15px 15px 20px 15px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
}


.post-masonry {
margin-bottom: 30px;
}
.post-masonry .blog-thumb {
position: relative;
overflow: hidden;
}
.post-masonry .blog-thumb img {
width: 100%;
}
.post-masonry .blog-thumb:hover .overlay-b {
opacity: 1;
visibility: visible;
}
.post-masonry .blog-body h3.post-title {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 0px 0;
    text-align: center;
}
.post-masonry .blog-body h3.post-title a {
color: #2c2c2c;
}
.post-masonry .blog-body h3.post-title a:hover {
color: #f69730;
}
.post-masonry .blog-body span {
display: inline-block;
margin: 10px 0;
}

.blog-image {
overflow: hidden;
}
.blog-image img {
width: 100%;
}

.blog-info h2.blog-title {
font-size: 2em;
font-weight: normal;
}
.blog-info span.blog-meta {
margin: 20px 0;
display: block;
}
@media screen and (max-width: 768px) {
.blog-info h2.blog-title {
font-size: 1.6em;
}
}

.blog-tags {
margin-top: 30px;
}
.blog-tags span {

}
.blog-tags a {
display: inline-block;
margin: 0 5px;
}
.blog-tags a:after {
content: ',';
color: #aaaaaa;
}
*/


/*****************************************************************************/






#projects-details .rscc-narrow-content{
padding: 2em 0 !important;

}












.table {
    font-family: "Merriweather", Times, serif;
}





/**************************************************************************/
#clients{

}


#clients  .clients-block {
margin-bottom: 30px;


position: relative;
padding: 20px 18px 0px 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
margin-bottom: 25px;
border: 1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
-o-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
-moz-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;

}


#clients  .clients-block img{

margin: 0 auto;
}



#clients .clients-block a{
text-decoration: none;
}



#clients .clients-block p {
clear: both;
/* margin-bottom: 12px; */
line-height: 28px;
color: #555;
font-size: 14px;
margin: 18px 0px 8px 0px;
border-top: 1px solid #e8e8e8;
padding-top: 8px;
font-weight: normal;
}



#clients  .clients-block  h3 {
font-weight: 600;
margin: 0 0 16px 0;
}



.shadow-narrow::before,
.shadow::before {
position: absolute;
left: 0;
height: 60%;
bottom: 0;
width: 100%;
content: "";
background-color: #fff;
z-index: 2;
}

.shadow-narrow::after,
.shadow::after {
content: "";
position: absolute;
height: 50%;
width: 96%;
left: 50%;
bottom: 2px;
margin-left: -48%;
-webkit-box-shadow: 0 5px 7px #999;
box-shadow: 0 5px 7px #999;
z-index: 1;
border-radius: 10%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.shadow-narrow:hover::after,
.shadow:hover::after {
bottom: 10px;
}


.shadow *,
.shadow-narrow * {
position: relative;
z-index: 3;
}



/*****************************************************************************/















/*------------------------------------------*/
/*			10 - SideBar Styles
/*------------------------------------------*/

.sidebar {
margin-bottom: 30px;
}

.sidebar a {
color: #666;
}

.sidebar .widget {
overflow: hidden;
margin-bottom: 0px;
}

.sidebar .widget ul {
margin: 0;
list-style: none;
padding: 0;
}

.widget-search input[type="search"] {
position: relative;
margin: 0;
float: left;
height: 37px;
line-height: 37px;
width: calc(100% - 38px);
border-right: none;
border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
}

.widget-search .search-btn {
display: inline-block;
width: 38px;
height: 37px;
border: none;
color: #fff;
font-size: 1.2em;
line-height: 36px;
text-align: center;
border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.widget-search .search-btn:hover {
background-color: #444;
}

.sidebar .widget h4 {
text-transform: uppercase;
padding-bottom: 8px;
margin-bottom: 16px;
font-size: 14px;
font-weight: 500;
position: relative;
}

.sidebar .widget h4 .head-line {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 50px;
height: 2px;
background-color: #ddd;
margin: 0;
}

.widget-categories ul li a {
padding: 8px 0;
text-decoration: none;
display: block;
border-bottom: 1px solid #eee;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.widget-categories ul li:first-child a {
padding-top: 0;
}

.widget-categories ul li a:hover {
padding-left: 8px;
}

.sidebar .widget-popular-posts li {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #eee;
}

.sidebar .widget-popular-posts li:last-child {
margin: 0;
padding: 0;
border: none;
}

.sidebar .widget-popular-posts .widget-thumb {
float: left;
margin-right: 8px;
border: 3px solid #eee;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
}

.sidebar .widget-popular-posts .widget-thumb img {
width: 65px;
height: 65px;
opacity: 1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.sidebar .widget-popular-posts .widget-thumb:hover img {
opacity: 0.7;
}

.sidebar .widget-popular-posts .widget-content h5 {
    font-size: 21px;
    line-height: normal;
        color: #555;
    font-weight: 600;
    padding: 20px 0px 0px 0px;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
}

.sidebar .widget-popular-posts .widget-content span {
color: #bbb;
font-size: 12px;
}

.sidebar .tagcloud a {
display: inline-block;
color: #666;
font-size: 12px;
padding: 4px 10px;
background: #eee;
margin-bottom: 4px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.sidebar .tagcloud a:hover {
color: #fff;
}







/*--------------------------------*/
/* 6.Services Area
/*--------------------------------*/
.services-area{
    position: relative;
}
.single-services{
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.main-services {
    display: block;
    overflow: hidden;
    padding: 20px;
    position: relative;
    z-index: 1;
}
.services-icon {
    width: 60px;
    float: left;
    height: 100px;
    font-size: 40px;
    color: #fd5f16;
}
.services-img {
    overflow: hidden;
    position: relative;
}
.services-img img {
    transform: scale(1.1);
    transition: 0.4s;
}
.image-layer {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background:#522d25d1 none repeat scroll 0 0;
    z-index: 1;
    opacity: 1;
	transition: 0.4s;
}
.image-layer a {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    margin-top: -50px;
}
.image-layer a i {
    border-radius: 50%;
	background: transparent;
	font-size: 100px;
	color:#fff;
	opacity: 0.90;
}
.service-content h4 {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 0 0 10px;
    text-transform: uppercase;

    font-family: "Merriweather", Times, serif;
}


.service-content p {
font-size: 20px;
}


.service-btn {
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    z-index: 2;
}
.service-btn::after {
    position: absolute;
    content: "\f105";
    font-family: fontAwesome;
    right: -12px;
    top: -3px;
}
.single-services:hover .services-img img {
    transform: scale(1);
    transition: 0.4s;
}
.single-services:hover .image-layer {
    position: absolute;
    left: 0;
    top: 0;
	transition: 0.4s;
}
.single-services:hover .service-content h4{
    color: #fd5f16;
}

.service-content h4 a{
    color: #522d25;
    text-decoration: none;
}

.single-services:hover .service-btn:hover{
    color: #fd5f16;
}
.services-carousel .col-md-4{
	width: 100%;
}
.services-carousel{
	margin-bottom: 20px;
}
.services-carousel.owl-carousel .owl-stage-outer {
    padding-bottom: 5px;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    color: #fff;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: 50%;;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    border:1px solid #fff;
    width: 40px;
    height: 40px;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
    right: 1%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
    left: 1%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
    color:#fff;
    background: #fd5f16;
    border: 1px solid #fd5f16;
}





/* divider section */
.divider {
    color: #fff;
    text-align: center;
  }
  .divider .fa {
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 32px;
    width: 80px;
    height: 80px;
    line-height: 76px;
    text-transform: capitalize;
  }


  .divider img {
    border: 2px solid #ffffff8a;
    /* border-radius: 50%; */
    /* font-size: 32px; */
    /* width: 80px; */
    /* height: 80px; */
    /* line-height: 76px; */
    text-transform: capitalize;
    padding: 12px 12px 15px 12px;
    width: 30%;
  }

  .divider h2 {
    padding-bottom: 4px;
    font-size: 36px;
    margin: 20px 0 8px 0;
    color: #ffffff;
  }

  .divider .divider-wrapper {
    padding: 50px 20px 30px 20px;
    position: relative;
    bottom: 40px;
    transition: all 0.4s ease-in;
    text-decoration: none;
  }

  .divider .divider-wrapper a {
    color: #ffffff;
    text-decoration: none;
  }




  .divider .divider-wrapper:hover {
    bottom: 60px;
    cursor: pointer;
    text-decoration: none;
  }

  .divider .divider-one {
    background: #c14000;
  }
  .divider .divider-two {
    /* background: #009988; */
    background: #05ADEE;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #05ADEE, #4EC9F5);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #05ADEE, #4EC9F5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
  }
  .divider .divider-three {
    /* background: #ffa500; */
    background: #fc4a1a;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #F89C2F, #fa7123);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #F89C2F, #fa7123); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  }
  




  /* ==============================
  17. Team styles
============================== */

.team-pad {
    padding: 0 0 6em;
}
.team-area .our-team {
    margin-top: 0.6em;
}
.team-area .our-team-page {
    margin-top: 0;
    margin-bottom: 30px;
}
.team {
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
@media (max-width: 991px) {
    .team {
        padding: 15px;
    }
}
@media (max-width: 767px) {
    .team {
        padding: 15px;
        width: 400px;
        max-width: 100%;
        margin: 0 auto;
    }
}
.team .team-images {
    background: url("../images/team/img-bg.jpg") repeat center center;
    text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 297px;
}
.team .team-images:after {
    content: '';
    background: transparent;
    position: absolute;
    border: 1px solid #fff;
    /*z-index: -1;*/
    
    display: block;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.team .team-images:before {
    position: absolute;
    background-color: rgba(3, 137, 158, 0.6);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    opacity: 0;
}
.team .team-images img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.team .team-content {
    padding: 1em 0px 0.8em;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 2px solid #e4e4e4;
    margin: 5px 0 0;
}
.team .team-content h4 {
    font: 400 1.15em/1em "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #242424;
    margin: 0;
}
.team .team-content p {
    font: 400 14px/22px "Open Sans", sans-serif;
    letter-spacing: 0.3px;
    color: #898989;
    margin: 0;
}
.team .social-icons {
    display: table;
    position: absolute;
    bottom: 15px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    text-align: center;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.team .social-icons li {
    display: inline-block;
}
.team .social-icons li + li {
    margin-left: 25px;
}
@media (max-width: 1199px) {
    .team .social-icons li + li {
        margin-left: 15px;
    }
}
.team .social-icons li a {
    font-size: 22px;
    color: #fff;
    padding: 0;
}
.team .social-icons li a:hover,
.team .social-icons li a:focus {
    background: none;
    color: #c89551;
}
.team:hover .social-icons {
    bottom: 125px;
}
.team:hover .team-images:after {
    border: 1px solid #fff;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    background: transparent;
}
.team:hover .team-images:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 1;
}
.team:hover .team-content {
    background: #e6ab0c;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    border: 2px solid #d59d08;
}
.team:hover .team-content h4,
.team:hover .team-content p {
    color: #fff;
}
.dedicated-team {
    padding-top: 22px;
}
.dedicated-team .our-teams {
    margin-bottom: 30px;
}
.team-wrapper {
    padding: 100px 0;
    min-height: 669px;
}
.team .box-img {
    position: relative;
}
.team .box-img img {
    width: 100%;
}
.team .box-img .caption {
    position: absolute;
    bottom: -20px;
    background: rgba(10, 45, 78, 0.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 20px 30px;
    width: 100%;
    text-align: center;
}

.team .box-img .caption h2 {
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.team .box-img .caption p {
    color: #fff;
    font-size: 15px;
    margin: 0 0 20px 0;
}
.team .box-img .caption a {
    font-size: 13px;
    color: #fab90a;
    text-transform: uppercase;
    font-weight: bold;
}
.team-wrapper4 {
    background: url("../images/team/bg-team4.jpg") repeat;
    padding: 101px 0 71px;
    min-height: 813px;
    width: 100%;
}
.team-wrapper4 .team {
    margin: 0 0 30px 0;
}