/**

 * BxSlider v4.1.2 - Fully loaded, responsive content slider

 * http://bxslider.com

 *

 * Written by: Steven Wanderski, 2014

 * http://stevenwanderski.com

 * (while drinking Belgian ales and listening to jazz)

 *

 * CEO and founder of bxCreative, LTD

 * http://bxcreative.com

 */





/** RESET AND LAYOUT

===================================*/

.bigslider {
height:300px;
}

.bx-wrapper {
position: relative;
margin: 0 auto;
padding-bottom: 9px;
*zoom: 1;
}

.bx-wrapper img {
max-width: 100%;
display: block;
margin: 0 auto;
}

.slide {
width:100%;
height:300px;
}

.black30 {
width:100%;
height:300px;
background:url(../images/bg/black.png) repeat
}

.bigslider .title {
color:#fff;
font-size:2.2em;
text-align:center;
padding:40px 2% 0
}

.bx-controls-direction {display:none}

@media screen and (min-width: 768px) {
.bigslider,
.slide,
.black30 {
height:400px;
}

.bigslider .title {
font-size:2.6em;
padding:120px 2% 0;
}

.bigslider .whiteBttn a {margin-top:30px}
}

@media screen and (min-width: 1024px) {
.bigslider .title {
padding:100px 0 0;
font-size:2.8em;
max-width:960px;
margin:0 auto
}
}

/** THEME

===================================*/



.bx-wrapper .bx-viewport {
/*fix other elements on the page moving (on Chrome)*/

	-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}

/* LOADER */



.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../js/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}

/* PAGER */



.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
margin-bottom: -30px;
}

.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display:inline-block;
position: relative;
bottom: 40px;
*zoom: 1;
*display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
text-indent: -9999px;
outline: 0;
display: block;
width: 12px;
height: 12px;
margin: 5px 6px;
filter: Alpha(Opacity=50);
opacity: 0.5;
border-radius: 14px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
background: #fff;
border: solid 1px #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
opacity:1;
background:transparent;
}

@media screen and (min-width: 768px) {

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {bottom: 100px;}

.bx-wrapper .bx-pager.bx-default-pager a {border: solid 2px #fff;}


/* DIRECTION CONTROLS (NEXT / PREV) */



@media screen and (min-width: 768px) {.bx-controls-direction {display:block}


.bx-wrapper .bx-prev {
left: 3%;
background: url(../js/images/controls.png) no-repeat 0px 0px;
}

.bx-wrapper .bx-next {
right:3%;
background: url(../js/images/controls.png) no-repeat -80px 0;
}

.bx-wrapper .bx-prev:hover {
background-position: 0 -71px;
}

.bx-wrapper .bx-next:hover {
background-position: -80px -71px;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 20px;
height: 30px;
text-indent: -9999px;
z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}

/* AUTO CONTROLS (START / STOP) */



.bx-wrapper .bx-controls-auto {
text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../js/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -150px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../js/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,

.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}

/* IMAGE CAPTIONS */



.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}

.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}

/* ------ Index page block with slider ------ */


.topSlider {
margin: 0 auto;
max-width: 720px;
}

.topSlider>div {
margin:0 2%;
}

.topSlider .text {
background: #fff url(../images/BG/slider-block.jpg) bottom center repeat-x;
width:100%;
max-width:720px;
padding-bottom:20px

}

.topSlider .title {margin-bottom:20px}

.topSlider .title>div,

.topSlider .title span {
color: #22754d;
text-align:center;
font-weight:400;
}

.topSlider .title span {
font-size: 20px;
line-height:20px;
letter-spacing: normal;
}

.topSlider .title>div {
font-size:34px;
line-height:34px;
letter-spacing:-1px;
padding: 20px 0 50px;
background-image:url(../images/BG/devider320@2x.png);
background-size:295px 30px;
background-position: bottom center;
background-repeat: no-repeat
}

.topSlider .descr>div {
padding:0 2% 20px;
line-height:22px;
text-align:center

}

.topSlider .link a {
display:block;
width:200px;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
text-transform:uppercase;
text-decoration:none;
border-radius:2px;
background-color:#9f6c4f;
border:1px solid #9f6c4f;
margin:0 auto 20px;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
}

.topSlider .link a:hover {
color:#a84f31;
background-color:#fff;
border:1px solid #a84f31;
}