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

 [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;
  overflow-x:hidden;

  font-size: 100%;
  /* ----------------------------- Global font */
  font-family: 'Allura', cursive;
  font-family: 'Montserrat', sans-serif;
  
  -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: #deb150;
}

a:hover, a:active, a:focus, a:visited {
  color: #deb150;
  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;}

/* White section (.site-white-section) class */
 .site-white-section {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: white;
}

.site-dark-section-a h1 {
  /* H1 heading */
  color: #FFFFFF;
  font-family: inherit;
  font-size:50px;
  line-height:1.2;
  text-transform: uppercase;
  font-weight:700;
  position: relative;
  display: block;
  font-family: 'Montserrat', sans-serif;
  margin:0 0 70px 0;
}

.site-dark-section-b h1 {
  /* H1 heading */
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-size:35px;
  line-height:1.1;
  text-transform: uppercase;
  font-weight:700;
  position: relative;
  display: block;
  font-family: 'Montserrat', sans-serif;
  margin:0 0 70px 0;
}

.site-dark-section-c h1 {
  /* H1 heading */
  color: #18191e;
  font-family: 'Montserrat', sans-serif;
  font-size:35px;
  line-height:1.5;
  text-transform: uppercase;
  font-weight:normal;
  position: relative;
  display: block;
  font-family: 'Montserrat', sans-serif;
  margin:0 0 70px 0;
}


.site-white-section h1 a, .site-dark-section-a h1 a, .site-dark-section-b h1 a {
  color: #1a1e2a;
}

@media screen and (max-width: 767px) {
   .site-dark-section-a h1 {
    font-size: 40px;
	line-height:1;

  }
  
  .site-dark-section-b h1 {
    font-size: 24px;
    line-height:1;
    padding-bottom:5px;
  }
  
  .site-dark-section-c h1 {
    font-size: 24px;
    line-height:1.5;
    padding-bottom: 10px;
  }
}


.site-white-section h1:before, .site-dark-section-a h1:before, .site-dark-section-b h1:before, .site-dark-section-c h1:before {
  /* H1 horizontal line */
  content: "";
  position: absolute;
  max-width:171px;
  width:171px;
  display: block;
  height: 21px;
  background:url(../images/heading-element.png) no-repeat;
  margin: 0 auto;
  margin-top:10px;
  left: 0;
  right: 0;
  top: 100%;
}

.site-white-section h2, .site-dark-section-a h2 {
  /* H2 Heading */
  font-family: 'Allura', cursive;
  font-size:45px;
  font-weight:normal;
  line-height:1;
  color: #deb150;
  margin:0;
  padding:0;
}

.site-dark-section-b h2, .site-dark-section-c h2 {
  /* H2 Heading */
  font-family: 'Allura', cursive;
  font-size: 36px;
  font-weight:normal;
  line-height:1;
  color: #deb150;
  margin:0;
  padding:0;
}


.site-dark-section-c h2 {
  /* H2 Heading */
  color: #18191e;
}

.site-white-section h2 a, .site-dark-section-a h2 a, .site-dark-section-b h2 a {
  color: #deb150;
}

.site-white-section h2 span, .site-dark-section-a h2 span, .site-dark-section-b h2 span {
  color: #deb150;
}

.site-white-section h3, .site-dark-section-a h3, .site-white-section h4, .site-dark-section-a h4, .site-white-section h5, .site-dark-section-a h5, .site-white-section h6, .site-dark-section-a h6 {
  /* a tag color change inside headings */
}

.site-white-section h3 a, .site-dark-section-a h3 a, .site-white-section h4 a, .site-dark-section-a h4 a, .site-white-section h5 a, .site-dark-section-a h5 a, .site-white-section h6 a, .site-dark-section-a h6 a {
  color: #FFFFFF;
}

/* Dark section (.site-dark-section-a) class */
.site-dark-section-a {
  margin: 0;
  padding:80px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  color: white;
}

.site-dark-section-b  {
  margin: 0;
  padding:70px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  color: white;
}


.site-dark-section-a h1, .site-dark-section-b h1 {
  /* H1 heading */
  
}

.site-dark-section-c h1 {
  /* H1 heading */
}

.site-dark-section-a h2, .site-dark-section-b h2{
  /* H2 heading */

}

.site-dark-section-a p {
  /* Paragraph */
  color: white;
}

/* Align center class */
.section-align-center {
  display: inline-block;
}

/* Fluid Container max width set when use (.wide) class */
.container-fluid.wide {
  max-width: 1400px;
}

