/* ICON STYLES:*/

@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?z4udwf');
    src:    url('fonts/icomoon.eot?z4udwf#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?z4udwf') format('truetype'),
        url('fonts/icomoon.woff?z4udwf') format('woff'),
        url('fonts/icomoon.svg?z4udwf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu {margin: 2px}
.icon-menu:before {
    content: "\e905";
}
.icon-arrow-down:before {
    content: "\e904";
}
.icon-circle-up:before {
    content: "\e900";
}
.icon-circle-down:before {
    content: "\e901";
}
.icon-facebook2 {margin: 0 3px}
.icon-facebook2:before {
    content: "\e902";
}
.icon-linkedin {margin: 0 3px}
.icon-linkedin:before {
    content: "\e903";
}

html {
    height: 100%;
    width: 100%;
}
body {
    overflow-x: hidden;
    font-family: 'Montserrat',sans-serif;
    width: 100%;
    height: 100%;
    font-size: 100%;
    min-width: 290px;
    position: relative;
}
a,
a:visited {
    color: black;
    text-decoration: none;
}
a:hover {
    color: #436DFB;
    text-decoration: none;
}

#navbar a {
    color: black;
    text-decoration: none;
}
#navbar a:visited {
    color: black;
    text-decoration: none;
}
#navbar a:hover {
    color: #436DFB;
    text-decoration: none;
}

#sm{position: fixed;right: 0;bottom: 0;color:#025E56;z-index: 11;padding: 3px 3px 0 3px;background: white}

#navbar {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    position: fixed;
    width: 100%;
    z-index: 10;
    overflow: hidden;
    text-align: center;
}

.normal {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    height: 20px;
}
.normal li {
    float: none;
    padding: 0 10px 0 12px;
    border-left: 1px solid #0091FE;
    list-style: none;
    display: inline-block;
    font-size: 1em;
    }

.normal li.first {
    padding-left: 5px;
    border-left: none;
}

.mobile {
    padding: 0;
    position: relative;
    display: inline-block;
    margin: 0;
    height: 207px;
    width: 100%;
    border-bottom: 2px solid white        
}
.mobile li {
    float: none;
    padding: 4px 0;
    list-style: none;
    line-height: 26px;
    display: block;
    font-size: 23px;
    }

#bodybg{width: 100%; height: 100%;-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
background-attachment: fixed;z-index: -100;position: fixed;padding-bottom: 70px}

#menuli{display: none;border-bottom: 2px solid white;text-align: left}
#menuli img{display: block;position: absolute;right: 0;top: 0;}

#headercenter{width: 100%;height: 100%;z-index: 1;background: none;position: relative;text-align: center}
header{
    position: absolute;
    top: 50%;
     -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    width: 100%;
    border-bottom: 5px solid white;
    border-top: 5px solid white;
    z-index: 5;
}

#logo {
    z-index: 9;
    text-align: center;}
#logo img{display: block;margin: 0 auto; padding: 5px 0;}
#slogan{text-align: center;border-top: 5px solid white;padding: 5px 0;}
#slogan span{font-weight: 700;font-size: 19px;display: block;}

.bgimg{
    border-bottom: 2px solid white;
    border-top: 2px solid white;position: fixed;display: block;top: 0;left: 0;z-index: -10;
    }

.bgimg.active{z-index: -1;}
.bgimg.invis{display: none}
p.slogan{display: inline-block;margin: 0;color:black;color: rgba(0,0,0,.8);
    text-shadow: rgba(255,255,255,.2) 3px 2px 3px;}
