html,
body
{
    height: 100%;
}

a
{
    cursor: pointer;
    text-decoration: none;

    color: #666;
}
a:hover
{
    text-decoration: underline;

    color: #3b5b59;
}

::selection{color:#fff;background:#3b5b59;}
::-moz-selection{color:#fff;background:#3b5b59;}
::-webkit-selection{color:#fff;background:#3b5b59;}


h3.title
{
    font-size: 2.5em;

    padding: 2.5em 0 0;
}

.h2wrapper
{
    margin: 4em 0;

    text-align: center;
}
h2.title
{
    font-size: 2.5em;

    display: inline-block;

    padding:1.3% 26px;

    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    min-width: 24%;
}
.h2wrapper .description
{
    width: 54.3%;
    max-width: 1043px;
    margin: 4.25em auto 0;

    text-align: left;

    color: #404042;
    /*word-wrap: break-word;*/
}

.h2wrapper-mid .description{
    text-align: center;
}

/*onepagescroll
.containter{width: 100%; height: 100%;}

#maincont{height:100%; opacity: 0; position: relative; z-index: 1;}

#main{height: 100%;}
*/

.containter{width: 100%; }

#maincont{ opacity: 0; position: relative; z-index: 1;}

#main{}

#loadingbar{background:#fff; width: 100%; height: 100%;
min-height: 400px; position:  absolute; top: :0; left: :0; z-index: 2;}
.loadingbar-bg{
    width: 101%; /*height: 100%;
    background: url(../images/preloader.gif) no-repeat; */
    height: 3px;
background: #3b5b59;
    margin-left: -1px;
 }
.loadingbar-border{/*border: 1px solid #000;*/
    /*width:213px;*/

    width:0;
    height:13px;
position: absolute; top:50%; left: 50%; margin: -6px 0 0 -107px; overflow: hidden;
}
/*font start*/

.f-green
{
    color: #3b5b59;
}

.f-gray
{
    color: #58595b;
}

.f-gray-light
{
    color: #a6a8ab;
}

.f-center
{
    text-align: center;
}

.f-left
{
    text-align: left;
}

/*font end*/


/*head start*/

#head
{
    position: relative;

    width: 90%;
    height: 115px;
    margin: 0 auto;
    z-index: 5;
    background: #fff;
}
#logo
{
    width: 294px;
    margin-top: 16px;
    margin-left: 13px;
}
#menu
{
    line-height: 2em;

    width: 42%;
    margin-top: 1.4%;
    margin-left: 40px;
}

#menu li
{
    margin-right: 1.4%;
}

#menu li a
{
    display: block;

    padding: 0 4px;

    color: #3b5b59;
    font-size: 14px;
    background: #fff;
}

#menu li a:hover
{
    text-decoration: none;

    color: #fff;
    background: #3b5b59;
}


#menu-small
{
    position: absolute;
    z-index: 80;
    top: 0;

    display: none;

    width: 100%;
    margin: 0;

    background: #fff;
}

#menu-small li
{
    line-height: 1.5em;

    width: 100%;
    padding: .5em 0;

    text-align: center;
}

#menu-small li
{
    background: url(../images/menu_shadow.png) no-repeat center bottom;
}


#menu-small li a{ display:block; width: 100%; height: 100%;}

#menu-small li:hover,#menu-small li:active,#menu-small li.active{background-color:#3b5b59;}


#menu-small li:hover a,#menu-small li:active a,#menu-small li.active a{color: #fff; text-decoration: none;}

.cutline
{
    width: 100%;
    height: 5px;

    background: url(../images/menu_shadow.png) no-repeat;
    background-size: 100% 100%;
}

#blockbg
{
    position: absolute;
    z-index: 79;
    top: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: .5;
    background: #000;
}

#menu-icon
{
    position: absolute;
    top: 0;
    right: 0;

    display: none;

    margin: 3% 3% 0 0;

    cursor: pointer;

    opacity: .5 ;
}
#menu-icon:hover
{
    text-decoration: none;

    opacity: .8;
}

#menuSelector
{
    display: none;

    margin: 2em 5% 0 0;
}


/* emcollector */
#emcollector
{
    position: absolute;
    right: 14px;
    top: 1%;
    text-align: left;

    width: 23%;
    height: 120px;

    font-size: 12px;
    z-index: 10;
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;
}
#emlocation{
width:184px;height:19px;line-height:19px;
}
/*facebook*/
#facebook
{
    position: absolute;
    right: 0px;
    top: 94px;
    text-align: right;

    width: 96px;
    height: 26px;
    z-index: -1;
}

#em_submit{
  border: 1px solid #000;
  TEXT-DECORATION: none;
}
#em_submit:hover{
  background-color: #3b5b59;
  color: #fff;
}
#search
{
    text-align: center;
    width: 169px;
    height: 29px;
}


