/* -----------------------------------
Template:  Theme Name

NOTE: This is Slider style file. All Slider related style included in this file.

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

.slider {
  position: relative;
}
.slider-bg {
  background: rgba(0, 0, 0, 0) url("../../img/bg/slider-bg.jpg") repeat scroll center / cover ;
}
.slider-bg-2 {
  background: rgba(0, 0, 0, 0) url("../../img/bg/slider-bg-2.jpg") repeat fixed center top / cover ;
}
.slider-bg-3 {
  background: rgba(0, 0, 0, 0) url("../../img/bg/slider-bg-3.jpg") repeat fixed center center / cover ;
}
.slider-bg-4 {
  background: rgba(0, 0, 0, 0) url("../../img/bg/slider-bg-4.jpg") repeat center center / cover ;
}



.slide-show {
/*  box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2);
*/
}
.slider-info-text > h2 {
  font-size: 80px;
  font-weight: 300;
  text-transform: capitalize;
}
.slider-info-text > h2 span{
  font-weight: 600;
}
.slider-info-text > h3 {
  font-size: 24px;
  color: #757575;
  font-weight: normal;
}
.slider-info-text.text-center {
  padding: 60px 30px;
    border: 3px solid #fff;
}
.slider-info-img > img {
  width: 100%;
}
.all-slider-text {
  background-color: #f7f7f7;
  margin-top: 185px;
  padding: 30px;
}


.my-info-text {
	
}
.info-inner {

}
.info-inner > span {
  font-size: 18px;
  font-weight: 500;
}
.slider-info-text{}
.slider-info-text h1 {
  color: #444;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.slider-text {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.follow-me{}
.follow-me span{}
.follow-me a {
  font-size: 20px;
  margin-left: 20px;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.slider-style-2 h1 {
  color: #222;
}
.slider-style-2 .my-info-text {
  background: rgba(255, 255, 255, 0.9) url("../../img/sep.png") no-repeat scroll left top;
}
.slider-style-4 {
  position: static;
  transform: inherit;
}
.my-info-text.slider-style-5 {

}
.slider-style-5 h1{color: #222}
h2.headline-text {
  color: #222;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.slider-style-4 .cd-headline.clip b {
  font-weight: 400;
}
h3.heading-sub-title {
  color: #333;
  font-size: 30px;
  text-transform: capitalize;
}
.cd-headline.clip .cd-words-wrapper::after {
  background-color: #666;
}


/* -----------------------------------
slider 2

--------------------------------------*/
.slider2 h2 {
  font-size: 80px;
}
.slider2 h2 span{
  font-weight: 600;
}
.slider2 > p {
  font-size: 24px;
  font-weight: 300;
  line-height: 38px;
  margin: 35px 0 50px;
}
.follow-me > span {
  color: #575757;
  font-size: 24px;
  font-weight: normal;
}

/* -----------------------------------
slider 4

--------------------------------------*/
.slider-4-text > h2 {
  color: #fff;
  font-size: 60px;
  font-weight: 600;
}

.slider-4-text > p {
  color: #fff;
  font-size: 20px;
  line-height: 36px;
  margin-top: 22px;
}


/* -----------------------------------
slider 3

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

.slider-3-text > img {
  bottom: 0px;
  position: absolute;
  right: 72px;
}
.slider-3 h1 {
  color: #f1f1f1;
  font-size: 150px;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 120px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
}

.slider-3-text > h2 {
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 45px;
  padding-left: 545px;
  position: relative;
}
.slider-3-text > h2::before {
  background-color: #b5b5b5;
  content: "";
  height: 1px;
  left: 328px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 191px;
}
.slider-3-text > a {
  border: 1px solid #2a2a2a;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin-left: 524px;
  padding: 11px 32px;
    transition: all .3s ease 0s;
}
.slider-3-text > a:hover{
  border: 1px solid #2a2a2a;
    color: #fff;
    background-color: #2a2a2a;
}

/* -----------------------------------
portfolio slider

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

.portfolio-details .owl-theme .owl-controls .owl-nav div {
  background: #fff none repeat scroll 0 0;
  font-size: 25px;
  height: 40px;
  left: 10px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 40px;
    line-height: 40px;
}
.portfolio-details .owl-theme .owl-controls .owl-nav div.owl-next {
  left: auto;
  right: 10px;
}
.portfolio-details .owl-theme:hover .owl-controls .owl-nav div {
  opacity: 1;
  visibility: visible;
}
.portfolio-details .owl-theme .owl-controls .owl-nav div:hover {
  background: #333 none repeat scroll 0 0;
  color: #fff;
}

/* -----------------------------------
slider 7

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

.slider-title {
  color: #fff;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.slider-title > span {
  display: block;
  font-family: dosis;
  font-size: 20px;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.slider-title h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 3px;
  margin: 0;
  text-transform: uppercase;
}
.single-slider {
  background-position: center center;
  background-size: cover;
  height: 700px;
}

.border-bottom {
  border-bottom: 1px solid #f6f6f6;
  border-top: 1px solid #f6f6f6;
}

.slider-text-style-3{}
.slider-text-style-3 h1{}
.slider-text-style-3 span{}
.slider-text-style-3 .info-inner {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  box-sizing: border-box;
  display: inline-block;
  outline: 1px solid #fff;
  outline-offset: 8px;
  padding: 65px;
}