@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('../css/et-line-font.css');
@import url('../css/material-design-iconic-font.min.css');

body {
color: #888!important;
font-family: "Roboto",sans-serif!important;
font-size: 15px!important;
font-weight: normal!important;
line-height: 28px;
}
.h2, h2 {
font-size: 30px;
font-weight: 500;
line-height: 1.1;
color: #333;
font-family:Roboto;
}
h5 {
color: #777;
font-size: 15px;
font-weight: 300;
line-height: 26px;
font-family: "Roboto",sans-serif;
}


/*menu*/

#sp-header.transparent.menu-fixed-out {
background: transparent none repeat scroll 0 0;
border-bottom: 0 solid transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
height: 35px;
left: 0;
position: absolute;
top: 30px;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 99;
}

#sp-header.transparent.menu-fixed-out {transition: all 0.3s ease 0s;}
#sp-header.transparent.menu-fixed {
background: #1d1d21;
height: 60px;
opacity: 1;
transition: all 0.3s ease 0s;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
#sp-header.transparent.menu-fixed .sp-megamenu-parent > li > a {
color: #fff;
line-height: 35px;
margin-top: 11px;
}
#sp-header.transparent.menu-fixed .logo {height: 62px;}
#sp-header.transparent.menu-fixed-out .logo {height: 50px;}

/**/

#sp-header.transparent .sp-megamenu-parent > li > a {
color: #eee;
font-size: 13px;
letter-spacing: 1px;
line-height: 50px;
padding: 0 15px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
font-weight: 500;
}
#sp-header.transparent .sp-megamenu-parent > li > a:hover {color:#97141a;}

.nav-placeholder {display:none!important;}


/*dark*/


#sp-header.transparent-dark.menu-fixed-out {
background: transparent none repeat scroll 0 0;
border-bottom: 0 solid transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
height: 35px;
left: 0;
position: absolute;
top: 30px;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 99;
}

#sp-header.transparent-dark.menu-fixed-out {transition: all 0.3s ease 0s;}
#sp-header.transparent-dark.menu-fixed {
background: #fff;
height: 60px;
opacity: 1;
transition: all 0.3s ease 0s;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
#sp-header.transparent-dark.menu-fixed .sp-megamenu-parent > li > a {
color: #333;
line-height: 35px;
margin-top: 11px;
}
#sp-header.transparent-dark.menu-fixed .logo {height: 62px;}
#sp-header.transparent-dark.menu-fixed-out .logo {height: 50px;}

/**/

#sp-header.transparent-dark .sp-megamenu-parent > li > a {
color: #333;
font-size: 13px;
letter-spacing: 1px;
line-height: 50px;
padding: 0 15px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
font-weight: 500;
}
#sp-header.transparent-dark .sp-megamenu-parent > li > a:hover {color:#97141a;}

/**/
@media (min-width: 981px) {
#sp-header.transparent2.menu-fixed-out {top: 70px;}
}

@media (max-width: 980px) {
.team-social{margin-bottom:30px;}
#sp-header.transparent2.menu-fixed-out { top: 50px;}
#sp-top1, #sp-top2, #top3 {text-align:center !important; }
#top3 {margin-bottom:30px;}
.sp-contact-info {  float: none;text-align:center;}
}

#sp-header.transparent2.menu-fixed-out {
background: transparent none repeat scroll 0 0;
border-bottom: 0 solid transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
height: 35px;
left: 0;
position:absolute;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 99;
}

#sp-header.transparent2.menu-fixed-out {transition: all 0.3s ease 0s;}
#sp-header.transparent2.menu-fixed {
background: #1d1d21;
height: 60px;
opacity: 1;
transition: all 0.3s ease 0s;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
#sp-header.transparent2.menu-fixed .sp-megamenu-parent > li > a {
color: #fff;
line-height: 35px;
margin-top: 11px;
}
#sp-header.transparent2.menu-fixed .logo {height: 62px;}
#sp-header.transparent2.menu-fixed-out .logo {height: 50px;}

/**/

#sp-header.transparent2 .sp-megamenu-parent > li > a {
color: #97141a;
font-size: 13px;
letter-spacing: 1px;
line-height: 50px;
padding: 0 15px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
font-weight: 500;
}
#sp-header.transparent2.menu-fixed-out #offcanvas-toggler {line-height:50px!important;}
#sp-header.transparent2.menu-fixed #offcanvas-toggler {line-height:60px!important;}
#sp-header.transparent2  #offcanvas-toggler i {color:#000}
#sp-header.transparent2 .sp-megamenu-parent > li > a:hover {color:#000;}

/**/

#sp-header .sp-megamenu-parent > li > a {
font-size: 13px;
letter-spacing: 1px;
padding: 0 15px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
font-weight: 500;
}

/*end menu*/

.feature01 .sppb-addon-title{
font-size: 22px;
font-weight: 300;
padding-bottom: 15px;
font-family: "Roboto",sans-serif;
color:#222;
margin-top:0;
}
.feature01 .sppb-addon-text {
color: #888;
font-family: "Roboto",sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 28px;
}

.feature01 i {
border-radius: 50px;
color: #ffffff;
font-size: 28px;
text-align: center;
width: 70px;
line-height: 70px;
height: 70px;
background: #97141a;
margin-right: 10px;
}



.feature02 .sppb-addon-title {
margin-top: 0;
padding-top: 0;
font-size: 32px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 1.3;
font-family: "Roboto",sans-serif;
color:#333;
}

