/*
*  Resposive styles for protostar/webseta
*/

.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 15px;
  background: #f8f8f8;
  color: #333;
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.7) ;
}

.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right: auto;
}

.sidr p {
  font-size: 13px;
  margin: 0 0 12px;
}
.sidr p a {
  color: rgba(51, 51, 51, 0.9);
}
.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid white;
}
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 48px;
  border-top: 1px solid white;
  border-bottom: 1px solid #dfdfdf;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
  border-top: 0;
  line-height: 49px;
}
.sidr ul li:hover > a,
.sidr ul li:hover > span, .sidr ul li.active > a,
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
  box-shadow: 0 0 15px 3px #ebebeb;
}
.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #333;
}
.sidr ul li ul {
  border-bottom: 0;
  margin: 0;
}
.sidr ul li ul li {
  line-height: 40px;
  font-size: 13px;
}
.sidr ul li ul li:last-child {
  border-bottom: 0;
}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  border-top: 0;
  line-height: 41px;
}
.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {
  box-shadow: 0 0 15px 3px #ebebeb;
}
.sidr ul li ul li a,
.sidr ul li ul li span {
  color: rgba(51, 51, 51, 0.8);
  padding-left: 30px;
}

.sidr h2{
  font-size: 15px;
  text-shadow: 0 3px 1px rgba(0,0,0,0);
  -webkit-text-shadow: 0 3px 1px rgba(0,0,0,0);
  -moz-text-shadow: 0 3px 1px rgba(0,0,0,0);
}

img{
  max-width:100%!important;
}

iframe{
  max-width: 100%;
}

a#navigation-toggle {
  height: 75px;
  line-height: 75px;
  float: none;
  margin: 0;
  cursor: pointer;
  color: #333333;
  font-weight: 100;
  position: relative;
  z-index: 9;
  text-decoration: none !important;
  display: none;
  font-size: 24px;
  text-transform:uppercase;
}

a#navigation-toggle .icon {
  margin: 0 5px 0 10px;
  color: #333333;
  width:25px;
  height:auto;
  font-size: 20px;
}

#navigation-toggle { color: #333333; }
#navigation-toggle:hover { color: #333333; }

#sidr-main { padding: 30px 30px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.sidr.right { left: auto; right: -330px; }
.sidr.left { left: -330px; right: auto; }

#sidr-main ul a { font-size: 18px; display: block; border-bottom: 1px solid #333; padding: 0px 0; }
#sidr-main ul li ul { margin-left: 0; margin: 0; }
#sidr-main ul li ul li a { padding-left: 10px; }
#sidr-main ul li ul li li a { padding-left: 20px; }
#sidr-main ul li ul li li li a { padding-left: 30px; }

.sidr-class-toggle-sidr-close:before {
  font-size: 24px;
  position: absolute;
  top: 10px;
  right: 30px;
  content: "\49";
  font-family: 'IcoMoon';
  color: #000;
  margin: 0;
}

.sidr-inner{
  text-align:center;
}

.sidr-class-brand{
  padding:10px 0;
  display:inline-block;
  width:100%;
}

.sidr a:hover{
  text-decoration: underline;
}

#sidr-id-header-inner-logo{
  margin-bottom: 20px;
}

#sidr-id-navigation-toggle{
  display:none;
}

#mobile-contact{
  display:none;
}

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

  ul.menu2 li a span{
     line-height: 45px;
  }

  ul.menu2 {
    margin: 15px auto 0px auto !important;
    text-align: center;
  }

}

