/* CSS Document */
@-ms-viewport {width:device-width;}
@viewport{width:device-width;}
@media screen and (max-width: 600px) {
#top-header {
  height: auto !important;
}
.top-header {
  height: 100% !important;
  overflow: hidden !important;
  width: 100% !important;
}
#top-header-right {
  float: none !important;
  height: auto !important;
  text-align: center !important;
  width: 100% !important;
}
#top-header-right ul li {
  display: inline-block !important;
  float: none !important;
  width: 9.9% !important;
  border-bottom:1px solid #eee !important;
}
#top-header-right ul li a {
  float: none !important;
  width: auto !important;
}
#top-header-right ul li:hover a:before {
  display: none !important;
  margin-top: 0 !important;
}
#top-header-right ul li:hover span {
  display: none !important;
}
a.log-reg {
  display: none !important;
}
.log-form h2 {
  display: none !important;
}
.searchbox {
  left: 100% !important;
  top: -10px !important;
}
#top-header-left {
  float: none !important;
  height: auto !important;
}
#top-header-left ul li {
  background: none !important;
  float: none !important;
  height: auto !important;
  text-align: center !important;
}
#top-header-left ul li a {
  background:#f8f8f8 !important;
  border: 1px solid #ddd !important;
  float: none !important;
}
#header {
  height: auto !important;
  overflow:hidden !important;
}
.header {
  height: auto !important;
  width: 100% !important;
}
.logo {
  background:#ecf0f1 !important;
  border-bottom: 1px solid #ddd !important;
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 6px !important;
  padding: 12px !important;
  text-align: center !important;
  border-top: 1px solid #ddd !important;
}
.notic {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}
.notic-arraw {
  display: none !important;
}
.notic-content {
  background:#e74c3c !important;
  border: medium none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  color: #fff !important;
  padding: 2% !important;
  width: 96% !important;
}
#nav {
  float: none !important;
  text-align: center !important;
  width: 100% !important;
}
.nav li {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
  border-bottom:none !important;
}
.nav li a {
  background: none !important;
  border-bottom: 1px solid #ecf0f1 !important;
  float: none !important;
  height: auto !important;
  padding: 10px !important;
}
.nav li a:hover {
  background: #f8f8f8 !important;
}
.nav li a.selected {
  background: #f8f8f8 !important;
}
.headerfix #top-header-left {
  display: none !important;
}
.sub {
  background: #ecf0f1 !important;
  position: static !important;
  top: 0 !important;
  width: 100% !important;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}
