.clearfix {  *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.responsive-slider { width: 100%; position: relative; }
.responsive-slider .touch-surface { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-slider .slides { position: relative; overflow: hidden; }
.responsive-slider .slides ul { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; font-size: 0; }
.responsive-slider .slides ul li { display: inline-block; max-width: 100%; }
.responsive-slider .slides ul li .no-photo { background:#1ba7e2; }
.responsive-slider .slides ul li .no-photo img { visibility:hidden; }
.responsive-slider .slides ul li .slide-body { display: inline-block; position: relative; max-width: 100%; font-size: 14px; overflow:hidden; }
.responsive-slider .slides ul li .slide-body img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption { position: absolute; color: #fff; text-shadow: -5px -5px 10px #000; font-size:70px; line-height:1em; opacity:0; font-family:HelveticaNeueRegular; }
.responsive-slider .slides ul li .slide-body .caption.txt1 { top: 47%; left: 15%; }
.responsive-slider .slides ul li .slide-body .caption.txt2 { top: 62%; left: 20%; }
.responsive-slider .slides ul li .slide-body .caption.txt3 { top: 79%; left: 25%; }
.responsive-slider .slides ul li .slide-body .caption.title-page { bottom: 55px; left: 0px; max-width:100%; padding-left:25px; }
@media (min-width: 900px) {
.main_header, .responsive-slider, .responsive-slider .slides, .responsive-slider .slides ul li { min-height:460px; }
}
@media (min-width: 481px) and (max-width: 767px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 25px; }
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 20px; }
}
@media (max-width: 480px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 16px; }
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 14px; }
}
.responsive-slider .slides ul li .slide-body .caption.sub { bottom: -8px; right: -20px; font-weight: bold; }
@media (min-width: 481px) and (max-width: 767px) {
.responsive-slider .slides ul li .slide-body .caption.sub { font-size: 11px; bottom: 0px; right: -10px; }
.responsive-slider .slides ul li .slide-body .caption { position: absolute; color: #fff; text-shadow: -3px -3px 6px #000; font-size:44px; line-height:1em; }
.responsive-slider .slides ul li .slide-body .caption.txt1 { top: 35%; left: 15%; }
.responsive-slider .slides ul li .slide-body .caption.txt2 { top: 52%; left: 20%; }
.responsive-slider .slides ul li .slide-body .caption.txt3 { top: 69%; left: 25%; }
}
@media (max-width: 480px) {
.responsive-slider .slides ul li .slide-body .caption.sub { font-size: 10px; bottom: 5px; right: 0; }
.responsive-slider .slides ul li .slide-body .caption { position: absolute; color: #fff; text-shadow: -3px -3px 6px #000; font-size:24px; line-height:1em; }
.responsive-slider .slides ul li .slide-body .caption.txt1 { top: 35%; left: 15%; }
.responsive-slider .slides ul li .slide-body .caption.txt2 { top: 52%; left: 20%; }
.responsive-slider .slides ul li .slide-body .caption.txt3 { top: 69%; left: 25%; }
}
.responsive-slider .slider-control { position: absolute; font-size: 40px; color: #000; top: 40%; background-color: #fff; padding: 10px 10px 15px 10px; }
.responsive-slider .slider-control.left { left: 0; padding-left: 0; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; }
.responsive-slider .slider-control.left:hover { text-decoration: none; padding-left: 10px; }
.responsive-slider .slider-control.right { right: 0; padding-right: 0; -webkit-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; }
.responsive-slider .slider-control.right:hover { text-decoration: none; padding-right: 10px; }
@media (max-width: 480px) {
.responsive-slider .slider-control.left,  .responsive-slider .slider-control.right { display: none; }
}
.responsive-slider .pages { width: 100%; text-align: center; height:20px; }
.responsive-slider .pages .page { display: inline-block; color: transparent; width: 10px; height: 10px; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:5px 0; }
.responsive-slider .pages .page.active { border: 1px solid #808080; background:#CCC; }