@media only screen and (max-width: 1200px) {
  #content {
    width: 1024px;
    max-width: 90%;
  }

  #footer-info {
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .article-share {
    width: 1024px;
    max-width: 100%;
    margin: 0 auto 20px auto;
  }

  .article-unit-right h2, .article-open > h2, .item-page .page-header h2 {
    font-size: 42px!important;
    line-height: 45px!important;;
  }

  .article-unit-right p, .article-open > p, .item-page > p {
    margin-bottom: 20px;
  }

  .fb-like {
    margin: 0 auto;
  }

  .fb_iframe_widget{
    margin: 0 auto;
  }

  .fb_iframe_widget span {
    margin: 0 auto;
  }

  .footer {
    min-height: auto;
  }

  #footer-info .copy {
    margin-top: 30px;
  }

  ul.menu2 li {
    width:23%!important;;
    margin: 0px 1%!important;
    text-align: center;
    display: inline-block;
  }

  .c-info {
    max-width: 100%;
    width: 48%;
    margin: 55px 0px 30px;
  }

  .c-form {
    max-width: 100%;
    width: 48%;
    margin-top: 55px;
  }

  img.c-line {
    margin-top: 55px;
  }

  .card {
    margin: 10px 8px!important;
  }

  .banner-content img {
    width: 36%;
    margin-right: 2%;
  }

  .banner-content input {
    margin-bottom: 10px;
  }

  .banner-content h2,
  .banner-content p {
    width: 60%;
    float: right;
  }

  .banner-content h2 {
    margin-top: 0px !important;
    padding-top: 25px;
    font-family: 'Roboto-Condensed-Bold';
    font-size: 41px;
    margin-bottom: 20px;
    line-height: 42px;
  }

  #content.span9 {
    padding-top: 0px;
  }

  .search-block{
    width: 100%;
    text-align: center;
    margin:20px auto 0 auto;
  }

  .search-block .btn-group {
    display: inline-block;
    float:none;
  }

  .complex-search {
    border: 1px solid #bdbdbd;
    background-color: white;
    height: 28px;
    line-height: 28px;
    width: 50%;
    padding:0.5% 2%;
  }

  .search-block div input {
    width: 90%;
    padding:0.5% 0%;
    margin:0;
    font-size:2rem;
  }

  #refine{
    width: 100%;
    text-align: center;
    margin-top: 0px;
  }

  .group-block{
    margin:20px auto 0 auto;
    padding: 0.5% 1%;
    width: 98%;
    text-align: center;
  }

  .search-block .btn-group > .btn, .btn-group > .dropdown-menu {
    font-size: 20px;
  }

  .search-block  [class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }

  .group-block  .pull-left {
    float: none;
  }

  .group-block  .btn-group{
    vertical-align:top;
    text-align:left;
  }

  #labels {
    padding-bottom: 10px;
    margin-bottom: 0px;
  }

  .labels-on {
    margin-bottom: 10px;
    padding: 0.5% 1%;
    width: 98%;
  }

  .refine-btn {
    display: block;
    margin: 10px auto;
    width: 120px;
    padding:7px 15px;
    height: 34px;
    letter-spacing: 2px;
  }

  #labels .labels-on .labels-item {
    margin: 1%;
  }

  .tour-count{
    width:100%;
    margin:1em auto;
    text-align: center;
    font-weight: 900;
  }

  .views{
    width:100%;
    margin:1em auto;
    text-align: center;
  }

  .sort-center {
    position: relative;
    left: auto;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }

  .sort-center .btn-group{
    text-align: left;
  }

  .slide-inner{
    overflow: hidden;
  }

}

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

  body{
    overflow-x: hidden;
  }

  a#navigation-toggle {
    display: block;
  }

  #content {
    width: 90%;
    max-width: 90%;
  }

  .article-share {
    text-align: center;
  }

  .article-unit-right h2, .article-open > h2, .item-page .page-header h2 {
    font-size: 37px!important;;
    line-height: 40px!important;;
  }

  .article-unit-right p, .article-open > p, .item-page > p {
    margin-bottom: 15px;
  }

  ul.menu li {
    margin: 0px 6px;
    padding: 0px;
  }

  ul.footermenu li a {
    padding:7px 12px;
  }

  #header-inner-logo {
    width: 148px;
    float: right;
    margin-top: 17px;
    margin-right: 17px;
    position: absolute;
    right: 0;
    top: 0;
  }

  .header-inner ul.nav{
    display:none;
  }

  .c-info h2 {
    font-size: 27px!important;;
    line-height: 30px!important;;
  }

  #footer-inner {
    width: 90%;
  }

  .nav {
    width: 100%;
    float: none;
    margin: 2em auto!important;
    text-align: center;
  }

  .nav li {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin:5px 7px;
  }

  #menu2-inner {
    padding-top: 0px;
  }

  .login{
    margin-top: 2em;
  }

  .banner-content img {
    display: none;
  }

  .banner-content {
    max-height: 415px;
    width: 90%;
    margin: 1% 5%;
    float: none;
    text-align: center;
  }

  .banner-content h2 {
    padding-top: 15px;
    font-size: 41px;
    margin-bottom: 20px;
    line-height: 42px;
  }

  .banner-content input {
    text-align: center;
    height: auto !important;
    width: auto !important;
    margin: 10px;
    padding:10px;
  }

  .banner-content p {
    font-size: 23px;
    text-align: center;
    line-height: 24px;
  }


  .banner-content h2,
  .banner-content p {
    width: 90%;
    float: none;
    margin:10px auto;
  }

}

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


  .c-info {
    max-width: 100%;
    width: 100%;
    float: none;
    min-height: auto;
    margin: 30px 0px;
    text-align: center;
  }

  .c-form {
    border-top: 1px solid #a2a2a2;
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 20px 0px;
    padding-top: 20px;
    text-align: center;
  }

  img.c-line {
    display:none;
  }

  .fb-comments{
     display: none!important;
  }

  .fb-like{
    margin-bottom: 2em;
  }

  ul.menu2 {
    width: 90%;
  }

  ul.menu2 li a span {
    font-size: 14px;
    line-height: 18px;
  }

  ul.menu2 li {
    width: 40%!important;
    margin: 2% 6%!important;
    text-align: center;
    display: inline-block;
  }

  .banner-content {
    max-height: 415px;
    width: 80%;
    margin: 1% 10%;
    float: none;
    text-align: center;
  }

  .banner-content h2 {
    padding-top: 10px;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 28px;
  }

  .banner-content p {
    font-size: 16px;
    text-align: center;
    line-height: 20px;
  }

  .banner-content input {
    font-size: 16px;
  }

  .complex-search {
    width: 90%;
  }

  .group-block .btn-group {
    margin:2%;
    vertical-align: top;
    text-align: center;
  }

}

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

  .article-unit-right p, .article-open > p, .item-page > p {
    margin-bottom: 10px;
  }

  .article-unit-right h2, .article-open > h2, .item-page .page-header h2 {
    font-size: 27px!important;
    line-height: 30px!important;
  }

  .article-unit span,
  .article-unit p{
    font-size: 18px!important;
    line-height: 25px!important;
    display: inherit;
  }

  .article-unit {
    margin-bottom: 20px;
  }


  .form-horizontal .control-label {
    float: none;
    width: 100%;
    text-align: center;
  }

  .form-horizontal .controls {
    float: none;
    width: 96%;
    padding:1% 2%;
    margin-left: 0;
    text-align: center;
  }

  .form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-search .input-prepend, .form-search .input-append, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-inline .input-prepend, .form-inline .input-append, .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append {
    width: 96%;
    padding:1% 2%;
  }

  .userdata input[type='text'], input[type='password'] {
    width: 96%;
    padding:1% 2%;
  }

  .controls button{
    text-align: center;
  }

  label {
    margin-bottom: 0px;
  }

  #sbt {
    margin-left: 0px!important;
  }

}

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

  ul.menu2 li {
    width: 90%!important;
    margin: 2% 5%!important;
  }

}

@media only screen and (max-width: 360px)  {
  .brand {
    display: none;
  }

  ul.footermenu{
    display: none;
  }

  .article-unit {
    margin-bottom: 10px;
  }

  #slide{
    display: none;
  }

}