html[xmlns] .slides{display:block;}
* html .slides{height:1%;}

#slider_wrapper{position: relative;}
#slider{margin:0; position: relative;}

.slider_bg{position: relative; display: block; width: 100%; height: auto;}

#slider_inner{position: absolute; left: 42px; right: 42px; top: 41px; bottom: 0; background: url(../images/loader.gif) center 40% no-repeat;}

#flexslider{position:relative;}
#flexslider .slides>li{display:none;position:relative;}

.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.slides{list-style:none outside none;margin:0;padding: 0;}
.slides img{width:100%; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}

#flexslider .flex-control-nav{display:inline-block; padding: 0 0  4px; margin: 0; position: absolute; right: auto; width: 36%; left: 0; bottom: 30px; z-index:auto; overflow:hidden;list-style:none; text-align: center; line-height: 0;}
#flexslider .flex-control-nav li{display: inline-block; float:none; width:13px; height:13px; margin: 0 13px;position: relative;}
#flexslider .flex-control-nav li:before{position: absolute; content: ''; display: block; width: 26px; height: 1px; background: #848484; right: 100%; top: 50%;}

#flexslider .flex-control-nav li:first-child{}
#flexslider .flex-control-nav li:first-child:before{display: none;}
#flexslider .flex-control-nav li a{display:block;width: 100%; height: 100%; background: none; text-indent: -9999%; cursor:pointer; position: relative; overflow: hidden;background: url(../images/pag1.png) left top no-repeat;}
#flexslider .flex-control-nav li a:hover, #flexslider .flex-control-nav li a.flex-active{ background: url(../images/pag2.png) left top no-repeat;}
#flexslider .flex-control-nav li .flex-active{cursor:default;pointer-events:none;}

#flexslider .flex-direction-nav{padding: 0; margin: 0; list-style: none;}
#flexslider .flex-direction-nav li{}
#flexslider .flex-direction-nav li a{display: block; width: 21px; height: 20px; position: absolute; left: 18%; margin-left: -140px; bottom: 30px;}
#flexslider .flex-direction-nav li a.flex-prev{background: url(../images/prev.png) left top no-repeat;}
#flexslider .flex-direction-nav li a.flex-prev:hover{background-position: bottom;}
#flexslider .flex-direction-nav li a.flex-next{background: url(../images/next.png) left top no-repeat; margin-left: 120px;}
#flexslider .flex-direction-nav li a.flex-next:hover{background-position: bottom;}

.flex-caption{position:absolute;width: 36%; height: 100%; left:0; top: 0; text-align:center; background: #000; background: rgba(0, 0, 0, 0.8);}
.flex-caption > div{ padding: 80px 5% 0;}

.flex-caption .txt1{font-family: 'Lobster'; font-weight: 400; font-size: 50px; line-height: 1.1; color: #fff; padding-bottom: 10px;}
.flex-caption .txt2{font-family: 'Playfair Display'; font-weight: 400; font-size: 24px; line-height: 1; color: #ff7b23; font-style: italic; padding-bottom: 0px;}
.kand0{height: 22px; background: url(../images/kand0.png) center center no-repeat; margin-top: 25px; margin-bottom: 25px;}
.flex-caption .txt3{font-family: 'Playfair Display'; font-weight: 400; font-size: 24px; line-height: 1; color: #fff; padding-bottom: 10px;}
.flex-caption .txt4{font-family: 'Playfair Display'; font-weight: 700; font-size: 40px; line-height: 1; color: #fff; padding-bottom: 0px;}






@media (max-width: 1329px) {

  #slider_inner{left: 33px; right: 33px; top: 31px;}

  .flex-caption > div{padding-top: 20px;}

  .flex-caption .txt1{font-size: 40px;}

  .flex-caption .txt2{font-size: 18px;}




}

@media (max-width: 991px) {

  #slider_inner{left: 26px; right: 26px; top: 24px;}

  .flex-caption .txt1{font-size: 30px;}

  .flex-caption .txt2{font-size: 16px;}

  .flex-caption .txt3{font-size: 18px;}

  .flex-caption .txt4{font-size: 30px;}

  #flexslider .flex-control-nav{width: 100%; bottom: -20%;}

  #flexslider .flex-direction-nav li a{left: 50%; bottom: -20%;}

  #slider{margin-bottom: 4%;}









}

@media (max-width: 767px) {

  #slider_inner{left: 4%; right: 4%; top: 7%;}

  #flexslider .flex-control-nav{bottom: -30%;}

  #flexslider .flex-direction-nav li a{bottom: -30%;}

  #slider{margin-bottom: 7%;}







  .flex-caption{display: none;}





}

@media (max-width: 480px) {







}