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

 [Table of contents]

 1. Base (Global style for some elements)
 2. Header (Logo or navigation)
 3. Header Top Bar (Section)
 4. Main Slider (Section)
 5. Quote (Section)
 6. About Us (Section)
 7. Statistic (Section)
 8. Services (Section)
 9. Tabs (Section)
 10. Portfolio (Section)
 11. Call To Action (Section)
 12. Team (Section)
 13. Testimonial (Section)
 14. Packages (Section)
 15. Tweets (Section)
 16. Clients (Section)
 17. Quick Support (Section)
 18. Footer (Section)
 19. Scroll To Top Button
 20. Preloader

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

 [Global CSS for some elements]

 # html
 # body
 # a tag
 # responsive images
 # input placeholders
 # i tag for font awesome icons
 # paragraph
 # hr tag for horizontal line
 # white section
 # dark section
 # align center (class)
 # bootstrap fluid container
 # theme button
 # swiper (carousel slider)

-----------------------------------------------------------------------------------*/
html {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 100%;
  /* ----------------------------- Global font */
  font-family: "Fugaz One", cursive;
  font-family: "Open Sans", sans-serif;
  background: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  outline: none !important;
}

/* a tag */
a {
  display: inline-block;
  max-width: 100%;
  text-decoration: none;
  color: #fd3c3d;
}

a:hover,
a:active,
a:focus,
a:visited {
  color: #fd3c3d;
  text-decoration: none;
}

/* Responsive image */
img {
  display: inline-block;
  max-width: 100%;
}

span {
  display: inline-block;
  max-width: 100%;
}

figure {
  /*overflow: hidden;
  max-width: 100%;
  display: block;*/
}

/* Input Placeholders */
:-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}

::-webkit-input-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

/* I tag for font-awesome icons */
i {
  display: inline-block;
}

/* Paragraph */
p {
  color: #777;
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
  font-family: inherit;
}

/* Horizontal line */
hr {
  max-width: 70px;
  width: 100%;
  display: block;
  height: 0;
  clear: both;
  border: 2px solid #d7d7d7;
  margin: 0;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}


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

 Preloader

 Pre-loader: This is used to show the full page pre-loader.
 As long as the website does not load completely

-----------------------------------------------------------------------------------*/
/* Preloader container */
.site-preloader {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: white;
  z-index: 100000;
  text-align: center;
}

.site-preloader img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  max-height: 40px;
  max-width: 40px;
  margin: auto;
}






/* Site Classes container */

.site-classes {
  background: url(../images/bg_web.jpg) top center;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
}


/* new Css */
.top-box {
  padding-top:370px;
}
.top-text {
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid red;
  border-radius: 20px;

}

.adobeBtn {
  width: 75px;
  width: 150px;
  float: right;
}



.top-text ul {
  color: white;
  font-family: verdana;
  font-size:15px;
  font-weight: bold;
}
li{
  list-style: none;
}
.buttonCard {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}

.downloadBtn {
  width: 80%;
}

.playNowBtn {
  width: 70%;
  margin-top: 5px;
}

.adultImg {
  width: 70%;
}

@media only screen and (min-width: 1041px) and (max-width: 1300px) {
  .instructbox {
    width: 50%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 1040px) {
  .instructbox {
    width: 60%;
  }

  .downloadBtn {
    width: 60%;
  }

  p {
    font-size: 13px;
    line-height: 10px;
  }

  .adobeBtn {
    height: 50px;
    width: 100px;
  }

  .playNowBtn {
    width: 70%;
  }

  .adultImg {
    width: 60%;
  }
}

/*For tabs and large mobiles*/
@media only screen and (max-width: 600px) {
  .pcBtn {
    display: none;
  }

  .instructbox {
    width: 80%;
  }

  p {
    font-size: 12px;
    line-height: normal;
  }

  .adobeBtn {
    height: 40px;
    width: 80px;
  }

  .playNowBtn {
    width: 80%;
  }

  .adultImg {
    width: 80%;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
 .top-box {
  padding-top:510px;
}
} 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
.top-box {
  padding-top:430px;
}
} 

@media only screen and (max-width: 600px) {
  .top-box {
  padding-top:360px;
}
}




.top-btn{
  float: right;
}