/* Theme button */
a.theme-btn {
  /* a tag */
  border:1px solid #deb150;
  color: #deb150;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 40px 12px 40px;
  position: relative;
  overflow: hidden;
  transition: 400ms ease;
  transition-property: color, background;
  cursor: pointer;
  z-index: 10;
  display: inline-block;
}

a.theme-btn:hover {
  color: #000000;
  background: #deb150;
}

/* Swiper carousel slider pagination */
.swiper-pagination {
  width: 100%;
  display: block;
  clear: both;
  padding: 0;
  position: relative;
  margin: 40px 0 0;
  overflow: hidden;
  left: 0;
  top: auto;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  background-color: #636e78;
  transition: 400ms ease;
  transition-property: background-color;
  margin: 8px !important;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #deb150;
}

/* Swiper carousel slider navigation */
.swiper-button-prev, .swiper-button-next {
  /* Prev navigation button */
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  background: white none;
  text-align: center;
  transition: 400ms ease;
  transition-property: background-color;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10px;
  overflow: hidden;
  border-radius: 2px;
}

@media screen and (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next {
    margin: 0;
  }
}

.swiper-button-prev:hover, .swiper-button-next:hover {
  background-color: #2E3F59;
}

.swiper-button-prev:hover:before, .swiper-button-next:hover:before {
  color: white;
}

.swiper-button-prev:before, .swiper-button-next:before {
  content: "\e902";
  font-family: 'icomoon', serif;
  display: block;
  color: rgba(26, 30, 42, 0.4);
  transition: 400ms ease;
  transition-property: color;
  position: relative;
  left: -2px;
}

.swiper-button-next {
  /* Next navigation button */
  right: 10px;
  left: auto;
}

.swiper-button-next:before {
  content: "\e903";
  left: 2px;
}

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

 Header (section)

 # header container
 # logo
 # navigation
 # navigation toggle button

-----------------------------------------------------------------------------------*/
/* Header container */
header.site-header {
  margin: 0;
  padding: 8px 0;
  display: block;
  width: 100%;
  clear: both;
  /*background: #deb150;*/
  position: absolute;
  top:40px;
  /*min-height: 85px;*/
  z-index: 100;
}



/* Logo */
.site-logo {
  position: relative;
  float: left;
}

.site-logo a {
  position: relative;
  padding-left:0;
}

.site-logo img {
 /* position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 35px;
  max-height: 35px;*/
}

.site-logo h1 {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  color: #1a1e2a;
  font-size: 33px;
  font-weight: 500;
  line-height: 27px;
}

.site-logo small {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #989899;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}

/* When header is sticky that time header background color */
.is-sticky #sticky-header {
	background:rgba(0,0,0,.8);
	z-index:1000;
	transition:all ease .5s;
}


@media screen and (max-width: 991px) {
	/* When header is sticky the sub menu not goes down more then 400ms px */
  .sticky-wrapper.is-sticky .site-nav {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;

  }
  
  header.site-header {
  background:rgba(0,0,0,.8);
  }

}

@media screen and (max-width: 767px) {
 
  header.site-header {
  position:relative;
  top:0;
  }

}

.sticky-wrapper {
  height: 86px !important;
  position:absolute;
  left:0;
  right:0;
}

/* Header navigation */
.site-nav {
  margin: 0;
  padding: 0;
  display: block;
  float: right;
}

@media screen and (min-width: 992px) {
  .site-nav {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav {
    /* mobile menu */
    position: relative;
    width: 100%;
    transition: 400ms ease;
    transition-property: transform;
    z-index: 100;
    border-top: 1px solid #d7d7d7;
    margin-top:5px;
    padding: 20px 0 0;
    display: none;
  }
}

.site-nav ul {
  margin: 0;
  padding: 0;
  display: block;
}

.site-nav li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  list-style: none;
}

@media screen and (max-width: 991px) {
  .site-nav li {
    width: 100%;
    position: relative;
  }
}

.site-nav li.active > a, .site-nav li:hover > a {
  /* Active Item */
  color: #FFFFFF;
}

.site-nav li:last-child > a {
  /* Last child padding remove */
  padding-right: 0;
}

.site-nav a {
  font-size: 12px;
  font-weight: 700;
  line-height: 29px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 11px 18px;
  transition: 400ms ease;
  transition-property: color;
}