.offer {
  float: none !important;
  height: auto !important;
  text-align: center !important;
  width: auto !important;
}
.nav .offer-order a {
  width: auto !important;
}
.sub-link {
  float: none !important;
  margin-right: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.sub ul {
  float: none !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  text-align: center !important;
}
.sub ul h2 {
  background:#3498db !important;
  color: #fff !important;
  padding: 10px !important;
}
#forall {
  width: 100% !important;
}
.movement1 {
  display: none !important;
}
.movement2 {
  display: none !important;
}
.sli-cont {
  margin-top: 60px !important;
}
.whoisus {
  padding: 11px 16px !important;
  width: auto !important;
}
.whoisus a {
  clear: both !important;
  display: inline-block !important;
  float: none !important;
  margin-top: 10px !important;
}
#data {
  height: auto !important;
}
.data {
  width: 100% !important;
}
.data-loop {
  float: none !important;
  height: auto !important;
  width: auto !important;
}
#serv h2 {
  width: auto !important;
}
#serv h1 {
  width: auto !important;
}
.serv {
  width: auto !important;
}
.serv-slider-all {
  width: auto !important;
  height: auto !important;
}
.serv-slider {
  height: auto !important;
  width: auto !important;
}
.serv-loop {
  border-left: medium none !important;
  border-right: medium none !important;
  float: none !important;
  height: 100% !important;
  margin: 10px 0 !important;
  width: 100% !important;
}
.serv-loop ol div {
  text-align: center !important;
}
.next-serv,.prev-serv {
  display: none !important;
}
#about-us {
  height: auto !important;
}
#about-us h2 {
  width: auto !important;
}
#about-us h1 {
  width: auto !important;
}
.about-us {
  width: 100% !important;
}
.about-us-loop {
  width: auto !important;
}
#part {
  height: auto !important;
}
#part h2 {
  width: auto !important;
}
#part h1 {
  width: auto !important;
}
.part {
  width: auto !important;
  padding-bottom: 10px !important;
}
.part-loop {
  float: none !important;
  height: auto !important;
  width: auto !important;
}
.part-loop a {
  width: 100% !important;
}
.part-loop img {
  width: 100% !important;
}
.part-loop a c:before {
  display: none !important;
}
.part-loop span {
  height: auto !important;
  padding: 5px !important;
}
.part-loop p {
  height: auto !important;
  padding: 5px !important;
}
.part-loop:hover a {
  margin-top: 0 !important;
}
.part-loop:hover a c {
  width: 100% !important;
}
#prog {
  height: auto !important;
}
#prog h2 {
  width: auto !important;
}
#prog h1 {
  width: auto !important;
}
.prog {
  width: auto !important;
  margin-bottom:20px !important;
}
.prog-slider {
  width: 100% !important;
}
.prog-slider ul {
  width: 100% !important;
}
.prog-loop {
  float: none !important;
  width: auto !important;
}
.prog-loop a {
  width: auto !important;
}
.prog-loop img {
  width: 99% !important;
}
.prog-infos {
  width: 100% !important;
}
.prev-prog,.next-prog {
  display: none !important;
}
#opinion {
  height: auto !important;
}
#opinion h2 {
  width: auto !important;
}
#opinion h1 {
  width: auto !important;
}
.opinion {
  width: auto !important;
  padding-bottom:20px !important;
}
.opin-loop {
  float: none !important;
  height: auto !important;
  margin-bottom: 15px;
  margin-right: 0 !important;
  width: 100% !important;
}
#shows {
  height: auto !important;
  padding-bottom:20px !important;
}
#shows h2 {
  width: auto !important;
}
#shows h1 {
  width: auto !important;
}
#footer {
  height: auto !important;
  padding-bottom:20px !important;
}
.footer {
  height: auto !important;
  text-align: center !important;
  width: auto !important;
}
.contact {
  float: none !important;
  height: auto !important;
  margin-right: 0 !important;
  width: auto !important;
}
.date {
  float: none !important;
  height: auto !important;
  margin-right: 0 !important;
  width: auto !important;
}
.date h2 {
  text-align: center !important;
}
.contact h2 {
  text-align: center !important;
}
.date li a {
  display: inline-block !important;
  float: none !important;
}
.success {
  float: none !important;
  height: auto !important;
  margin-right: 0 !important;
  width: auto !important;
}
.success h2 {
  text-align: center !important;
}
.foot {
  float: none !important;
  height: auto !important;
  margin-right: 0 !important;
  width: auto !important;
}
.foot h2 {
  text-align: center !important;
}
#bottom {
  height: auto !important;
  padding-bottom:20px !important;
}
.bottom {
  height: auto !important;
  width: auto !important;
}
.navfooter {
  float: none !important;
  width: 100% !important;
}
.copyright {
  float: none !important;
  width: auto !important;
  display: block !important;
  text-align: center !important;
  clear:both !important;
}
.date p {
  text-align: center !important;
}
.navfooter li a {
  margin-right: 22px !important;
}
div.log {
  width: 80% !important;
}
.log-top h2 {
  width: auto !important;
}
.log-form label {
  width: 93% !important;
  display:none !important;
}
.log-form .log-enter {
  width: auto !important;
}
.reg-right {
  float: none !important;
  width: 100% !important;
}
.log-form input {
  height: auto !important;
  margin-bottom: 2px !important;
  margin-top: 2px !important;
  padding: 2% !important;
  width: 96% !important;
}
.reg-left {
  float: none !important;
  overflow: hidden;
  width: 100% !important;
}
#forall {
  padding: 0 !important;
  width: 100% !important;
}
.down-text ul li a {
  width: auto !important;
}
.down-text ul li span {
  display: none !important;
}
.vloume {
  width: 80% !important;
}
.down-text ul li c {
  display: none !important;
}
.select-what select {
  width: auto !important;
}
.reg-text label span {
  float: none !important;
  margin-bottom: 5px !important;
  width: auto !important;
}
.reg-text label select {
  float: none !important;
  padding: 2% !important;
  width: 96% !important;
}
.reg-text label input {
  float: none !important;
  padding: 2% !important;
  width: 96% !important;
}
.reg-text label cd {
  float: none !important;
  width: auto !important;
}
.reg-text label cd od {
  float: none !important;
}
.prog-plane img {
  height: auto !important;
  width: 100% !important;
}
.prog-plane li {
  width: auto !important;
}
.arch-plane {
  width: auto !important;
}
.banks li {
  float: none !important;
  margin-right: 0 !important;
  width: auto !important;
}
}