<style>
    body {
        padding: 0px;
        font-weight: 400;
        font-family: 'Dosis', sans-serif;
        !important;
        font-size: 11pt;
        color: #222;
        margin: 0px auto;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    p {        font-weight: 400;
        font-family: 'Dosis', sans-serif;}
    hr {
        display: none;
    }
.logo_layout {
  list-style-type: none;
  padding: 0;
  display: flex;
  font-weight: 400;
  font-family: 'Dosis', sans-serif;
  font-size: 13pt;
  justify-content: flex-start;
  align-items: center; /* Vertically align items in the middle */
}

.logo_layout li {
  display: inline-block; /* Make list items behave like inline-block elements */
  margin-right: 10px;
}

.logo_layout img {
  vertical-align: middle; /* Vertically align the image to the middle */
}

    a {
        color: #619745;
    }
    h1 {
        font-weight: bold;
        font-family: 'Open Sans Condensed', sans-serif !important;
        word-wrap: break-word;
    }
    h3,
    label {
        color: #3f3f3f;
        font-weight: bold;
        font-family: 'Open Sans Condensed', sans-serif !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    h2 {
        margin: 10px 0px;
        font-weight: 300;
        font-family: 'Open Sans Condensed', sans-serif !important;
    }
    h2 span {
        font-size: 18pt;
        font-family: 'Open Sans Condensed', sans-serif !important;
        color: #619745;
        padding: 3px;
        font-weight: 100;
    }
    .sf {
        margin: 15px 0;
    }
    .sb {
        overflow: auto;
    }
    .sb h1 span {
        display: none;
    }
    .def h1 {
        margin: auto;
        width: 0px;
    }
    .def form {
        margin: 0px auto;
        max-width: 300px;
        padding: 5px;
    }
    .def h1 a {
        /*display: block; background: url('theme/seolyzer_main.png') no-repeat; width: 290px; height: 130px;*/
    }
    .ser {
        margin: auto;
        /*width: 660px; */
        
        display: none;
    }
    .ser h1 {
        float: left;
        margin: 0 15px 0 0;
    }
    .ser h1 a {
        display: block;
        position: relative;
        width: 148px;
        height: 64px;
        top: -5px;
    }
    .mybox {
        margin: 10px 0;
        margin-top: 20px;
        padding: 15px;
        background: #f4f4f4;
        border: 1px solid #3f3f3f;
        word-wrap: break-word;
        overflow-x: hidden;
         font-family: 'Dosis', sans-serif;
    }
    .leaflet-container {        border: 1px solid #3f3f3f;
    }
    .info {
        background: #FFFFFF;
        border: 1px solid #619745;
        padding: 15px;
        font-weight: normal;
    }
    .wrapper {
        position: relative;
        width: 90%;
        max-width: 850px;
        margin: 0px auto;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), inset 0 0 50px rgba(0, 0, 0, 0.2);
        padding: 10px 20px 10px 20px;
        background-color: #FFFFFF;
        margin-bottom: 30px;
    }
    .wrapper:before,
    .wrapper:after {
        position: absolute;
        width: 40%;
        height: 10px;
        content: ' ';
        left: 12px;
        bottom: 18px;
        background: transparent;
        -webkit-transform: skew(-5deg) rotate(-5deg);
        -moz-transform: skew(-5deg) rotate(-5deg);
        -ms-transform: skew(-5deg) rotate(-5deg);
        -o-transform: skew(-5deg) rotate(-5deg);
        transform: skew(-5deg) rotate(-5deg);
        -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5);
        z-index: -1;
    }
    .wrapper:after {
        left: auto;
        right: 12px;
        -webkit-transform: skew(5deg) rotate(5deg);
        -moz-transform: skew(5deg) rotate(5deg);
        -ms-transform: skew(5deg) rotate(5deg);
        -o-transform: skew(5deg) rotate(5deg);
        transform: skew(5deg) rotate(5deg);
    }
    .input-control {
        border-radius: 6px 0 0 6px;
        border-radius: 0.42857143rem 0 0 0.42857143rem;
        border-right: 0;
        width: 100%;
        padding: 5px 8px 5px 8px;
        border: 1px solid #619745;
        color: #619745;
        font-size: 13px;
    }
    .input-button {
        border-radius: 6px 0 0 6px;
        border-radius: 0 0.42857143rem 0.42857143rem 0;
        border-left: 0;
        width: 100%;
        padding: 5px 8px 5px 8px;
        border: 1px solid #619745;
        margin-left: -4px;
        background-color: #619745;
        ;
        color: #FFFFFF;
        font-size: 13px;
    }
    .input-control2 {
        border-radius: 6px 0 0 6px;
        border-radius: 0.42857143rem 0.42857143rem 0.42857143rem 0.42857143rem;
        border-right: 0;
        width: 100%;
        padding: 5px 8px 5px 8px;
        border: 1px solid #619745;
        color: #619745;
        font-size: 13px;
    }
    .input-button2 {
        border-radius: 6px 0 0 6px;
        border-radius: 0.42857143rem 0.42857143rem 0.42857143rem 0.42857143rem;
        border-left: 0;
        width: 100%;
        padding: 5px 8px 5px 8px;
        border: 1px solid #619745;
        margin-left: -4px;
        background-color: #619745;
        ;
        color: #FFFFFF;
        font-size: 13px;
    }
    .logo {
        margin: 0px auto;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .logo h1 {
        font-size: 40px;
        margin-top: 4px;
        margin-bottom: 0px !important;
        padding: 0px 0px 0px 0px;
        line-height: 38px;
        font-family: 'Open Sans Condensed', sans-serif !important;
        color: #3f3f3f;
        font-weight: 300;
    }
    .logo h2 {
        margin-top: 2px !important;
        margin-bottom: 8px;
        font-size: 30px;
        padding: 0px 0px 0px 0px;
        line-height: 28px;
        font-family: 'Open Sans Condensed', sans-serif !important;
        color: #3f3f3f;
        font-weight: 300;
    }
    html {
        background: url(https://dns.wininets.com/jumbo.webp) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /* min-height: 100%; */
        
        margin: 0px;
        padding: 0px;
    }
    .backlayer {
        /* background: url(http://old.wininets.com/seo/rsz_seomindmap.png) no-repeat center center fixed; */
        
        -webkit-background-size: 80%;
        -moz-background-size: 80%;
        -o-background-size: 80%;
        background-size: 80%;
        /* min-height: 100%; */
        
        margin: 0px;
        padding: 0px;
        padding-top: 30px;
       /* height: 800px !important;*/
    }
    .contact-form {
        width: 90%;
        max-width: 400px;
        margin: 0 auto;
    }
    .listing {
        width: 90%;
        font-weight: 700;
        text-align: center;
        margin-left: 0px;
        padding-left: 0px;
        font-size: 16px;
        color: #619745;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .listing li {
        display: inline;
        margin-right: 20px;
        margin-left: 0px;
        ] white-space: nowrap;
    }
    .p-center {
        text-align: center;
         font-family: 'Dosis', sans-serif !important;
         margin-top: 100px;
         margin-bottom: 100px;
    }
    @media all {
        .page-break {
            display: none;
        }
    }
    @media print {
        /*.page-break	{ display: block; page-break-before: always; height: 0px; width: 0px;}*/
        
        body {
            line-height: 16px;
        }
        .wrapper {
            border-style: none !important;
        }
        .page-break {
            page-break-before: always !important;
        }
            .wrapper {
        position: relative;
        width: 95%;
        max-width: 850px;
        margin: 0px auto;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.0), inset 0 0 50px rgba(0, 0, 0, 0.0);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.0), inset 0 0 50px rgba(0, 0, 0, 0.0);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.0), inset 0 0 50px rgba(0, 0, 0, 0.0);
        padding: 10px 3% 10px 3%;
        background-color: #FFFFFF;
        margin-bottom: 30px;
    }
    .wrapper:before,
    .wrapper:after {
  display:none;
    }
    .wrapper:after {
     display:none;
    }
    }
    pre {
        word-break: break-all !important;
        word-wrap: break-word !important;
        white-space: pre !important;
        white-space: -moz-pre-wrap !important;
        white-space: pre-line !important;
        white-space: pre\9 !important;
        max-width: 100% !important;
       font-family: 'Dosis', sans-serif !important;
    }
</style>
