/* BEGIN body */
html, body {
	
	/*background-color: #5e8b3a;*/
    background: url("bg01.jpg") no-repeat fixed center;
    background-size: cover;
	font-family: 'Oswald', sans-serif;
    font-size: 1.6vw;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	margin:0;
	padding:0;
	height: 100%;
}

::-moz-selection { /* Code for Firefox */
  color: #5e8b3a;
  background: #fff;
}

::selection {
  color: #5e8b3a;
  background: #fff;
}

.floatkill {
  clear:both;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

/*
 * font-family: 'Montserrat', sans-serif;
 * font-family: 'Oswald', sans-serif;
 * 
*/

/* END body */

/* BEGIN HEADER */

.top-container {
    width: 100%;
    background: #5e8b3a;
}

/* END HEADER */

/* BEGIN CONTENT */

.slider-container {
    width: 100%;
    background-color: #444;
}

/* END CONTENT */

/* BEGIN HIGH RESOLUTION */

@media screen and (min-width: 1200px) {
    
    /* BEGIN HIGH HEADER */
    
    .top-sub-container {
        margin: auto auto;
        width: 90vw;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .logo-container {
        float: left;
        width: 40%;
        */border: 1px solid #000;*/
    }
    
    h1 {
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 0px;
    }
    
    .site-title {
        font-size: 2vw;
    }
    
    .header-link {
        font-size: 1.8vw;
        color: #ffffff;
        text-decoration: none;
        margin: 0px;
    }
    
    .header-link:hover {
        color: #c8ffc0;
    }
    
    .header-link:before, .header-link:after {
        content:"\00a0::\00a0";
    }
    
    img.top-logo {
        float: left;
        margin: 10px;
        width: 3.5vw;
    }
    
    .menu-container {
        float: right;
        width: 57%;
    }
    
    .green-hr {
        margin: 0px;
        padding: 0px;
        border: 0;
        height: 2px;
        background: #8ab66b;
        background: -moz-linear-gradient(left,  #8ab66b 0%, #c9de96 50%, #8ab66b 100%);
        background: -webkit-linear-gradient(left,  #8ab66b 0%,#c9de96 50%,#8ab66b 100%);
        background: linear-gradient(to right,  #8ab66b 0%,#c9de96 50%,#8ab66b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab66b', endColorstr='#8ab66b',GradientType=1 );
    }
        
    
    /* END HIGH HEADER */

    /* BEGIN HIGH MENU */
    
    .hi-res-hide {
        display: none;
    }
    
    .mobil-menu-container {
        display: none;
    }

    .dynamic-menu {
        display: inline;
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }
    
    .menu-item-border-a {
        border-image:
            linear-gradient(
                to bottom, 
                #8ab66b,
                #c9de96,
                #8ab66b
            ) 1 100%;
        border-right: 1px solid;
        border-left: 1px solid;
    }
    
    .menu-item-border-b {
        border-image:
            linear-gradient(
                to bottom, 
                #8ab66b,
                #c9de96,
                #8ab66b
            ) 1 100%;
        border-right: 1px solid;
    }
    
    .menu-item-a {
        display: inline;
        list-style-type: none;
        padding: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 1.2vw;
        padding-bottom: 1.2vw;
        margin: auto auto;
        float: left;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.2vw;
        font-weight: normal;
        text-decoration: none;
        font-style: italic;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }

    .menu-item-a:hover {
        display: inline;
        list-style-type: none;
        background-color: #699b42;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 1.4vw;
        padding-bottom: 1.0vw;
        margin: auto auto;
        float: left;
        color: #fff;
        font-size: 1.2vw;
        text-decoration: none;
    }
    
    /* BEGIN HIGH DROPDOWN */
    
    .dropdown-ul {
        list-style-position: inside;
        padding-left: 0;
    }
    
    .menu-item-b {
        list-style-type: none;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.2vw;
        font-style: italic;
    }
     
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #699b42;
        min-width: 12vw;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 10;
    }

    .dropdown-content a {
        float: none;
        color: black;
        padding: 18px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

    .dropdown-content a:hover {
        background-color: #8ab66b;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    /* END HIGH DROPDOWN */

    /* END HIGH MENU*/
    
    /* BEGIN HIGH CONTENT*/

    .content-container {
        max-width: 90vw;
        margin: auto auto;
        padding: 20px;
        font-size: 1.8vw;
    }
    
    .content-sub-container {
        max-width: 85;
        padding: 1vw;
        margin: auto auto;
        background: rgba(94, 139, 58, 0.90);
        border-radius: 1vw;
    }
    
    .content-box {
        width: 26vw;
        height: 25vw;
        margin: 1vw;
        padding: 1vw;
        float: left;
        overflow: hidden;
        background: rgba(94, 139, 58, 0.95);
        border-radius: 1vw;
    }
    
    h3 {
        margin: 0px;
        text-align: center;
    }
    
     .p-content {
         font-family: 'Montserrat', sans-serif;
         font-size: 1.5vw;
     }
     
     .content-lnk {
         color: #fff;
     }
     
     .content-lnk:hover {
         color: #c8ffc0;
     }
     
     video {
         height: 20vw;
         float: left;
         margin: 1vw;
     }
    
    /* END HIGH CONTENT*/
    
    /* BEGIN HIGH CONTACT*/
    
    .contact-form {
        font-size: 1.6vw;
    }
    
    input, textarea {
        width: 100%;
        padding: 0.8vw 1.6vw;
        margin: 0.6vw 0;
        box-sizing: border-box;
        font-size: 1.6vw;
    }
    
    .contact-container-a {
        width: 45%;
        float: left;
    }
    
    .contact-container-b {
        width: 50%;
        float: right;
    }
    
    /* END HIGH CONTACT*/
    
    /* BEGIN HIGH GALLERY */
    
 

    /* END HIGH GALLERY */    
    
    /* BEGIN HIGH FOOTER */

    footer {
        margin: 0px;
        width: 100%;
        background: #444444;
    }
    
    .footer-bar {
        width: 90vw;
        margin: auto auto;
        padding: 2vw;
        text-align: center;
    }

    /* END HIGH FOOTER */
    
}


/* END HIGH RESOLUTION */

/* BEGIN LOW RESOLUTION */

@media screen and (max-width: 1199px) {
 
    /* BEGIN LOW HEADER */
    
    .top-sub-container {
        margin: auto auto;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .logo-container {
        width: 95%;
        text-align: center;
    }
    
    h1 {
        margin: 5px;
        font-size: calc(5vw + 20px);
    }
    
    .site-title {
        font-size: calc(5vw + 20px);
    }
    
    .site-title::after {
        content: "\a";
        white-space: pre;
    }
    
    .header-link {
        font-size: calc(3vw + 20px);
        color: #ffffff;
        text-decoration: none;
    }
    
    .header-link:hover {
        color: #c8ffc0;
    }
    
    img.top-logo {
        display: none;
        /*margin: auto auto;*/
    }
    
    .menu-container {
        width: 95%;
        font-size: calc(3vw + 20px);
        margin: auto auto;
    }
    
    .green-hr {
        margin: 0px;
        padding: 0px;
        border: 0;
        height: 2px;
        background: #8ab66b;
        background: -moz-linear-gradient(left,  #8ab66b 0%, #c9de96 50%, #8ab66b 100%);
        background: -webkit-linear-gradient(left,  #8ab66b 0%,#c9de96 50%,#8ab66b 100%);
        background: linear-gradient(to right,  #8ab66b 0%,#c9de96 50%,#8ab66b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab66b', endColorstr='#8ab66b',GradientType=1 );
    }
    
    /* END LOW HEADER */

    /* BEGIN LOW MENU */

/* Hide Menu */
    .dynamic-menu {
        display: none;
    }
    
    .menulink {
        text-decoration: none;
    }

    ul, li {

    }
    
    .menu-item-a {
        padding-left: 5px;
        padding-right: 0px;
        padding-top: 2vw;
        padding-bottom: 2vw;
        margin: auto auto;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: calc(3vw + 10px);
        font-weight: bold;
        text-decoration: none;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .menu-item-a:hover {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 2vw;
        padding-bottom: 2vw;
        margin: auto auto;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: calc(3vw + 10px);
        font-weight: bold;
        text-decoration: none;
    }

    /* END LOW MENU*/
    
    /* BEGIN LOW DROPDOWN */
    
    .dropdown-ul {
    }
    
    .menu-item-b {
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: calc(3vw + 10px);
        padding-left: 5px;
        padding-right: 0px;
        padding-top: 2vw;
        padding-bottom: 2vw;
        text-decoration: none;
    }
       
    .dropdown-content {
        width: 100%;
    }

    .dropdown-content a:hover {
        background-color: #8ab66b;
    }

   
    /* END LOW DROPDOWN */
    
    /* BEGIN LOW CONTENT*/

    .content-container {
        max-width: 95%;
        margin: auto auto;
        padding: 10px;
        font-size: calc(3vw + 20px);
    }
    
    .content-box, .content-sub-container {
        width: 95%;
        margin: auto auto;
        padding: 1vw;
        background: rgba(94, 139, 58, 0.85);
        border-radius: 3vw;
    }
    
    h3 {
        margin: 0px;
        text-align: center;
    }
    
     .p-content {
         font-family: 'Montserrat', sans-serif;
         font-size: calc(3vw + 10px);
     }
     
     .content-lnk {
         color: #fff;
     }
     
     .content-lnk:hover {
         color: #c8ffc0;
     }
    
    /* END LOW CONTENT*/
    
    /* BEGIN HIGH CONTACT*/
    
    .contact-form {
        font-size: calc(3vw + 10px);
    }
    
    input, textarea {
        width: 100%;
        padding: 2vw 2.6vw;
        margin: 1.8vw 0;
        box-sizing: border-box;
        font-size: calc(3vw + 10px);;
    }
    
    .contact-container-a, .contact-container-b {
        width: 100%;
    }
        
    /* END HIGH CONTACT*/

    /* BEGIN LOW GALLERY */
    


    /* END LOW GALLERY */    
    
    /* BEGIN LOW FOOTER */

    footer {
        margin: 0px;
        width: 100%;
        background: #444444;
        font-size: calc(3vw + 10px);
    }
    
    .footer-bar {
        width: 95%;
        margin: auto auto;
        padding: 3vw;
        text-align: center;
    }

    /* END LOW FOOTER */
    
}

/* END LOW RESOLUTION */

/* BEGIN float contact */

    .float-contact {
        position: fixed;
        bottom: 1vw;
        right: 10%;
        z-index: 999;
        width: 13vw;
        font-size: 1vw;
        text-align: center;
    }
    
    .float-contact-box {
        width: 13vw;
        padding: 0.5vw;
        margin: 0.5vw;
        background: #fbc02d;
        border-radius: 1.5vw;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .float-contact-box:hover {
        width: 102%;
    }
    
    .float-contact-icon {
        color: #005a2a;
    }
    
    a.float-contact-lnk {
        color: #007bff;
        text-decoration: none;
    }
    
    a.float-contact-lnk:hover {
        color: #0059ff;
        text-decoration: none;
    }

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

    .float-contact {
        position: fixed;
        bottom: 3vw;
        right: 10%;
        z-index: 999;
        width: 42vw;
        font-size: 3vw;
        text-align: center;
    }
    
    .float-contact-box {
        width: 42vw;
        padding: 1.5vw;
        margin: 1.5vw;
        background: #fbc02d;
        border-radius: 4.5vw;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .float-contact-box:hover {
        width: 102%;
    }
    
    .float-contact-icon {
        color: #005a2a;
    }
    
    a.float-contact-lnk {
        color: #007bff;
        text-decoration: none;
    }
    
    a.float-contact-lnk:hover {
        color: #0059ff;
        text-decoration: none;
    }    
}
/* END float contact */