p.heading{text-align:center;border-bottom: 5px solid white;color: #025E56;}
p.text{padding: 0 2%}
.pblock p{margin: 0 20px}

.pblock{display: inline-block;margin-top: 20px;margin-bottom: 20px}
#contact img{display: block;margin: 30px auto}
#contact{margin-bottom: 300px}
.contactsm{text-align: center;padding: 25px 0;color: #025E56}
section{overflow:auto;border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border: 3px solid white;
    width: 100%;}

.imggrid .image{float: left;padding-left: 20px;padding-bottom: 20px; }
.imggrid img {display: block;width:100%;border: 1px solid white;}
.imggrid{width: 100%;overflow: auto;padding-right: 20px}
#jscript {display: none}
#view{display: none}





#gallery{display: none;position: fixed;z-index: 11;top:0}

#close{position: absolute;text-align: center;background: white;z-index: 13;display: table;table-layout: fixed;color:#436DFB}

#imgpanel{width: 100%;position: relative}

#imgpanel img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#imgpanel #stage {width: 100%;max-height: 100%;z-index: 12}

#controls{width: 100%;z-index: 11;display: table;table-layout: fixed}

.btn{display: table-cell;vertical-align: middle;border: 1px solid white;width: 50%;text-align: center;height: 50%; background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.btn.save{width:  20%}



/*Large PC
Jquery Hook: #view{padding-top: 3px;}
*/
@media (min-width:741px){
    #navbar{    
    top: 0;
    left: 0;
    height: 30px;
    }
    .bgimg{
    top: -9967px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    height: 100%;
    max-height: 612px;
    border-bottom: 3px solid white;
    border-top: 3px solid white;
    }
#circle{top:75%;color: white;border: 3px solid white}    
#circle a{color: white}     
#pigpensandfarms{margin-top:  200px}
section{width: 90%;margin: 0 auto 700px auto;
    background: white;
    background: rgba(255,255,255,0.9);}
p.slogan{font-weight: 700;font-size: 1.3em }
p.heading{font-weight: 700;font-size: 1.5em;padding: 20px 0;margin: 0}
p.subheading{font-weight: 700;font-size: 1.35em;padding: 10px 0 10px 20px ;margin: 0;float: left}
p.enlarge{font-size: 0.8em;margin: 20px 2% 0 0;color: gray;float: right}    
p.text{font-weight: 400;font-size: 1.2em}
.pblock{width:35%}
.pblock.first{margin-left: 15%;border-right: 2px solid #436DFB}
.pblock.first p{text-align: right}
#sm{font-size: 17px}
.contactsm{font-size: 25px}
.imggrid .image{ width: 25%;}    
.imggrid .image.wide {width: 100%}
#view{padding-top: 2px;}
#gallery{height: 90%;background: white;width: 90%;left: 5%;top:5%;border: 2px solid white}
#controls{height: 8%}
#imgpanel{height: 92%}
#close{top:0;right: -1px;border: 2px solid #436DFB;height: 36px;width: 36px;font-size: 30px;}   

}

/*Tablet/Small PC
Jquery Hook: #view{padding-top: 2px;}
*/
@media (min-width:741px) and (max-width:1366px){
     #navbar{    
    top: 0;
    left: 0;
    height: 30px;
    }
    .bgimg{
    top: -9967px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    height: 100%;
    max-height: 612px;
    border-bottom: 3px solid white;
    border-top: 3px solid white;
    }
#circle{top:75%;color: white;border: 3px solid white}
#circle a{color: white}     
#pigpensandfarms{margin-top:  250px}
section{width: 90%;margin: 0 auto 700px auto;
    background: white;
    background: rgba(255,255,255,0.9)}
p.slogan{font-weight: 700;font-size: 1.3em }
p.heading{font-weight: 700;font-size: 1.5em;padding: 20px 0;margin: 0}
p.subheading{font-weight: 700;font-size: 1.35em;padding: 10px 0 10px 20px ;margin: 0;float: left}
p.enlarge{font-size: 0.8em;margin: 20px 2% 0 0;color: gray;float: right}
p.text{font-weight: 400;font-size: 1.2em}
.pblock{width:35%}
.pblock.first{margin-left: 15%;border-right: 2px solid #436DFB}
.pblock.first p{text-align: right}
#sm{font-size: 17px}    
.contactsm{font-size: 25px}
.imggrid .image{ width: 25%;}    
.imggrid .image.wide {width: 100%}
#gallery{height: 90%;background: white;width: 90%;left: 5%;top:5%;border: 2px solid white}
#controls{height: 8%}
#imgpanel{height: 92%}
#view{padding-top: 2px;}
#close{top:0;right: -1px;border: 2px solid #436DFB;height: 42px;width: 42px;font-size: 36px;}       
}

/*Mobile
Jquery hook:  #view{padding-top: 1px;}
*/
@media (max-width: 740px) {
#navbar{    
    top: 0;
    left: 0;
    height: 37px;
    }
.bgimg{
    height: auto;
    width: 100%;
    top: 150px;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    }
#circle{top:66%;color: white;border: 3px solid white}
#circle a{color: white}     
section{width: 100%;margin: 0 0 500px 0;background: white}
#pigpensandfarms{margin-top:  150px}
.right{margin:0;left: 0}
.left{margin: 0;}
p.slogan{font-weight: 700;font-size: 1em;}
p.heading{font-weight: 700;font-size: 1.15em;padding: 10px 0;margin: 0}
p.subheading{font-weight: 700;font-size: 1em;padding-left: 20px;margin: 0;padding-top: 10px;}
p.text{font-weight: 400;font-size: 1em}
p.enlarge{font-size: 0.6em;color: gray;padding-left: 20px}
#sm{font-size: 19px}    
.contactsm{font-size: 18px}
.pblock{width:65%}
#view{padding-top: 1px;} 
#gallery{height: 100%;background: white;width: 100%}
#controls{height: 9%}
#imgpanel{height: 91%}
#close{top:0;right: -1px;border: 2px solid #436DFB;height: 42px;width: 42px;font-size: 36px;}  
}

section, .sectionwrap,.imggrid img, .imggrid .image, .imggrid
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#circle{
    width: 30px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    padding: 10px;
} 

.imid{
    font-size: 30px;
}

.ianimate {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.ianimate:hover {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}