@font-face {
  font-family: 'semplicita';
  src: url("../fonts/semplicita.ttf");
  font-style: normal; 
}
@font-face {
  font-family: 'semplicitabold';
  src: url("../fonts/semplicitabold.ttf");
  font-style: normal; 
}
@font-face {
  font-family: 'semplicitalight';
  src: url("../fonts/semplicitalight.ttf");
  font-style: normal; 
}
@font-face {
  font-family: 'carmen';
  src: url("../fonts/carmen.ttf");
  font-weight: 900;
  font-style: normal; 
}

body {
    
}

/*===== Landing Page Starts here ===*/
#landing{
    width: 100%;
    height: 85vh;
    background:url(../images/back3.jpg);
    background-position: center;
    background-size:cover;
    
}




#state{
     position: absolute;
  margin: auto;
  margin-top: 150px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;

 color: #686969;
  text-align: center;
}
#state h1{
   
    font-family: 'carmen';
    font-weight: 800;
    color: #e8ca9b;
   
    font-size: 50px;
}
#state h3{
    font-family: 'semplicita';
    color: white;
    text-shadow: 4px 4px 10px #000;
    letter-spacing: 1.5px;
}
/*===== Landing Page Ends here ===*/
#discount{
background-image: linear-gradient(to right top, #2a2d38, #2d303d, #2f3342, #323747, #343a4c, #343a4c,
            #343a4c, #343a4c, #323747, #2f3342, #2d303d, #2a2d38);

  border-top-left-radius: 40px 40px;
  border-top-right-radius: 40px 40px;
}
#discount { 


  font-family: 'semplicitabold';
 color: #fff;
  position: absolute;
 margin-top: -75px;
text-align: center;
left: 0;
right: 0;
padding-top: 20px;
padding-bottom:20px; 
width: 80%;
text-align: center;
margin-left: auto;
margin-right: auto;

}
#discount h5{
  font-size: 1em;
}
#discount span{
  color: #b29058;
}

@media screen and (max-width:768px) {
    #landing{
    width: 100%;
    height: 100%;
    
    }
  #state{
      position: relative;
      margin: auto;
      margin-top: 80px;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      margin-bottom: 150px;

     color: #686969;
      text-align: center;
    }
    #state h1{
       
        font-family: 'carmen';
        font-weight: 800;
        color: #e8ca9b;
       
        font-size: 50px;
    }
    #state h3{
        font-family: 'semplicita';
        color: white;
        text-shadow: 4px 4px 10px #000;
        letter-spacing: 1.5px;

    }

    #discount { 
   margin-top: -90px;
  }   
}
/* Landscape */
@media only screen and (max-device-width: 360px)  {
    /* Styles */
     #discount { 
   margin-top: -75px;
  }   
}







/*===== small contacts Starts here ===*/
.divider {
  width: 2px;
  height: 40px;
 margin-bottom: -15px;
  margin-left: 15px;
  margin-right: 15px;
  background: #fff;
}
#small-cont{
    background: rgba(201,172,119,1);
  background: linear-gradient(90deg,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -moz-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -webkit-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -o-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -ms-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="rgba(169,133,76,1)", endColorstr="rgba(201,172,119,1)");
  background-repeat: no-repeat;
  background-attachment: fixed;

    height: 100%;
   text-align: center;

}
#small-cont div{
    display: inline-block;

   
}


#small-cont h3{
    text-align: right;
    color: #fff;
    font-size: 20px;
    padding-right: 15px;
    text-decoration: none;
    transition: 1s;

}
#small-cont h3 img{
    height: 30px;
    padding-right: 10px;
}

#small-cont a:hover h2{  
    text-decoration: none;
    color: #3e404c;
    transition: 1s;
}
#small-cont a:hover h3{  
    text-decoration: none;
    color: #3e404c;
    transition: 1s;
}

#small-cont a:hover{  
    text-decoration: none;
    color: #3e404c;
}