@media screen and (max-width: 1199px) {
  .site-nav a {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 991px) {
  .site-nav a {
    width: auto;
    display: inline-block;
    padding: 6px 30px 6px 0;
    line-height: 18px;
    z-index: 1;
    position: relative;
  }
}

.site-nav a > i.fa {
  /* font awesome icon */
  margin-left: 5px;
  display: inline-block;
}

@media screen and (max-width: 991px) {
  .site-nav a > i.fa {
    display: none;
  }
}

.site-nav .indicator-desktop {
  /* sub menu indicator for desktop */
}

@media screen and (max-width: 991px) {
  .site-nav .indicator-desktop {
    display: none !important;
  }
}

.site-nav .indicator-mobile {
  /* sub menu indicator for mobile */
  display: none;
}

@media screen and (max-width: 991px) {
  .site-nav .indicator-mobile {
    display: block;
    float: right;
    font-size: 22px;
    line-height: 26px;
    width: 100%;
    height: 26px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-right: 5px;
    cursor: pointer;
    z-index: 0;
    text-align: right;
	color:#FFFFFF;
  }
}

.site-nav li:hover > .sub-menu {
  /* show the sub menu on mouse hover */
  opacity: 1;
  visibility: visible;
}

.site-nav ul.sub-menu {
  /* sub menu */
  margin: 0;
  padding:10px 0 10px;
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  background: #373737;
  min-width: 150px;
  visibility: hidden;
  opacity: 0;
  transition: 400ms ease;
  transition-property: opacity, visibility;
}

@media screen and (min-width: 992px) {
  .site-nav ul.sub-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    width: 100%;
    display: none;
    float: left;
    clear: both;
    /*border-left: 1px solid #d7d7d7;*/
    padding: 10px 0 10px 20px;
	background:#212121;
  }
}

.site-nav ul.sub-menu .sub-menu {
  /* second level sub menu */
  left: 100%;
  top: -10px;
  padding-top: 10px;
}

@media screen and (min-width: 992px) {
  .site-nav ul.sub-menu .sub-menu {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu .sub-menu {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    padding-bottom: 10px;
    display: none;
  }
}

.site-nav ul.sub-menu li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  position: relative;
}

.site-nav ul.sub-menu a {
  line-height: normal;
  width: 100%;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 1199px) {
  .site-nav ul.sub-menu a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 991px) {
  .site-nav ul.sub-menu a {
    line-height: 18px;
    display: inline-block;
    width: auto;
    padding: 6px 30px 6px 0;
  }
}

.site-nav ul.sub-menu a i.fa {
  margin-left: 6px;
  display: inline-block;
  position: relative;
  top: -1px;
}

