#sp-top-bar {
    background-color: #ffffff;
}
.logo-image {
    height: 44px;
}
#sp-header {
    background: #0039b9;
   /* height: 50px;*/
    background: #fff;
    border-top: 1px solid #e0e0e0;
}
.sp-megamenu-parent > li > a {
    color: #aaaaaa;
    font-size: 15px;
}
.sp-megamenu-parent > li.active > a{
    color: #078d4d !important;
    font-weight: 700;
}
.sp-megamenu-parent > li.active:hover > a {
    color: #ffffff!important;
}
#sp-ytop,
#sp-logo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;    
}
.box-telefono {
    color: #003896;
}
.box-telefono h3  {
    line-height: 13px!important;
}
.box-telefono h3 a {
    color: #039556 !important;
    font-size: 20px;
}
.box-telefono i {
   color: #198852; 
}
#sp-menu {
    justify-content: flex-end;
    display: flex!important;
}
.sppb-sp-slider-title,
.sppb-sp-slider-text{
    text-transform: uppercase!important;
}
.sppb-sp-slider-text{
    font-size: 18px;
}
.sppb-sp-slider-title {
      font-family: "Raleway";;
  font-weight: 700;  
    font-size: 60px;
}
.sppb-sp-slider-text {
    margin-bottom: 50px!important;
}
a.ybtn,
a.ybtn2{
    text-transform: uppercase!important;
}
a.ybtn i,
a.ybtn2 i {
    margin-right: 10px;
}
a.ybtn>span,
a.ybtn2>span{
    padding: 13px 30px !important;
}
a.ybtn>span {
    z-index: 130;
}
a.ybtn2>span {
    background-color: #ffffff!important;
    border: 1px solid #1c3f97;
    color: #1c3f97 !important;
}
.main-titles h2 {
    color: #062a4d;
    font-family: "Raleway";;
    font-size: 50px;
    font-weight: 700;
}
.main-sub h2,
.main-sub h3,
.main-sub h1{
    font-size: 18px;
    text-transform: uppercase;
    color: #078d4d;
}
.img-service img {
    max-width: 30%;
}
.services-box .sppb-addon-image-layout-text {
    margin: 0;
    overflow: hidden;
    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    opacity: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); 
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 6.1em;
}
.services-box:hover .sppb-addon-image-layout-text {
    opacity: 1;
}
.services-box  img {
  transition: all ease .3s;  
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.services-box  {
       overflow: hidden;    
}

.services-box:hover img {
    margin-bottom: -12.45em;
}
.services-box .sppb-addon-image-layout-wrap {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
        overflow: hidden;
}
.services-box .sppb-addon-image-layout-content {
       background-clip: padding-box;
    border-top: 21px solid;
    padding: 2.95em 3em 4.35em;
    transition: all ease .3s;
    position: relative;
    overflow: hidden; 
        border-color: rgba(255,255,255,0);
    width: 100%;
}
.services-box:hover .sppb-addon-image-layout-content {
    padding-bottom: calc(2.45em + 12.6em);
    padding-top: 4.65em;
}
.row.services .sppb-col-md-4 {
    position: relative;
}
.services-box .sppb-image-layout-title {
   font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.55px; 
}
.services-box .sppb-btn {
    margin: 0.65em 0 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2em;
    transition: all ease .3s;
}
.services-box:hover .sppb-btn{
    bottom: 4em;
}
.services-box p {
    text-align: center;
}
a.sppb-btn,
a.ybtn>span,
div.sppb-form-builder-btn .sppb-btn.sppb-btn-primary{
    background-color: #078d4d !important;
}
div.sppb-form-builder-btn .sppb-btn.sppb-btn-primary {
    color: #ffffff!important;
}

.sppb-addon-image-layout-content {
    background: #ffffff;
}
.services-box h2 {
    text-transform: uppercase;
    font-size: 18px !important;
    text-align: center; 
}
.sp-megamenu-parent > li {
    border-right: 1px solid #f1f1f1;
}
.sp-megamenu-parent > li.active > a:before {
    display: none;
}
/*.title-notmain h3 {
    
}*/
.contact-box h3 {
   font-family: "Raleway"; 
    font-size: 20px;
    text-transform: uppercase;
    color: #078d4d !important;
}
.contact-box i {
    color: #0b8e4e;
    font-size: 25px;
    margin-bottom: 15px;
}
.contact-box p {
    margin-bottom: 0px!important;
}

.services-box .sppb-btn:after,
.sppb-btn.sppb-btn-primary:after,
a.ybtn>span:after{
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff !important;
    transition: all .35s;
    z-index: -1;
}
.services-box:hover .sppb-btn:after,
.sppb-btn.sppb-btn-primary:hover:after,
a.ybtn>span:hover:after{
    width: 100%;
}
.services-box:hover .sppb-btn {
   color: #078d4d !important; 
}
.services-box .sppb-btn:hover,
.sppb-btn.sppb-btn-primary:hover{
    color: #0b8e4e !important;
}
a.ybtn>span:hover {
    color: #ffffff!important;
}
.contact-box p a {
    color: #737373;
}
.contact-box p a:hover {
    color: #078d4d !important;
}

.sppb-btn.sppb-btn-primary {
    position: relative;
}
#sp-footer .contact-box.foot-end .sppb-media{
    display: flex;
    justify-content: flex-end;
}
#sp-footer .contact-box.foot-center .sppb-media {
   display: flex;
    justify-content: center; 
}
.sp-megamenu-parent > li:hover  {
    background-color: #078d4d;
}
.sp-megamenu-parent > li:hover a {
    color: #ffffff;
}
.sp-megamenu-parent > li {
    transition: all ease .3s;
}
.contactus-row .contact-box p a {
    color: #ffffff;
    font-size: 20px!important;
}
.contactus-row .contact-box h3 {
    font-weight: 700;
}
#sp-footer, #sp-bottom {
    border-top: 1px solid #078d4d;
}
a.ybtn>span:hover {
    background-color: #ffffff!important;
    color: #078d4d !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #ffffff !important;
    background-color: #078d4d !important;
}
.table td strong {
    font-weight: 600;
}
div.sppb-form-builder-btn .sppb-btn.sppb-btn-primary:hover {
    background-color: #ffffff!important;
    color: #078d4d!important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    line-height: 98px!important;
    margin: 0px 5px!important;
}