#small-cont h2{
    text-align: right;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    transition: 1s;
}
#small-cont h2 img{
    height: 30px;
    padding-right: 10px;
    padding-left: 15px;
}


@media screen and (max-width:768px) {
    #divider-line{
              display: none;

            }
   
}
/*===== small contacts ends here ===*/

#second-page{

  
  position: relative;
}
#sound{
   position: relative;
  margin: auto;
  margin-top: 50px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;

 color: #686969;
  text-align: center;
  margin-bottom: 50px;
}
#sound h1{
    margin-top: 150px;
    margin-bottom: 50px;
    font-family: 'semplicitabold';
    font-weight: 900;
}

#sound h4{
    letter-spacing: 0.5px;
    word-spacing: 2px;
    font-family: 'semplicitalight';
    
    margin-bottom: 30px;
}

/*==== cycle-one starts here ===*/
@media screen and (max-width:768px) {
    #sound br{
        display: none;
    }
}

#cycle-one{
  
    
}


.cycle-img-one{
    margin-top: -90px;
    margin-right: -10px;
   margin-bottom: -225px;
  border-radius: 5px;
  float: right;

}
.cycle-img-one img{
    height: 450px;
}
@media screen and (max-width:768px) {
    .cycle-img-one img{
                    height: 180px;
                }
    #sound h4{
    text-align: left;
    }
}

#cycle-two{
  
    
}


.cycle-img-two{
    overflow: hidden;
    margin-top: -500px;
    margin-right: -10px;
   
  border-radius: 5px;
  float: right;

}
.cycle-img-two img{
    height: 450px;
}
@media screen and (max-width:768px) {
    .cycle-img-two{
                    overflow: hidden;
                    margin-top: -600px;
                    margin-right: -10px;
                   
                      border-radius: 5px;
                      float: right;

                    }
                    .cycle-img-two img{
                        height: 180px;
                    }
}

.cycle-img-three{
   float: left;
margin-top: -250px;
  margin-left: -280px;
  position: absolute;
  z-index: 999999;

}
.cycle-img-three img{
    height: 500px;
}
@media screen and (max-width:968px) {
    .cycle-img-three{
       float: left;
    margin-top: -90px;
      margin-left: -100px;
      position: absolute;
      z-index: 999999;

    }
    .cycle-img-three img{
        height: 180px;
    }
}



/*==== cycle-one endss here ===*/



/*==== Live events page starts here ===*/
#live-events-page{
    background-color: #282a30 ;
    text-align: center;
    color: white;

}
#live-events-page h1{
    margin-top: 50px;
    color: #e7e5e3;
    font-family: 'semplicitabold';
}
#live-events-page h3{
    color: #c2ad78;
    font-family: 'semplicitabold';
 
}
#live-events-page h4{
    
    font-family: 'semplicitalight';
    font-weight: 100;
    line-height: 23px;
 
}

#live-button{
    font-family: 'semplicitabold';
    margin-bottom: 50px;
    margin-top: 50px;
}
#live-button a{

    text-decoration: none;
    color: white;
    background-color: #caad78;
    padding: 10px;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 50px;
    transition: 1s;
}
#live-button a:hover{
    padding: 11px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 30px;
    transition: 1s;
}
#right-line {
    border-right: 1px solid rgba(151, 153, 160, 0.5);
}
#right-line img{
    
   
}

@media screen and (max-width:768px) {
    #right-line {
        border-right: 0px solid rgba(151, 153, 160, 0.5);
    }
}
/*====Thank you Page Starts Here===*/
#thank-you{
    text-align: center;
}
#thank-you-one{
    
  padding: 100px;
}
#thank-you-one h3{
    font-family: 'semplicitalight';
    font-size: 2em;
    font-weight: 100;
}
#thank-you-one h4{
    font-family: 'semplicitabold';
    font-size: 2em;

}

