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

- Revolution Slider 5.0 Layer Style Settings -

Screen Stylesheet

version:    5.0.0
date:       18/03/15
author:   themepunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/



/* ---------- slider text styles ---------- */

.tp-caption.text-dark{
  color:#101010;
}
.tp-caption.text-primary{
  color:#a9cd2e;
}
.tp-caption.text-secondary{
  color:#fc4242;
}
.tp-caption.text-white{
  color:#fff;
}
.tp-caption.light-grey{
  color:#c6c6c6;
}
.tp-caption.white{
  color:#fff;
}
/* ---------- fonts ---------- */

.tp-caption.openSans{
  font-family: 'Open Sans', sans-serif;
}
.tp-caption.raleway{
  font-family: 'Raleway', sans-serif;
}
.tp-caption.roboto{
  font-family: 'Roboto', sans-serif;
}
.tp-caption.dosis{
  font-family: 'Dosis', sans-serif;
}
.tp-caption.great-vibes {
  font-family: 'Great Vibes', cursive;
}
.tp-caption.gloria-hallelujah {
  font-family: 'Gloria Hallelujah', cursive;
}
.tp-caption.oswald {
  font-family: 'Oswald', sans-serif;
}
.tp-caption.roboto-slab {
  font-family: 'Roboto Slab', serif;
}
.tp-caption.dancing-script {
  font-family: 'Dancing Script', cursive;
}
.tp-caption.poppins {
  font-family: 'Poppins', sans-serif;
}
.tp-caption.libre-baskerville {
  font-family: 'Libre Baskerville', serif;
}

/* ---------- font weight ---------- */

.tp-caption.fweight-1{
  font-weight:100;
}
.tp-caption.fweight-2{
  font-weight:200;
}
.tp-caption.fweight-3{
  font-weight:300;
}
.tp-caption.fweight-4{
  font-weight:400;
}
.tp-caption.fweight-5{
  font-weight:500;
}
.tp-caption.fweight-6{
  font-weight:600;
}
.tp-caption.fweight-7{
  font-weight:700;
}
.tp-caption.fweight-8{
  font-weight:800;
}
.tp-caption.fweight-9{
  font-weight:900;
}
.tp-caption.fweight-10{
  font-weight:bold;
}

/* letter spacing
 ------------------------------ */

 .tp-caption.ls-1{
  letter-spacing: 10px;
}
.tp-caption.ls-2{
  letter-spacing: 20px;
}
.tp-caption.ls-5{
  letter-spacing: 30px;
}


/*============ template slider button styles =================*/

.tp-caption.btn-xradius a{
  border-radius: 30px;
}

.tp-caption.btn-large a{
  padding:15px 50px !important;
}