#search #searchtxt
{
    display: inline-block;
    display: none; 
    width: 136px;
    height: 16px;
    line-height: 16px;
margin-top:4px;
}
#search #searchbtn
{
    display: inline-block;

    width: 19px;
    height: 19px;
    margin-right: 2px;
    border: 0 none;
    background: url(../images/search-btn.jpg) no-repeat;
    background-size: 100% 100%;
margin-top:4px;
}

#emcollector terms
#emcoll_term{
   display: none;
   font-size: 11px;
   text-align: center;
}
#submit_emterms{
   background-color: #3b5b59;
   padding-left: 8px;
   padding-right: 8px;
   color: #fff;
}
#location{
  width:144px;
}
#signup_info{
display: none;
   font-size: 11px;
   text-align: center;
}
/*head end*/

/*foot start*/
#foot
{
    position: relative;
    width: 100%;
    margin: 0em 0 0 0;
    overflow: hidden;
    border-top: 1px solid #d8d9da;
}
.footword
{
    display: block;
    float: none;

    width: 30.7%;
    margin: 0 auto;
}
#footmenuLeft
{
    position: absolute;
    top: 50%;
    left: 1%;
    height:100%;
    margin-top:-9px;
}
#footmenuLeft li{margin-right: 16px;} 
#footmenuLanguage
{
    position: absolute;
    top: -35px;
    display: none;
    width: 400px;
}


.btn-share
{
    position: absolute;
    top: 50%;
    right: 6%;

    display: block;

    width:30px;
    height: 30px;
margin-top: -15px;
    background: url(../images/icon_social_network.png) no-repeat;
    background-size: 100% 100%;
}
.btn-share:hover,
.btn-share:active
{
    background: url(../images/over_icon_social_network.png);
    background-size: 100% 100%;
}
.btn-share a{ display: block;width: 100%; height: 100%;}

.btn-gotop
{
    position: absolute;
    top: 50%;
    right: 2%;
margin-top: -15px;
    display: block;

    width: 30px;
    height: 30px;

    background: url(../images/icon_to_the_top.png) no-repeat;
    background-size: 100% 100%;
}
.btn-gotop:hover,
.btn-gotop:active
{
    background: url(../images/over_icon_to_the_top.png);
    background-size: 100% 100%;
}
/*foot end*/

/*popup*/

