/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-webkit-input-placeholder  { color:#ccc; }
:-moz-placeholder { color:#ccc; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body { font-family: 'Open Sans', sans-serif; }
input, textarea { font-family: 'Open Sans',sans-serif; }
a { text-decoration: none; color:#7AA908; 
-webkit-transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
     -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, sans-serif; }

img { max-width: 100%; height: auto; }

.wrapper { width: 980px; margin: 0 auto; }


/* === Header === */

header { 
    font-family: 'Open Sans', Arial, sans-serif;
    border-bottom: 1px solid #fff;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
    box-shadow: 0 0 8px rgba(0,0,0,0.6);    
    z-index: 10000;
    position: relative;
}

header a { 
    color: #00957e;
}

#slider { position: relative; }
.logo { max-width:200px; height:90px; margin:5px 20px 5px 0; float:left; }
.logo a { display: block; }

#searchform { float:right; margin:5px 0 5px 20px; }
#searchform fieldset { border: 3px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#searchform input { outline: none; font-size: 14px; }
#searchform .input { 
    border: 3px solid #7AA908; 
    border-right:none; 
    float:left; 
    padding: 3px 5px; 
    width: 173px;
    -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; 
}
#searchform .submit { 
    border: 3px solid #7AA908; 
    border-left:none; border-right:none; 
    background: #fff url(../images/lupka.png); 
    width: 32px; 
    margin:0; 
    padding:3px; 
    float:left; 
    text-indent: 200%;
    -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; 
}

.slogan { margin-top:5px; }


/* === Top nav menu === */

#top-nav { clear:right; float:right; margin-top:5px; z-index: 9999; position: relative; }
#top-nav a { display:inline-block; 
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
#top-nav > ul { margin: 0; }
#top-nav ul { padding: 0; }
#top-nav li { float:left; position: relative; }
#top-nav li ul { /*visibility: hidden;*/ display: none; opacity:0; position: absolute; right:0; width:150px; 
/*    -webkit-transition: visibility 0s linear .5s, opacity .5s ease-in-out;
       -moz-transition: visibility 0s linear .5s, opacity .5s ease-in-out;
        -ms-transition: visibility 0s linear .5s, opacity .5s ease-in-out;
         -o-transition: visibility 0s linear .5s, opacity .5s ease-in-out;
            transition: visibility 0s linear .5s, opacity .5s ease-in-out;*/
}
#top-nav li:hover > ul { /*visibility:visible; opacity:1; */
/*    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;*/
}
#top-nav li ul li { float:none; }
#top-nav li ul a { display:block; }
#top-nav li li ul { top:0; right:150px; }


/* === Side nav menu === */

#side-nav { float:left; z-index: 9999; position: relative; width: 200px;}
#side-nav a { display:block; 
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
#side-nav > ul { margin: 0; }
#side-nav ul { padding: 0; }
#side-nav li { position: relative; }
#side-nav li ul { /*visibility: hidden;*/ display: none; opacity:0; position: absolute; top:0; right:-219px; width:200px; 
/*    -webkit-transition: visibility 0s linear .5s, opacity .5s ease-in-out;
       -moz-transition: visibility 0s linear .5s, opacity .5s ease-in-out;
        -ms-transition: visibility 0s linear .5s, opacity .5s ease-in-out;
         -o-transition: visibility 0s linear .5s, opacity .5s ease-in-out;
            transition: visibility 0s linear .5s, opacity .5s ease-in-out;*/
}
#side-nav li:hover > ul { /*visibility:visible; opacity:1; */
/*    -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;*/
}
#side-nav li ul li { float:none; }
#side-nav li ul a { display:block; }
/*#side-nav li li ul { top:0; right:-219px; }*/


