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

.o-wrapper {

  -webkit-transition: -webkit-transform 0.3s;

          transition: transform 0.3s;

}

.o-container {

  margin: 0 auto;

  padding: 0 12px;

  max-width: 960px;

}

}

@media all and (min-width: 480px) {

  .o-container {

    padding: 0 24px;

  }

}

@media all and (min-width: 720px) {

  .o-container {

    padding: 0 48px;

  }

}

@media only screen and (max-width: 979px){
.o-header {

  margin: 0;

  padding: 0;

}



.o-header-nav {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  background-color: #67b5d1;

}




.o-sub-nav {

  margin: 0 0 24px 0;

  padding: 0;

}



.o-sub-nav__items {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-flow: row wrap;

      -ms-flex-flow: row wrap;

          flex-flow: row wrap;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  list-style: none;

  margin: 0;

  padding: 0;

}



.o-sub-nav__item {

  margin: 0;

  padding: 4px;

}



.o-sub-nav__link {

  display: block;

  margin: 0;

  padding: 4px 24px;

  border: solid 2px #67b5d1;

}



.o-sub-nav__link:hover,

.o-sub-nav__item.active .o-sub-nav__link {

  color: #fff;

  background-color: #67b5d1;

}

}

@media all and (min-width: 720px) {

  .o-sub-nav {

    margin: 0 0 48px 0;

  }

}

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

.c-menu {

  position: fixed;

  z-index: 200;

  background-color: #fff;

  -webkit-transition: -webkit-transform 0.3s;

          transition: transform 0.3s;

}



.c-menu__items {

  list-style: none;

  margin: 0;

  padding: 0;

}




.c-menu--slide-left,

.c-menu--slide-right,

.c-menu--push-left,

.c-menu--push-right {

  width: 100%;

  height: 100%;

 overflow-y: auto;

 z-index: 9999;

}
}
@media all and (min-width: 320px) and (max-width: 980px) {

  .c-menu--slide-left,

  .c-menu--slide-right,

  .c-menu--push-left,

  .c-menu--push-right {

    width: 300px;

  }

}


@media only screen and (max-width: 979px){
.c-menu--slide-left .c-menu__item,

.c-menu--slide-right .c-menu__item,

.c-menu--push-left .c-menu__item,

.c-menu--push-right .c-menu__item {

  display: block;

  text-align: center;

  border-top: solid 1px #b5dbe9;

  border-bottom: solid 1px #3184a1;

}

.c-menu--slide-left .c-menu__item:first-child,

.c-menu--slide-right .c-menu__item:first-child,

.c-menu--push-left .c-menu__item:first-child,

.c-menu--push-right .c-menu__item:first-child {

  border-top: none;

}

.c-menu--slide-left .c-menu__item:last-child,

.c-menu--slide-right .c-menu__item:last-child,

.c-menu--push-left .c-menu__item:last-child,

.c-menu--push-right .c-menu__item:last-child {

  border-bottom: none;

}



.c-menu--slide-left .c-menu__link,

.c-menu--slide-right .c-menu__link,

.c-menu--push-left .c-menu__link,

.c-menu--push-right .c-menu__link {

  display: block;

  padding: 12px 24px;

  color: #fff;

}



.c-menu--slide-left .c-menu__close,

.c-menu--slide-right .c-menu__close,

.c-menu--push-left .c-menu__close,

.c-menu--push-right .c-menu__close {

  display: block;

  padding: 12px 24px;

  width: 100%;

}





.c-menu--slide-left,

.c-menu--push-left {

  top: 0;

  left: 0;

  -webkit-transform: translateX(-100%);

      -ms-transform: translateX(-100%);

          transform: translateX(-100%);

}

}

@media all and (min-width: 320px) {

  .c-menu--slide-left,

  .c-menu--push-left {

    -webkit-transform: translateX(-300px);

        -ms-transform: translateX(-300px);

            transform: translateX(-300px);

  }

}

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

.c-menu--slide-left.is-active,

.c-menu--push-left.is-active {

  -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

          transform: translateX(0);

}




.c-menu--slide-right,

.c-menu--push-right {

  top: 0;

  right: 0;

  -webkit-transform: translateX(100%);

      -ms-transform: translateX(100%);

          transform: translateX(100%);

}

}
@media all and (min-width: 320px) and (max-width: 980px){

  .c-menu--slide-right,

  .c-menu--push-right {

    -webkit-transform: translateX(300px);

        -ms-transform: translateX(300px);

            transform: translateX(300px);

  }

}


