/* Services */

#en-services {

    padding: 40px 0;

    background: #fafafa;

    background-image: url(../img/pattern/04.html);

    background-repeat: repeat;

    color: #ffffff;

}

.section-title.text-left hr { margin-left: 0 }

.section-title.text-center {

    width: 60%;

    margin: auto;

    margin-bottom: 60px;

}

.section-title h2 { line-height: 26px }

.section-title hr {

    width: 60px;

    border-color: #ff6600;

}

.service h4 { margin-top: 20px }

.service>a h4,

.service>a img {

    transition: all 0.5s;

    opacity: 0.8;

}

.service:hover>a h4 { color: #ff6600 }

.service:hover>a img { opacity: 1 }

/* CTA */

.en-cta { background-image: url(../img/slider/01.html);background-position-x: -220px;

    background-position-y: -180px; }

.en-cta .overlay {

    padding: 3%;

    color: #ffffff;

}

.overlay.dark { background-color: rgba(0, 0, 0, 0.60) }

.overlay.color { background-color: rgba(255, 182, 66, 0.85) }

.overlay.light {

    background-color: rgba(255, 255, 255, 0.5);

    color: #222222 !important;

}

.en-cta2 {

    padding: 3%;

    color: #ffffff;

}

.en-cta-solid {

    padding: 3%;

    background-color: #f1f1f1;

    margin: 20px 0;

}

.en-cta-solid.dark {

    background-image: url(../img/pattern/04.html);

    background-repeat: repeat;

    color: #ffffff;

}

.en-cta-solid.color {

    background-color: #ff6600;

    color: #f1f1f1;

}

/* Single Blog Posts */

ul.share {

    margin: 20px 0;

    border-top: 2px solid #ff6600;

    padding: 10px;

    background: #FBFBFB;

}

ul.share li {

    margin-right: 10px;

    font-size: 20px;

}

.author {

    border-top: 2px solid #ff6600;

    margin-top: 60px;

    background: #FBFBFB;

    padding: 20px;

}

.media.comment {

    padding: 20px 0;

    border-top: 2px solid #ff6600;

}

.media.reply-comment { padding: 20px 0 }

/* Comment Form */

#comment-form { margin-bottom: 30px }

/* Team Page */

#en-team {

    background: #fafafa;

    background-image: url(../img/pattern/03.html);

    background-repeat: repeat;

    color: #ffffff;

    padding: 80px 0;

}

.team .hover-bg {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}

.team .hover-bg .hover-text.on { opacity: 1 }

.team .hover-bg .hover-text.off {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transition: all 0.3s;

    -webkit-transform: translateY(62%);

    transform: translateY(62%);

    opacity: 1;

    background: rgba(0, 0, 0, 0.70);

}

.team .hover-bg:hover .hover-text.off {

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

    opacity: 1;

}

.team h5,

.career-position h5 { margin-bottom: 0px }

.career-position h6 {

    color: #ff6600;

    text-decoration: underline;

}

#en-career {

    padding: 80px 0;

    background: #ffffff;

}

/* Error Page */

.error i { font-size: 200px }

/* Career Page */

.position-details {

    margin-top: 40px;

    border-top: 1px solid #f1f1f1;

    padding: 30px 0;

}

/*===========================================*/

/* Portfolio Section and Page

/*===========================================*/

#en-portfolio {

    padding: 80px 0;

    background-color: #ffffff;

}

#portfolio-items .item {

    padding: 30px 0px;

    margin: 5px 10px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.item .hover-bg {

    position: relative;

    overflow: hidden;

}

.hover-bg .hover-text {

    position: absolute;

    display: block;

    bottom: 0;

    width: 100%;

    height: 60%;

    padding: 20px;

    color: #ffffff;

    transition: all 0.8s;

}

.hover-bg .hover-text.on { opacity: 1 }

.hover-bg .hover-text.off {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transition: all 0.3s;

    -webkit-transform: translateY(65%);

    transform: translateY(65%);

    opacity: 1;

    background: rgba(0, 0, 0, 0.70);

}

.hover-bg:hover .hover-text.off {

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

    opacity: 1;

}

#portfolio-items .owl-controls i.fa { font-size: 30px }

#en-portfolio .owl-theme .owl-controls .owl-buttons div {

    color: #222222;

    display: inline-block;

    margin: 5px;

    padding: 3px 10px;

    font-size: 12px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    background: transparent;

    opacity: 0.5;

}