blockquote {
    border-radius: 3px;
    position: relative;  /*  <--- */
    font-style: normal;
    text-align: center;
    padding: 1rem 1.2rem;
    width: 100%;  /* create space for the quotes */
    color: #4a4a4a;
    margin: 1rem auto 2rem;
    color: #4a4a4a;
    border: none; 
}
/* -- create the quotation marks -- */
blockquote:before,
blockquote:after{
    font-family: FontAwesome;
    position: absolute;
    /* -- inside the relative position of blockquote -- */
    top: 13px;
    color: #E8E8E8;
    
}
blockquote:before{
    content: "\f10d";
    margin-right: -80px;
    right: 100%;
}
blockquote:after{
    content: "\f10e";
    margin-left: -120px;
    left: 100%;  
    top: auto;
    bottom: 13px;
}

@media screen and (max-width:768px) {
   #thank-you-one{
          padding: 0px;
          padding-top: 100px;
          padding-bottom: 100px;
        }
        blockquote:before{
            content: "\f10d";
            margin-right: -80px;
            right: 100%;
        }
        blockquote:after{
            content: "\f10e";
            margin-left: -50px;
            left: 100%;  
            top: auto;
            bottom: 13px;
        }
}
/*====End of Thank You page ===*/

/*====Contact Us Page Starts Here===*/

#contact{
  
  text-align: center;
  margin-bottom: 0px;

  background: rgba(201,172,119,1);
  background: linear-gradient(90deg,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -moz-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -webkit-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -o-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -ms-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="rgba(169,133,76,1)", endColorstr="rgba(201,172,119,1)");
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 1%;
}
#contact h1{
  font-family: 'semplicitabold';
    
  color: #fff;
}
#contact h3{
  color: #fff;
  font-family: 'semplicitalight';
}
#contact h3 span{
  color: #eed1a3;
  font-family: 'semplicitabold';
}
/*Form*/
#cont-form{
   
}

input[type=text], select {
    color: #b7b7b7;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #c9ac77;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
}

input[type=tel], select {
    color: #b7b7b7;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #c9ac77;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #fff;
}

input[type=email], select {
    color: #b7b7b7;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #c9ac77;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
}

textarea {
  color: #fff;
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #c9ac77;
    border-radius: 4px;
    background-color: #779a62;
    font-size: 16px;
    resize: none;
}

input[type=submit] {
    color: #fff;
    padding: 12px 50px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #c9ac77;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #a8844b;
}



input[type=submit]:hover {
    background-color: #bd9d66;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b7b7b7;
  opacity: 1; /* Firefox */
  font-weight: 500;
}

#contact-bottom{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;

}
#contact-bottom div{
    display: inline-block;
}
.divider2 {
  width: 2px;
  height: 25px;
  margin-top: 5px;
  margin-left: 50px;
  margin-right: 15px;
  background: #fff;
}
#contact-bottom h3{
   color: #fff;
}

#contact-bottom a{
    cursor: pointer;
   color: #fff;
}

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

    #contact-bottom h3{
                   color: #fff;
                   font-size: 1.5em;
                }
                #contact-bottom span{
                   color: #fff;
                   font-size: 1em;
                }
                .divider2 {
                  width: 2px;
                  height: 0px;
                  margin-top: 5px;
                  margin-left: 50px;
                  margin-right: 15px;
                  background: #fff;
                }
                #divider2-pad{
                    margin-top: -40px;
                }
}

#social-icons{
    margin-top: 160px;
    text-align: center;
}

#social-icons a:hover i{
    color: #333333;

}


#social-fa div{
   
   display: inline-block;
  font-size: 23px;
  line-height: 35px;
  width: 35px;
  height: 35px;
  border-radius: 41px;
  background-color: #a8844b;
  color: #fff;
  margin: 0 3px 3px 0;
}
#social-fa{
    margin-bottom: 20px;
}

/*====Contact Us Page Ends Here===*/

/*====Footer Starts Here===*/
#footer{
    background-color: #333333;
    padding: 20px;
}
#footer-left{
    color: white;
    text-align: left;
}
#footer-right{
    color: #8c9894;
    text-align: right;
}
#footer-right a{
    color: #ab864f;
    text-decoration: none;
}
#footer-right a:hover{
    color: #fff;
    
}
@media screen and (max-width:768px) {
    #footer-left{      
        text-align: center;
    }
    #footer-right{
    text-align: center;
    }
}
/*====Footer Ends Here===*/