.speasyimagegallery-gallery-item-title {
    display: none!important;
}
.speasyimagegallery-gallery-item > div:before {
        content: '\f424';
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    width: 74px;
    height: 74px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 74px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    z-index: 2;
}
.speasyimagegallery-gallery-item > div:hover:before {
    opacity: 1;
}
.speasyimagegallery-gallery-item > div:after {
    background: rgba(17, 133, 78, 0.5);
}
strong {
    font-weight: 600!important;
}
.social-top i {
    font-size: 25px!important;
    color: #062a4d;
}
#sp-ysocial {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center; 
}
#sp-header.header-sticky,
#sp-header.header-sticky .logo,
#sp-header.header-sticky #logo{
    height: 70px;
}
#sp-header.header-sticky .sp-megamenu-parent > li > a {
    line-height: 69px!important;
}
#sp-header,
#sp-header.header-sticky{
    transition: 250ms;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:before {
        background-color: #078d4d !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #ffffff !important;
    background-color: #078d4d !important;
}
span.code {
   color: #ffffff;
    font-weight: 600; 
}
td.first-td {
    background-color: #062a4d;
    width: 40%;
}
.table td, .table th {
    border-top: unset!important;
   border-bottom: 1px solid #dee2e6;
}
.table.services.pvc {
    text-align: center!important;
}
ul.services-carpentry {
    list-style: none!important;
    padding: 0px;
}
ul.services-carpentry li {
    padding: 5px 0px!important;
}
ul.services-carpentry li i {
    margin-right: 7px!important;
    color: #0b8e4e !important;
}
input[type="text"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="number"]:not(.form-control),
select:not(.form-control) {
   background-color: #ffffff !important;
}
.bfQuickMode .bfbs3-form-inline .bfbs3-form-control,
.bfQuickMode .form-inline .form-control,
.bfbs3-form-control.ff_elem.inputbox{
    width: 100% !important;
    border-radius: 0px !important;
}
.bfbs3-control-label.bfLabelBlock {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #062a4d !important;
    margin-bottom: 8px !important;
}
.bfElemWrap.bfbs3-col-sm-6,
.bfElemWrap.bfbs3-col-sm-4{
padding-left: 0px !important;
}
div.bfSectionDescription {
   color: #0b8e4e;
    text-transform: uppercase;
    font-weight: 600; 
}
.bfUploadButton {
    width: 150px !important;
    height: 50px!important;
}
.bfbs3-btn-primary {
    background-color: #0b8e4e !important;
    border-color: #0b8e4e !important;
    background-image: unset !important;
    padding: 8px 22px 10px 22px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 0px !important;
}
.bfbs3-btn-primary:hover {
    background-color: #ffffff !important;
    border-color: #0b8e4e !important;
    color: #0b8e4e !important;
}
.bfbs3-glyphicon-upload:before {
   font-size: 20px!important; 
}
.bfbs3-col-sm-3 {
    padding-left: 0px!important;
}
.bfQuickMode .bfbs3-form-group .bfbs3-control-label {
    width: 100%!important;
}
.bfClearfix {
    display: flex;
    align-items: flex-end;
}
.bfElemWrap section {
	padding-right: 0px!important;
}
.bfbs3-row .bfElemWrap.bfbs3-col-sm-3 {
	width: 33.3%!important;
}
#bfQuickModeSection54420 .bfElemWrap.bfbs3-col-sm-3 {
	width: 50%!important;
}
#ff_formdiv1 {
	width: 100%;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active > span {
    color: #078d4d !important;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left {
    float: left;
    margin-right: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #078d4d !important;
}
div.offcanvas-inner img {
	margin-bottom: 50px;
}
#offcanvas-toggler > .fa {
    color: #a0a0a0;
}
#offcanvas-toggler > .fa:hover,
#offcanvas-toggler > .fa:focus,
#offcanvas-toggler > .fa:active {
    color: #078d4d;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  font-size: 20px;
  color: #737373 !important;
	margin-bottom: 0px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li,
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border-bottom: 1px solid #cecece;
	padding: 10px 0px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler {
	font-size: 15px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
	font-size: 16px;
}
.img-cntcs img {
	max-width: 20%;
}
#bfElemWrap1272 .bfbs3-form-group {
	display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row-reverse;
}
#bfElemWrap1272 .bfbs3-form-group .bfbs3-control-label.bfLabelBlock{
	font-weight: 400 !important;
    text-transform: inherit !important;
    color: #737373 !important;
    margin-bottom: 0px !important;
    font-size: 14px;
}
.bfQuickMode .bfbs3-nonform-control {
	width: 20px;
}
@media (max-width: 767.98px) { 
	#sp-header {
	display: flex;
    align-items: center;
    align-content: center;
	}
	#sp-header .row {
	display: flex;
    align-items: center;
    align-content: center;
	flex-direction: row;
    flex-wrap: nowrap;
	}
	#sp-header #sp-logo, #sp-header #sp-menu, #sp-header #sp-logo-right {
	max-width: unset!important;
	}
	#sp-ysocial {
	display: contents;
	}#sp-header #sp-logo .logo-image {
    height: 38px;
}
	.sppb-sp-slider-title {
		font-size: 40px;
	}
	.sp-nav-control {
		display: none;
	}
	.sppb-sp-slider-text {
		margin-bottom: 30px !important;
	}
	.sppb-sp-slider-text {
		font-size: 16px;
	}
	#sp-header #sp-logo {
		margin-right: 0px;
	}
	.sppb-sp-slider-text {
		font-size: 16px;
	}
	.img-service img {
    max-width: 75%;
}
	.main-sub h2, .main-sub h3, .main-sub h1 {
		font-size: 16px;
		font-weight: 600!important;
	}
	.main-titles h2 {
		font-size: 40px;
	}
	body p {
		font-size: 16px;
	}
	.services-box .sppb-image-layout-title {
		margin: 0px 0px 30px 0px !important;
	}
	.services-box .sppb-addon-image-layout-text {
	    max-height: 13.5em;	
	}
	.services-box:hover .sppb-addon-image-layout-content {
    padding-bottom: calc(6.45em + 13.6em);
    padding-top: 2.65em;
}
	#sp-footer .contact-box.foot-center .sppb-media,
	#sp-footer .contact-box.foot-end .sppb-media{
	justify-content: flex-start !important;
	}
	.table td, .table th {
		font-size: 16px;
	}
	.img-cntcs img {
		max-width: 25%;
	}
	.bfQuickMode .bfbs3-form-inline .bfbs3-control-label, .bfQuickMode .form-inline .control-label {
	max-width: 97% !important;
    min-width: 97% !important;
	}
	.bfbs3-control-label.bfLabelBlock {
		font-weight: 500 !important;
	}
	.bfClearfix {
		flex-direction: column;
	}
	.bfbs3-row .bfElemWrap.bfbs3-col-sm-3,
	.bfElemWrap.bfbs3-col-sm-3,
	.bfElemWrap.bfbs3-col-sm-6,
	.bfElemWrap.bfbs3-col-sm-4,
	.bfQuickMode .bfbs3-form-inline .bfbs3-form-control,
	.bfQuickMode .form-inline .form-control,
	.bfbs3-form-control.ff_elem.inputbox,
	#bfQuickModeSection54420 .bfElemWrap.bfbs3-col-sm-3{
    width: 100%!important;
}
	.bfbs3-control-label.bfLabelBlock {
		font-size: 14px;
	}	
}
@media (min-width: 768px) and (max-width: 1023.98px) { 
	.sppb-sp-slider-title {
		font-size: 50px;
	}	
	.sppb-sp-slider-text {
		font-size: 20px;
	}
	.img-service img {
    max-width: 50%;
}
	.services-box img {
    height: 250px;
    object-fit: cover;
}
	#sp-yfooter .contact-box p {
    font-size: 14px;
}
	div.sp-slider-outer-stage {
	height: 500px;
	}
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
	.sp-megamenu-parent > li > a {
		font-size: 13px;
	}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		margin: 0px !important;
	}
	.logo-image {
		height: 40px !important;
	}
	#sp-logo {
		margin-right: 0px !important ;
	}
	#sp-ysocial .col-lg-1 {
		    flex: 0 0 6.333333% !important;
    max-width: 6.333333% !important;
	}
	.sppb-sp-slider-title {
		font-size: 45px;
	}
		div.sp-slider-outer-stage {
	height: 500px !important;
	}
	.main-titles h2 {
		font-size: 45px;
	}
	.services-box a.sppb-btn,
	.services-box h2{
		font-size: 14px!important;
	}
	.services-box .sppb-addon-image-layout-text {
		max-height: 13.1em;
		padding: 0 8px !important;
	}
	.sppb-sp-slider-title {
		font-size: 45px;
	}
}
@media (min-width: 1280px) and (max-width: 1599.98px) {
	div.sp-slider-outer-stage {
	height: 500px !important;
	}
	.services-box .sppb-addon-image-layout-text,
	.services-box .sppb-addon-image-layout-text p {
		max-height: 13.1em !important;
		padding: 0 8px !important;
		font-size: 14px;
	}
	.sppb-sp-slider-title {
		font-size: 45px;
	}
}



