@import url('https://fonts.googleapis.com/css?family=Roboto');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Roboto', sans-serif;
    background: #333;
    color: #fff;
    line-height: 1.6;
}

.slider {
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100vw;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* We are going to make the slides invisible by default */
    opacity: 0;
    /* We used transition to make it fade */
    transition: opacity 0.4s ease-in;
}

.slide.current {
    opacity: 1;
}

.slide .content{
    position: absolute;
/*    bottom: 70px;
*/	  bottom: 10px;
    left: -600px;
    opacity: 0;
    width: 600px;
/*    background-color: rgba(255, 255, 255, 0.8);
    color: #333;
*/    padding: 35px;
}

.slide .content h1 {
    margin-bottom: 10px;
}

.slide.current .content {
    opacity: 1;
    transform: translateX(600px);
    /* Making the above happen in an animated way */
/*    transition: all 0.7s ease-in-out 0.3s;
*/}

.buttons button#next {
    position: absolute;
    top: 50%;
    right: 15px;
}

.buttons button#prev {
    position: absolute;
    top: 50%;
    left: 15px;
}

.buttons button {
/*    border: 2px solid #fff;
*/    background: transparent;
      color: #fff;
      cursor: pointer;
      padding: 13px 15px;
      border-radius: 50%;
      outline: none;
	  font-size:xx-large;
}

.buttons button:hover {
/*    background-color: #fff;
*/    color: #fff;
}

@media (max-width: 500px){
    .slide .content{
        bottom: -300px;
        left: 0;
        width: 100%;
    }

    .slide.current .content{
        transform: translateY(-300px);
    }
}

/* Background Images */

.slide:first-child {
    background: url('../img/homeslider/homepage.jpg') no-repeat center center/cover;
}

.slide:nth-child(2) {
  background: url('../img/homeslider/Tropical_Beach_House.jpg') no-repeat center center/cover;
}

.slide:nth-child(3) {
background: url('../img/homeslider/Blueleaf_Office_ inventarchitects.jpg') no-repeat center center/cover;
}

.slide:nth-child(4) {
background: url('../img/homeslider/Blueleaf_Apartment.jpg') no-repeat center center/cover;
}

/*.slide:nth-child(5) {*/
/*background: url('../img/homeslider/Mixed_Use_Office_Building.jpg') no-repeat center center/cover;*/
/*}*/

.slide:nth-child(5) {
background: url('../img/homeslider/working_space_coimbatore.jpg') no-repeat center center/cover;
}


.slide:nth-child(6) {
background: url('../img/homeslider/Eden_Resort.png') no-repeat center center/cover;
}

.slide:nth-child(7) {
background: url('../img/homeslider/nirvin_hospital_slider.jpg') no-repeat center center/cover;
}

.slide:nth-child(8) {
background: url('../img/homeslider/CMRL_METRO_inventarchitects.jpg') no-repeat center center/cover;
}
.slide:nth-child(9) {
background: url('../img/homeslider/Zanzibar.jpg') no-repeat center center/cover;
}

.slide:nth-child(10) {
background: url('../img/homeslider/badri_residence.jpg') no-repeat center center/cover;
}


/*.slide:nth-child(4) {
    background: url('https://source.unsplash.com/yXpA_eCbtzI/1600x900') no-repeat center center/cover;
}

.slide:nth-child(5) {
    background: url('https://source.unsplash.com/ULmaQh9Gvbg/1600x900') no-repeat center center/cover;
}

.slide:nth-child(6) {
    background: url('https://source.unsplash.com/ggZuL3BTSJU/1600x900') no-repeat center center/cover;
}*/

/* Background Images */

/*custome font century gothic*/

@font-face{
  font-family:cgfamily;
  src:url(../fonts/gothic.woff);
}

h2,span,a
{
font-family:cgfamily;
}
p,strong,div
{
font-family:cgfamily;
}