/*====================================*/
/*====================================*/
/*======    Provide Page  ===========*/
/*====================================*/
/*====================================*/


/*===== Landing Page Provide Starts here ===*/
#landing-provide{
    width: 100%;
   
    background:url(../images/b3.jpg);
    background-position: center;
    background-size:cover;


}
#state-provide{
     
  margin: auto;
  margin-top: 200px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 150px;
 color: #686969;
  text-align: center;
}
#state-provide h1{
   
    font-family: 'carmen';
    font-weight: 800;
    color: #e8ca9b;
   
    font-size: 50px;
}
#state-provide h3{
    font-family: 'semplicitalight';
    font-size: 1.3em;
    color: white;
    text-shadow: 8px 8px 4px #000;
    letter-spacing: 1.5px;
    margin-top: 50px;
    line-height: 30px;
}
/*===== Landing Page Provide Ends here ===*/

/*===== Sound Provide Page Starts here ===*/
#sound-provide{
    background-color: #f2f0f1;

}
#sound-provide-left img{
    height: 400px;
    float: right;
    margin-top: 100px;
}


#sound-provide-right h1{
    text-transform: uppercase;
    font-family: 'semplicitabold';
    color: #696969;
    margin-top: 100px;
}
#sound-provide-right h4{
    font-family: 'semplicitalight';
    color: #6b696a;
    font-size: 1.5em;
    line-height: 30px;
    word-spacing: 5px;

}

#sound-provide-right h3{
    font-family: 'semplicita';
    font-weight: 600;
    color: #403e3f;
    font-size: 1.5em;
   margin-top: 70px;
   margin-bottom: 20px;
    
}

#sound-provide-right-space{
    margin-left: 30px;
}

#sound-provide-list ul{
    display: inline-block;
    width: 300px;
    list-style: none;
    margin-left: -20px;

}

#sound-provide-list ul li{
    font-family: 'semplicitalight';
    color: #6b696a;
    font-size: 1.5em;
    line-height: 30px;
    word-spacing: 5px;  
}
#sound-provide-list ul li::before {
  content: "\2022";
  color: #caae6d;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#sound-provide-list{
    margin-bottom: 150px;
}

@media screen and (max-width:768px) {
    #sound-provide-left img{
                            height: 300px;
                            width: 100%;
                            margin-top: 10px;
                            }
    #sound-provide-right-space{
                                margin-left: 0px;
                            }
}
/*===== Sound Provide Page ends here ===*/

/*===== Sound Provide Page Starts here ===*/
#audio-provide{
    background-color: #27272f;

}
#audio-provide-left {
      margin-left: -15px;
        height: 450px;
    background:url(../images/b4.jpg);
    background-position: center;
    background-size:100% 100%;
   
}
#audio-provide-right h1{
    text-transform: uppercase;
    font-family: 'semplicitabold';
    color: #fff;
    margin-top: 50px;
}
#audio-provide-right h4{
    font-family: 'semplicitalight';
    color: #c1c0c6;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;
    margin-top: 30px;
}

#audio-provide-right h3{
    font-family: 'semplicita';
    font-weight: 500;
    color: #fff;
    font-size: 1.5em;
   margin-top: 30px;
   margin-bottom: 20px;
    
}
#audio-provide-right-space{
    margin-left: 50px;
}
#audio-provide-list ul{
    display: inline-block;
    width: 300px;
    list-style: none;
    margin-left: -20px;
    margin-top: -10px;
}

