/****************************
Revolution Slider Fixed Container
****************************/

.rev-slider-fixed { 
padding: 0px; 
position: relative; 
top: 16px; 
left: 0px; 
overflow: hidden; 
overflow: hidden; 
visibility: hidden; 
background-color: #f9f9f9;
} 

.simplebullets { 
-webkit-transition: margin 100ms ease-in-out; 
-moz-transition: margin 100ms ease-in-out; 
-o-transition: margin 100ms ease-in-out; 
transition: margin 100ms ease-in-out;
} 

/* Overwrite Default Revolution Slider CSS */

.rev-slider-fixed div.tparrows,
.rev-slider-full div.tparrows { 
opacity: 0; 
filter: alpha(opacity=0);
} 
.rev-slider-fixed:hover .tparrows,
.rev-slider-full:hover .tparrows { 
opacity: 1; 
filter: alpha(opacity=70); 
-webkit-transition: background-color 200ms ease-in-out; 
-moz-transition: background-color 200ms ease-in-out; 
-o-transition: background-color 200ms ease-in-out; 
transition: background-color 200ms ease-in-out;
} 
.rev-slider-fixed div.tp-leftarrow,
.rev-slider-full div.tp-leftarrow { 
background: no-repeat 17px center url("../../images/arrow_left.png");
background-color:#000;
width: 50px; 
height: 50px; 
background-color: black; 
background-color: rgba(0, 0, 0, 0.5); 
border-radius: 2px;
z-index:10;
}
/* We have to overwrite the bg color, because the mdia quuery overwite the background color after changing the background image */ .rev-slider-fixed div.tp-leftarrow:hover,

.rev-slider-full div.tp-leftarrow:hover {background-color: rgba(0, 0, 0, 0.7);
} 
.rev-slider-fixed div.tp-rightarrow,
.rev-slider-full div.tp-rightarrow { 
background: no-repeat 20px center url("../../images/arrow_right.png");
background-color:#000;
width: 50px; 
height: 50px; 
background-color: black; 
background-color: rgba(0, 0, 0, 0.5); 
border-radius: 2px;
z-index:10;
} 
/* We have to overwrite the bg color, because the mdia quuery overwite the background color after changing the background image */ /* We have to overwrite the bg color, because the mdia quuery overwite the background color after changing the background image */ .rev-slider-fixed div.tp-rightarrow:hover,
.rev-slider-full div.tp-rightarrow:hover { 
background-color: rgba(0, 0, 0, 0.7);
} 
.rev-slider-fixed .tp-bullets.simplebullets.round .bullet { 
-webkit-transition: all 200ms ease-in-out; 
-moz-transition: all 200ms ease-in-out; 
-o-transition: all 200ms ease-in-out; 
transition: all 200ms ease-in-out; 
width: 12px; 
height: 12px;
} 

.rev-slider-fixed .tp-bullets.simplebullets.round .bullet:hover,
.rev-slider-fixed .tp-bullets.simplebullets.round .bullet.selected,
.rev-slider-fixed .tp-bullets.simplebullets.navbar .bullet:hover,
.rev-slider-fixed .tp-bullets.simplebullets.navbar .bullet.selected { 
background-position: 0 -15px;
} 



.rev-slider-full .button.btn-flat, .rev-slider-fixed .button.btn-flat { 
color: #fff; 
padding: 10px 15px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;
}
.rev-slider-full .button.btn-flat:hover, .rev-slider-fixed .button.btn-flat:hover { 
color: #fff; 
background-color: #3b3b3b;
} 
.button.btn-outlined { 
padding: 10px 15px; 
background-color: transparent !important; 
color: #fff !important; 
text-shadow: 1px 1px 1px #141414; 
border: 1px solid #fff; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;
}

.button.btn-outlined:hover, .button.btn-outlined:active, .button.btn-outlined:focus { 
text-shadow: none; 
background-color: #fff !important; 
color: #4b4b4b !important; 
opacity: 1;
} 
.slider-text-title { 
font-family: "Raleway", sans-serif; 
text-transform: uppercase; 
font-size: 42px; color: #1a242f; font-weight: bold; line-height:45px;
} 
.slider-text-description { 
font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; color: #626262;
}