.tp-caption.sbut1 a{
  background-color:#a9cd2e;
  color:#fff;
  font-size:14px;
  font-weight:normal;
  line-height:14px;
  padding:15px 30px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tp-caption.sbut1 a:hover
{
  background-color:#fff;
  color:#101010;
}
.tp-caption.sbut2 a{
  background-color:#fccb06;
  color:#fff;
  font-size:14px;
  font-weight:normal;
  line-height:14px;
  padding:12px 30px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tp-caption.sbut2 a:hover{
  background-color:#fff;
  color:#101010;
}
.tp-caption.sbut2.h-dark a:hover{
  background-color:#000;
  color:#fff;
}
.tp-caption.sbut2.dark a{
  background-color:#000;
  color:#727272;
}

.tp-caption.sbut2.dark a:hover{
  background-color:#2252525;
  color:#727272;
}

.tp-caption.sbut2.secondary a{
  background-color:#e1fa23;
  color:#4c4c4c;
}

.tp-caption.sbut2.secondary a:hover{
  background-color:#fff;
  color:#101010;
}

.tp-caption.sbut3 a{
  background-color: transparent;
  color:#fff;
  font-size:14px;
  font-weight:normal;
  line-height:14px;
  padding:15px 40px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  border:2px solid #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-caption.btn-round a{
  border-radius:4px;
}
.tp-caption.sbut3 a:hover{
  background-color:#fff;
  color:#101010;
}
.tp-caption.sbut4 a{
  background-color:#fff;
  color:#101010;
  font-size:14px;
  font-weight:normal;
  line-height:14px;
  padding:15px 30px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tp-caption.sbut4 a:hover{
  background-color:#000;
  color:#fff;
}
.tp-caption.sbut5 a{
  background-color: transparent;
  color:#fff;
  font-size:14px;
  font-weight:normal;
  line-height:14px;
  padding:10px 30px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  border:2px solid #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tp-caption.sbut5 a:hover{
  background-color:#fff;
  color:#101010;
}
.tp-caption.sbut5.dark a{
  color:#101010;
  border:2px solid #101010;
}

.tp-caption.sbut5.dark a:hover{
  background-color:#101010;
  color:#727272;
}
.tp-caption.sbut5.white a{
  color:#fff;
  border:1px solid #fff;
}

.tp-caption.sbut5.white a:hover{
  background-color:#fff;
  color:#101010;
}
.tp-caption.sbut6 a{
  background-color: transparent;
  color:#101010;
  font-size:14px;
  font-weight:normal;
  line-height:14px;
  padding:10px 30px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  border:1px solid #eae9e9;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tp-caption.sbut6 a:hover{
  border:1px solid #101010;
}
.tp-caption.sbut7 a{
  background-color: transparent;
  color:#fff;
  font-size:14px;
  font-weight:normal;
  line-height:14px;
  padding:10px 30px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  background-color:#343434;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tp-caption.sbut7 a:hover{
  background-color:#a9cd2e;
}


.tp-caption.play-btn{
  width:80px;
  height:80px;
  background-color: transparent;
  color:#fff;
  border:2px solid #fff;
  border-radius:100%;
}

/*----------------------------RESPONSIVE STYLES------------------------------- */
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {

.tp-caption.fe-white-box-2 {
  margin:-50px 0 0 -180px;
}

}





/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {

.tp-caption.fe-white-box-2 {
  margin:70px 0 0 100px;
}


}



/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {

.tp-caption.fe-white-box {
  width:400px;
  height:250px;
}

.tp-caption.fe-white-box-2 {
  margin:0px 0 0 30px;
}



}



/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {


.tp-caption.sbut1 a, .tp-caption.sbut2 a, .tp-caption.sbut3 a, .tp-caption.sbut4 a, .tp-caption.sbut5 a, .tp-caption.sbut6 a, .tp-caption.sbut7 a{
  font-size:12px;
  padding:10px 20px;
}








}


/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {

}


@media screen and (max-width: 640px) {


.tp-caption.sbut1 a, .tp-caption.sbut2 a, .tp-caption.sbut3 a, .tp-caption.sbut4 a, .tp-caption.sbut5 a, .tp-caption.sbut6 a, .tp-caption.sbut7 a{
  font-size:12px;
  padding:10px 20px;
}







}


@media screen and (max-width: 480px) {

.tp-caption.sbut1 a, .tp-caption.sbut2 a, .tp-caption.sbut3 a, .tp-caption.sbut4 a, .tp-caption.sbut5 a, .tp-caption.sbut6 a, .tp-caption.sbut7 a{
  font-size:12px;
  padding:10px 20px;
}

.tp-caption.btn-large a{
  padding:10px 20px !important;
}



}

/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {

.tp-caption.sbut1 a, .tp-caption.sbut2 a, .tp-caption.sbut3 a, .tp-caption.sbut4 a,
.tp-caption.sbut5 a, .tp-caption.sbut6 a, .tp-caption.sbut7 a{
  font-size:12px;
  padding:6px 15px;
}
.tp-caption.ce3-text-1 {
  display:none;
}













}


/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
.tp-caption.sbut1 a, .tp-caption.sbut2 a, .tp-caption.sbut3 a, .tp-caption.sbut4 a,
.tp-caption.sbut5 a, .tp-caption.sbut6 a, .tp-caption.sbut7 a{
  font-size:10px;
  padding:5px 10px;
}


}