#audio-provide-list ul li{
    font-family: 'semplicitalight';
    color: #c1c0c6;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;  
}
#audio-provide-list ul li::before {
  content: "\2022";
  color: #caae6d;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#no ul li{
    list-style-type: none;
    color: white;
}
#no ul li::before{ 
    list-style-type: none;
    content: "\2022";
    color: #27272f;
    line-height: 37px;
}
@media screen and (max-width:768px) {
    #audio-provide-left {
        margin-left: 0px;
        height: 350px;
    background:url(../images/b4.jpg);
    background-position: center;
    background-size:100% 100%;
   
    }
    #audio-provide-right-space{
    margin-left: 0px;
    }
}
/*===== Sound Provide Page ends here ===*/



/*===== Pro Page Starts here ===*/




#pro-provide{
    background:url(../images/back-house2.jpg);
 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#pro-provide-right img{
    height: 400px;
    margin-left: 20px;
    margin-top: 100px;
}
#pro-provide-left h1{
    text-transform: uppercase;
    font-family: 'semplicitabold';
    color: #a6a6a6;
    margin-top: 100px;
}
#pro-provide-left h4{
    font-family: 'semplicitalight';
    color: #000;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;
    margin-top: 30px;
}

#pro-provide-left h3{
    font-family: 'semplicita';
    font-weight: 500;
    color: #434240;
    font-size: 1.5em;
   margin-top: 30px;
   margin-bottom: 20px;
    
}
#pro-provide-right{
    height: 600px;
}

#pro-provide-list ul{
    display: inline-block;
    width: 300px;
    list-style: none;
    margin-left: -20px;
    margin-top: -10px;
}

#pro-provide-list ul li{
    font-family: 'semplicitalight';
    color: #000;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;  
}
#pro-provide-list ul li::before {
  content: "\2022";
  color: #caae6d;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#pro-provide-list{
    margin-bottom: 70px;
}
@media screen and (max-width:1200px) {
    #pro-provide-left{
        margin-left: 0px;
    }
}

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

    #pro-provide{
    background:url(../images/back-house2.jpg);
    background-position: right 0px bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
  
    #pro-provide-right img{
            height: 300px;
            margin-left: 0px;
            margin-top: 0px;
        }
    #pro-provide-right{
            height: 100%;
            margin-bottom: 100px;
            margin-left: -10px;
        }
}

@media screen and (max-width:568px) {
     #pro-provide{
    background:url(../images/back-house2.jpg);
    background-position: right 0px bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
}



#pro-stage{

    margin-left: -15px;
    background-color: #27272f;
    margin-bottom: 500px;
}
#stage-section{
    padding-left: 100px;
}
#pro-stage-space{
    display: none;
    height: 472px;
    background-color: #27272f;
    margin-left: -15px;
}
#pro-stage h1{
    text-transform: uppercase;
    font-family: 'semplicitabold';
    color: #fff;
    margin-top: 50px;
}
#pro-stage h4{
    font-family: 'semplicitalight';
    color: #fff;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;
    margin-top: 30px;
}

#pro-stage h3{
    font-family: 'semplicita';
    font-weight: 500;
    color: #fff;
    font-size: 1.5em;
   margin-top: 30px;
   margin-bottom: 20px;
    
}

#stage-provide-list ul{
    display: inline-block;
    width: 300px;
    list-style: none;
    margin-left: -20px;
    margin-top: -10px;
}

#stage-provide-list ul li{
    font-family: 'semplicitalight';
    color: #fff;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;  
}
#stage-provide-list ul li::before {
  content: "\2022";
  color: #fff;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#stage-provide-list{
    margin-bottom: 70px;

}

@media screen and (max-width:768px) {
    #pro-stage-space{
                    display: none;
                }
    #stage-section{
                    padding-left: 0px;
                }
    #pro-stage{

                    margin-left: 0px;
                    background-color: #27272f;
                    margin-bottom: 300px;
                }
}


/*====Provide Footer Starts Here===*/
#footer-provide{
    background: rgba(201,172,119,1);
  background: linear-gradient(90deg,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -moz-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -webkit-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -o-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  background: -ms-linear-gradient(0,rgba(169,133,76,1) 0%, rgba(201,172,119,1) 57%);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="rgba(169,133,76,1)", endColorstr="rgba(201,172,119,1)");
  background-repeat: no-repeat;
  background-attachment: fixed;
    padding: 20px;

}
#footer-left-provide{
    color: white;
    text-align: left;
    padding-top: 15px;
}
#footer-right-provide{
    color: #8c9894;
    text-align: right;
    padding-top: 15px;
}