@media only screen and (max-width: 979px){
.c-menu--slide-right.is-active,

.c-menu--push-right.is-active {

  -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

          transform: translateX(0);

}




.c-menu--slide-top,

.c-menu--slide-bottom,

.c-menu--push-top,

.c-menu--push-bottom {

  vertical-align: middle;

  width: 100%;

  height: 60px;

  text-align: center;

  overflow-x: scroll;

}



.c-menu--slide-top .c-menu__items,

.c-menu--slide-bottom .c-menu__items,

.c-menu--push-top .c-menu__items,

.c-menu--push-bottom .c-menu__items {

  display: inline-block;

  text-align: center;

}



.c-menu--slide-top .c-menu__item,

.c-menu--slide-bottom .c-menu__item,

.c-menu--push-top .c-menu__item,

.c-menu--push-bottom .c-menu__item {

  display: inline-block;

  line-height: 60px;

}



.c-menu--slide-top .c-menu__link,

.c-menu--slide-bottom .c-menu__link,

.c-menu--push-top .c-menu__link,

.c-menu--push-bottom .c-menu__link {

  display: block;

  padding: 0 4px;

  color: #fff;

}



.c-menu--slide-top .c-menu__close,

.c-menu--slide-bottom .c-menu__close,

.c-menu--push-top .c-menu__close,

.c-menu--push-bottom .c-menu__close {

  display: inline-block;

  margin-right: 12px;

  padding: 0 24px;

  height: 60px;

  line-height: 60px;

}




.c-menu--slide-top,

.c-menu--push-top {

  top: 0;

  left: 0;

  -webkit-transform: translateY(-60px);

      -ms-transform: translateY(-60px);

          transform: translateY(-60px);

}



.c-menu--slide-top.is-active,

.c-menu--push-top.is-active {

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

}





.c-menu--slide-bottom,

.c-menu--push-bottom {

  bottom: 0;

  left: 0;

  -webkit-transform: translateY(60px);

      -ms-transform: translateY(60px);

          transform: translateY(60px);

}



.c-menu--slide-bottom.is-active,

.c-menu--push-bottom.is-active {

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

}





.o-wrapper.has-push-left {

  -webkit-transform: translateX(100%);

      -ms-transform: translateX(100%);

          transform: translateX(100%);

}

}

@media all and (min-width: 320px) {

  .o-wrapper.has-push-left {

    -webkit-transform: translateX(300px);

        -ms-transform: translateX(300px);

            transform: translateX(300px); 

  }

}


@media only screen and (max-width: 979px){
.o-wrapper.has-push-right {

  -webkit-transform: translateX(-100%);

      -ms-transform: translateX(-100%);

          transform: translateX(-100%);

}
}
@media all and (min-width: 320px) {

  .o-wrapper.has-push-right {

    -webkit-transform: translateX(-300px);

        -ms-transform: translateX(-300px);

            transform: translateX(-300px);

  }

}


@media only screen and (max-width: 979px){
.o-wrapper.has-push-top {

  -webkit-transform: translateY(60px);

      -ms-transform: translateY(60px);

          transform: translateY(60px);

}



.o-wrapper.has-push-bottom {

  -webkit-transform: translateY(-60px);

      -ms-transform: translateY(-60px);

          transform: translateY(-60px);

}




body.has-active-menu {

  overflow: hidden;

}





.c-menu__close {

  color: #fff;

  background-color: #000;

  font-size: 14px;

  border: none;

  box-shadow: none;

  border-radius: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  cursor: pointer;

}



.c-menu__close:focus {

  outline: none;

}





.c-mask {

  position: fixed;

  /*z-index: 100;*/

  top: 0;

  left: 0;

  overflow: hidden;

  width: 0;

  height: 0;

  z-index: 2;

  background-color: #000;

  opacity: 0;

  -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;

          transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;

}



.c-mask.is-active {

  width: 100%;

  height: 100%;

  opacity: 0.7;

  -webkit-transition: opacity 0.3s;

          transition: opacity 0.3s;

}





.c-buttons {

  margin-bottom: 0px; margin-right:5px;

  text-align: center; float:left;

}

.smalllogo {

   display: inline-block;

}

#research.hblock.show_me {display:block;}

.research {

    float: right; font-size:20px; padding:20px 12px; z-index: 99;

}

main {

    height: 75px; display:none;

}

#research.hblock {

    background: #f7f7f7 none repeat scroll 0 0;

    left: 0;

    padding: 10px; top:76px;

    position: absolute; z-index:9; display:none;

    right: 0;

}



.spanleft {

    margin-right: 0;

    width: 100%;

}



#c-button--slide-right {

    background: #eeeeee none repeat scroll 0 0;

    position: fixed;

    right: 0;

    z-index: 9; padding:5px;

}

#research input {

    height: 35px;

}

.resuser {

    float: right;

    position: relative; font-size:19px; padding:20px 20px 20px 0; z-index: 9;

}

#megamenu-responsive-root {

    list-style: outside none none;

    padding: 0;

}

#megamenu-responsive-root li.root > ul {

    list-style: outside none none;

    padding: 0;

}

#megamenu-responsive .root li {

    border-bottom: 1px solid #cccccc;}

.resmenu.hblock.show_me {display:block;}

.resmenu.hblock > ul {list-style:none; padding:0 10px;}

.resmenu.hblock {

    background: #ffffff none repeat scroll 0 0;

    position: absolute;

    right: 0; padding:5px; text-align: left;

    width: 140px; z-index:9; display:none;

}

.c-button {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    box-shadow: none;

    color: #000000;

    cursor: pointer;

    display: inline-block;

    font-size: 28px;

    margin: 0;

    padding: 20px 20px;

  border-radius: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  cursor: pointer;

}



.c-button:focus {

  outline: none;

}

.modify_filter {

    background: #000000 none repeat scroll 0 0;

    color: #ffffff;

    display: none;

    font-size: 14px;

    margin-bottom: 10px;

    padding: 2px 8px;

    text-transform: uppercase;

}

.btn_close {

    margin-right: 5px;

    text-align: right; display:none;

}

.spanleft.resfilter.show_me {left:0;}

.c-button:disabled {

  opacity: 0.3;

  cursor: not-allowed;

}



}