.slider{
		position: relative;
		width: 100%;
		overflow: hidden;
		transition: all .3s;
		display:block;
		transform-style: preserve-3d;
        }
.slider-overlay {
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
background-color:rgba(0,0,0,.3);
z-index:11;
}

	.slider .previous, .slider .next{
		font-family: Arial;
		font-size: 20px;
		position: absolute;
		top: 50%;
		color: #333;
		padding: 20px;
		text-decoration: none;
		left: -100px;
		margin-top: -34px;
		transition: all .3s;
		opacity: 0;
		z-index: 10000;
        background-color:rgba(3,3,3,.5);
        color:#fff;
        padding:12px;
        font-size:xx-large;
	}
    .slider .previous:hover ,.slider .next{
         background-color:rgba(3,3,3,.4);
        }
	.slider .next{
		right: -100px;
		content: "\f054";
		left: auto;
	}
	.slider:hover .previous, .slider:hover .next{
		opacity: 1;
       
	}

	.slider:hover .previous{
		left: 0;
	}
	.slider:hover .next{
		right: 0;
	}
	.slider .slides{
		height: 100%;
        position:relative;
	}
	.slide{
		padding: 20px;
		width: 100%;
		position: absolute;
		opacity: 0;
        
        -moz-transition: all .8s;
		transition: all .8s;
        height:100%;
	}

	
	.slide.active{
		z-index: 10;
		left: 0;
		opacity: 1;
        -moz-transform: scale(1.1,1.1);
	}

	.slide.inactiveLeft{
		left: -100vw;
		z-index: 11;
	}
	.slide.inactiveRight{
		left: 100vw;
		z-index: 11;
	}
  .slide:after{
    font-family: Arial;
    font-size: 15vw;
    position: absolute;
    bottom: -8px;
    left: 0;
    opacity: 0.3;
  }
	.slide a{
		border: 2px solid;
		padding: 10px;
		font-size: medium;
		margin-top: 20px;
		display: inline-block;
		transition: all .3s;
		text-transform: uppercase;
		letter-spacing: 1px;
		position: relative;
	}
	.slide a:hover{
		background: rgba(255, 255, 255, 0.2);
		border: 2px solid transparent;
		text-decoration: none;
		letter-spacing: 2px;
		padding-right: 30px;
	}
	.slide a:after{
		content: " \f105";
		font-family: "FontAwesome";
		position: absolute;
		margin-left: -10px;
		transition: all .3s;
		opacity: 0;
	}
	.slide a:hover:after{
		margin-left: 10px;
		opacity: 1;
	}
	.slider .bullets{
		text-align: center;
		position: absolute;
		bottom: 10px;
		width: 100%;
	}
	.slider .bullets .bullet{
		position: relative;
		display: inline-block;
		background: rgba(255,255,255,.8);
		border-radius: 50%;
		width: 8px;
		height: 8px;
		z-index: 14;
		margin: 0 5px;
		cursor: pointer;
		border: 2px solid transparent;
		transition: all .3s;
	}
	.slider .bullets .bullet.active{
		background: rgba(255,255,255,.4);
	}
	.slider .bullets .bullet:hover{
		border: 2px solid rgba(255,255,255,.8);
		background: transparent;
	}
        .sl1 {
        background-image:url('/images/map.jpg') !Important;
        background-size:cover;
        background-attachment:fixed;
        }

        .sl2 {
        background-image:url('/images/map3.jpg') !Important;
        background-size:cover;
        background-attachment:fixed;
        }

        .sl3 {
        background-image:url('/images/map2.jpg') !Important;
        background-size:cover;
         background-attachment:fixed;
        }

.slide > h2 {
margin-top:12%;
}