#social-icons-provide{
   
    text-align: center;
}
#social-icons-provide a:hover i{
    color: #333333;

}


#social-fa-provide div{
   
   display: inline-block;
  font-size: 23px;
  line-height: 35px;
  width: 35px;
  height: 35px;
  border-radius: 41px;
  background-color: #a8844b;
  color: #fff;
  margin: 0 3px 3px 0;
}
#social-fa-provide{
    float: right;
}
@media screen and (max-width:768px) {
    #footer-left-provide{
    text-align: center;
    }
    #footer-right-provide{
 
        text-align: center;
      
    }
    #social-fa-provide{
    float: none;
    }
}
/*====Provide Footer Ends Here===*/

/*===== Pro Page ends here ===*/





/*====================================*/
/*====================================*/
/*======    Play Page  ===========*/
/*====================================*/
/*====================================*/


/*===== Landing Page Provide Starts here ===*/
#landing-play{
    width: 100%;
   
    background:url(../images/b5.jpg);
    background-position: center;
    background-size:cover;


}
#state-play{
     
  margin: auto;
  margin-top: 250px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 240px;
 color: #686969;
  text-align: center;
}
#state-play h1{
   
    font-family: 'carmen';
    font-weight: 800;
    color: #e8ca9b;
   
    font-size: 50px;
}
#state-play h3{
    font-family: 'semplicitalight';
    font-size: 1.3em;
    color: white;
   
    letter-spacing: 1.5px;
    margin-top: 50px;
    line-height: 30px;
}




#play-space-right{
    background-color: #27272f;
    width: 450px;
    height: 250px;
    position: relative;
    float: right;
    margin-right: -30px;
    z-index: 10;
  
}


#play-corparate{
    background-color: #fff;

}
#play-corparate-left h1{
    text-transform: uppercase;
    font-family: 'semplicitabold';
    color: #606060;
    margin-top: 200px;
}
#play-corparate-left h4{
    font-family: 'semplicitalight';
    color: #000;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;
    margin-top: 30px;
}

#play-corparate-left h3{
    font-family: 'semplicita';
    font-weight: 500;
    color: #373536;
    font-size: 1.5em;
   margin-top: 30px;
   margin-bottom: 20px;
    
}

#play-corparate-list ul{
    display: inline-block;
    width: 300px;
    list-style: none;
    margin-left: -20px;
    margin-top: -10px;
}

#play-corparate-list ul li{
    font-family: 'semplicitalight';
    color: #000;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;  
}
#play-corparate-list ul li::before {
  content: "\2022";
  color: #caae6d;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#play-corparate-list{
    margin-bottom: 70px;
}

#play-corparate-right img{
    height: 500px;
    width: 500px;
    margin-top: 190px;
    z-index: 20;
    position:absolute;
   padding-bottom: 100px;
}
#play-corparate-space{
    padding-left: 60px;
}
@media screen and (max-width:1200px) {
    #play-corparate-right img{
        height: 400px;
        width: 400px;
      
    }
}
@media screen and (max-width:768px) {
    #play-corparate-space{
    padding-left: 0px;
    }
    #play-corparate-right img{
         height: 100%;
    width: 100%;
    margin-top: 0px;
    z-index: 20;
    position:relative;
   padding-bottom: 0px;
    }
    #play-space-right{
    display: none;
  
    }
    #play-corparate-left h1{
    margin-top: 50px;
    }
}



#special-left{

    margin-left: -15px;
    background-color: #27272f;
   z-index: 55555;
   margin-top: 200px;
   width: 50%;
}

#special-left h1{
    text-transform: uppercase;
    font-family: 'semplicitabold';
    color: #fff;
    margin-top: 50px;
}
#special-left h4{
    font-family: 'semplicitalight';
    color: #fff;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;
    margin-top: 30px;
}