/* === menu colors === */
.menu { font-family: 'Open Sans',sans-serif; font-size:14px; border: 3px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.menu ul { background: #7AA908; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.3)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background-image: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background-image: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
}
.menu a .arrow { position: absolute; top:12px; right:6px; width: 4px; height: 7px; background: url(../images/menu_arrow2.png) -4px 0 no-repeat; }
.menu a { padding: 5px 10px; color:#fff; border-left: 1px solid #9bba53; border-right: 1px solid #547405; }
.menu a:hover { background: #90c709; }
.menu li:first-child > a { border-left:0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } 
.menu li:last-child > a { border-right:0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } 

.menu li ul { border: 3px solid #D6D6D6; margin-top:12px; }
.menu li ul:before { content:''; display:block; width:100%; height:15px; position:absolute; top:-15px; background: url(../images/menu_arrows.png) no-repeat 120px 3px; }
.menu li li ul { margin-top:-3px; margin-right:12px; }
.menu li li ul:before { content:''; display:block; width:15px; height:100%; position:absolute; top:0; right:0; margin-right:-15px; background: url(../images/menu_arrows.png) no-repeat 3px -80px;  }
.menu li li a { border:none; border-top: 1px solid #9bba53; border-bottom: 1px solid #547405; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.menu li li:first-child > a { border-top:0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } 
.menu li li:last-child > a { border-bottom:0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } 


/* change horizontal side nav menu */
#side-nav a { border:none; border-top: 1px solid #9bba53; border-bottom: 1px solid #547405; }
#side-nav li:first-child > a { border-top:0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } 
#side-nav li:last-child > a { border-bottom:0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } 
#side-nav li ul { margin-top:-3px; margin-right:0; }
#side-nav li ul:before { background-position: -36px -80px; top:0; left:-15px; width:15px; height:100%; }

/* arrow for menu parents */
.menu a .arrow { position: absolute; top:12px; right:6px; width: 4px; height: 7px; background: url(../images/menu_arrow2.png) -4px 0 no-repeat; }
.menu a { padding: 5px 20px 5px 10px; }

#top-nav a { padding: 5px 10px 5px 20px; }
#top-nav li li a .arrow { left:6px; right:auto; background-position: 0 -7px; }
#top-nav>ul>li>a { padding-left: 10px; padding-right: 20px; }
#top-nav>ul>li>a>.arrow { right: 8px; 
-webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
        transform: rotate(90deg);
}

/* === Top mobile nav === */
.mobile_nav { display:none; clear:both; position: relative; margin-bottom: 15px; z-index: 1; }
header .mobile_nav { margin-top:15px; }
.mobile_menu_button { font-family: 'Open Sans', Arial, sans-serif; display:block; position: relative; text-align: center; }
.mobile_menu_button > span {
    display:inline-block;
    width:17px;
    height:11px;
    background: url(../images/responsive_arrow.png) no-repeat;
    position: relative;
    margin-left:10px;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}

.mobile_menu_button.opened > span {
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.mobile_menu_wrapper { position: absolute; left:-3px; display:none; text-align: left; width: 100%; }
.mobile_menu_wrapper ul { list-style: none; margin:0; padding:0; font-family: 'Open Sans', sans-serif; }
.mobile_menu_wrapper > ul { padding: 0; margin: 0; }

/* colors */

.mobile_nav { border: 3px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.mobile_menu_button { padding: 5px 10px; font-size:20px; color:#fff; background: #7AA908; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.mobile_menu_button a { display:block; color:#fff; }
.mobile_menu_button.opened:after { content:''; position:absolute; bottom:-13px; left:0; height:9px; width:100%; background: url(../images/menu_arrows.png) no-repeat 50% 0; }

.mobile_menu_wrapper { top:51px; border: 3px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.mobile_menu_wrapper > ul { background: #7AA908; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.mobile_menu_wrapper > ul a { padding: 5px 10px; background: #7AA908; border-top: 1px solid #9bba53; border-bottom: 1px solid #547405; }
.mobile_menu_wrapper > ul a:hover { background: #90c709; }
.mobile_menu_wrapper > ul > li.first > a { border-top:0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } 
.mobile_menu_wrapper > ul > li.last > a { border-bottom:0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } 

/* === Breadcrumbs === */

.breadcrumbs { font-size:14px; background: #7AA908; border-top: 3px solid #D6D6D6; border-bottom: 3px solid #D6D6D6; color: #fff; }
.breadcrumbs a { color: #fff; border-bottom: 1px solid transparent; display: inline-block; position: relative;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.breadcrumbs a:after { content: ''; display: block; height: 0; width:100%; position: absolute; border-bottom: 1px dotted #fff; }
.breadcrumbs a:hover { border-bottom-color: #fff; }
.breadcrumbs span { width: 20px; text-align: center; display: inline-block; }
.breadcrumbs ul { overflow: hidden; }
.breadcrumbs li { float: left; }


.main { margin:30px 0 40px; }

.sidebar { width:206px; float:left; }
.sidebar .box-wrapper { float:left; width:200px; margin-top:20px; border: 3px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.sidebar .box { padding: 10px; color:#fff; background: #7AA908; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.3)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background-image: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background-image: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
}
.sidebar .box h4 { font-size:18px; margin:0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #fff; }
.sidebar .box a { color:#fff; }
.sidebar .box .banner { margin:10px 0; text-align: center; }
.sidebarright { margin-left: 20px;  }
.sidebarright .box-wrapper {margin-top: 0 !important;}

.content { width:754px; float:left; margin-left:20px; font-size:14px; }
.content-title { border-bottom: 1px dotted #555; margin-top:0; }
.content p { margin-top:0; }
.content table p { margin-top:1em; }

.title-box { 
    background: #7AA908; 
    margin:0;
    position: relative;
    font-size:16px; font-weight: bold; font-family: 'Open Sans', sans-serif; 
    text-shadow: 2px 1px 3px #457906;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); 
    -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; 
    background: rgb(122,169,8);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYTkwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MDlhMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(122,169,8,1) 0%, rgba(112,154,10,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,169,8,1)), color-stop(100%,rgba(112,154,10,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(122,169,8,1) 0%,rgba(112,154,10,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(122,169,8,1) 0%,rgba(112,154,10,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(122,169,8,1) 0%,rgba(112,154,10,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(122,169,8,1) 0%,rgba(112,154,10,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aa908', endColorstr='#709a0a',GradientType=0 ); /* IE6-8 */
}
.title-box a { display: block; padding:5px 20px 5px 10px; color:#fff; position: relative; font-weight: 600; }
.title-box a:after { display:block; position: absolute; content: ''; background: url(../images/menu_arrow2.png) -4px 0 no-repeat; width: 4px; height: 7px; top: 14px; right: 8px;  }

.text-box { 
    margin:0; padding:10px; 
    background:#fff; 
    font-size: 13px; 
    border-top: 1px solid #d6d6d6;
    -webkit-box-shadow: inset 0 0 5px #d6d6d6; box-shadow: inset 0 0 5px #d6d6d6; 
    background: rgb(245,245,245);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */
}
.text-box p { margin:0; }


.ie9 .title-box, .ie9 .text-box { filter: none; }

.boxes-main { list-style: none; margin: 0; padding: 0; font-size:0; }
.boxes-main .box { display: inline-block; vertical-align: top; width: 361px; margin-left:20px; margin-bottom: 20px; border: 3px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.boxes-main .box.first { margin-left:0; }



.subpages { list-style: none; margin: 0; padding: 0; }

.subpages.normal { list-style:none; counter-reset: counter; }
.subpages.normal li { position: relative; padding-left: 45px; margin-bottom:10px; border-top:3px solid #7AA908;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
.subpages.normal li:hover { background-color: #e8e8e8; }
.subpages.normal li:before { 
    content: '>'; counter-increment: counter; 
    position: absolute;
    display: block;
    left:0;
    width:30px; height:30px;
    background: #7AA908; 
    color: #fff;
    font: 18px/28px 'Open Sans', sans-serif;
    text-align: center;
}
.subpages.normal a { display: block; font: 18px 'Open Sans', sans-serif; color: #222; padding: 2px 0 4px; 
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
.subpages.normal a:hover { color:#435c04; margin-left:10px; }

.subpages.gallery { margin: 20px 0 0 -20px; font-size:0; text-align: center; }
.subpages.gallery .box { display: inline-block; vertical-align: top; width: 232px; margin-left:20px; margin-bottom: 20px; border: 3px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.subpages.gallery h4 { background: #7AA908; margin:0; font-size:18px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.subpages.gallery h4 a { display: block; padding:5px; color:#fff; padding-right:20px; }


.subpages.news li { clear:both; margin-bottom:10px; }
.subpages.news .bar { display:block; border-top: 3px solid #7AA908; margin:0; padding: 0; }
.subpages.news .comments { float:right; background: #7AA908 url(../images/comment.png) 5px 2px no-repeat; width:35px; height:29px; padding-top: 2px; font-size: 14px; text-align: center; }
.subpages.news .date { float:left; background: #7AA908; width:70px; margin-right:15px; color:#fff; font-size:10px; text-align: center; padding:0 0 3px; }
.subpages.news .title { color:#222; font-size:18px; padding: 2px 0 4px 85px; display: block;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
.subpages.news .title:hover { color:#435c04; padding-left:95px; background-color: #e8e8e8; }
.subpages.news .clear { clear:both; display:block; width:0; }
.subpages.news .img { float:left; margin: 10px 10px 10px 0; border: 3px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.subpages.news .img img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.subpages.news .desc { margin: 10px 0; font-size:13px; }

.page-nav { margin-top: 15px; font-size:12px; }
.page-nav span, .page-nav a { display:inline-block; background: #7AA908; color:#fff; padding: 7px 4px; vertical-align: top; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.page-nav .pages { padding-left:15px; padding-right: 15px; }
.page-nav .current, .page-nav a { width:25px; text-align: center; }
.page-nav .prev, .page-nav .next { line-height: 16px; }
.page-nav .current { background: #D6D6D6; color: #222; }


.download { font-size:13px; }

.img { position: relative; }
.img .overlay-link { background: url(../images/link.png); }
.img .overlay-zoom { background: url(../images/zoom.png); }
.img .overlay-link, .img .overlay-zoom {
    -webkit-transform: scale(5);
       -moz-transform: scale(5);
        -ms-transform: scale(5);
         -o-transform: scale(5);
            transform: scale(5);
    -webkit-transition: all .25s ease-in;
       -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
         -o-transition: all .25s ease-in;
            transition: all .25s ease-in;
            opacity: 0;
            display: block;
            position: absolute;
            top: 50%; left: 50%;
            width: 64px; height: 64px;
            margin-top: -32px;
            margin-left: -32px;
}

.img:hover .overlay-link, .img:hover .overlay-zoom, .box:hover .overlay-link, .box:hover .overlay-zoom {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
            opacity: 1;
}

.img img, .box {
    -webkit-transition: all .25s ease-in;
       -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
         -o-transition: all .25s ease-in;
            transition: all .25s ease-in;
}

.img:hover img, .box:hover .img img { opacity: 0.6; }
.box { overflow: hidden; }
.gallery .box:hover { border-color: #aaa !important; background: #aaa !important; }

.img a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); }

/* === PAGE GALLERY === */

.page-gallery { list-style: none; font-size: 0; margin:0 0 0 -20px; padding: 0; }
.page-gallery li { display: inline-block; vertical-align: top; border: 3px solid #D6D6D6; margin: 0 0 20px 20px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
    -webkit-transition: all .25s ease-in;
       -moz-transition: all .25s ease-in;
        -ms-transition: all .25s ease-in;
         -o-transition: all .25s ease-in;
            transition: all .25s ease-in;
}

.page-gallery .caption { font-size:14px; display:none; position: absolute; bottom: 0; background: rgba(0,0,0,0.5); width:100%; height:auto; color:#fff; padding:3px 5px; text-align: center; }
.page-gallery .img { overflow: hidden; }
.page-gallery img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-gallery li:hover { border-color:#aaa; }

.page-gallery.left { float:left; width:193px; margin-right:20px; }
.page-gallery.right { float:right; width: 193px; margin-left:0; }

.gallery .box { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }



#commentform,#comment-wrap { font-size:13px; position: relative; }
#commentform label { display:inline-block; width: 150px; }
#commentform #submit { position:absolute; bottom:0; padding:6px 13px; background:#7AA908; color:#fff; border:0; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#comment-wrap .commentlist { list-style:none; padding:0; margin:0; }
#comment-wrap .comment.depth-1 { margin-bottom:15px; }
#comment-wrap .comment.depth-2 { margin-bottom:10px; margin-right:15px; }
#comment-wrap .children { list-style:none; }
#comment-wrap .comment { border: 3px solid #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#comment-wrap .comment-meta { background: #7AA908; margin:0; padding:5px 15px; color:#fff; }
#comment-wrap .comment-meta a { color:#fff; }
#comment-wrap .comment-date { float:right; }
#comment-wrap .comment-content { padding:5px 15px; }
#comment-wrap .comment-content { padding:5px 15px; }
#comment-wrap .reply-container { padding:5px 15px; }


#et-contact { font-size:12px; }
#et-contact p input, #et-contact p textarea { background: #f7f7f7; border: 1px solid #D6D6D6; width: 100%; color: #111111; padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#et-contact p textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
#et-contact p #contact_captcha { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#et-contact .captchaImg { border:1px solid #D6D6D6; padding:4px 0 !important; margin:5px -1px 8px !important; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#et-contact p .contact_error { border: 1px solid red !important; }
#et-contact .hidden { display: none; }
#contact_left, #contact_right { float: left; }
#contact_left { width: 70%; }
#contact_right { width: 20%; float:right; max-width:95px; }
#contact_submit { background: #7AA908; color: #fff; float: right; padding:7px 53px; font-size: 16px; text-transform: uppercase; border:0; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


footer { color:#fff; background: #42291c; border-top: 3px solid #D6D6D6; font-size:13px; }
footer a { color:#9edb0a; }
footer a:hover { color:#fff; }
footer h4 { font-size:18px; margin:0 0 10px; }
footer p { margin:0 0 10px; }
footer .boxes { padding:40px 0 20px; }
footer .boxes .box { float:left; margin-left:20px; }
footer .boxes-2 .box { width: 470px; }
footer .boxes-3 .box { width: 313px; }
footer .boxes-4 .box { width: 230px; }
footer .box:first-child { margin-left:0; }

footer .copyright { padding:20px 0; margin-top:10px; border-top:1px dotted #555; }
footer .comments .title { font-weight: 600; }
footer .comments .comment { display:block; color: #7AA908; }

footer ul { list-style: none; margin:0 0 0 20px; padding: 0; }
footer li { position: relative; }
footer li:before { display:block; position: absolute; content: ''; background: url(../images/menu_arrow2.png) -4px 0 no-repeat; width: 4px; height: 7px; top: 5px; left: -12px; }

.errorBox-wrapper { text-align: center; }
.errorBox { display: inline-block; vertical-align: top; padding:10px 30px; background: #7AA908; border: 3px solid #D6D6D6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


/* === right-lay === */

.right-lay .flexslider .caption { right:0; padding: 0 2000px 0 20px; margin: 0 -1980px 25px 0;  }

.right-lay .content { margin:0 20px 0 0; }
.right-lay .sidebar { float:right; }
.right-lay #side-nav li ul { left:-219px; right:auto; }
.right-lay #side-nav li ul:before { background-position: 3px -80px; left:auto; right:-15px; }
.right-lay #side-nav li li ul:before { right:0; }
.right-lay #side-nav a { padding: 5px 10px 5px 20px; }
.right-lay #side-nav a .arrow { left:6px; right:auto; background-position: 0 -7px; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

/*Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
    
    .wrapper { width: 760px; }
    .flex-control-nav-wrapper, .flex-direction-nav-inner, .flexslider .caption-wrapper { width:760px; }

    .flex-control-nav { bottom:-2px; }
    .flexslider .caption { bottom:20px; }
    .flexslider .caption .title { font-size:22px; }
    .flexslider .caption .desc { font-size:16px; }

    .content { width: 534px; }
	.content h1 {font-size: 1.5em;}

    .boxes-main .box { width: 251px; }

    footer .boxes-2 .box { width: 361px; } 
    footer .boxes-3 .box { width: 240px; }
    footer .boxes-4 .box { width: 177px; } 

    .page-gallery .img, .subpages.news .img { width:147px; }
	

}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .wrapper { width: 480px; }

    #searchform { float:none; display:inline-block; margin:0 128px; }

    .flex-control-nav-wrapper, .flex-direction-nav-inner, .flexslider .caption-wrapper { width:480px; }
    .flex-control-nav-wrapper { display:none; }
    
    .flexslider .caption { bottom:10px; }
    .flexslider .caption .title { font-size:18px; }
    .flexslider .caption .desc { font-size:12px; }
    
    #top-nav { display:none; }
    .mobile_nav { display:block; }

    #side-nav { display:none; }
    .sidebar .box-wrapper { display:none; }

    .content { margin:0; width:480px; }
    .boxes-main .box { width: 224px; }

    footer .boxes .box { margin-left:0; width: 100%; }

    .page-gallery .img, .subpages.news .img { width:140px; }
	
	.subpages.gallery .box {width: 210px;}

    .fblbCenterOuter { display: none !important; }

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 480px) {
    
    .wrapper { width: 320px; }
    .logo { width:100%; max-width: 100%; text-align: center; margin: 5px 0; }

    #searchform { float:none; display:inline-block; margin:0 48px; }

    .flex-control-nav-wrapper, .flex-direction-nav-inner { width:320px; }
    .flex-control-nav-wrapper { display:none; }
    .flexslider .caption { display:none; }

    #top-nav { display:none; }
    .mobile_nav { display:block; }

    #side-nav { display:none; }
    .sidebar .box-wrapper { display:none; }

    .content { margin:0; width:320px; }
    .boxes-main .box { width: 314px; margin-left:0; }


    footer .boxes .box { margin-left:0; }

    .page-gallery .img, .subpages.news .img { width:144px; }

    .fblbCenterOuter { display: none !important; }
}

/* Retina media query. */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



div[id^='dgmap'] img  { max-width:none; }
div[id^='dgmap'] > div { max-width:100%; }

#addingToNewsletter { color: #000; font-size: 14px; padding-top: 5px; }