/* Portfolio Page */

#itemsWork .item { margin-bottom: 30px }

.isotope-item { z-index: 2 }

.isotope-hidden.isotope-item { z-index: 1 }

.isotope,

.isotope .isotope-item {

    /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    transition-duration: 0.8s;

}

.isotope-item {

    margin-right: -1px;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.isotope {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    transition-property: height, width;

}

.isotope .isotope-item {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property: -moz-transform, opacity;

    transition-property: transform, opacity;

}

ul.list-inline.cat {

    padding: 10px;

    border-bottom: 1px solid #f1f1f1;

    border-top: 1px solid #f1f1f1;

    text-align: center;

}

ul.cat li a {

    padding: 10px 5px;

    border-top: 2px solid transparent;

    border-bottom: 2px solid transparent;

}

ul.cat li a:hover,

ul.cat li a:focus,

ul.cat li a:active,

ul.cat li a.active {

    border-top: 2px solid #ff6600;

    border-bottom: 2px solid #ff6600;

}

.project-details {

    margin-top: 40px;

    border-top: 1px solid #f1f1f1;

    padding: 30px 0;

    border-bottom: 1px solid #f1f1f1;

}

/*===========================================*/

/* Testimonial Section

/*===========================================*/

#testimonial .item {

    width: 80%;

    margin: auto;

}

.testimonial .owl-theme .owl-controls .owl-page span,

.owl-theme .owl-controls .owl-page span {

    display: block;

    width: 20px;

    height: 10px;

    margin: 2px 5px;

    opacity: 0.5;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 0;

    background: transparent;

    border: 1px solid #777;

}

.testimonial .owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls .owl-page.active span {

    opacity: 1;

    background: #ff6600;

    border-color: transparent;

}

.owl-theme .owl-controls,

.owl-theme .owl-controls { margin-top: 10px }

.testimonial {

    background: url(../img/slider/01.html);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: scroll;

}

.testimonial .overlay { padding: 4% }

.testimonial.light .overlay { background: rgba(255, 255, 255, 0.92) }

.testimonial.dark .overlay {

    background: rgba(40, 47, 53, 0.85);

    color: #ffffff;

}

.testimonial.color .overlay {

    background-color: rgba(255, 182, 66, 0.85);

    color: #ffffff;

}

.testimonial.color blockquote footer { color: #f1f1f1 }

.testimonial.color .owl-theme .owl-controls .owl-page span {

    background: transparent;

    border: 1px solid #ffffff;

}

.testimonial.color .owl-theme .owl-controls .owl-page.active span {

    opacity: 1;

    background: #ffffff;

    border-color: transparent;

}

.testimonial img {

    width: 80px;

    height: 80px;

    margin-bottom: 30px;

}

.testimonial blockquote {

    border-left: 0;

    font-style: italic;

    background-color: transparent;

}

.testimonial blockquote footer {

    margin-top: 15px;

    color: #ff6600;

}



/*===========================================*/

/* Blog/News

/*===========================================*/

#en-news {

    padding: 80px 0;

    background: #fafafa;

    background-image: url(../img/pattern/04.html);

    background-repeat: repeat;

    color: #ffffff;

}

.news>a h4 { transition: all 0.8s }

.news:hover>a h4 { color: #ff6600 }

.news>hr {

    width: 100px;

    border-color: #333333;

    margin-left: 0;

}

span.meta-date,

p.meta { color: #000 }

.meta-date i,

p.meta span { margin-right: 10px }

/* Partners */

#en-partners {

    padding: 80px 0;

    background: #ffffff;

}

/* News / Blog Page */

#blogposts .news { margin-bottom: 32px;
padding: 15px;
  box-shadow: 0px 0px 18px #C6C5C4;
border:#DDDDDD solid 1px;}

#blogposts .news hr { border-color: #f1f1f1 }

.news:hover>a h3 { color: #ff6600 }

.news .featured-img { position: relative }

.featured-img span.meta-date {

    position: absolute;

    top: 0;

    padding: 20px;

    background: rgba(0, 0, 0, 0.48);

    color: #ffffff;

}

/* Pagination */

.pagination > li:first-child > a,

.pagination > li:first-child > span {

    margin-left: 0;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,