@charset "utf-8";


body { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal; color: #353e4b; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }
/**, ::after, ::before { box-sizing: border-box; }*/
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }

@font-face {
    font-family: 'Tw Cen MT';
    src: url('../fonts/TwCenMT-Regular.eot');
    src: url('../fonts/TwCenMT-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TwCenMT-Regular.woff') format('woff'),
        url('../fonts/TwCenMT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tw Cen MT';
    src: url('../fonts/TwCenMT-Bold.eot');
    src: url('../fonts/TwCenMT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TwCenMT-Bold.woff') format('woff'),
        url('../fonts/TwCenMT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eurostile BQ';
    src: url('../fonts/EurostileBQ-Regular.eot');
    src: url('../fonts/EurostileBQ-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EurostileBQ-Regular.woff') format('woff'),
        url('../fonts/EurostileBQ-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eurostile';
    src: url('../fonts/EurostileBold.eot');
    src: url('../fonts/EurostileBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EurostileBold.woff') format('woff'),
        url('../fonts/EurostileBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-SemiBold.eot');
    src: url('../fonts/GillSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GillSans-SemiBold.woff') format('woff'),
        url('../fonts/GillSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-Light.eot');
    src: url('../fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GillSans-Light.woff') format('woff'),
        url('../fonts/GillSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.eot');
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/ArialMT.eot');
    src: url('../fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialMT.woff') format('woff'),
        url('../fonts/ArialMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a { color: #000000; outline: none; -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #000000; outline: none; }

img { display:inline;}

.btn{ -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; }

.link1{ color: #e21ca7 !important; text-decoration: none !important; }
.link1:hover, .link1:focus{ color: #000000 !important; text-decoration: none !important; }

.link2{ color: #95268f !important; text-decoration: underline !important; }
.link2:hover, .link2:focus{ color: #000000 !important; text-decoration: none !important; }

.btn:focus { box-shadow: none; }

.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left !important; }

.noSpace { margin-left: 0px; margin-right: 0px; }
.noSpace > [class*="col-"] { padding-left: 0px; padding-right: 0px; }

.row4 { margin-left: -4px; margin-right: -4px; }
.row4 > [class*="col-"] { padding-left: 4px; padding-right: 4px; }

.row25 { margin-left: -25px; margin-right: -25px; }
.row25 > [class*="col-"] { padding-left: 25px; padding-right: 25px; }

.row19 { margin-left: -19px; margin-right: -19px; }
.row19 > [class*="col-"] { padding-left: 19px; padding-right: 19px; }

.form-control:focus{ box-shadow: none; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

.letterSpace1{ letter-spacing: 1px; }
.letterSpace2{ letter-spacing: 1.5px; }

[class*="font-"] { line-height: 1.3 !important; }

.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-26 { font-size: 26px !important; }

p { line-height: 1.5; padding-bottom: 20px; color: #353e4b; }
.article-details  p { text-align:left;}
.article-details  a {font-weight: bold;color: #0c6e09;}
p:last-child { padding-bottom: 0px; }

.image { display: inline; max-width: 100%; }

.font1{ font-family: 'Lato', sans-serif; }
.font2{ font-family: 'Tw Cen MT'; }
.font3{ font-family: 'Eurostile BQ'; }
.font4{ font-family: 'Eurostile'; }
.font5{ font-family: 'Myriad Pro'; }
.font6{ font-family: 'Roboto', sans-serif; }
.font7{ font-family: 'Gill Sans'; }
.font8{ font-family: 'Helvetica'; }
.font9{ font-family: 'Arial'; }


.bold{ font-weight: bold; }
.boldx{ font-weight: 900; }
.normal{ font-weight: normal !important; }
.italic{ font-style: italic; }

.black{ color: #000000 !important; }
.white{ color: #ffffff !important; }
.darkGreen{ color: #06808f !important; }

.btn1 { background-color: #da6f40; border: 0px; border-radius: 6px; font-family: 'Roboto', sans-serif; color: #ffffff; font-size: 22px; font-weight: 500; text-decoration: none; display: inline-block; padding: 10px 24px 8px; cursor: pointer; text-align: center; line-height: normal; }
.btn1:hover, .btn1:focus { background-color: #000000; color: #ffffff; }

.btn2 { background-color: #000000; border: 0px; border-radius: 6px; color: #ffffff; font-size: 26px; font-weight: 500; text-decoration: none; display: inline-block; padding: 12px 20px; cursor: pointer; text-align: center; line-height: normal; }
.btn2:hover, .btn2:focus { background-color: #444444; color: #ffffff; }

.btn-lg{ max-width: 300px;  }

.radius1{ border-radius: 12px; }

/*----Header----*/

.headerTop{ font-family: 'Tw Cen MT'; background-color: #0c6e09; text-align: center; padding: 8px 0px; color: #ffffff; font-size: 18px; font-weight: bold; }

.headerMain{ background-color: transparent; padding: 15px 0px 20px; }
.headerMain .navbar-brand{ padding: 0px; margin: 0px; }

.headerSub { display: flex; align-items: center; justify-content: space-between; position: relative; }
.headerSub .navbar-brand{ padding: 0px; margin: 0px auto; }

.hedRight{ display: inline-block; text-align: center; line-height: normal; font-family: 'Tw Cen MT'; font-size: 22px; font-weight: normal; color: #000000; position: absolute; right: 0px; }
.hedRight .number{ font-weight: bold; font-size: 30px; display: block; font-style: normal; color: #da6f40; padding-top: 5px; }
.hedRight .number a {color: #da6f40;}


/*--Main Menu--*/
.sp-megamenu-parent{display: flex; flex-wrap: wrap; justify-content: center; }
.sp-megamenu-parent .sp-menu-item{ padding: 0px 20px; }
.sp-megamenu-parent .sp-menu-item a{ font-family: 'Lato', sans-serif; font-weight: normal; color: #000000; font-size: 18px; position: relative; text-decoration: none; }
.sp-megamenu-parent .menuNav-link:hover, .sp-megamenu-parent li.active, .sp-megamenu-parent li a:focus, .sp-megamenu-parent li a.active { color: #da6f40; }
.sp-megamenu-parent li.active { font-weight: bold; }
/*--Main Menu End--*/


/*----Header End----*/

.mainPart{ background-image: url(../images/mainbanner.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 100px 0px; }

.mainBanner{ background-image: url(../images/mainpartBg.jpg); background-repeat: repeat-y; background-position: left; background-size: contain; width: 100%; max-width: 825px; position: relative; border-top: solid 18px #b9db4f; border-bottom: solid 18px #0c6e09; padding: 18px 80px; text-align: center; }
.mainBanner:before{ background-image: url(../images/mainBanner-treeBg.jpg); background-repeat: no-repeat; background-position: left bottom; content: ""; width: 51px; height: 73px; display: inline-block; position: absolute; left: 0px; bottom: -18px; }
.mainBanner h3,.mainBanner h1{ font-family: 'Lato', sans-serif; font-size: 42px; font-weight: bold; }
.san-diego-tree{ position: relative; display: flex; align-items: center; }
.san-diego-tree h3,.san-diego-tree h1{ position: absolute; left: 0px; padding: 15px 0px 0px 110px; }

.freeEstimateBtn{ 
    background-image: url(../images/btnBg.png); background-size: 100%; background-repeat: no-repeat; background-position: center center; 
    display: flex; align-items: center; justify-content: center; margin: 0px auto 10px;
    width: 100%; max-width: 394px; height: 75px;
    font-weight: 900; font-size: 34px; color: #ffffff !important;
}
.mainBannerContact{ font-size: 34px; font-weight: 900; }


.srvicePart{ padding: 50px 0px 0px 0px; }

.titleOne { padding-bottom: 25px; }
.titleOne h1{ font-weight: bold; color: #0c6e09; font-size: 40px; padding-bottom: 15px; }

.titleThree { padding-bottom: 18px; }
.titleThree h3, .titleThree h2{ font-family: 'Lato', sans-serif; font-weight: bold; color: #da6f40; font-size: 35px; padding-bottom: 15px; }


.titleTwo { padding-bottom: 18px; }
.titleTwo h2{ font-family: 'Lato', sans-serif; font-weight: bold; color: #000000; font-size: 30px; }


.serviceBox{ text-align: center; width: 100%; max-width: 270px; margin: 0px auto; }
.serviceBox h4{ color: #000000; padding-bottom: 10px; font-family: 'Tw Cen MT'; font-weight: bold; font-size: 18px; text-transform: uppercase; }



.welcomePart{ padding: 60px 0px 100px; }
.welcomePartData{ padding-bottom: 70px; }
.welcomePartData:last-child{ padding-bottom: 0px; }
.welcomePartData p{ font-size: 18px; color: #353e4b; }

.welcome-image{ /*padding-top: 72px;*/ }
.welcome-image img{ width: 100%; }


/*---- Footer ----*/
.footerMain{     
    background-color: #0c6e09 !important; padding-top: 40px !important; color: #ffffff !important; font-size: 14px; 
}
.footerLogo { display: flex; align-items: center; flex-wrap: wrap; height: 100%; }
.footerMain h3 { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; color: #b9db4f; padding-bottom: 25px; }

.footerMain p{ color: #ffffff; padding-bottom: 10px; }
.footerMain ul.nav{ display: flex; flex-wrap: wrap; margin: 0px auto; max-width: 440px; }
.footerMain ul.nav li{ padding: 0px 5px 10px 5px; line-height: normal; width: 48%; }
.footerMain ul.nav li.nav-item:last-child{ padding-bottom: 0px; }
.footerMain ul.nav li a{ font-family: 'Myriad Pro'; color: #ffffff !important; padding: 0px; }
.footerMain ul.nav li a:hover{ color: #ffffff !important; text-decoration: underline; }
.copyRight{ background-color: #ffffff; padding: 15px 0px; text-align: center; font-family: 'Lato', sans-serif; font-size: 13px; color: #000000; margin-top: 20px; }
/*---- Footer End ----*/



.inner-main{ padding: 50px 0px 80px; }
.inner-wrapper{ display: flex; }
.inner-leftPart{ flex: 1; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.inner-rightPart{ width: 350px; margin-left: 40px; }


.formOne{ border: solid 2px #84b59a; border-radius: 6px; padding: 15px; }
.formOneInput{ height: 38px; box-shadow: none; border: solid 1px #ced4da !important; font-family: 'Tw Cen MT'; font-weight: 16px; color: #000000; }
.formOneInput:focus{ box-shadow: none; }
.formOneInput::placeholder{ color: #6f777f; }

.sp-megamenu-wrapper { display:block !important; padding-bottom:20px; }
.sp-megamenu-parent { float:none;text-align:center;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { padding:0px;line-height:1.5;}
#sp-footer a, #sp-bottom a { color:unset;}
.sp-scroll-up { background:#96CF00;}
.burger-icon>span {background:#0c6e09;}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu { width:85vw;}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li.active>a { color:#da6f40; font-weight:bold; }
.burger-icon { width:30px !important;}
.burger-icon>span { height:4px !important;}
.close-offcanvas .burger-icon>span { height:2px !important;}
.inner-rightPart .formControlLabel {display:none;}
.inner-rightPart .formControls  { width:100%;}
.withoutRightBar .inner-wrapper { display:inline;}
.withoutRightBar .rsform-submit-button { max-width:250px;}
.rsform-block-submit { text-align:center;}
.sp-megamenu-parent>li:last-child>a { padding:0 !important;}
#sp-main-body { padding:0 !important;}
ul.menu { display:none;}
/*
Lato | Regular 400 | Bold 700
font-family: 'Tw Cen MT';
font-family: 'Eurostile BQ'; (Normal)
font-family: 'Eurostile'; (Bold)
*/


/*---Responsive---*/
@media (min-width: 1600px) {
    .sp-megamenu-parent .sp-menu-item {
        padding: 0px 14px !important;
    }

    #sp-menu {
        padding:0 !important;
    }
    .sp-megamenu-parent li a {
        font-size: 16px !important;
    }
}

@media (max-width: 1500px) {

    .headerSub .navbar-brand img{ width: 360px; }
    .sp-megamenu-parent li { padding: 0px 15px !important; }
    .sp-megamenu-parent li a{ font-size: 16px !important; }

    .mainPartCenter h3 { font-size: 60px; }

    .srvicePart { padding: 60px 0px 20px 0px; }

    .titleOne h1{ font-size: 35px; }
    .titleThree h3,.titleThree h2{ font-size: 30px; }
    .titleTwo h2{ font-size: 28px; }

}


@media ( max-width: 1460px) {
    .container { max-width: 1260px; }
    .container.container1400{ max-width: 1300px; }    
}

@media (max-width: 1360px) {

    .container.container1400{ max-width: 1170px; }

    .hedRight{ font-size: 20px; }
    .hedRight .number{ font-size: 26px; }
    .sp-megamenu-parent a { padding: 0px 11px; }

    .footerMain{ padding-top: 30px !important; }

}


@media only screen and (min-width : 1260px) {
    
}

@media (max-width: 1199px) {

    .container { max-width: 960px; }
    .container.container1400 { max-width: 960px; }

    .mainPart{ padding: 40px 0px; }
    

    .navbar-brand img{ max-width: 330px; }

    .sp-megamenu-parent{ padding-top: 18px; }
    .sp-megamenu-parent li { padding: 5px 12px; }
    
    .hedRight .number { font-size: 24px; }

    .welcomePart { padding: 45px 0px; }

    .titleOne h1 { font-size: 30px; }
    .titleTwo h2 { font-size: 26px; }
    .titleThree h3,.titleThree h2 { font-size: 28px; }
    
    .mainBanner{ margin: 0px auto; }

    .copyRight{ margin-top: 20px; }


    /*Inner Page*/
    .inner-rightPart { width: 300px; margin-left: 30px; }


}

@media only screen and (max-width : 991px) {
    .container { max-width: 100%; }
    /*p { line-height: 1.5; }*/
    
    .headerSub .navbar-brand img { width: 300px; }

    .headerTop{ padding: 5px 0px; }

    .hedRight { font-size: 18px; }
    .hedRight .number { font-size: 20px; }

    .headerMain{ padding: 15px 0px; }    
    .sp-megamenu-parent li { padding: 5px 10px; }
    .sp-megamenu-parent li a { font-size: 16px; }
    
    .headerSub .navbar-brand{ margin: 0px auto 0px 0px; }

    .footerLogo{ justify-content: center; }    
    .footerLogo img{ max-width: 100%; }
    

    .titleOne h1 { font-size: 32px; }
    .titleThree { padding-bottom: 20px; }
    .titleThree h3,.titleThree h2 { font-size: 26px; }
    
    
    .mainBanner h3,.mainBanner h1{ font-size: 36px; }
    .freeEstimateBtn{ font-size: 28px; }
    .mainBannerContact{ font-size: 30px; }
    
    .btn2{ font-size: 24px; }

    .welcomePart { padding: 30px 0px; }    
    .serviceBox h4 { font-size: 16px; border-radius: 16px 16px 0px 0px; }
    

    
    .srvicePart { padding: 40px 0px 20px 0px; }
    
    .row19 { margin-left: -10px; margin-right: -10px; }
    .row19 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }

    .row25 { margin-left: -12px; margin-right: -12px; }
    .row25 > [class*="col-"] { padding-left: 12px; padding-right: 12px; }


    /*Inner Page*/
    .inner-rightPart { width: 280px; }
    .logo-image-phone { height: 105px !important;}

}

@media only screen and (max-width : 767px) { 

    .headerMain { padding: 15px 0px; }
    
    .copyRight { padding: 10px 0px 15px; }

    .btn1{ font-size: 18px; }
    .btn2{ font-size: 22px; }
    
    .headerMain .navbar-brand img { max-width: 250px; }

    .mainPart{ padding: 30px 0px; }

    .mainBanner h4{ font-size: 18px; }
    .freeEstimateBtn { font-size: 20px; max-width: 260px; height: 45px; }

        
    .font-20 { font-size: 18px !important; }

    .mainBanner{ padding: 18px 50px; }
    .mainBanner h3,.mainBanner h1 { font-size: 28px; }
    .san-diego-tree{  }
    .san-diego-tree img{ width: 120px; }
    .san-diego-tree h3,.san-diego-tree h1{ padding: 15px 0px 0px 80px; }
    .mainBannerContact { font-size: 24px; }

    .titleThree { padding-bottom: 10px; }
    .titleThree h3,.titleThree h2 { font-size: 24px; }

    .titleOne { padding-bottom: 12px; }
    .titleOne h1 { font-size: 28px; }
    
    .srvicePart { padding: 40px 0px 0px 0px; }
    
    .welcome-image{ padding-top: 0px; margin-bottom: 20px; }
    .welcomePartData { padding-bottom: 40px; }
    .welcomePartData .text-right{ text-align: left !important; }
    .welcomePartData p { font-size: 16px; }    
    

    .footerMain { padding-top: 15px !important; }
    .footerMain h3{ padding-bottom: 15px; }


    /*Inner Page*/
    .inner-main { padding: 20px 0px 50px; }
    .inner-wrapper{ display: table; width: 100%; }
    .inner-rightPart{ width: 100%; max-width: 350px; padding-top: 50px; margin: 0px auto; }

}
@media only screen and (max-width : 575px) {
    body{ font-size: 16px; }

    
    .headerTop{ font-size: 16px; line-height: normal; letter-spacing: 0px !important; padding: 12px 10px; }

    .navbar-brand{ width: 100%; text-align: center; display: block; }
    .headerMain .navbar-brand img { max-width: 250px; }
    
    .headerSub{ display: table; width: 100%; }
    .hedRight{ position: unset; display: block; padding-top: 15px; }    

    .font-20 { font-size: 16px !important; }
    
    .mainPart { min-height: 250px; padding: 30px 0px; }

    .titleOne h1 { font-size: 24px; }
    .titleTwo h2 { font-size: 20px; }
    .titleThree h3,.titleThree h2 { font-size: 22px; }
    
    .welcomePart { padding: 30px 0px; }
    .welcomePartData p { font-size: 16px; }

    .mainBanner { padding: 15px 30px; border-top: solid 14px #b9db4f; border-bottom: solid 14px #0c6e09; }
    .mainBanner:before { bottom: -14px; width: 40px; height: 58px; background-size: contain; }
    
    .mainBanner h3,.mainBanner h1 { font-size: 22px; }
    .mainBannerContact { font-size: 20px; }


    .san-diego-tree{ display: block; margin-bottom: 10px; }
    .san-diego-tree h3,.san-diego-tree h1 { position: unset; padding: 0px 0px 0px 0px; }
    .san-diego-tree .bannerTree{ display: none; }

    .freeEstimateBtn { font-size: 18px; max-width: 230px; }


    .letterSpace2 { letter-spacing: 1px; }

    .btn1 { font-size: 16px; }

    .srvicePart { padding: 30px 0px 0px 0px; }    

    .footerMain{ text-align: center; padding-top: 25px !important; }
    .footerLogo img{ max-width: 190px; }
    .designby{ display: block; width: 100%; margin-top: 6px; }

    .footerMain ul.nav{ max-width: 100%; width: 100%; display: table; }
    .footerMain ul.nav li{ width: 100%; }

    .copyRight{ margin-top: 10px; }


    /*Inner Page*/
    .inner-rightPart{ padding-top: 40px; }

}