/* Navigation toggle button */
.site-nav-toggle {
  display: none;
  float: right;
  margin-top:14px;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .site-nav-toggle {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .site-nav-toggle {
    margin-right: 10px;
  }
}

.site-nav-toggle span {
  width: 40px;
  display: block;
  clear: both;
  margin-bottom: 6px;
  height: 4px;
  background: #FFFFFF;
  transition: 400ms ease;
  transition-property: opacity, transform;
  opacity: 1;
  transform-origin: top left;
  transform: rotate(0deg);
}

.site-nav-toggle span span:nth-child(3) {
  transform-origin: bottom left;
}

.site-nav-toggle.active {
  /* Active Toggle button */
}

.site-nav-toggle.active span:nth-child(1) {
  transform: rotate(45deg);
  transition-delay: 200ms;
  margin-left:2px;
}

.site-nav-toggle.active span:nth-child(2) {
  opacity: 0;
}

.site-nav-toggle.active span:nth-child(3) {
  transform: rotate(-45deg);
  transition-delay: 200ms;
  margin-top:13px;

}

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

[Header top bar (section)]

# header top bar container
# font awesome icons
# top bar left section
# top bar right section

-----------------------------------------------------------------------------------*/
/* Header top bar */
.site-top-bar {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  background:rgba(0, 0, 0, 0.2);
  min-height: 40px;
  line-height: 40px;
  position:absolute;
  height:30px;
  z-index:1000;
}

@media screen and (max-width: 991px) {
  .site-top-bar {
	background:#000000;
	min-height:inherit;
	height:auto;

  }
  
}

@media screen and (max-width: 767px) {
  .site-top-bar {
    line-height: 16px;
    padding: 10px 0;
	position:inherit;
  }
  
}

.site-top-bar a {
  margin: 0 18px;
}

.site-top-bar a[href] span:after {
  /* Show the mouser hover underline if the a tag have href attribute */
  display: block;
}

.site-top-bar span {
  font-size: 13px;
  color: #d3d3d3;
  line-height: 18px;
  text-align: left;
  position: relative;
}

.site-top-bar span:after {
  /* Underline */
  content: "";
  height: 1px;
  background: white;
  position: relative;
  top: -4px;
  width: 0;
  transition: 400ms ease;
  transition-property: width;
  margin: 0 auto;
  display: none;
}

.site-top-bar span:hover:after {
  width: 100%;
}

.site-top-bar i.fa {
  /* Font awesome icons */
  font-size: 13px;
  font-family: "FontAwesome", serif;
  color: #deb150;
  line-height: 2.231;
  text-align: left;
  margin-right: 6px;
}

.site-top-bar .site-top-bar-left-section {
  /* left section */
  text-align: left;
  float: left;
  display: block;
}

@media screen and (min-width: 768px) {
  .site-top-bar .site-top-bar-left-section a:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-top-bar .site-top-bar-left-section {
    display: inline-block;
    float: none;
  }
  
  .site-top-bar i.fa {
	  line-height:1.7;
  }
}

.site-top-bar .site-top-bar-right-section {
  /* right section */
  text-align: right;
  float: right;
  display: block;
}

@media screen and (min-width: 768px) {
  .site-top-bar .site-top-bar-right-section a:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .site-top-bar .site-top-bar-right-section {
    text-align: left;
    display: inline-block;
    float: none;
  }
}

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

 [Main slider (section)]

 # Main slider container
 # bootstrap container (fluid) for slider
 # slider navigation
 # Icomoon custom icon for slider navigation
 # slider container
 # slider background images change css
 # slider pagination
 # slider bullets
 # slider content holder (caption)
 # h1 heading
 # h2 heading
 # paragraph
 # slider

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

/** catering background animation */

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

 Tabs (section)

 # tabs container
 # background image
 # h1 heading
 # tabs buttons
 # tabs content

-----------------------------------------------------------------------------------*/
/* Tabs section container */
.site-tabs {
  margin: 0;
  padding: 85px 0 90px;
  display: block;
  width: 100%;
  clear: both;
  position: relative;
  text-align: left;
  min-height: 770px;
}

@media screen and (max-width: 991px) {
  .site-tabs {
    text-align: center;
    min-height: 10px;
  }
}

@media screen and (max-width: 767px) {
  .site-tabs {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.site-tabs .site-tab-bg {
  /* tabs section background image */
  content: "";
  position: absolute;
  top: auto;
  right: 0;
  bottom: -32px;
  display: block;
  height: 100%;
  width: 100%;
  max-width: 38%;
  background: no-repeat bottom left;
  background-size: auto;
  opacity: 0;
  transition: 200ms opacity ease-in-out;
}

.site-tabs .site-tab-bg.active {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .site-tabs .site-tab-bg {
    display: none;
  }
}

.site-tabs h1 {
  /* h1 heading */
  margin-bottom: 70px;
}

@media screen and (max-width: 991px) {
  .site-tabs h1 {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .site-tabs h1 {
    margin-bottom: 70px;
  }
}

@media screen and (min-width: 992px) {
  .site-tabs h1:before {
    margin: 0;
  }
}

/* Tabs buttons */
.site-tabs-buttons {
  padding: 0;
  display: block;
  list-style: none;
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 0 0 40px;
  text-align: left;
}

.site-tabs-buttons li {
  display: block;
  margin: 0;
  list-style: none;
  float: left;
  padding: 0 5px 0 0;
}

@media screen and (max-width: 767px) {
  .site-tabs-buttons li {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
  }
}

.site-tabs-buttons li.active a {
  /* Active tab */
  color: white;
  background: #deb150;
}

.site-tabs-buttons a {
  background: #f8f7f7;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  color: #1a1e2a;
  display: block;
  padding: 14px 40px;
  transition: 400ms ease;
  transition-property: color, background;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.site-tabs-buttons a:hover {
  background: #ece9e9;
}

@media screen and (max-width: 767px) {
  .site-tabs-buttons a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Tabs content */
.site-tabs-content {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  color: #959595;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
}

.site-tabs-content p {
  color: #959595;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 40px;
}

.site-tabs-content ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  color: #1a1e2a;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
}

.site-tabs-content li {
  position: relative;
  list-style: none;
  width: 100%;
  display: block;
  margin: 0 0 10px;
  padding: 0 0 0 20px;
}

.site-tabs-content li:before {
  content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  font-family: "FontAwesome", serif;
}

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

 Call to action (section)

 # call to action container
 # box (class)
 # background image
 # typography
 # href button

-----------------------------------------------------------------------------------*/
/* Call to action container */
.site-call-to-action {
	float:left;
	width:100%;
	background:url(../images/statistic-bg.html) top center no-repeat;
	background-attachment:fixed;
	background-size:cover;
  
}

.heading-big {
	text-transform:uppercase;
	font-size:70px;
}

@media screen and (max-width: 375px) {
.heading-big {
	font-size:50px;
}
}

@media screen and (max-width: 991px) {
  .site-call-to-action {
    background-color: #deb150;

  }
}

.site-call-to-action .site-box {
  /* Background box */
  float:left;
  width:100%;
  z-index: 1;
  padding:50px 0;
}


@media screen and (max-width: 1199px) {
  .site-call-to-action .site-box {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .site-call-to-action .site-box {
    padding-bottom: 40px;
    position: relative;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}


@media screen and (max-width: 991px) {
  .site-call-to-action .site-box:before {
    display: none;
  }
}

.site-call-to-action h1:before {
	background:none;
}

	
.site-call-to-action h1 {
  /* h1 heading */
  color: white;
  font-family: inherit;
  font-size: 40px;
  font-weight:normal;
  text-transform: inherit;
  margin-top: 0;
  margin-bottom:15px;
  text-align: left;
  width: 100%;
  display: block;
  line-height:1;
  font-family: 'Montserrat', sans-serif;

}

@media screen and (max-width: 767px) {
  .site-call-to-action h1 {
    font-size: 32px;
  }
}

.site-call-to-action p {
  /* paragraph */
  color: white;
  font-family: inherit;
  font-size: 15px;
  font-weight:normal;
  line-height:1.5;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  padding:0;
  margin:0;
}

@media screen and (max-width: 991px) {
	
	.site-call-to-action h1 {
		text-align:center;
}

  .site-call-to-action p {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}

.site-call-to-action .theme-btn {
  /* theme button */
  padding-left:50px;
  padding-right:50px;
  margin-top:45px;
}

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

 Packages (section)

 # packages container
 # h1 heading
 # single package (class)
 # typography
 # price info (class)
 # dollar (class)
 # price value (class)
 # price month (class)
 # price options (class)
 # font awesome icon
 # href button

-----------------------------------------------------------------------------------*/
/* Packages container */
.site-packages {
  margin: 0;
  padding: 60px 0 70px;
  display: block;
  width: 100%;
  clear: both;
}

.site-packages h1 {
  /* H1 heading */
  margin-bottom: 60px;
}

.site-packages .site-package {
  /* Single package */
  max-width: 365px;
  width: 100%;
  background-color: #191c23;
  text-align: center;
  margin: 20px auto 50px;
}

.site-packages .site-package.prefered {
	border: 1px solid #deb150;
    outline: #2a2b30 solid 10px !important;
}

.site-packages .site-package:hover {
  /* Hover */
}

.site-packages .site-package:hover h4 {
  color: #deb150;
}

.site-packages .site-package:hover .price-info {
  background-color: #deb150;
}

.site-packages h4 {
  /* title */
  color: #deb150;
  font-family: 'Montserrat', sans-serif;
  font-size:30px;
  font-weight:normal;
  line-height:1.5;
  text-transform: uppercase;
  padding: 30px 0 5px 30px;
  width: 100%;
  display: block;
  clear: both;
  margin: 0;
  text-align: left;
  transition: 400ms ease;
  transition-property: color;
}

@media screen and (max-width: 991px) {
  .site-packages h4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.site-packages p {
  /* description */
  color: #a9a9a9;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize;
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  padding:0 30px 20px 30px;
  text-align: left;
}

@media screen and (max-width: 991px) {
  .site-packages p {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.site-packages .price-info {
  /* Price information */
  min-height: 60px;
  background-color: #2f333a;
  color: white;
  font-family: 'Montserrat', sans-serif;
  line-height: 14px;
  position: relative;
  padding: 30px 30px 10px;
  text-align: left;
  transition: 400ms ease;
  transition-property: background-color;
}

@media screen and (max-width: 991px) {
  .site-packages .price-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.site-packages .site-dollar {
  /* dollar sign */
  font-size:12px;
  font-weight:normal;
  position: relative;
  top: -16px;
  left: 2px;
}

.site-packages .site-value {
  /* Package value */
  font-size:28px;
  font-weight: normal;
  position: relative;
  top: -2px;
}

.site-packages .site-month {
  /* Month */
  font-size: 19px;
  font-weight: 400;
  position: relative;
  left: 6px;
  top: -2px;
}

.site-packages .price-options {
  /* Price options */
  margin:30px 0 0 0;
  padding: 0;
  display: block;
  width: 100%;
  clear: both;
  text-align: left;
}

.site-packages .price-options li {
  color: #D0D0D0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height:1.5;
  margin: 0;
  display: block;
  width: 100%;
  clear: both;
  padding: 12px 60px 12px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .site-packages .price-options li {
    padding-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .site-packages .price-options li {
    padding-left: 50px;
    padding-right: 20px;
  }
}

.site-packages .price-options i.fa {
  /* font awesome icons */
  width: 14px;
  height: 10px;
  color: #2dc100;
  font-family: FontAwesome, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  position: absolute;
  top: 11px;
  left: 30px;
}

@media screen and (max-width: 991px) {
  .site-packages .price-options i.fa {
    left: 20px;
  }
}

.site-packages .price-options i.fa.fa-close {
  color: red;
}

.site-packages .theme-btn {
  /* button */
  background-color: white;
  border: 2px solid #1a1e2a;
  color: #1a1e2a;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  transition: 400ms ease;
  transition-property: border-color, color, background;
  margin-top: 45px;
  margin-bottom: 40px;
}

.site-packages .theme-btn:hover {
  color: white;
  border-color: #deb150;
  background: #deb150;
}

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

 Tweets (section)

 # tweets container
 # bootstrap container
 # slider container
 # slider slides
 # date, icon ,a tag
 # slider pagination

-----------------------------------------------------------------------------------*/
/* Tweet container */
.site-tweets {
  margin: 0;
  padding: 0 0 10px;
  display: block;
  width: 100%;
  clear: both;
  background: #deb150;
  text-align: center;
  color: white;
  position: relative;
}

.site-tweets .container {
  /* bootstrap container */
  position: relative;
}

@media screen and (max-width: 767px) {
  .site-tweets {
    padding-top: 10px;
  }
}

.site-tweets .swiper-wrapper {
  /* slider container */
  padding: 0;
  margin: 50px 0 0;
}

.site-tweets .swiper-wrapper > span {
  display: block;
  width: 100%;
  text-align: center;
}

.site-tweets .swiper-slide {
  /* slider slide */
  margin: 0;
  padding: 0;
  display: block;
}

.site-tweets p, .site-tweets a, .site-tweets .date {
  color: white;
  font-family: inherit;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.site-tweets .date {
  font-weight: 700;
  margin-top: 5px;
  display: block;
}

.site-tweets i.fa {
  color: white;
  font-size: 45px;
  font-weight: 400;
  line-height: 19px;
  margin-top: 100px;
}

.site-tweets .swiper-pagination {
  /* slider pagination */
  margin-top: 60px;
  margin-bottom: 60px;
}

.site-tweets .swiper-pagination-bullet {
  opacity: 0.3;
  background-color: white;
  transition: 400ms ease;
  transition-property: opacity;
  margin: 20px;
}

.site-tweets .swiper-pagination-bullet-active {
  opacity: 1;
}

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

 Clients (section)

 # clients container
 # image

-----------------------------------------------------------------------------------*/
/* Clients container */
.site-clients {
  margin: 0;
  display: block;
  clear: both;
  text-align: center;
}

.site-clients figure {
  /* Image */
  display: inline-block;
  float: none;
  overflow: hidden;
  margin: 0 10px;
  padding:20px 0;
  transition: 400ms ease;
  transition-property: opacity;
  background:#181a1f;

}

.site-clients figure:Hover {
	-webkit-box-shadow: 8px 8px 0px -4px rgba(253,60,61,1);
	-moz-box-shadow: 8px 8px 0px -4px rgba(253,60,61,1);
	box-shadow: 8px 8px 0px -4px rgba(253,60,61,1);
	transition:all ease .5s;
}

@media screen and (max-width: 767px) {
  .site-clients figure {
    width: 100%;
    margin: 0;
	margin-bottom:20px;
    display: block;
    clear: both;
  }
}

.site-clients figure:hover, .site-clients figure.active {
  opacity: 1;
}


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

 Footer (section)

 # footer container
 # widget (class)
 # footer logo [a, h1, small]
 # paragraph
 # href a tag [font icon]
 # h3 heading
 # ul li a
 # news (class) [a, li, figure, p, span]
 # subscribe class [input email, submit, font icon]
 # hr tag for horizontal line
 # copyright (class)
 # social icons [a, font icon]

-----------------------------------------------------------------------------------*/
/* Footer container */
.site-footer {
	background:url(../images/footer-bg.jpg) no-repeat bottom center;
	background-attachment:fixed;
	background-size:cover;
	width: 100%;
	clear: both;
	display: block;
	margin: 0;
	color: white;
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.site-footer h1 {
	font-size:45px;
	color:#FFFFFF;
}

.site-footer .site-contact-info {
  /* contact info container */
  margin: 0;
  padding: 0 15px;
  display: block;
  width: 100%;
  clear: both;
}

@media screen and (max-width: 767px) {
  .site-footer .site-contact-info {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 375px) {
.site-footer h1 {
	font-size:30px;
}
}

.site-quick-support .site-contact-info table {
  width: 100%;
}

.site-footer .site-contact-info td {
  width: 25%;
}

.site-footer .site-box {
  /* box */
  display: block;
  width: 100%;
  clear: both;
  margin: 0;
  padding: 30px 0;
  color: white;
  position: relative;
  z-index: 1;
  transition: 400ms ease;
  transition-property: background;
  text-align:center;
}

.site-footer .site-box:hover {
  background: #111317;
}

.site-footer .site-box i.fa {
  /* font awesome icon */
  height: 17px;
  color: #deb150;
  font-size:45px;
  font-weight: 400;
  line-height: 41px;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  display: block;
}

.site-footer .site-box a {
  color: #a9a9a9;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight:normal;
  line-height: 23px;
  display: block;
  width: 100%;
  margin-bottom:0;
}

.site-footer .site-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.site-footer .site-box.odd:before {
  /*display: block;
  opacity: 0.1;
  background-color: white;*/
}

.site-footer .widget {
  /* widget class */
  display: block;
  clear: both;
  width: 100%;
  padding: 0;
  margin:0;
}

@media screen and (max-width: 767px) {
  .site-footer .widget {
    max-width: 100%;
  }
}

.site-footer .site-logo {
  /* footer logo */
  width: 100%;
  clear: both;
  display: block;
  margin-bottom: 30px;
}

.site-footer .site-logo a {
  margin-bottom: 0;
}

.site-footer .site-logo h1 {
  color: white;
  font-family: inherit;
  font-size: 33px;
  font-weight: 500;
}

.site-footer .site-logo small {
  color: #989899;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 10px;
  text-transform: uppercase;
}

.site-footer h4 {
  /* paragraph */
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  font-weight:normal;
  text-transform:uppercase;
  line-height:1.5;
  padding:20px 0;
  margin:0;
  display: block;
}

.site-footer p {
  /* paragraph */
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight:400;
  line-height: 27px;
  margin: 0 0 25px;
  padding: 0;
  display: block;
}

.site-footer a {
  /* a tag */
  color: #9c9c9c;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight:normal;
  line-height: normal;
  margin-bottom: 15px;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer a:hover {
  color: #deb150;
}

.site-footer a i.fa {
  color: #deb150;
  font-size: 18px;
  font-weight: 400;
  line-height: 14px;
  margin-right: 12px;
  position: relative;
  top: 2px;
}

.site-footer h3 {
  /* h3 heading */
  color: white;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  display: block;
  padding: 0 0 24px;
  margin: 0 0 38px;
}

.site-footer h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #deb150;
  display: block;
}

.site-footer ul {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
}

.site-footer ul li {
  display: block;
  padding: 0;
  width: 100%;
  clear: both;
  color: white;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

.site-footer ul a {
  margin-bottom: 12px;
}

.site-footer .widget-news {
  /* news class */
  width: 100%;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  position: relative;
}

.site-footer .widget-news a {
  display: block;
  width: 100%;
  padding-left: 61px;
}

.site-footer .widget-news li {
  position: relative;
  margin: 0 0 36px;
  padding: 0;
}

.site-footer .widget-news li:hover p {
  color: #deb150;
}

.site-footer .widget-news figure {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.site-footer .widget-news p {
  color: white;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  padding: 0;
  display: block;
  clear: both;
  margin: 0 0 4px;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer .widget-news span {
  color: #a2a3a5;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}


.site-footer .site-subscribe {
  /* subscribe class */
  margin:0 auto;
  padding: 0;
  display: block;
  clear: both;
  position: relative;
  max-width:600px;
}

.site-footer .site-subscribe input[type=email] {
  height: 43px;
  border:2px solid #cecece;
  background: none;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding: 0 63px 0 13px;
  width: 100%;
  margin: 0;
  display: block;
}

.site-footer .site-subscribe button[type=submit] {
  width: 50px;
  height: 39px;
  background-color: #deb150;
  border: none;
  color: #202127;
  font-size: 13px;
  font-weight: 400;
  line-height: 41px;
  position: absolute;
  top: 2px;
  right: 2px;
  transition: 400ms ease;
  transition-property: color, background-color;
}

.site-footer .site-subscribe button[type=submit]:hover {
  background-color: #202127;
  color: #deb150;
}

.site-footer hr {
  /* horizontal line */
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #50627d;
  max-width: 100%;
  margin: 0 0 40px;
}

.site-footer .site-copyright {
  /* copyright class */
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height:2;
  color: #cbced6;
}

@media screen and (max-width: 767px) {
  .site-footer .site-copyright {
    text-align: center;
    margin-bottom: 20px;
  }
}

.site-footer .site-copyright a {
  color: #deb150;
  transition: 400ms ease;
  transition-property: color;
}

.site-footer .site-copyright a:hover {
  color: white;
}

.site-footer .site-social-icons {
  /* social icons */
  text-align: center;
  margin-top:45px;
  margin-bottom:40px;
}

@media screen and (max-width: 767px) {
  .site-footer .site-social-icons {
    text-align: center;
  }
}

.site-footer .site-social-icons a {
  width: 50px;
  height: 50px;
  line-height:50px;
  border: 1px solid #434448;
  border-radius: 100px;
  text-align: center;
  display: inline-block;
  margin: 4px;
  transition: 400ms ease;
  transition-property: border-color, background;
}

.site-footer .site-social-icons a:hover {
  border-color: #deb150;
  background: #deb150;
  color:#202127;
}

.site-footer .site-social-icons a:hover .fa{
  color:#202127;
}

.site-footer .site-social-icons i.fa {
  color: #a8a8a8;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 42px;
  text-align: center;
}

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

Scroll top top button

-----------------------------------------------------------------------------------*/
/* Scroll up button */
#ThemeScrollUp {
  bottom: 20px;
  right: 20px;
  color: white;
  background: #deb150;
  width: 45px;
  height: 44px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 14px;
  border-radius: 2px;
  transition: 400ms ease;
  transition-property: background;
}

#ThemeScrollUp:hover {
  background-color: #636e78;
}

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

 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;
}

/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after {
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}

/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay {
  background: #fdfdfd;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */
/* circle preloader */
.vbox-preloader {
  position: fixed;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  background-image: url(../images/preload-circle.png);
  text-indent: -100px;
  overflow: hidden;
  animation: playload 1.4s steps(18) infinite;
}

@keyframes playload {
  from {
    background-position: 0;
  }
  to {
    background-position: -576px;
  }
}

/* ----- navigation ----- */
.vbox-close {
  cursor: pointer;
  position: fixed;
  top:90px;
  right:17px;
  width: 46px;
  height: 40px;
  padding: 10px 20px 10px 0;
  display: block;
  background: #161617 url(../images/close.gif) no-repeat 10px center;
  color: #fff;
  text-indent: -100px;
  overflow: hidden;

}

.vbox-next, .vbox-prev {
  box-sizing: content-box;
  cursor: pointer;
  position: fixed;
  top: 50%;
  color: #fff;
  width: 30px;
  height: 170px;
  margin-top: -85px;
  text-indent: -100px;
  border: solid transparent;
  /* Using border instead of padding to keep bg image in place */
  overflow: hidden;
}

.vbox-prev {
  left: 0;
  border-width: 0 30px 0 10px;
  background: url(../images/prev.gif) center center no-repeat;
}

.vbox-next {
  right: 0;
  border-width: 0 10px 0 30px;
  background: url(../images/next.gif) center center no-repeat;
}

.vbox-title {
  width: 100%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  padding: 6px 40px;
  overflow: hidden;
  background: #161617;
  position: fixed;
  display: none;
  top: -1px;
  left: 0;
}

.vbox-num {
  cursor: pointer;
  position: fixed;
  top: -1px;
  left: 0;
  height: 40px;
  color: #fff;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
  padding: 6px 10px;
  background: #161617;
  display: none;
}

/* ------- inline window ------ */
.vbox-inline {
  width: 420px;
  height: 315px;
  padding: 10px;
  background: #fff;
  text-align: left;
  margin: 0 auto;
  overflow: auto;
}

/* ------- Video & iFrames window ------ */
.venoframe {
  border: none;
  width: 960px;
  height: 720px;
}

@media (max-width: 992px) {
  .venoframe {
    width: 640px;
    height: 480px;
  }
}

@media (max-width: 767px) {
  .venoframe {
    width: 420px;
    height: 315px;
  }
}

@media (max-width: 460px) {
  .vbox-inline {
    width: 100%;
  }
  .venoframe {
    width: 100%;
    height: 260px;
  }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open {
  overflow: hidden;
}

.vbox-container {
  position: relative;
  background: #000;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.vbox-content {
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.vbox-container img {
  max-width: 100%;
  height: auto;
}