.popupBox{display: none; width: 740px; height:600px; }
.popupBox .popup-logo{width:328px; margin: 65px auto 0;}
.sharelist{margin: 53px 0; text-align: center; width: 100%;}
.sharelist li { font-size:22px; line-height: 200%; width: 100%;}
.sharelist li a{ color: #9d9d9f}
.sharelist li a:hover{color:#59595b;}
/*popup*/

/*banner start*/



.banner-wrapper
{
    position: relative;

    overflow: hidden;

    width: 100%;
}
.banner
{
    position: relative;

    width: 100%;
     height: auto;
}

.banner ul
{
    width: 100%;
}

.banner li
{
    width: 100%;
}
.banner li a
{
    width: 100%;
}
.banner li a img
{
    height: auto;
}
.banner-btn-prev
{
    left: 1%;
}
.banner-btn-next
{
    right: 1%;
}
.banner-btn-prev,
.banner-btn-next
{
    position: absolute;
    z-index: 5;
    top: 50%;

    width: 3%;
    margin: -5% 0 0 0;

    cursor: pointer;

    opacity: .5;
}


.banner-btn-prev:hover,
.banner-btn-next:hover
{
    opacity: 1;
}


.banner .owl-wrapper-outer
{
    z-index: 1;
}


.banner .owl-controls
{
    position: absolute;
    z-index: 2;
    bottom: 0;

    width: 100%;
}

.banner .owl-custom-next,
.banner .owl-custom-prev
{
    position: absolute;
    z-index: 2;
    top: 0;

    width: 60px;
    height: 100%;

    cursor: pointer;
    text-indent: -9999px;

    opacity: .5;
}

.banner .owl-custom-prev
{
    left: 0;

    background: url(../images/arrow_green_left.png) no-repeat center center;
}

.banner .owl-custom-next
{
    right: 0;

    background: url(../images/arrow_green_right.png) no-repeat center center;
}
.banner .owl-custom-next:hover,
.banner .owl-custom-prev:hover
{
    opacity: 1;
}



.banner .owl-controls .owl-pagination
{
    position: absolute;
    bottom: .5em;

    float: none;

    width: 100%;

    text-align: center;
}

.banner .owl-controls .owl-pagination .owl-page
{
    float: none;
}
.banner .owl-controls .owl-page span
{
    border: 2px solid #3b5b59;
    background: none;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span
{
    background: #3b5b59;
}

.banner .owl-controls .owl-dots span
{
    border: 2px solid #3b5b59;
    background: none;
}

.owl-theme .owl-controls .owl-dots.active span,
.owl-theme .owl-controls.clickable .owl-dots:hover span
{
    background: #3b5b59;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span
{
    background: #3b5b59;
}
.bannerbg {background-attachment: fixed;}
.bannerbg ul
{
            opacity: 0;

    -webkit-opacity: 0;
}
.bannerbg .nav{ 
    vertical-align: middle;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.bannerbg .hero-leaf-button
{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
   top: 50%;
    left: 50%;
    margin: -3rem 0 0 -3rem;
}



/*banner end*/


/*column-3 start*/
.col-3-item
{
    width: 30%;
    margin-bottom: .4em;
}
.col-3-item .pic
{
    overflow: hidden;
    position: relative;

    display: block;
    float: none;

    width: 100%;
    height: auto;
}
.col-3-item .pic a
{
    line-height: 100%;

    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    text-decoration: none;
}
.col-3-item .pic img
{
    position: relative;
    z-index: 1; 

    display: block;
}
.col-3-item .title
{
    font-weight: bold;

    display: block;

    width: 100%;
    margin: 1.5em 0;

    text-align: center;
}
.col-3-item-mid
{
    width: 30%;
    margin-right: 35%;
    margin-left: 35%;
}
.col-3-item.floatL{margin-left: 1.5%;}
.col-3-item.floatR{margin-right: 1.5%;}
/*column-3 end*/




/*carousel start*/


.mycarousel .mycarousel-list
{
    float: none;

    width: 1782px;
    margin: 0 auto;
}
.mycarousel .mycarousel-list li
{
    margin: 0 .4em;
}
.mycarousel .mycarousel-list li div
{
    position: relative;

    float: none;

    width: 100%;
    height: auto;
    overflow: hidden;
}
.mycarousel .mycarousel-list li a
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100.2%;
    height: 100%;
}
.mycarousel .mycarousel-list li a img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    float: none;

    height: auto;
}
.mycarousel .mycarousel-list p
{
    position: relative;

    margin-top: 2em;
}

.mycarousel .mycarousel-list .title
{
    position: relative;

    display: block;

    width: 100%;
    margin: 4% 0;

    text-align: center;
}
.mycarousel .mycarousel-list .title span
{
    display: block;
}
.mycarousel .mycarousel-list .title .link2
{
    font-weight: bold;
}

.mycarousel .owl-wrapper-outer
{
    z-index: 2;
}
.mycarousel  .owl-stage-outer{
    z-index: 2;
}

.mycarousel .owl-controls
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.mycarousel .owl-theme .owl-controls .owl-nav div
{
    padding: 31px 18px;

    text-indent: -9999px;
}



.mycarousel .owl-controls .owl-nav .owl-prev
{
    position: absolute;
    top: 30%;
    left: -10%;

    background: url(../images/arrow_green_left.png) no-repeat;
    -webkit-opacity: 0.8;
    opacity: 0.8;
}

.mycarousel .owl-controls .owl-nav .owl-next
{
    position: absolute;
    top: 30%;
    right: -10%;
-webkit-opacity: 0.8;
    opacity: 0.8;
    background: url(../images/arrow_green_right.png) no-repeat;
}

.mycarousel .owl-controls .owl-nav .owl-prev:hover{
     background: url(../images/arrow_green_left.png) no-repeat;
     -webkit-opacity: 1;
    opacity: 1;
}

.mycarousel .owl-controls .owl-nav .owl-next:hover
{
        background: url(../images/arrow_green_right.png) no-repeat;
        -webkit-opacity: 1;
    opacity: 1;
}

/*carousel end*/



/*locationbar start*/
.locationbar
{
    width: 100%;
    padding: 1.2em 0;
    color: #a6a8ab;
    background:url(../images/path_location_bar_bg.jpg) repeat-x;
    background-size:100%;
 text-align: center;
  font-size: 12px;
}

.locationbar a
{
    color: #a6a8ab;
}
.locationbar .current
{
    font-weight: 700;
}

.locationbar .current
{
    font-weight: 700;
    color: #58595b;
}
/*locationbar end*/



/*text framework*/
.text-wrapper
{
    display: block;
    float: none;

    width: 95%;
    margin: .5em auto 0;

    text-align: center;
}
.fa:hover
{
    text-decoration: none;
}
.fa span:hover
{
    text-decoration: underline;
}


.default-text-wrapper
{
    position: absolute;
    z-index: 2;
    bottom: 58px;
    left: 6%;
     display: none;
}

.default-text-wrapper .text-wrapper
{
    width: 100%;

    text-align: left;

    color: #fff;
}
.default-text-wrapper .text-wrapper a
{
    color: #fff;
}

#collectionsADBox{ padding-bottom: 20px;}

    .collections-text-wrapper{

          position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
         display: none
    }


.close
{
    position: absolute;
    top: 0;
    right: 0;
     min-height: 68px;
        min-width: 68px;
}
.close .close-btn
{
   cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;

    width: 68px;
    height: 68px;

    background: url(../images/close_btn.jpg) no-repeat;
    background-size: 100% 100%;
}
.close .close-txt
{
    line-height: 68px;

    height: 68px;
    margin-right: 76px;
}


.bottomtitle{margin-top: 0.5em; text-align: center;margin-bottom: 2.5em}
.bottomtitle .title1{font-size: 1em;}
.bottomtitle .title2{line-height: 150%; font-size:1.25em;}


.hero-leaf-button {
min-width: 6rem;
min-height: 6rem;
width: 6em;
height: 6em;
text-indent: -100%;
display: inline-block;
position: relative;
cursor: pointer;
 color: #fff;
}



.hero-leaf-button:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 1em;
width: 1em;
border-radius: 0.5em;

border: 0.1em solid transparent;
-webkit-box-shadow: inset 0 0 0 0.01875em,0 0 0 0.05em,0 0 0.0375em 0.01875em rgba(0, 0, 0, 0.25);
box-shadow: inset 0 0 0 0.01875em,0 0 0 0.05em,0 0 0.0375em 0.01875em rgba(0, 0, 0, 0.25);
}

.hero-leaf-button:before {
margin-right: -0.67em;
margin-bottom: -0.25em;
}


.hero-leaf-button:after {
width: 0;
height: 0;
border-top: 0.25em solid transparent;
border-bottom: 0.25em solid transparent;
border-left: 0.42em solid;
border-right: 0 solid transparent;
margin-left: 0.05em;
}

.hero-leaf-button:before, .hero-leaf-button:after {
font-size: 6rem;
content: "";
opacity: 1;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: border 0.15s ease,-webkit-box-shadow 0.15s ease;
transition: border 0.15s ease,box-shadow 0.15s ease;
}


.hero-leaf-button:hover:before {
border-width: 0.05em;
-webkit-box-shadow: inset 0 0 0 0.05em,0 0 0 0.01875em,0 0 0.0375em 0.01875em rgba(0, 0, 0, 0.25);
box-shadow: inset 0 0 0 0.05em,0 0 0 0.01875em,0 0 0.0375em 0.01875em rgba(0, 0, 0, 0.25);
}

.videoplayer{  display: none; }
.fancybox-inner .videoplayer{max-width:100%; background: #000;}
.fancybox-inner .videoplayer video{max-width: 100%;background: #000;
margin: 0 auto;
display: block;}
/*.videoplayer{max-width: 60%;width: 60%}
.videoplayer video{width:100%}*/
.download{ background: #3b5b59; color: #fff;padding: 6px 14px; text-decoration: none;}
.download:hover{color:#fff;text-decoration: none; }

/*other element*/


@media screen and (max-width: 1980px)
{
    .mycarousel .mycarousel-list
    {
        width: 1296px;
    }
}

@media screen and (max-width: 1440px)
{
    #head
    {
        width: 100%;
    }
    #menu
    {
        font-size: .75em;

        float: left;

        width: 50%;
        margin-left: 3%;
    }
    .mycarousel .mycarousel-list
    {
        width: 990px;
    }
}



@media screen and (max-width: 1280px)
{
    #menu{ width:40%;}
    #menuSelector
    {
        display: none;
    }
    #menu-icon
    {
        font-size: 2em;

        display: none;
    }

    #menu-small
    {
        display: none;
    }

    .mycarousel .mycarousel-list
    {
        width: 705px;
    }




    .close
    {
        position: absolute;
        top: 0;
        right: 0;
        min-height: 30px;
        min-width: 30px;
    }
    .close .close-btn
    {
        position: absolute;
        top: 0;
        right: 0;

        width: 30px;
        height: 30px;

        background: url(../images/close_btn.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .close .close-txt
    {
        line-height: 30px;

        height: 30px;
        margin-right: 40px;
        display: none;
    }

}

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

.bannerbg ul{
-webkit-opacity: 1;
    opacity: 1;
    background: #fff;
}

#emcollector{position:relative;margin-left:85px;height:130px;margin-top:10px;width:80%;font-size:18px;}
#emlocation{width:80%;}
#facebook{display:none;}

#divADBox{padding-bottom: 63px;}
.text-wrapper{margin:0;}

    #menu{ width:54%; display: none;}
    #menuSelector
    {
        display: block;
    }
    #menu-icon
    {
        font-size: 2em;

        display: block;
    }

    h3
    {
        font-size: 2.5em;

        padding: 1.5em 0;

        color: red;
    }


        .default-text-wrapper
    {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .default-text-wrapper .text-wrapper
    {
        width: 100%;

        text-align: center;

        color: #666;
         text-indent: -6px;
    }
    .default-text-wrapper .text-wrapper a
    {
        color: #666;
    }
    .default-text-wrapper .text-wrapper a:hover
    {
        color: #3b5b59;
    }




    .mycarousel .mycarousel-list
    {
        width: 80%
    }
    .mycarousel .owl-controls
    {
        display: none;

        width: 0;
        height: 0;

        opacity: 0;
    }
    .mycarousel .owl-controls .owl-nav
    {
        display: none;
    }
    .banner .owl-custom-prev,
    .banner .owl-custom-next
    {
         display: none;
    }
    .banner .owl-controls .owl-dots
    {
        bottom: 0;

        transform: scale(.7);
    }

    .footword
    {
        display: block;
        float: none;

        width: 80%;
        margin: 5% auto 0;
    }
    #foot{
        margin:4em 0 0 0;
    }
    #footmenuLeft
    {
        position: relative;
        top: 35px;
        left: 0;

        width: 100%;

        text-align: center;
    }
    #footmenuLeft li
    {
        display: inline-block;
        float: none;

    }
    #footmenuLanguage
    {
        position: absolute;
        top: -35px;
        right: 0;

        display: none;

        width: 400px;
    }

    .btn-share
    {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -15px;
        width: 30px;
        height: 30px;
    }

    .btn-gotop
    {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -15px;

        width: 30px;
        height: 30px;
    }



    .sitemap-wrapper
    {
        display: none;
    }
}





/*hover effect*/
/* Border Fade */


/*.mycarousel .mycarousel-list li a{
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: inset 0 0 0 4px #fff, 0 0 1px rgba(0, 0, 0, 0);
   z-index: 2;

}
.mycarousel .mycarousel-list li a:hover, .mycarousel .mycarousel-list li a:focus, .mycarousel .mycarousel-list li a:active {
  box-shadow: inset 0 0 0 4px #3b5b59, 0 0 1px rgba(0, 0, 0, 0);
  
}*/


/* Grow */
.grow
{
    display: inline-block;

    -webkit-transition-duration: 4s;
            transition-duration: 4s;
    -webkit-transition-property: transform;
            transition-property: transform;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow.active
{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}


.grow2
{
    display: inline-block;

    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: transform;
            transition-property: transform;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
             box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow2.active
{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

.grow3
{
    display: inline-block;

    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-property: transform;
            transition-property: transform;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
               -webkit-transform: scale(1.1);
            transform: scale(1.1);

}
.grow3.active
{
    -webkit-transform: scale(1);
            transform: scale(1);
}



.hoverfade
{
    z-index: 2;

    display: inline-block;

    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    /*-webkit-transition-property: box-shadow;
            transition-property: box-shadow;*/
    -webkit-transform: translateZ(0);
            transform: translateZ(0);


    /* Hack to improve aliasing on mobile/tablet devices */


}

.hoverfade:link,
.hoverfade:visited{
     background: #fff;
     color:#3b5b59;
}


.hoverfade:hover,
.hoverfade:focus,
.hoverfade:active
.hoverfade.active
{
            opacity: 1;
    color: #fff;
    background: #3b5b59;
    /*background: url(../images/black_op50.png);*/
    -webkit-opacity: 1;
    /* Hack to improve aliasing on mobile/tablet devices */
}




.hoverborder
{
    z-index: 2;

    display: inline-block;

    -webkit-transition-duration: .1s;
            transition-duration: .1s;
    /*-webkit-transition-property: box-shadow;
            transition-property: box-shadow;*/
    -webkit-transform: translateZ(0);
            transform: translateZ(0);

            opacity: 0;
    box-shadow: inset 0 0 0 0 #fff, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */

    -webkit-opacity: 0;
}




.hoverborder:hover,
.hoverborder:focus,
.hoverborder:active
{
    line-height: 100%;

    text-align: center;
    text-transform: none;

            opacity: 1;
    color: #fff;
    /*background: url(../images/black_op50.png);*/
    box-shadow: inset 0 0 0 16px #ddd, 0 0 1px rgba(0, 0, 0, 0);

    -webkit-opacity: 1;
    /* Hack to improve aliasing on mobile/tablet devices */
}


.hoverborder2
{
    z-index: 2;

    display: inline-block;

    -webkit-transition-duration: .1s;
            transition-duration: .1s;
    -webkit-transition-property: box-shadow;
            transition-property: box-shadow;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);

            opacity: 0;
    box-shadow: inset 0 0 0 0 #fff, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */

    -webkit-opacity: 0;
}




.hoverborder2:hover,
.hoverborder2:focus,
.hoverborder2:active,
.hoverborder2.active
{
    line-height: 100%;

    text-align: center;
    text-transform: none;

            opacity: 1;
    color: #fff;
    box-shadow: inset 0 0 0 16px #ddd, 0 0 1px rgba(0, 0, 0, 0);

    -webkit-opacity: 1;
    /* Hack to improve aliasing on mobile/tablet devices */
}






/*sitemap*/
.sitemap-wrapper
{
    background: #f8f8f8;
}
.sitemap
{
    width: 90%;
    margin: 0 auto;
    padding-top: 1px;
    margin-top: 250px;
}

.sitemap .small-logo
{
    display: block;

    margin: 4.5em auto 2.375em;
    padding-bottom: 1.43em;

    border-bottom: 2px solid #eaeaea;
}

.sitemap .small-logo img
{
    display: block;

    max-width: 220px;
    margin: 0 auto;
}

.sitemap-cell-left,
.sitemap-cell-mid,
.sitemap-cell-right
{
    width: 30%;
}

.sitemap-cell-left
{
    margin-left: 3%;
}
.sitemap-cell-mid
{
    margin-top: 2.18em;
    margin-right: 36%;
    margin-left: 36%;
}
.sitemap-cell-right
{
    margin-right: 3%;
}
.sitemap-list
{
    /*width: 100%;*/
    margin-bottom: 4.625em;
    margin-right:2.375em;
    float: left;
     text-align: left;
}


.sitemap-list .title
{
    font-size: 1.1em; 
   

    display: block;

    width: 100%;
}


.sitemap-listitem
{
    display: block; 
    float: none;

    width: 100%;
}
.sitemap-listitem li
{
    line-height: 190%;

    display: block;
    float: none;

    width: 100%;
}
.sitemap-listitem li a
{
    font-size: 1em;

    color: #c3c3c3;
}


.fa-caret-right:before
{
    padding-right: 5px;

    color: #3b5b59;
}




@media screen and (max-width: 1980px)
{
    .hoverborder:hover,
    .hoverborder:focus,
    .hoverborder:active
    {
        line-height: 100%;

        text-align: center;
        text-transform: none;

                opacity: 1;
        color: #fff;
       
        box-shadow: inset 0 0 0 16px #ddd, 0 0 1px rgba(0, 0, 0, 0);

        -webkit-opacity: 1;
        /* Hack to improve aliasing on mobile/tablet devices */
    }
}

@media screen and (max-width: 1440px)
{
    .hoverborder:hover,
    .hoverborder:focus,
    .hoverborder:active
    {
        line-height: 100%;

        text-align: center;
        text-transform: none;

                opacity: 1;
        color: #fff;
    
        box-shadow: inset 0 0 0 8px #ddd, 0 0 1px rgba(0, 0, 0, 0);

        -webkit-opacity: 1;
        /* Hack to improve aliasing on mobile/tablet devices */
    }

    .hoverborder2:hover,
    .hoverborder2:focus,
    .hoverborder2:active,
     .hoverborder2.active
    {
        line-height: 100%;

        text-align: center;
        text-transform: none;

                opacity: 1;
        color: #fff;
        box-shadow: inset 0 0 0 8px #ddd, 0 0 1px rgba(0, 0, 0, 0);

        -webkit-opacity: 1;
        /* Hack to improve aliasing on mobile/tablet devices */
    }
}

@media screen and (max-width: 1280px){
    .hoverborder:hover,
    .hoverborder:focus,
    .hoverborder:active
    {
        line-height: 100%;

        text-align: center;
        text-transform: none;

                opacity: 1;
        color: #fff;
        box-shadow: inset 0 0 0 8px #ddd, 0 0 1px rgba(0, 0, 0, 0);

        -webkit-opacity: 1;
        /* Hack to improve aliasing on mobile/tablet devices */
    }
    #footmenuLeft li{margin-right: 8px;} 
}

@media screen and (max-width: 980px){
    .popupBox{display: none; width:inherit; height:inherit; }
.popupBox .popup-logo{ width:100%; max-width:200px; margin: 65px auto 0;}
}


@media screen and (max-width: 980px){
    .h2wrapper{margin: 2em 0;}
}
.hoverborder .hoverbordertxt
{
 display: none;
}
/* Border Fade */





@media screen and (max-width: 640px){
    h3
    {
        font-size: 2.5em;

        padding: .5em 0;
    }
    h2.title{font-size: 1.5em;}
    #emcollector{display:block;height:130px;right:0px;bottom:0px;}
    #emlocation{width:80%;}

    .h2wrapper .description
    {
        width: 80%;
         text-align: left;
         line-height: 200%;
    }

    #head
    {
        height: 95px;
    }

    #logo
    {
        width:266px;
        display: block;
        float: none;
        margin: 3% auto 0;
    }


.locationbar{text-indent: 5px; font-size: .5em;}
    .banner .dots
    {
        top: -15%;
    }
    .mycarousel .mycarousel-list
    {
        width: 80%;
    }

    .col-3-item .title
{
    font-weight: bold;

    display: block;

    width: 100%;
    margin: .5em 0 2em;

    text-align: center;
}

    #footmenuLeft
    {
        font-size: .7em;
    }

    #footmenuLanguage
    {
        right: 0;
        left: 0;

        width: 100%;
    }
    .btn-share
    {
        position: absolute;
        top: 50%;
        left: 0;

        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    .btn-gotop
    {
        position: absolute;
        top: 50%;
        right: 0;

        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    .col-3-item
    {
        float: none;

        width: 100%;
    }
    .col-3-item-mid
    {
        float: none;

        width: 100%;
        margin-right: 0;
        margin-left: 0;

    }



    .close
    {
        position: absolute;
        top: 0;
        right: 0;
         min-height: 26px;
        min-width: 26px;
    }
    .close .close-btn
    {
        position: absolute;
        top: 0;
        right: 0;

        width: 26px;
        height: 26px;

        background: url(../images/close_btn.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .close .close-txt
    {
        line-height: 26px;

        height: 26px;
        margin-right: 32px;
        font-size: .7em;
        display: none;
    }

    #foot{bottom: 0;}

    #footmenuLeft li {
    margin-right: -2px;
    }

    .popupBox{max-width: 80%; margin: 0 auto;}


}



@media screen and (max-width: 480px){
    #footmenuLeft{top:15px;}
}