﻿/* Slider Start */
.swiper1 {
overflow: hidden;
width: 100%;
/*height:280px !important;

/*height: 504px;*/
	/*height:180px    height:180px !important;!important;*/
}
.w_slider{
margin:0;
}
.w_slider .swiper-button-next, .w_slider .swiper-container-rtl .swiper-button-prev,
.w_slider .swiper-button-prev, .w_slider .swiper-container-rtl .swiper-button-next {
background: none;
}
.w_slider .swiper-button-next, .w_slider .swiper-container-rtl .swiper-button-prev{
right:40px;
width: 60px;
height: 60px;
}
.w_slider .swiper-button-prev, .w_slider .swiper-container-rtl .swiper-button-next {
left: 40px;
width: 60px;
height: 60px;
}
.w_slider .swiper-button-next::before, .w_slider .swiper-container-rtl .swiper-button-prev::before,
.w_slider .swiper-button-prev::before, .w_slider .swiper-container-rtl .swiper-button-next::before {
background-color: rgba(0, 0, 0, 0.7) !important;
border:6px solid rgba(192,192,192,0.7);
content: "";
height: 60px;
position: absolute;
transform: rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
width: 60px;
}
.w_slider .swiper-button-next::before, .w_slider .swiper-container-rtl .swiper-button-prev::before {
margin-right: -10;
right: 0;
}
.w_slider .swiper-button-prev::before, .w_slider .swiper-container-rtl .swiper-button-next::before {
margin-left: -10px;
}
.w_slider .swiper-button-next::after, .w_slider .swiper-container-rtl .swiper-button-prev::after{
content:"\f105";
color: #fff;
font-family: FontAwesome;
font-size: 54px;
right: 15px;
margin-top: -10px;
position: absolute;
}
.w_slider .swiper-button-prev::after, .w_slider .swiper-container-rtl .swiper-button-next::after {
color: #fff;
content: "";
font-family: FontAwesome;
font-size: 54px;
left: 5px;
margin-top: -10px;
position: absolute;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
padding: 10px;
border-radius: 0%;
transform: rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
.w_slider .swiper-pagination-bullet-active {
background-color: #fff !important;
opacity:9;
}
.carousel-caption h1{
font-weight:700;
color:#fff !important;
}
.carousel-caption p {
font-size: 18px;
text-align: justify;
}
.carousel-caption .btn {
background-color: #000 !important;
border-radius: 0;
bottom: 0;
color: #fff;
float: left;
font-size: 20px;
margin-bottom: 22px;
opacity: 1;
position: relative;
right: 0;
text-decoration: none;
}
.carousel-caption {
bottom: auto;
left: 15%;
max-width: 500px;
padding: 28px;
right: 50%;
text-align: left;
top: 14%;
}
.boxlayout .carousel-caption {
  left: 10% !important;
  right: inherit !important;
  top: 24% !important;
}
.w_slider .swiper-slide-active .animation.animated-item-1 {
-webkit-animation: 500ms linear 300ms normal both 1 running fadeInDown;
  -moz-animation:  500ms linear 300ms normal both 1 running fadeInDown;
  -o-animation:  500ms linear 300ms normal both 1 running fadeInDown;
  animation: 500ms linear 300ms normal both 1 running fadeInDown;
}
.w_slider .swiper-slide-active .animation.animated-item-2 {
-webkit-animation: 500ms linear 600ms normal both 1 running fadeIn;
  -moz-animation:  500ms linear 600ms normal both 1 running fadeIn;
  -o-animation:  500ms linear 600ms normal both 1 running fadeIn;
  animation: 500ms linear 600ms normal both 1 running fadeIn;
}
.w_slider .swiper-slide-active .animation.animated-item-3 {
-webkit-animation: 500ms linear 600ms normal both 1 running fadeInUp;
  -moz-animation:  500ms linear 600ms normal both 1 running fadeInUp;
  -o-animation:  500ms linear 600ms normal both 1 running fadeInUp;
  animation: 500ms linear 600ms normal both 1 running fadeInUp;
}
/* Slider end*/



@media (max-width:768px){
.carousel-caption p{
display:none;
}
}


@media (max-width:480px){
.carousel-caption p {
    display: none;
}
.slider-2 .swiper-pagination{
    display: none;
}
.slider-2 .carousel-caption{
background-color:transparent;
}
.carousel-caption{
text-align:center;
top:0;
}
.slider-2 .carousel-caption .btn{
float:none;
}
#home1 .carousel-caption h1{
margin:0;
}
.carousel-caption h1 {
font-size:40px;
}
.carousel-caption .btn {
    font-size: 18px;
    padding: 5px 16px;
}
.w_slider .swiper-button-next::before,
 .w_slider .swiper-container-rtl .swiper-button-prev::before,
 .w_slider .swiper-button-prev::before,
 .w_slider .swiper-container-rtl .swiper-button-next::before{
width:40px;
height:40px;
}
.w_slider .swiper-button-prev::after, 
.w_slider .swiper-container-rtl .swiper-button-next::after {
    left: -1px;
    margin-top: -4px;
font-size:34px;
}
.w_slider .swiper-button-next::after,
 .w_slider .swiper-container-rtl .swiper-button-prev::after{
font-size:34px;
}
.w_slider .swiper-button-next::after, 
.w_slider .swiper-container-rtl .swiper-button-prev::after {
    right: 10px;
    margin-top:-4px;
}
.carousel-caption{
right:15%;
left:15%;
}
}


@media (max-width:450px){
.carousel-caption h1 {
    font-size: 30px;
}
.carousel-caption .btn {
    font-size: 12px;
}
}