/*--------------------------------------------------------------

Template: Theme Name
Author:
Version:  1
Design and Developed by:

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here:
-------------------------------------------------------*/
.static-block-2 .text .link {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid red;
  color: red;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin-top: 30px;
  padding: 10px 33px;
  text-transform: uppercase;
}
.equal-height-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.equal-height-row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.slider-content-3 {
  position: absolute;
  top: 350px;
  bottom: 150px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.btn-hover-2:hover {
    color: #FFF;
    background-color: #1F223E;
}

/* Normal desktop :1366px. */
@media (min-width: 1170px) and (max-width: 1400px) {
  .slider-content-3 {
    position: absolute;
    top: 300px;
    bottom: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
  .slider-content-3 {
    position: absolute;
    top: 250px;
    bottom: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 {
    position: absolute;
    top: 200px;
    bottom: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

/* Small mobile :320px. */
@media (max-width: 767px) {
  .slider-content-3 {
    position: absolute;
    top: 80px;
    bottom: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}