.feature02 .sppb-addon-content {
font-size: 16px;
color: #888;
font-family: "Roboto",sans-serif;
font-weight: normal;
line-height: 28px;
}
.feature02 .sppb-addon-content a {color: #23527c;}

.border-top {border-top:1px solid #ddd;}

.feature03 .sppb-animated-number {font-size: 30px;  font-weight: 500;color: #fff;  font-family: "Roboto",sans-serif;}
.feature03 .sppb-animated-number-title {font-size: 14px;  text-transform: uppercase; font-weight: 400;color: #ddd;  font-family: "Roboto",sans-serif;}

.title .sppb-addon-title {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 1.3;
font-family: "Roboto",sans-serif;
margin: 0;
color:#333;
}
.title .sppb-addon-content::after {
background:#97141a;
width: 60px;
height:2px;
margin:20px auto;
display:block;
content:" ";
}
.title .sppb-addon-content{
color: #9e9e9e;
font-weight: 300;
letter-spacing: 0.3px;
line-height: 25px;
font-family: "Roboto",sans-serif;
font-size: 15px;
padding-top:10px;
}

.title02 .sppb-addon-title {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 1.3;
font-family: "Roboto",sans-serif;
margin-top: 0;
color:#333;
}

.title02 .sppb-addon-content{
color: #888;
font-weight: normal;
letter-spacing: 0.3px;
line-height: 25px;
font-family: "Roboto",sans-serif;
font-size: 15px;
padding-top:10px;
margin-bottom: 70px;
}


.title-white .sppb-addon-title {
font-size: 32px;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 1.3;
font-family: "Roboto",sans-serif;
margin: 0;
color:#fff;
}
.title-white .sppb-addon-content::after {
background:#97141a;
width: 60px;
height:2px;
margin:20px auto;
display:block;
content:" ";
}
.title-white .sppb-addon-content{
color: #9e9e9e;
font-weight: 300;
letter-spacing: 0.3px;
line-height: 25px;
font-family: "Roboto",sans-serif;
font-size: 15px;
padding-top:10px;
}

.sp-simpleportfolio .sp-simpleportfolio-description {
float: none;
width: 100%;
}
.sp-simpleportfolio-description strong {color:#333;}
.sp-simpleportfolio-description h2 {padding-bottom:20px; text-align:center;}

.call-to-action {
background: #97141a;
padding: 70px 0;
text-align: center;
}
.cta p {
color: #eee;
font-size: 18px;
padding: 0 0 15px;
font-family: "Roboto",sans-serif;
font-weight: normal;
line-height: 28px;
}

.cta h2 {
color: #fff;
font-size: 36px;
font-weight: 400;
line-height: 40px;
padding: 0 0 50px;
font-family: "Roboto",sans-serif;
}
.cta .cta-button {
background: #232328 none repeat scroll 0 0;
color: #fff;
height: 55px;
line-height: 40px;
width: 200px;
transition: all 0.5s ease 0s;
font-family: "Roboto",sans-serif;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
}
.cta .cta-button:hover { background:#1177d1;transition: all 0.5s ease 0s;}
.sp-simpleportfolio-description img {padding:5px 0;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
background: rgba(255, 255, 255, 0.9)}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 > a {
font-size: 16px;
font-weight: 500;
font-family: "Roboto",sans-serif;
display:block!important;
margin:auto!important;
text-align:center !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover h3 > a   {color:#333;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover .sp-simpleportfolio-tags   {color:#333;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
color: #333;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 28px;
display:block!important;
margin:auto!important;
text-align:center !important;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {background:#fff;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {background: #fff;color:#333;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 > a:hover {color:#333;}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
background: transparent none repeat scroll 0 0;
border-radius: 0px;
color: #333;
font-family: Roboto;
font-size: 14px;
font-weight: 500;
}
.sp-simpleportfolio .sp-simpleportfolio-filter ul li.active a {
border-radius: 0px;
background: transparent !important;
border-bottom: 3px solid #333;
color: #666!important;
font-family: Roboto;
font-size: 14px;
font-weight: 500;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
border-radius: 0px;
background: transparent none repeat scroll 0 0;
color: #333;
font-family: Roboto;
font-size: 14px;
font-weight: 500;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
background: #97141a;
padding:17px;
border:1px solid transparent;
transition: all 0.5s ease 0s;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
background: #288ce9;
border:1px solid transparent;
transition: all 0.5s ease 0s;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-icon-video {
background:transparent;
}
h4 a {
font-family: Roboto;
color: #333;
font-size: 15px;
font-weight: 500;
}
h4 a:hover {color: #97141a;}

.feature04 .sppb-addon-title {
font-size: 20px;
font-weight: 300;
color: #fff;
font-family: "Roboto",sans-serif;
}
.feature04 .sppb-addon-text {
color: #888;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
}
.feature04 i{color: #97141a; font-size:40px;}
.feature04 {padding:30px 0;}

/**/

.carousel01 .owl-theme .owl-controls .owl-buttons [class*="owl-"]{
border-radius: 50px;
height: 50px;
text-align: center;
width: 50px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
opacity:0;
}
.carousel01:hover .owl-theme .owl-controls .owl-buttons [class*="owl-"]{
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);opacity:1;
}
.carousel01 .owl-theme .owl-controls .owl-buttons {top:40%;position:absolute; }
.carousel01 .owl-theme .owl-controls .owl-buttons .owl-prev {background:url("../../../images/prev.png") no-repeat; left:0px;}
.carousel01 .owl-theme .owl-controls .owl-buttons .owl-next {background:url("../../../images/next.png") no-repeat; right:0px;}

/**/

.sppb-panel-heading .sppb-toggle-direction {left:4px;right:100%;}
.sppb-toggle-direction i {
font-size:14px!important;
color: #97141a;
}
.sppb-panel-title {
color: #333;
font-size: 18px;
font-weight: 400;
line-height: 34px;
padding-left: 14px;
font-family: "Roboto",sans-serif;
}
.sppb-panel-faq > .sppb-panel-heading {border-bottom: 1px solid #e7e9ef;}
.sppb-panel-faq .sppb-panel-body {border-top:2px solid #97141a!important;}
.sppb-panel-faq .sppb-panel-body {
color: #333;
font-size: 16px;
font-weight: 300;
line-height: 26px;
padding-bottom: 14px;
padding-left: 0;
padding-top: 13px;
font-family: "Roboto",sans-serif;
}

.faq .sppb-addon-title {
color: #333;
font-size: 28px;
font-weight: 300;
line-height: 34px;
margin-bottom: 28px;
text-transform: capitalize;
font-family: "Roboto",sans-serif;
margin-top:0px;
}

/**/

.feature05 .sppb-addon-title {
padding: 25px 25px 20px 25px;
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 500;
color:#333;
border-bottom:1px solid #eee;
margin-top:0;
}

.feature05 .sppb-addon-title span {
color: #888;
font-size: 12px;
letter-spacing: 1px;
font-family: "Roboto",sans-serif;
font-weight:normal;
}

.feature05 .sppb-addon-text {
padding: 5px 25px 25px 25px;
color: #888;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
font-family: "Roboto",sans-serif;
}
.feature05 {
border: 1px solid #ddd;
border-radius: 6px;
margin-bottom: 10px;
}
.feature05 img {width:100%;}

/**/

.subscribe_info h3 {
color: #fff;
font-size: 32px;
font-weight: 300;
padding-top: 10px;
}
form.subscribe-form i {
color: #bbb;
font-size: 14px;
left: 15px;
position: absolute;
top: 19px;
}
#mailchimp {
-moz-box-align: center;
-moz-box-pack: center;
align-items: center;
display: flex;
justify-content: center;
}
.subscribe-form {
display: inline-block;
position: relative;
}
input.wid-subscribe {
border: 0 none;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
box-shadow: none;
color: #888;
font-size: 14px;
height: 60px;
padding-left: 48px;
width: 345px;
}
input.wid-subscribe[type="email"]:focus:not([readonly]) {
box-shadow: none;
outline: 0 none;
}
input.wid-signup {
border: 2px solid #fff;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #f8f8f8;
font-size: 15px;
height: 60px;
margin: 0 0 0 -7px;
position: inherit;
width: 155px;
background: #97141a
}
form.subscribe-form i {
color: #bbb;
font-size: 14px;
left: 15px;
margin: 0;
position: absolute;
top: 22px;
}
.sub-confirmation .sppb-addon-title {
color: #fff;
font-size: 32px;
padding-top: 20px;
font-weight: 300;
font-family: "Roboto",sans-serif;
margin-top:0;
}

/**/

.pricing_table {
background: #ffffff none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
margin-bottom: 10px;
text-align: center;
}

.package-price {
border-radius: 55px;
color: #fff;
font-size: 26px;
height: 110px;
margin: 0 auto;
padding-top: 21px;
position: relative;
width: 110px;
}
.package_title p {
color: #888;
font-size: 22px;
font-weight: 500;
letter-spacing: 0;
padding: 40px 0 20px;

}
span.currency-symbol {
display: inline-block;
font-size: 16px;
left: 0;
margin-left: 27px;
margin-top: 22px;
position: absolute;
top: 0;
color: #97141a;
}
span.price {
display: inline-block;
font-size: 36px;
}
span.duration {
display: block;
font-size: 13px;
}
ul.price_feature {
padding: 20px 50px 35px;
list-style: outside none none;
}
.price_feature li {
border-bottom: 1px solid #eee;
color: #888;
font-size: 15px;
padding: 18px 0;
}
.section_title-2.pricing_title {
padding-bottom: 75px;
}
.price_btn {padding-bottom:50px;}
.pricing-2 .package_title {
border-bottom: 1px solid #eee;
padding-top: 20px;
}
.pricing-2 .package-price {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.pricing-2 .currency-symbol {
margin-left: 5px;
margin-top: 10px;
}
.pricing-2 .price {
font-size: 48px;
font-weight: 300;
color: #97141a;
font-family: "Roboto",sans-serif;
}
.pricing-2 .duration {
color: #888;
line-height: 2px;
font-family: "Roboto",sans-serif;
font-weight:normal;
padding-top:15px;
font-size: 13px;
}
.pricing-2 .package_title p {
color: #333;
font-size: 16px;
padding: 5px 0 30px;
font-weight: 500;
font-family: "Roboto",sans-serif;
}
.pricing-2 ul.price_feature {
padding: 0 0 35px;
}
.pricing-2 .price_feature li {
color: #333;
font-size: 14px;
font-weight: 400;
padding: 20px 0;
list-style-type: none;
font-family: "Roboto",sans-serif;
}
.pricing-2 .pricing_table.active {
box-shadow: none;
}
.sppb-btn-border {
border: 1px solid #ddd;
line-height: 50px;
padding: 13.5px 47px;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
color:#333;
font-family: "Roboto",sans-serif;
transition: all 0.5s ease 0s;
}

.sppb-btn-border:hover {background:#97141a; border:1px solid #97141a; color:#fff;transition: all 0.5s ease 0s;}

.active .sppb-btn-border {
border: 1px solid #97141a;
line-height: 50px;
padding: 13.5px 47px;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
color:#fff;
font-family: "Roboto",sans-serif;
transition: all 0.5s ease 0s;
background:#97141a;
}
.active .sppb-btn-border:hover {background:#97141a; border:1px solid #97141a; color:#fff;transition: all 0.5s ease 0s;}
.active .pricing_table {border:1px solid #97141a;}

.center-fix {text-align:center; margin:auto; display:block;}
.center-fix img{text-align:center; margin:auto; display:block;}

/**/

.sppb-btn-color {
border: 1px solid #97141a;
line-height: 50px;
padding: 13.5px 47px;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
color:#fff;
font-family: "Roboto",sans-serif;
transition: all 0.5s ease 0s;
background:#97141a;
}
.sppb-btn-color:hover {background:#97141a; border:1px solid #97141a; color:#fff;transition: all 0.5s ease 0s;}

/**/
.price02 .currency-symbol {
margin-left: 25px;
margin-top: 22px;
color:#fff;
}

.price02 .package-price {
border-radius: 55px;
color: #fff;
font-size: 26px;
height: 110px;
margin: 0 auto;
padding-top: 30px;
position: relative;
width: 110px;
background: #97141a;
}

/**/

.testimonial-2 img{text-align:center; margin:auto; display:block;}
.testimonial-2 .testimonial_info p {
color: #666;
font-size: 15px;
font-style: italic;
letter-spacing: 0.3px;
text-align: center;
font-family: "Roboto",sans-serif;
font-weight: 400;
}
.testimonial-2 .testimonial_title h4 {
color: #333;
font-size: 16px;
font-family: "Roboto",sans-serif;
font-weight: 500;
line-height: 1.1;
text-align: center;
}
.testimonial-2 .testimonial_title span {
color: #888;
font-family: "Roboto",sans-serif;
font-size: 12px;
font-weight:normal;
text-align:center; margin:auto; display:block;
}
.testimonial-2 .owl-theme .owl-controls .owl-page span {
background: #ddd;
border-radius: 50px;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 22px;
}
.img-box img {margin:auto;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span  {background: #97141a;}


/**/

.blog-home{background:#fff;border-radius: 5px;}

.blog-home .sppb-addon-article h3 a {
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 500;
color:#333;
}
.sppb-addon-articles .sppb-article-meta > span {
color: #888;
display: inline-block;
font-family: Roboto;
font-size: 14px;
font-weight: normal;
margin: 5px;
}
.blog-home .sppb-readmore {
font-size: 14px;
font-weight: 500;
color:#333;
font-family: "Roboto",sans-serif;
}
.text-right-blog {padding-top:12px;}
.blog-home .col-lg-3 { padding-left: 0;}
.blog-home .col-lg-6 { padding-left: 0;}
.blog-home .sppb-addon-article p {
color: #888;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
}

/**/


.blog-home2 .sppb-readmore:hover {color:#97141a;}
.blog-home2 .sppb-addon-article h3 a:hover {color:#97141a;}
.blog-home2 .sppb-addon-article h3 a {
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 500;
color:#333;
padding-left:25px;
padding-right:25px;
padding-top:10px;
}
.blog-home2 img {padding-bottom: 10px;}
.blog-home2 .sppb-readmore {
font-size: 14px;
font-weight: 500;
color:#333;
font-family: "Roboto",sans-serif;
padding-left:25px;
padding-right:25px;
}
.blog-home2 .sppb-addon-article p {
color: #888;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
padding-left:25px;
padding-right:25px;
}
.blog-home2 .sppb-addon-article {
background:#fff; 
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
margin-bottom: 30px;
padding-bottom: 35px;
}
/**/

hr, .hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #eee currentcolor currentcolor;
border-image: none;
border-style: solid none none;
border-width: 1px 0 0;
width:96%;
margin-left:0;
 }
.round-image img {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}

blockquote {
border-left: 5px solid #eee;
font-size: 17.5px;
padding: 10px 20px;
}

/**/

.contact-2 .single-contact-info {text-align: center;}
.contact-2 i {
box-shadow: none;
color: #fff;
float: none;
font-size: 22px;
height: 65px;
line-height: 65px;
margin-bottom: 20px;
margin-right: 0;
width: 65px;
background: #97141a;
border-radius:50%;
}
.contact-2 i.fa.fa-envelope {
font-size: 16px;
}
.contact-2 h5 {
font-size: 13px;
font-weight: 300;
letter-spacing: 0.5px;
margin-bottom: 5px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
color:#333;
}
.contact-2 p {
font-weight: 300;
letter-spacing: 0.5px;
font-family: "Roboto",sans-serif;
}
.contact-2{text-align: center;}
.contact-2 {padding: 70px 0 40px;}

/**/

.sppb-ajaxt-contact-form input {
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: none;
margin-top: 10px;
padding: 10px;
height:45px!important;
}

.sppb-ajaxt-contact-form textarea {
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: none;
margin-top: 30px;
padding: 10px;
height:250px!important;
}

.sppb-btn-success {
border: 1px solid #97141a;
padding: 14px 47px;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
color:#fff;
font-family: "Roboto",sans-serif;
transition: all 0.5s ease 0s;
background:#97141a;
margin-left:15px;
}
.sppb-btn-success:hover{background:#000;border: 1px solid #000;}

/**/

ul.social-icons {text-align:center; display:block;}

ul.social-icons li {margin:2px;}
ul.social-icons i {
border-radius: 50%;
color: #fff;
padding:5px;
width:32px;
height:30px;
}

ul.social-icons li { font-size: 15px;}
ul.social-icons li:hover {background:#97141a;border-radius: 50%;}

/**/
.feature06 {
padding-bottom:60px;
}

.feature06 .sppb-addon-title{
font-size: 20px;
font-weight: 300;
padding-bottom: 10px;
font-family: "Roboto",sans-serif;
color:#222;
margin-top:0;
}
.feature06 .sppb-addon-text {
color: #888;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
}

.feature06 i {
border-radius: 50px;
color: #97141a;
font-size: 40px;
text-align: center;
width: 70px;
height: 70px;
background: #fff;
margin-right: 10px;
margin-top:2px;
}

.imgfeature img {
border-radius: 10px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
@media (min-width: 981px) {
.imgfeature{padding-right:80px;}
}

.feature07 .sppb-addon-title {
color: #fff;
font-size: 34px;
font-weight: 500;
line-height: 42px;
padding-bottom: 40px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
}
.feature07 .sppb-addon-title span {color: #97141a;}

.feature08 .sppb-animated-number {
font-family: "Roboto",sans-serif;
color: #fff;
font-size: 48px;
font-weight: 600;
margin-bottom: 10px;
}

.feature08 .sppb-animated-number-title {
color: #ddd;
font-size: 20px;
font-family: "Roboto",sans-serif;
font-weight: normal;
}

/**/


.testimonial-2-white  img{text-align:center; margin:auto; display:block;}
.testimonial-2-white  .testimonial_info p {
color: #eeeeee;
font-size: 15px;
font-style: italic;
letter-spacing: 0.3px;
text-align: center;
font-family: "Roboto",sans-serif;
font-weight:normal;
}
.testimonial-2-white  .testimonial_title h4 {
color: #eeeeee;
font-size: 16px;
font-family: "Roboto",sans-serif;
font-weight: 500;
line-height: 1.1;
text-align: center;
}
.testimonial-2-white  .testimonial_title span {
color: #eeeeee;
font-family: "Roboto",sans-serif;
font-size: 12px;
font-weight:normal;
text-align:center; margin:auto; display:block;
}
.testimonial-2-white .owl-theme .owl-controls .owl-page span {
background: #eeeeee;
border-radius: 50px;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 22px;
}
@media (max-width: 980px) {
.line-down {border-bottom: 0px solid #ddd;padding:50px}
.line-right{border: 1px solid #ddd;padding:50px}
.no-line-right {border: 1px solid #ddd;padding:50px}
.space-skill {padding:10px!important;}
}
@media (min-width: 981px) {
.line-down {border-bottom: 1px solid #ddd;padding:50px}
.line-right{border-right: 1px solid #ddd;padding:50px}
.no-line-right {border-right: 1px solid transparent;padding:50px}
.space-skill {padding-left:90px!important;}
}

.sppb-progress{box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;}
.sppb-progress-label {
color: #888!important;
font-family: "Roboto",sans-serif!important;
font-size: 15px!important;
font-weight: 500!important;
line-height: 20px;
}
.feature09 .sppb-addon-title {
font-weight: 500;
font-size: 32px;
letter-spacing: 0.5px;
line-height: 1.3;
font-family: "Roboto",sans-serif;
margin-top: 0;
color:#222;
padding-bottom:20px;
}

/**/

.team_member {
overflow: hidden;
position: relative;
 border-radius: 10px;
 margin:7px;
}
.member_content h4, .member_content_overlay h4 {
color: #333333;
font-size: 18px;
font-weight: 500;
padding-bottom: 5px;
font-family: "Roboto",sans-serif;
}
.member_role {
color: #7e7e7e;
font-size: 13px;
line-height: 0;
}
.team_icon {
background: #ffffff none repeat scroll 0 0;
border-radius: 50%;
font-size: 22px;
height: 50px;
left: 95%;
margin-left: -50px;
margin-top: -25px;
position: absolute;
text-align: center;
width: 50px;
}
.team-close-icon {
background: #ffffff none repeat scroll 0 0;
border-radius: 50%;
font-size: 22px;
height: 50px;
left: -100%;
margin-left: -50px;
margin-top: -25px;
opacity: 0;
position: absolute;
text-align: center;
width: 50px;
z-index: 99;
}
.team_icon i, .team-close-icon i {
line-height: 54px;
}
.team-close-icon a {
display: block;
}
.team_icon a {
border-radius: 50%;
color: #666;
display: block;
}
.member_content {
background: #fff none repeat scroll 0 0;
padding: 20px 30px 30px;
text-align: left;
}
.member_img img {
width: 100%;
}
.member_toggle {
background: #fff none repeat scroll 0 0;
height: 100%;
left: -100%;
opacity: 1;
padding-top: 40px;
position: absolute;
top: 0;
width: 100%;
}
.member_text {
margin: auto;
max-width: 250px;
}
.member_content_overlay {
border-top: 1px solid #eaeaea;
margin-top: 40px;
padding-bottom: 35px;
padding-left: 30px;
padding-top: 19px;
}
ul.member_social {
padding-left: 20px;
padding-top: 30px;
}
.member_social li {
display: inline-block;
}
.member_social li a {
border-radius: 50%;
color: #7e7e7e;
display: block;
font-size: 16px;
height: 40px;
text-align: center;
width: 40px;
}
.member_social li a i {
line-height: 40px;
}
.member_social li a:hover {
color: #fff;
}
.team_carousel .owl-controls {
bottom: -50px;
display: block;
position: absolute;
text-align: center;
width: 100%;
}
.team_carousel .owl-dot {
border: 2px solid #999;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 0 5px;
width: 10px;
}

.small_box_shadow {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.zmdi {
display: inline-block;
font-family: "Material-Design-Iconic-Font";
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
}


/**/

.video-play-btn i {
border-radius: 50px;
color: #ffffff;
font-size: 34px;
height: 70px;
line-height: 50px;
width: 70px;
background:#97141a;
padding:10px;
text-align:center;
}
.video-play-btn {margin:auto; display:block; text-align:center;}

/**/
.contact2 .sppb-addon-title {
font-size: 30px;
padding-bottom: 20px;
font-family: "Roboto",sans-serif;
margin-top: 0;
font-weight: 500;
color:#333;
}

.contact2 i {
background: #ffffff none repeat scroll 0 0;
border-radius: 50px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
float: left;
font-size: 17px;
height: 38px;
line-height: 38px;
margin-right: 20px;
text-align: center;
width: 38px;
color:#97141a!important;

}
.contact2 i.fa.fa-envelope {
font-size: 14px;
}
.contact-info3 p {
font-size: 15px;
padding-bottom: 6px;
}
.contact-info3 {
padding-bottom: 30px;
}

.contact2-2 {
background: white none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
padding: 20px 30px 50px 30px;
}

.contact2-2 input {
background: transparent none repeat scroll 0 0;
border: medium none #ddd;
box-shadow: 0 1px 0 0 #ddd;
}

.contact2-2 textarea {
background: transparent none repeat scroll 0 0;
border: medium none #ddd;
box-shadow: 0 1px 0 0 #ddd;
height:150px;
}
.contact2-2 input {
color: #888;
font-size: 14px;
font-weight: 400;
font-family: "Roboto",sans-serif;
}
.contact2-2 textarea {
color: #888;
font-size: 14px;
font-weight: 400;
font-family: "Roboto",sans-serif;
}

/**/

.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
color: #000;
font-size: 16px;
font-weight: 500;
font-family: "Roboto",sans-serif;

}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle .sp-simpleportfolio-tags{
color: #f9bf3b;
font-size: 16px;
font-weight: 400;
font-family: "Roboto",sans-serif;
}

.sp-simpleportfolio .sp-simpleportfolio-item:hover.sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {opacity:0.5;}

/**/

.service_icon_info, .service_icon_info_top {
border: 1px solid #ddd;
height: 216px;
text-align: center;
}
.service_icon_info:nth-child(2), .service_icon_info:nth-child(4), .service_icon_info:nth-child(3), .service_icon_info:nth-child(5) {
border-left: medium none;
}
.service_icon_info_top:nth-child(2) {
border-right: medium none;
margin-bottom: -1px;
margin-left: -1px;
}
.service_icon_info_top {
/*  margin: 12px 0 -2px;*/
position: relative;
}
.service_icon_info {
position: relative;
}
.service_icon_info .service-overlay, .service_icon_info_top .service-overlay {
box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.1);
left: 2px;
margin: -55px -2px;
opacity: 0;
overflow: hidden;
padding-top: 45px;
position: absolute;
text-align: center;
top: 0;
transform: translateY(20px);
width:100%;
z-index: 1;
background: #97141a;
transition: all 0.5s ease 0s;
border-radius: 5px;
}
.service_icon_info:hover .service-overlay, .service_icon_info_top:hover .service-overlay {
opacity: 1;
transform: translateY(10px);
transition: all 0.5s ease 0s;
}
.service_icon {
padding-top: 55px;
}
.service_icon span {
color: #333333;
font-size: 48px;
}
.service_icon h5 {
color: #333333;
font-size: 16px;
margin-top: 30px;
}
.service-overlay h5 {
color: #fff;
font-size: 16px;
margin-top: 30px;
}
.service-overlay p {
color: #eee;
margin: 25px auto 0;
max-width: 230px;
padding-bottom: 45px;
}
.service-overlay span {
font-size: 48px;
}
.service_icon_info:hover .service-overlay:hover, .service-overlay span, .service_icon_info_top:hover .service-overlay span {
color: #fff;
}

.sppb-nav-lines > li.active > a, .sppb-nav-lines > li.active > a:hover, .sppb-nav-lines > li.active > a:focus {
color: #333333;
font-size: 16px;
text-align: center;
font-family: "Roboto",sans-serif;
font-weight: 500;
}
.sppb-nav-lines > li > a {
color: #333333;
font-size: 16px;
text-align: center;
font-family: "Roboto",sans-serif;
font-weight: 500;
}
.sppb-nav-lines { border-bottom: 1px solid #ddd;}
.sppb-nav-lines > li > a {padding: 20px 50px;}

.sppb-nav-lines > li.active > a, .sppb-nav-lines > li.active > a:hover, .sppb-nav-lines > li.active > a:focus {
border-bottom-color: #333!important;}

 
.tabby-content p {
font-size: 16px;
line-height: 30px;
margin-top: 90px;
max-width: 400px;
}
.tabby-content img {
box-shadow: 0 15px 37px rgba(0, 0, 0, 0.15);
float: right;
margin-top: 45px;
border-radius: 10px;
}

#sp-top1, #sp-top2{height:45px!important;line-height:45px;}

#sp-top3 {height:45px!important;line-height:35px;}

ul.social-icons {margin-top:0px!important;margin-bottom:1px;}

.social2 .social-icons i {
border: 1px solid #ddd;
border-radius: 100%;
font-size: 12px!important;
height: 26px;
text-align: center;
width: 26px;
transition: all 0.4s ease 0s;

}
.social2 .social-icons i:hover {
background: #f9bf3b;
border-color: #f9bf3b;
color: #171717;
font-size: 12px;
height: 26px!important;
text-align: center;
width: 26px!important;
transition: all 0.4s ease 0s;
}

.social2 .social-icons li:hover {background:transparent !important;}
.social2 ul.social-icons {text-align:right;}


/**/
.feature10 {padding:10px 60px 0 0;}
.feature10 .sppb-addon-title {
font-weight: 700;
padding-bottom: 5px;
text-transform: uppercase;
font-size:36px;
color:#333;
padding-bottom:30px;
}
.feature10 .sppb-addon-title span{
font-family: "Open Sans",sans-serif;

font-weight: 600;
padding-bottom: 30px;
text-transform: capitalize;
}

.about-btn .sppb-btn-default{
border: 2px solid #222;
font-size: 16px;
height: 50px;
line-height: 40px;
text-align: center;
width: 180px;
background:transparent;
transition: all 0.4s ease 0s;
font-weight:500;
}
.about-btn .sppb-btn-default:hover {
border-color: #f9bf3b;
box-shadow: 0 -60px 0 #f9bf3b inset;
color: #fff;
transition: all 0.4s ease 0s;
}

/**/

.title03 .sppb-addon-title {
font-size: 36px;
font-weight: 600;
line-height: 50px;
padding-bottom: 5px;
color:#222;
}
.title03 .sppb-addon-content {font-size: 16px;color:#7c7b84;font-weight: 400;font-family: "Open Sans",sans-serif;}

/**/
.title04 .sppb-addon-title {
font-size: 36px;
font-weight: 600;
line-height: 50px;
padding-bottom: 5px;
color:#fff;
}
.title04 .sppb-addon-content {font-size: 16px;color:#999;font-weight: 400;font-family: "Open Sans",sans-serif;}

/**/
.feature11 {
border: 1px solid #ddd;
transition: all 0.4s ease 0s;
}
.feature11:hover {
border: 1px solid #f9bf3b;
transition: all 0.4s ease 0s;

}
.feature11 .sppb-addon-text {padding: 20px;font-family: "Open Sans",sans-serif;}
.feature11 .sppb-addon-text strong {color:#222;font-weight: 600;font-size:16px;}
.feature11 .sppb-addon-text ul {padding-left:0;margin-left:0;}
.feature11 .sppb-addon-text li::before {
content: "\f00c";
font-family:FontAwesome;
padding-right: 10px;
color:#222;
}
.feature11 .sppb-addon-text li {list-style:none; padding-left:0;margin-left:0;}

.feature11 .sppb-addon-title{
font-size: 24px;
line-height: 34px;
color:#222;
font-weight: 500;
padding:7px 20px 0px 20px;
margin-top:0;
}
.feature12 {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 25px 0;
}
.feature12 .sppb-addon-content {
color: #888;
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 34px;
}

/**/

.feature13 i {
border-radius: 50px;
box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2);
color: #fff;
display: inline-block;
font-size: 32px;
height: 72px;
line-height: 72px;
position: relative;
text-align: center;
width: 72px;
}
.feature13:hover i {
box-shadow: 0 0 8px 0 rgb(255, 255, 255);
}
.feature13 i::after {
border: 1px solid transparent;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transform: scale(0.8);
transition-duration: 0.5s;
width: 100%;
}
.feature13:hover i::after {
border-color: #ddd;
opacity: 0;
transform: scale(1.8);
}
.feature13 .sppb-addon-title  {
font-family: "Open Sans",sans-serif;
font-size: 18px;
font-weight: 600;
color:#fff;
}
.feature13 .sppb-addon-content {
color: #aaa;
}
.feature13 {padding:30px;}

/**/
.feature14 {padding-top:130px;}

/**/

.black-h-portofolio .sp-simpleportfolio-overlay {background: rgba(0, 0, 0, 0.9) !important}
.black-h-portofolio .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a { background: #fff}
.black-h-portofolio .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a{ color: #000}
.black-h-portofolio .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
font-size: 16px;
font-weight: 500;
font-family: "Roboto",sans-serif;
color:#fafafa;
}
.black-h-portofolio .sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle .sp-simpleportfolio-tags {
font-family: "Roboto",sans-serif;
color: #888;
font-weight: normal;
}

/**/
.home3 .sp-simpleportfolio-overlay{
border: 20px solid rgba(0, 0, 0, 0.1);}

.load-more .sppb-btn-default{
background: #f9bf3b ;
border-radius: 3px;
color: #fff;
font-size: 15px;
height: 55px;
line-height: 40px;
margin:auto;
width: 200px;
transition: all 0.4s ease 0s;
}


.load-more .sppb-btn-default:hover {
border-color: #deaa35;
box-shadow: 0 -60px 0 #deaa35 inset;
color: #fff;
transition: all 0.4s ease 0s;
}


/**/
.feature15 {padding-right:15px;}
.feature15 .sppb-addon-title {
line-height: 32px;
padding-bottom: 15px;
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-weight: 600;
color:#222;
margin-top:0;
}

/**/

.team-social .sppb-person-social{
padding-left:15px;
padding-right:15px;
padding-top:15px;
}
.team-social i {
border: 1px solid #ddd;
border-radius: 100%;
color: #666;
font-size: 12px;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
}
.team-social i:hover {
background: #f9bf3b none repeat scroll 0 0;
border-color: #f9bf3b;
color: #fff;
}
.team-social li {
display: inline-block;
margin: 0 5px!important;
}
.team-social span.sppb-person-name {
font-size: 18px;
font-family: "Open Sans",sans-serif;
font-weight: 400!important;
line-height: 1.1;
color: #222;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
margin-top:0;
}
.team-social .sppb-person-introtext {
color: #888;
font-family: "Open Sans",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
padding-left:15px;
padding-right:15px;
}
.sppb-addon-persion.team-social .sppb-addon-content > div {margin-top:0!important;}

.hide-team {
left: 0;
position: absolute;
top:0;
background: #fff;
width:100%;
height:100%;
padding-top:20%;
visibility:hidden;
transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
}

.team-social:hover .hide-team {
left: 0;
position: absolute;
top:0;
background: #fff;
width:100%;
height:100%;
visibility:visible;
transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
}

/**/

.progressb .sppb-progress {border-radius:50px;}
.progressb .sppb-progress-label {
color: #222!important;
font-family: "Open Sans",sans-serif;
text-rendering: optimizelegibility;
font-size: 14px;
line-height: 1.42857;
}

/**/

.feature16 .sppb-addon-title {
font-size: 36px;
font-weight: 600;
line-height: 50px;
padding-bottom: 5px;
margin-top: 0;
color:#222;
}
.feature16 .sppb-addon-content li:before {
content: "\f105";
font-family:FontAwesome;
padding: 3px 8px;
color:#fff;
background: #f9bf3b;
border-radius: 100%;
text-align: center;
margin-right:15px;
width:23px!important;

}
.feature16 .sppb-addon-content ul{list-style:none; margin-left:0; padding-left:0;}
.feature16 {padding:0 11% 0 14%;}
.feature16 .sppb-addon-content li {padding-bottom:14px;}
.minus img {margin-top:0;z-index:0!important;margin-bottom:-18px;}
.underimg {z-index:0!important;}

/**/

.price03 .sppb-pricing-box {
padding:0;
background: #fff;
border-radius: 5px;
box-shadow: 0 5px 0 rgba(255, 255, 255, 0.6);
border:1px solid transparent;
}
.price03 .sppb-pricing-title  {
background: #f9bf3b;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
padding: 30px!important;
border:1px solid #f9bf3b;
font-weight: 400!important;
font-family: "Open Sans",sans-serif;
font-size: 30px!important;
text-transform: capitalize!important;
margin-bottom: 50px!important;
}
.price03 .sppb-pricing-header {border-bottom: 1px solid #ddd;padding-bottom:40px;}
.price03 .sppb-pricing-price{padding: 30px 0 30px 30px!important;}
.price03 .sppb-pricing-box .sppb-pricing-features { padding: 30px;}
.price03 .sppb-pricing-price {
font-size: 60px!important;
color: #222;
font-family: "Open Sans",sans-serif;
}
.price03 .sppb-pricing-duration {color:#999; }
.price03 .sppb-pricing-box .sppb-pricing-features > ul > li:before {
content: "\f00c";
font-family:FontAwesome;
padding-right: 10px;
color:#888;
}
.price03 .sppb-pricing-box .sppb-pricing-features > ul > li {
color: #888;
font-size: 16px;
padding-bottom: 15px;
}
.price03 .sppb-btn {
border: 1px solid #ddd;
font-size: 16px;
height: 40px;
line-height: 26px;
margin: 0 0 45px 40px;
width: 150px;
background:transparent;
border-radius:50px;
transition: all 0.4s ease 0s;
}

.price03 .sppb-btn:hover {
border-color: #f9bf3b;
box-shadow: 0 -60px 0 #f9bf3b inset;
color: #fff;
transition: all 0.4s ease 0s;
}
.price03 .sppb-pricing-featured {
padding:0;
background: #fff;
border-radius: 5px;
box-shadow: 0 5px 0 rgb(249, 191, 59)!important;
border:1px solid transparent;
}

/**/
.testimonial02 {padding:0px 15%;text-align:center;}
.testimonial02 i {
color: #f9bf3b;
font-size: 36px;
padding-bottom: 30px;
text-align:center;
}
.testimonial02 img {
border-radius: 100%;
display: block;
margin:20px auto;
}

.testimonial02 h4 {
font-family: "Open Sans",sans-serif;
font-size: 18px;
font-weight: 500;
color:#222;
}
.testimonial02 span {
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 400;
color:#888;
}
.testimonial02 .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
background:#f9bf3b;
}
.testimonial02 .owl-theme .owl-controls .owl-page span {
background: #ddd none repeat scroll 0 0;
border-radius: 0;
height: 4px;
margin: 0;
width: 40px;
}


/**/

.lines-carousel {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

/**/

.blog2 .sppb-addon-article h3 a{
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 34px;
padding: 0 30px;
color: #222;
}

.blog2  {text-align:center;}
.blog2 img {padding-bottom: 10px;}
.blog2 .sppb-readmore {
font-size: 14px!important;
line-height: 1.42857;
color:#888!important;
transition: all 0.4s ease 0s;
}
.blog2 .sppb-readmore:hover {color:#f9bf3b!important;transition: all 0.4s ease 0s;}
.blog2 .sppb-readmore:hover:after {color:#f9bf3b!important;transition: all 0.4s ease 0s;}
.blog2 .sppb-readmore:after {
content: "\f054";
font-family:FontAwesome;
padding-left: 5px;
font-size:10px !important;
color:#888;
}
.blog2 .sppb-addon-article p {
color: #888;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
padding-left:25px;
padding-right:25px;
}
.blog2 .sppb-addon-article {
background:#fff; 
margin-bottom: 30px;
padding-bottom: 35px;
}

/**/

.shaddow-box-contact .sppb-addon-title{
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 34px;
padding-bottom: 40px;
color:#222;
}

.shaddow-box-contact {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding: 50px 50px 75px 50px; background:#fff;}

.shaddow-box-contact  .sppb-btn-success  {
background:#f9bf3b;
transition: all 0.4s ease 0s;
border-color: #f9bf3b;
}

.shaddow-box-contact  .sppb-btn-success:hover {
border-color: #deaa35;
box-shadow: 0 -60px 0 #deaa35 inset;
color: #fff;
transition: all 0.4s ease 0s;
}


.contact-info h3, .contact-info i, .contact-info a, .contact-info span  {  color: #ddd;}
.contact-info span { padding-bottom:30px!important;}

.contact-info h3 {
font-family: "Open Sans",sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 34px;
padding-bottom: 40px;
color:#fff;
padding-bottom: 50px;
}
.contact-info {margin-bottom:30px!important;}
.contact-info .space-cc  {
-moz-box-align: start;
-moz-box-pack: start;
align-items: flex-start;
justify-content: flex-start;
}
.space-cc span {
color: #fff;
display: block;
line-height: 28px;
font-family: "Open Sans",sans-serif;
padding-left: 30px;
font-size:14px;
}
.space-cc2 { display:inline}
.contact-info i {
font-size: 16px;
}
.space-cc a {
color: #ddd;
font-weight: 400;
line-height: 28px;
text-align:left;
}
.social_link {
display: flex;
padding-top: 80px;
list-style:none;
}
.social_link li:hover i {
color: #f9bf3b;
transform: translateY(-10px);
transition: all 0.4s ease 0s;
}
.social_link a {
padding-left: 0;
padding-right: 20px;
transition: all 0.4s ease 0s;
}
.social_link i:hover{transition: all 0.4s ease 0s;}
.space-cc {padding-bottom: 30px;color:#ddd;}
.space-cc2 {
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;   

  /* align start, disable vertical height */
  -webkit-box-align: start;
 -moz-box-align: start; /* FF <=20 */
 -ms-flex-align: start; /* IE10 */
  -webkit-align-items: flex-start;
  align-items: flex-start;
margin-top: -25px;
padding-left: 44px;
}
.space30 {padding-bottom:30px;}

.minus-contact {z-index:1!important}
.plus-map .sppb-addon-gmap {z-index:0!important;margin-bottom:-110px !important;}

/**/
.feature17 .sppb-addon-title {
color: #fff;
font-size: 55px;
font-weight: 700;
padding-bottom: 10px;
font-family: "Open Sans",sans-serif;


}

.feature17 .sppb-addon-content {
color: #97141a;
font-size: 20px;
font-weight: 400;
padding-bottom: 40px;
line-height: 34px;
font-family: "Open Sans",sans-serif;
}
.feature17 .sppb-addon-content a {
background: #f9bf3b;
color: #fff;
font-size: 16px;
line-height: 46px;
transition: all 0.4s ease 0s;
width: 180px;
border-radius: 50px;
border: 1px solid transparent;
cursor: pointer;
font-size: 14px;
font-weight: 400;
padding: 16px 35px;
text-align: center;

}

.feature17 .sppb-addon-content a:hover {
box-shadow: 0 -60px 0 rgba(0, 0, 0, 0.11) inset;
color: #fff;
}

/**/
.feature18 .sppb-addon-title {
color: #fff;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
font-family: "Open Sans",sans-serif;


}

.feature18 .sppb-addon-content {
color: #ddd;
font-size: 16px;
font-weight: 400;
padding-bottom: 40px;
line-height: 34px;
font-family: "Open Sans",sans-serif;
}
.feature18 .sppb-addon-content a {
background: #f9bf3b;
color: #fff;
font-size: 16px;
line-height: 46px;
transition: all 0.4s ease 0s;
width: 180px;
border-radius: 50px;
border: 1px solid transparent;
cursor: pointer;
font-size: 14px;
font-weight: 400;
padding: 16px 35px;
text-align: center;

}

.feature18 .sppb-addon-content a:hover {
box-shadow: 0 -60px 0 rgba(0, 0, 0, 0.11) inset;
color: #fff;
}

/**/

.feature19 .sppb-addon-title {
color: #fff;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
font-family: "Open Sans",sans-serif;


}

.feature19 .sppb-addon-content {
color: #ddd;
font-size: 13px;
font-weight: 400;
padding-bottom: 40px;
font-family: "Open Sans",sans-serif;
}
.feature19 .sppb-addon-content a {
background: #97141a;
color: #fff;
font-size: 16px;
line-height: 46px;
transition: all 0.4s ease 0s;
border-radius: 4px;
border: 1px solid transparent;
cursor: pointer;
font-size: 14px;
font-weight: 600;
padding: 16px 50px;
text-align: center;

}

.feature19 .sppb-addon-content a:hover {
background:#1177d1;
color: #fff;
}

/**/

.feature20 .sppb-addon-title {
color: #fff;
font-size: 80px;
font-weight: 300;
line-height: 90px;
padding-bottom: 5px;
font-family: "Roboto",sans-serif;
}

.feature20 .sppb-addon-content {
color: #ddd;
font-size: 20px;
font-weight: 300;
padding-bottom: 40px;
line-height: 34px;
font-family: "Open Sans",sans-serif;
}
.feature20 .sppb-addon-content a {
background: #222;
color: #fff;
font-size: 15px;
line-height: 46px;
transition: all 0.4s ease 0s;
border-radius: 4px;
border: 1px solid transparent;
cursor: pointer;
font-weight: 600;
padding: 20px 57px;
text-align: center;

}

.feature20 .sppb-addon-content a:hover {
background:#97141a;
transition: all 0.5s ease 0s;
color: #fff;
}

/**/
.feature21 {
padding:40px 40px 50px 40px;
border-radius: 5px;
margin-bottom: 50px;
transition: all 0.5s ease 0s;
border: 1px solid #eee;
}
.feature21:hover { border: 1px solid #97141a;transition: all 0.5s ease 0s;}

.feature21 .sppb-addon-title {
font-size: 20px;
font-weight: 300;
color:#333;
font-family: "Roboto",sans-serif;
}

.feature21 .sppb-addon-text {
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
color: #888;
}

.feature21 i {
transition: all 0.5s ease 0s;
font-size: 40px;
color: #97141a;
}
.feature21:hover i {color: #333;transition: all 0.5s ease 0s;}

.feature22 {
padding:40px 40px 50px 40px;
border-radius: 5px;
margin-bottom: 50px;
transition: all 0.5s ease 0s;
border: 1px solid #eee;
}
.feature22:hover {
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
transform: translateY(-10px);
background:#97141a;
}

.feature22 .sppb-addon-title {
font-size: 20px;
font-weight: 300;
color:#333;
font-family: "Roboto",sans-serif;
}
.feature22:hover .sppb-addon-text {color:#eee;}
.feature22 .sppb-addon-text {
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
color: #888;
}
.feature22:hover .sppb-addon-title {color:#fff;}
.feature22 i {
transition: all 0.5s ease 0s;
font-size: 40px;
color: #97141a;
}
.feature22:hover i {color: #fff;transition: all 0.5s ease 0s;}


/**/
.feature23 {

border-radius: 5px;
margin-bottom: 60px;
transition: all 0.5s ease 0s;
border: 1px solid transparent;
}


.feature23 .sppb-addon-title {
font-size: 20px;
font-weight: 300;
color:#333;
font-family: "Roboto",sans-serif;
padding-bottom: 15px;
}

.feature23 .sppb-addon-text {
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
color: #888;
}

.feature23 i {
transition: all 0.5s ease 0s;
font-size: 40px;
color: #97141a;
width: 40px;
padding-left: 5px;
padding-top: 2px;
}

/**/

.feature24 .sppb-addon-title {
font-weight: 500;
font-size: 43px;
letter-spacing: 0.5px;
line-height: 1.3;
font-family: "Roboto",sans-serif;
color:#222;
padding:20px 0 10px 0;
}
.feature24 .sppb-addon-content {font-size: 18px;}

/**/

.feature25 .sppb-addon-content  {
font-size: 30px;
font-weight: 400;
line-height: 46px;
margin-bottom: 30px;
font-family: "Roboto",sans-serif;
color:#333;
}

.sp-page-title h2{
font-family: "Roboto",sans-serif;
font-size: 30px;
color:#222;
text-align:center;
padding-bottom:15px;
}
.sp-page-title h3 {
color: #888;
font-size: 15px;
font-weight: 400;
line-height: 28px;
margin: 0 auto;
font-family: "Roboto",sans-serif;
max-width:50%;
text-align:center;
}

.sp-page-title {  padding: 130px 0 0;}
.entry-header h2 a {

}
.entry-header { margin-bottom: 15px;}
.readmore .btn-default {
font-family: "Roboto",sans-serif;
border:0px solid #fff;
padding:0;
font-size: 14px;
font-weight: 500;
transition: all 0.5s ease 0s;
}
.readmore .btn-default:hover {color: #97141a;transition: all 0.5s ease 0s;background:transparent;}
.blog .items-more, .blog .cat-children {display:none;}

#sp-right input { 
border: 1px solid #888888;
border-radius: 0;
color: #888;
height: 50px;
width:100%;
}
#sp-right .sp-module .sp-module-title {
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
color:#333;
}

#sp-right .sp-module ul > li > a { 
color: #888;
font-family: "Roboto",sans-serif;
padding: 4px 0;
}
#sp-right .sp-module ul > li > a::before {content: " " !important;margin-right: 0;}
#sp-right .sp-module ul > li { border-bottom: 1px solid #eee;}

/**/

#sp-left input { 
border: 1px solid #888888;
border-radius: 0;
color: #888;
height: 50px;
width:100%;
}
#sp-left .sp-module .sp-module-title {
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
color:#333;
}

#sp-left .sp-module ul > li > a { 
color: #888;
font-family: "Roboto",sans-serif;
padding: 4px 0;
}
#sp-left .sp-module ul > li > a::before {content: " " !important;margin-right: 0;}
#sp-left .sp-module ul > li { border-bottom: 1px solid #eee;}

/**/

#sp-right .latestnews small{display:none;}
#sp-right .sp-module .latestnews > div {
border-bottom: 1px solid #eee;
margin-bottom: 5px;
padding: 8px 0;
}

#sp-left .latestnews small{display:none;}
#sp-left .sp-module .latestnews > div {
border-bottom: 1px solid #eee;
margin-bottom: 5px;
padding: 8px 0;
}
#sp-right .sp-module .latestnews > div > a { color: #888;}
#sp-left .sp-module .latestnews > div > a { color: #888;}

/**/

.footer_logo {padding-top: 15px;}
.footer_menu{margin-top: 18px;}

.footer_menu {text-align: center;}
.footer_menu li {
display: inline !important;
padding-right: 40px;
position: relative;
}
.footer_menu li a {
color: #eeeeee!important;
display: inline-block!important;
font-size: 14px;
}
.footer_menu li::after {
border-left: 4px solid #eeeeee;
content: "";
height: 1px;
position: absolute;
right: 12px;
top: 8px;
}
.footer_menu li:last-child::after {
border-left: medium none;
}

#sp-bottom .sp-module ul > li > a::before {content: " " !important;}
#sp-bottom .sp-module ul > li { border-bottom: 0 solid #e8e8e8;}


.footer_left_icon li {padding-right: 4px;}
.footer_left_icon li a {

display: inline-block!important;

}
.footer_left_icon li i {
border-radius: 50%;
color: #fff;
height: 32px;
text-align: center;
width: 32px;
}
.footer_left_icon li i:hover {
border-radius: 50%;
color: #fff;
height: 32px;
text-align: center;
width: 32px;
background: #97141a;
}
.footer_menu li a:hover {color: #97141a!important;}


.footer_left_icon li a i {
line-height: 32px;
}
.footer_left_icon li {
font-size: 15px;
display: inline!important;
}


.footer_left_icon { padding: 0;}


@media (max-width: 1024px) {
.footer_logo img {margin:auto auto 15px auto!important;display:block!important;}
.footer_left_icon { text-align: center;}

.jai-map-wrap{
	display:none;
}

}

@media (min-width: 1025px) {
.footer_left_icon { text-align: right;}
}

/**/
#sp-bottom1 .cc-ftr p {
color:#ccc!important;
font-family: "Open Sans",sans-serif;
font-size: 16px!important;
font-weight: normal;
line-height: 30px!important;
padding-top:5px;
}
#sp-bottom1 .sp-module ul > li > a, #sp-bottom2 .sp-module ul > li > a, #sp-bottom3 .sp-module ul > li > a, #sp-bottom4 .sp-module ul > li > a {
font-size: 16px;
font-weight: 400;
font-family: "Open Sans",sans-serif;
color:#eee;
}
#sp-bottom1 .sp-module-title, #sp-bottom2 .sp-module-title, #sp-bottom3 .sp-module-title, #sp-bottom4 .sp-module-title {
color: #fff;
font-weight: 600!important;
font-family:Open Sans!important;
font-size: 18px!important;
}

/**/
#sp-bottom4 .subscribe-form input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #3d434f;
color: #cccccc;
font-size: 15px;
margin-bottom: 20px;
padding-bottom: 15px;
padding-left: 20px;
padding-top: 15px;
width: 100%;
border-radius: 50px;

}
#sp-bottom4 .subscribe-form  {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #3d434f;
color: #cccccc;
font-size: 15px;
margin-bottom: 20px;
padding-bottom: 15px;
padding-left: 20px;
padding-top: 15px;
width: 100%;
border-radius: 50px;
height:57px;
}
.footer__newsletter span {
color: #cccccc;
display: block;
font-size: 12px;
padding-top: 15px;
}
.subscribe__btn {
background: #f9bf3b none repeat scroll 0 0;
border: medium none;
color: #fff;
padding: 10px 25px;
border-radius: 50px;
}
.subscribe__btn:hover, .subscribe__btn:focus {
color: #fff;
box-shadow: 0 -50px 0 #deaa35 inset;
transition: all 0.4s ease 0s;
}


.nl-ft {
color: #ccc;
font-family: "Open Sans",sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 28px;
}

.nl-fdownt {
color: #cccccc;
display: block;
font-size: 12px;
padding-top: 15px;

}


.menu-fixed .logo img{
	height:50px;
}

.featherlight {
	z-index:99!important;
}

#sp-section-5{
	padding-bottom:100px;
}

.category-desc{
	padding:2rem 0;
	position:relative;
}
.category-desc img{
	margin:0 auto 30px auto;
	
}
.intro-image a{
	position:relative;
	display:block;
}
.intro-image a::after{
	content:'Voir le programme';
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%,-50%);
	background:rgba(255,255,255,0);
	transition: all 0.5s ease;
	opacity:0;
	text-transform:uppercase;
	font-size:2em;
	font-weight:bold;
}
.intro-image a:hover::after{
	top:50%;
	left:50%;
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	transform:translate(-50%,-50%);
	background:rgba(255,255,255,0.5);
	opacity:1;
}

.terrains{
	
}
.item-page{
	text-align:justify;
}
.item-page section h2{
	margin-top:60px;
}

.plans-appartements a, .plans-villas a{
	display:inline-block;
}

img.sp-default-logo.visible-xs{
	max-width:100px;
}

span.libre{
	display:inline-block;
	padding:5px 15px;
	background:green;
	color:white;
	min-width:100px;
	border-radius:5px;
}
span.reserve{
	display:inline-block;
	padding:5px 15px;
	background:orange;
	color:white;
	min-width:100px;
	border-radius:5px;
}
span.vendu{
	display:inline-block;
	padding:5px 15px;
	background:red;
	color:white;
	min-width:100px;
	border-radius:5px;
}
.category-module.mod-list li ul li{
	border-bottom:1px solid #fff;
	padding:5px;
	align-items:center;
	display:flex;
}
.row.libre{
	background:rgba(0,128,0,0.1);
}
.row.reserve{
	background:rgba(255, 165, 0,0.1);
}
.row.vendu{
	background:rgba(255,0,0,0.1);
}