#special-left h3{
    font-family: 'semplicita';
    font-weight: 500;
    color: #fff;
    font-size: 1.5em;
   margin-top: 30px;
   margin-bottom: 20px;
    
}

#special-list ul{
    display: inline-block;
    width: 300px;
    list-style: none;
    margin-left: -20px;
    margin-top: -10px;
}

#special-list ul li{
    font-family: 'semplicitalight';
    color: #fff;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;  
}
#special-list ul li::before {
  content: "\2022";
  color: #fff;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#special-list{
    margin-bottom: 70px;

}

#special-right img{
    width: 700px;
    height: 550px;
    margin-left: -50px;
    z-index: -99999;
    position: absolute;
}

@media screen and (max-width:1200px) {
  
    #special-right img{
        margin-top: 20px;
        margin-left: 0px;
        width: 550px;
        height:450px;
        margin-left: -100px;
        z-index: 0;
        position: relative;
    }
}

@media screen and (max-width:768px) {
    #special-left{

    margin-left: 0px;
    background-color: #27272f;
   z-index: 0;
   margin-top: 50px;
   width: 100%;
    }
    #special-right img{
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
        height: 100%;
        margin-left: 0px;
        z-index: 0;
        position: relative;
    }
}










#live-left{

  
 
}
#live-left img{
    float: right;
}

#live-right{
    margin-top: -20px;
}

#live-right h1{
    text-transform: uppercase;
    font-family: 'semplicitabold';
    color: #676767;
   
}
#live-right h4{
    font-family: 'semplicitalight';
    color: #000;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;
    margin-top: 30px;
}

#live-right h3{
    font-family: 'semplicita';
    font-weight: 500;
    color: #000;
    font-size: 1.5em;
   margin-top: 30px;
   margin-bottom: 20px;
    
}

#live-list ul{
    display: inline-block;
    width: 300px;
    list-style: none;
    margin-left: -20px;
    margin-top: -10px;
}

#live-list ul li{
    font-family: 'semplicitalight';
    color: #000;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;  
}
#live-list ul li::before {
  content: "\2022";
  color: #cda96d;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#live-list{
    margin-bottom: 70px;

}
#live{
    margin-top: 150px;
}
@media screen and (max-width:768px) {
    #live{
        margin-top: 0px;
    }
    #live-left{
      
    }
    #live-left img{
        float: right;
        width: 100%;
    }
    #live-right{
    margin-top: 20px;
}
}

@media screen and (max-width:1200px) {
    #live-left img{
        float: left;
        width: 100%;
    }
}




#personal{
    background-color: #27272f;
}

#personal-left{
   height: 450px;
    background:url(../images/b2.jpg);
 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -15px;
}

#personal-right{
    margin-top: -20px;
}

#personal-right h1{
    margin-top:80px;
    text-transform: uppercase;
    font-family: 'semplicitabold';
    color: #fff;
   
}
#personal-right h4{
    font-family: 'semplicitalight';
    color: #9d9da5;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;
    margin-top: 30px;
}

#personal-right h3{
    font-family: 'semplicita';
    font-weight: 500;
    color: #fff;
    font-size: 1.5em;
   margin-top: 30px;
   margin-bottom: 20px;
    
}

#personal-list ul{
    display: inline-block;
    width: 300px;
    list-style: none;
    margin-left: -20px;
    margin-top: -10px;
}

#personal-list ul li{
    font-family: 'semplicitalight';
    color: #9d9da5;
    font-size: 1.3em;
    line-height: 30px;
    word-spacing: 5px;  
}
#personal-list ul li::before {
  content: "\2022";
  color: #cda96d;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#personal-list{
   

}

@media screen and (max-width:768px) {
    #personal-left{
           height: 450px;
            background:url(../images/b2.jpg);
         background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          margin-left: 0px;
        }
}
/*===== Landing Page Provide Ends here ===*/