/******************************************************************
/*
Theme Name:         Thunder Studios Theme
Theme URI:          http://thunderstudios.com
Description:        Thunder Studios Custom Wordpress Theme
Version:            1.1
Author:             5 Elements Entertainment
Author URI:         http://5elementsentertainment.com


MAKE SURE TO READ BELOW BEFORE GETTING STARTED FOR THE FIRST TIME!
------------------------------------------------------------------

You may be thinking…

WHOA, WHOA, WHOA…WHAT HAPPENED HERE?

But before you freak out, let me take a few minutes to explain.

Bones now uses Sass by default. If you prefer using regular CSS,
then feel free to modify this theme how you like and keep a copy
as your own personal starting point.

DON'T DISMISS IT JUST YET THOUGH, USING Sass ISN'T AS COMPLICATED AS YOU THINK.

It does take a few minutes to wrap your head around, but it will all
be worth it. Need a quick intro? Here are a few quick reads:

http://simplebits.com/notebook/2013/11/13/sass-book/ (BUY THIS)
http://cognition.happycog.com/article/preprocess-this
http://viget.com/inspire/sass-a-designers-perspective
http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/
http://css-tricks.com/sass-style-guide/
http://net.tutsplus.com/tutorials/html-css-techniques/developing-with-sass-and-chrome-devtools/

I would HIGHLY RECOMMEND, if you are going to be working with Sass, that you work locally.
The browsers don't understand Sass and compiling it on the server takes a bit
of a setup.

That being said, here are a few MUST HAVE TOOLS for working with a
pre-processor: (You really only need one of them)

CodeKit: (Highly Recommended)
http://incident57.com/codekit/

Compass App: (Windows / Mac Users)
http://compass.handlino.com/

These applications compile Sass into valid CSS. This
way you can keep your production files easy to read and your
CSS minified and speedy. Simply set the output to the
library/css folder and you are all set. It's a thing of beauty.

You can also setup auto compiling with Grunt or using Terminal on
OSX. It's a bit complicated to setup so if you aren't familiar
with it, just get one of the automated applications.

---------------------------------------------------------------

Remember, once you download Bones it's up to you how to use it,
so go nuts. Set things up and develop in a way that's easiest for
you. If using Sass is still a bit confusing for you, then remove it
and customize this template as you see fit.

If you're a bit uneasy about using Sass or just want a familiar setup,
take a few minutes and think about how much better a developer you
can become by just TRYING out new technologies. It may be tough at
first but it WILL make you a better developer. TRUST ME ON THIS. Give
it a week, maybe two, and you will never go back.

If you STILL can't get on board and want to jump ship, that's cool.
Bones is not for everyone and that's ok, I mean I'm not hurt by it,
whatever, I never liked you anyway. Here are some other alternatives
if you're looking for a blank starter theme. I'll just be here waiting
by the window, in case you ever decide to come back.

http://roots.io/starter-theme (way more complex but has a ton of cool features)
http://html5reset.org (super clean and great markup)
https://github.com/viewportindustries/starkers (not sure if it's still active, but still good)

That's it. It's time to jump in and get your hands dirty.
Seriously, why are you still reading this? Get to work!
If you have any issues or problems, you can create an issue on github
or find me on Twitter: @eddiemachado (SHAMELESS PLUG!).

Happy Developing!

(When you're done, you may want to remove all this nonsense before
passing it along to your client.)

******************************************************************/

/*
WordPress Probz
So Theme Check (http://wordpress.org/plugins/theme-check/)
is constantly telling me that it needs these classes in the CSS even
though they are in the REAL stylesheet in library/css/style.css.
So we're gonna drop these here to keep it happy.
Great work, Theme Check (eye roll)
*/

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */

.youtube {
    position: relative;
    display: inline-block;
}
.youtube:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent url(http://www.thunderstudios.com/playbutton.png) center center no-repeat;
}

.vimeo {
    position: relative;
    display: inline-block;
}
.vimeo:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent url(http://www.thunderstudios.com/playbutton.png) center center no-repeat;
}


.instagram-media {
	
	height: 100vh !important;
	
}
@media only screen and (min-width: 760px) {
	 /* size classes for desktop only */
	.size-100pct {
	max-width: 100% !important;
	height: auto;
	}
	.size-95pct {
	max-width: 95% !important;
	height: auto;
	}
	.size-90pct {
	max-width: 90% !important;
	height: auto;
	}
	.size-85pct {
	max-width: 85% !important;
	height: auto;
	}
	.size-80pct {
	max-width: 80% !important;
	height: auto;
	}
	.size-75pct {
	max-width: 75% !important;
	height: auto;
	}
	.size-70pct {
	max-width: 70% !important;
	height: auto;
	}
	.size-65pct {
	max-width: 65% !important;
	height: auto;
	}
	.size-60pct {
	max-width: 60% !important;
	height: auto;
	}
	.size-55pct {
	max-width: 55% !important;
	height: auto;
	}
	.size-50pct {
	max-width: 50% !important;
	height: auto;
	}
	.size-45pct {
	max-width: 45% !important;
	height: auto;
	}
	.size-40pct {
	max-width: 40% !important;
	height: auto;
	}
	.size-35pct {
	max-width: 35% !important;
	height: auto;
	}
	.size-30pct {
	max-width: 30% !important;
	height: auto;
	}
	.size-25pct {
	max-width: 25% !important;
	height: auto;
	}
	.size-20pct {
	max-width: 20% !important;
	height: auto;
	}
	.size-15pct {
	max-width: 15% !important;
	height: auto;
	}
	.size-10pct {
	max-width: 10% !important;
	height: auto;
	}
	.size-5pct {
	max-width: 5% !important;
	height: auto;
	}
}



/** About page and Sub pages S */

.single-about img, .page-template-page-about .images-section img {
   display: block;
   max-width: 100%;
   width: 100%;
   /*height: auto;*/
   margin-left: auto;
   margin-right: auto;
}

.images-section .section-class a {
	text-decoration: none !important;
}

.images-btn-hover {
    position: relative;
    cursor: pointer;
}

.images-btn-hover img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  -webkit-transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  -webkit-transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}

.images-btn-hover:hover img {
  opacity: 0.3;
}
.images-btn-hover:hover {
  background: rgba(217, 33, 58, 0.8);
}

.images-btn-hover:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

.single-about .brands .row, .page-template-page-about .brands .row {
	padding: 0px;
	margin: 0px;

}
.services-details-class {
	padding-left: 40px;
}

.middle-align {
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.d-flex-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
	padding-top:40px;
}
.mar-top-zero {
	margin-top: 0px;
}
.size-heading-40 {
	font-size: 40px;
}
.padd-tb-10 {
	padding: 10px 0px;
}
.mar-top-10 {
	margin-top: 30px;
}
.services-content {
	padding: 80px 0px !important;
}
section {
	padding: 0px !important;
}

@media (max-width: 991px) {
	.d-flex-custom {
		display: block;
	}
	/*.images-banenr img {
	    width: 100px !important;
	    margin-left: auto;
	    margin-right: auto;
	}*/
}
/*one page E*/
.about-main {
	padding: 10px 0px;
	padding-top: 80px;
}
.section-class-aboutus{ 
	width: 70%;
   	margin: 0 auto;
   	text-align: center;
   	padding: 40px 0px 30px 0px;
}
.section-class {
   	width: 70%;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0px 30px 0px;
}

.images-section .img-padd-zero {
	padding: 0px;
}
.size-heading-30 {
	font-size: 30px;
}

@media (max-width: 991px) {
	.section-class {
		width: 100% !important;
	} 
}

body {
	overflow-x: hidden;
}

.aboutus-subpage {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
    position: relative; 
    background-color: #000000;
}
.aboutus-subpage video {
	position: absolute;
    left: 0;
    transform: translate(0%, -50%);
    top: 50%;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    /*opacity: 0.6;*/
}
.aboutus-subpage .custom-row {
	position: relative; 
	z-index: 3;
}
.aboutus-subpage-main {
    text-align: center;
    width: 100%;
    height: 100vh;
    display: table;
}

.subpage-heading {
    vertical-align: middle;
    display: table-cell;
}

.aboutus-subpage .aboutus-subpage-main .subpage-heading .title-main {
    color: #fff;
    font-size: 20px;
   	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
}

.aboutus-subpage .aboutus-subpage-main .subpage-heading .images-banenr {
    margin-bottom: 30px;
    margin-top: 20px;
}

.aboutus-subpage .aboutus-subpage-main .subpage-heading .subpage-banner {
    display: block;
   margin-left: auto;
   margin-right: auto;
   width: 220px;
}

.subpage-banner-btn {
    border: 1px solid #d9213a;
    padding: 10px 50px;
   color: #ffffff;
}
.subpage-banner-btn:hover {
    text-decoration: none;
    color: #ffffff !important;
    background: #d9213a;
}

/*.images-banenr img {
	max-width: 400px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}*/

.images-banenr img {
	min-width: 129px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 129px;
}

.images-banenr.img-height img {
	margin-right: auto;
    margin-left: auto;
    max-height: 200px;
    max-width: unset;
    height: unset;
    width: auto;
}

.images-banenr.img-width img {
	margin-right: auto;
    margin-left: auto;
    max-width: 200px;
    max-height: unset;
    width: unset;
    height: auto;
}

.images-banenr.img-height-svg img {
    margin-right: auto;
    margin-left: auto;
    max-height: 250px;
    max-width: unset;
    height: unset;
    width: 100%;
}

.images-banenr.img-width-svg img {
    margin-right: auto;
    margin-left: auto;
    max-width: 250px;
    max-height: unset;
    width: unset;
    height: 100%;
}

@media (max-width:991px) {
	.padding-190, .services-details {
		text-align: center;
		padding: 40px !important;
	}
	.services-details-class {
		text-align: center;
	}
}
/* see-our-tour-section S */

		.see-our-tour-section {
			padding-top: 100px;
		}

		.see-our-btn {
			display: table;
		    width: 100%;
		    height: 300px;
		    text-align: center;
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: center;	
		}

		.see-our-main {
			display: table-cell;
			vertical-align: middle;
		}

		.see-our-center-button a {
			padding: 12px 25px;
		    border: 1px solid #fff;
		    text-decoration: none !important;
		    color: #fff;
		    letter-spacing: 3px;
		}

		.see-our-center-button a:hover,
		.see-our-center-button a:focus {
			background-color: #d9213a !important;
			color: #fff !important;
		}

		.stages-images-section .stages-title .main-title  {
			font-size: 40px;
			text-align: center;
			padding-bottom: 50px;

		}

/* see-our-tour-section E */
	.vip-rooms-section .vip-room-main .main-title {
	    font-size: 40px;
	    text-align: center;
	    padding-bottom: 50px;
	    padding-top: 120px;
	}

	.vip-rooms-section .padding-20 {
		min-height: 260px;
	}


.btn.block.margin-top-15:first-child {
	margin-top: 0px !important;
}

	
.brands.padding-bottom-80 {
	padding-bottom: 80px !important;
}

.brands-stage-listpage.brands {
	padding-top: 160px !important;
}

.home .logo-two, .page-template-page-about .logo-two, .single-about .logo-two, .page-id-43 .logo-two, .page-template-page-amenities .logo-two, 
.page-template-page-stages .logo-two, .single-stages .logo-two, .post-type-archive-services .logo-two {
	display: none !important;
}
.post-type-archive-news .logo-one, .single-services .logo-one, .single-news .logo-one, .page-id-1292 .logo-one, .page-id-1749 .logo-one, .page-id-3028 .logo-one {
	display: none !important;
}

.middle a.btn.aboutus-btn:hover {
	color: #ffffff !important;
}


/* Stages/news page hover S */
	.bg-overlay .overlay,
	.bg-overlay .overlay-content {
		opacity: 0;
	}

	.bg-overlay:hover .overlay,
	.bg-overlay:hover .overlay-content {
		opacity: 1;
	}
/* Stages/news page hover S */


.btn-mobile-3d {
	display: block;
	padding-top: 50px;
}

.btn-mobile-3d:before,
.btn-mobile-3d:after {
	content: '';
    display: table;
    clear: both;
}

.btn-mobile-3d .btn.pull-right {
	float: unset !important;
	margin: auto;
}

@media (max-width: 991px) {
	.flex-column-reverse-custom {
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	    flex-direction: column-reverse;
	}

	.flex-column-custom {
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
		-webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
}

.margin-top-50 {
	margin-top: 50px;
}
.margin-top-80 {
	margin-top: 80px;
}
.page-id-3028 h1 {
	visibility:hidden;
}
article#post-944 .text-black {
	clear:both;	
}
.header-section {
	position: relative;
}
.print-button-section {
/* 	position: absolute;
    right: 28px;
    top: 50%;
    transform: translate(0, -50%); */
	position: absolute;
    right: 0;
    top: 0;
	left: 0;
    transform: translate(0, 0%);
  
}
.print-button.catering-cafe-section {
	height: 30px;
}
.print-button-section a.pdf-button {
	margin-right: 30px;
}
.print-button-section a.pdf-button:hover, .print-button-section a.pdf-button:active, .print-button-section a.pdf-button:focus {
	color: #fff!important;
	border-color: #d9213a;
} 
.print-button-section a {
	font-size: 10px!important;
	font-weight: 700!important;
	background-color: transparent;
    color: #64676d !important;
    border: 1px solid #d9213a;
    text-decoration: none;
	padding: 13px 50px !important;
    letter-spacing: 3px;
    width: 100px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.print-button-section a:hover,.print-button-section a:active, .print-button-section a:focus  {
	border-color: #333;
	background: #d9213a !important;
	border-color: #d9213a;
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
@media (max-width: 767px) {
	.print-button.catering-cafe-section {
		height: auto;
	} 
	.print-button-section {
		position: unset;
	    height: auto;
	}
	.print-button-section a {
		display: block;
		text-align: center;
		float: unset;
		width: 200px;
		margin: 10px auto!important;
		display: block;
	    padding: 10px!important;
	}
	.single article p {
		margin: 30px auto !important;
	}
}

	/*
	// Modals
	// --------------------------------------------------

	// .modal-open      - body class for killing the scroll
	// .modal           - container to scroll within
	// .modal-dialog    - positioning shell for the actual modal
	// .modal-content   - actual modal w/ bg and corners and shit*/

	/* Kill the scroll on the body*/
	.modal-dialog-centered {
		display: -ms-flexbox;
		display: flex;
	    -ms-flex-align: center;
	    align-items: center;
	    min-height: calc(100% - 1rem);
	}
	.modal-open {
	  overflow: hidden;
	}

	/* Container that the modal scrolls within*/
	.modal {
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: @zindex-modal;
	  display: none;
	  overflow: hidden;
	  -webkit-overflow-scrolling: touch;

	  /* Prevent Chrome on Windows from adding a focus outline. For details, see*/
	  /* https://github.com/twbs/bootstrap/pull/10951.*/
	  outline: 0;

	  /* When fading in the modal, animate it to slide down*/
	  &.fade .modal-dialog {
	    .translate(0, -25%);
	    .transition-transform(~"0.3s ease-out");
	  }
	  &.in .modal-dialog { .translate(0, 0) }
	}
	.modal-open .modal {
	  overflow-x: hidden;
	  overflow-y: auto;
	}

	/*Shell div to position the modal with bottom padding*/
	.modal-dialog {
	  position: relative;
	  width: auto;
	  margin: 10px;
	}

	/*Actual modal*/
	.modal-content {
	  position: relative;
	  background-color: @modal-content-bg;
	  background-clip: padding-box;
	  border: 1px solid @modal-content-fallback-border-color; /*old browsers fallback (ie8 etc)*/
	  border: 1px solid @modal-content-border-color;
	  border-radius: @border-radius-large;
	  .box-shadow(0 3px 9px rgba(0, 0, 0, .5));
	  /*Remove focus outline from opened modal*/
	  outline: 0;
	}

	/*Modal background*/
	.modal-backdrop {
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: @zindex-modal-background;
	  background-color: @modal-backdrop-bg;
	  /* Fade for backdrop*/
	  &.fade { .opacity(0); }
	  &.in { .opacity(@modal-backdrop-opacity); }
	}

	/* Modal header*/
	/* Top section of the modal w/ title and dismiss*/
	.modal-header {
	  padding: @modal-title-padding;
	  border-bottom: 1px solid @modal-header-border-color;
	  &:extend(.clearfix all);
	}
	/* Close icon*/
	.modal-header .close {
	  margin-top: -2px;
	}

	/* Title text within header*/
	.modal-title {
	  margin: 0;
	  line-height: @modal-title-line-height;
	}

	/* Modal body*/
	/* Where all modal content resides (sibling of .modal-header and .modal-footer)*/
	.modal-body {
	  position: relative;
	  padding: @modal-inner-padding;
	}

	/* Footer (for actions)*/
	.modal-footer {
	  padding: @modal-inner-padding;
	  text-align: right; /* right align buttons*/
	  border-top: 1px solid @modal-footer-border-color;
	  &:extend(.clearfix all); /* clear it in case folks use .pull-* classes on buttons*/

	  /* Properly space out buttons*/
	  .btn + .btn {
	    margin-bottom: 0; /* account for input[type="submit"] which gets the bottom margin like all other inputs*/
	    margin-left: 5px;
	  }
	  /* but override that for button groups*/
	  .btn-group .btn + .btn {
	    margin-left: -1px;
	  }
	  /* and override it for block buttons as well*/
	  .btn-block + .btn-block {
	    margin-left: 0;
	  }
	}

	/* Measure scrollbar width for padding body during modal show/hide*/
	.modal-scrollbar-measure {
	  position: absolute;
	  top: -9999px;
	  width: 50px;
	  height: 50px;
	  overflow: scroll;
	}

	/*Scale up the modal*/
	@media (min-width: @screen-sm-min) {
	  /*Automatically set modal's width for larger viewports*/
	  .modal-dialog {
	    width: @modal-md;
	    margin: 30px auto;
	  }
	  .modal-content {
	    .box-shadow(0 5px 15px rgba(0, 0, 0, .5));
	  }

	  /*Modal sizes*/
	  .modal-sm { width: @modal-sm; }
	}

	@media (min-width: @screen-md-min) {
	  .modal-lg { width: @modal-lg; }
	}
	.modal-custom .modal-header .table-modal-title {
		margin: 0;
		text-align: center;
		line-height: 2.428571;
		width: 100%;
	}
	.modal-custom .modal-header .modal-close {
	    margin-top: -2px;
	    float: right;
	    display: block;
	    text-align: right;
	    /*width: 100%;*/
	}
	.modal-custom .modal-header {
	    width: 100%;
        border: 0;
	    padding-bottom: 0;
	    text-align: right;
	}
	.modal-custom .modal-header .close {
	    position: absolute;
	    right: 15px;
	    top: 5px;
	    color: #000;
	    opacity: 0.8;
	    font-size: 30px;
	}
	.close.btn-danger {
        color: #fff;
	    background-color: #d9534f;
	    border-color: #d43f3a;
	    padding: 10px 20px;
	    font-size: 18px;
	    font-weight: 400 !important;
	    opacity: 1;
	    border-radius: 5px !important;
	}
	.modal-custom .modal-dialog p {
		margin: 0!important;
		display: flex;
	}
	.modal-custom .modal-body {
		display: flex;
	}
	.modal-custom .modal-image-section {
		width: 40%;
	}
	.modal-custom .modal-image-section img {
		max-width: 100%;
	}
	.modal-custom .modal-content-section {
		width: 100%;
		margin: 0 0 0 10px;
	}
	.modal-custom .modal-content-section p {
		margin: 0!important;
		display: flex;
	}
	#total-id {
		width: 89%;	
	}
	table tbody tr.all-border td.sku-code {
		text-align: center !important;
		padding-right: 0px !important;
		padding: 0 5px !important;
	} 
	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
		-webkit-appearance: none; /* WebKit */
		-moz-appearance: none; /* Mozilla */
		-o-appearance: none; /* Opera */
		-ms-appearance: none; /* Internet Explorer */
		appearance: none; /* CSS3 */
  		margin: 0; 	
	}
	input[type="number"]::-moz-inner-spin-button,
	input[type="number"]::-moz-outer-spin-button {
		-webkit-appearance: none; /* WebKit */
		-moz-appearance: textfield; /* Mozilla */
		-o-appearance: none; /* Opera */
		-ms-appearance: none; /* Internet Explorer */
		appearance: none; /* CSS3 */
  		margin: 0; 	
	}
	.print-button {
		position:relative;
		height:80px;
	}
	#clientError, #flnameError, #emailerr, #emailError, #phoneError {
		color: #ff0000;
		width: 98%;
		max-width: 98%;
	} 
	#messageemail {
		color: green;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		width: 100%;
		margin: auto;
		display: block;
	    margin-bottom: 15px;
	}
	@media(max-width: 767px) {
		.logo-img-section {
		    margin: 80px auto 10px;
		}
		table.main-table {
			width: 100%;
			display: block;
		}
	}
	@media(max-width: 575px) {
		.logo-img-section img {
			margin-bottom: 10px;
			width: 250px;
			display: block;
			margin: 80px auto 10px;
		}
		.main-table tbody {
			width: 100%;
			display: block;
			margin: auto;
		}
		.main-table tbody .logo-img-section th {
			display: block;
		}
		.logo-img-section {
			margin: auto;
			display: block;
		}
		.production-subtitle a {
		    word-break: break-word;
		}
		.form-section-main {
			width: 95%;
		    margin: auto;
		    display: block;
		    float: none;
			
		}
		.form-section {
			margin: auto;
			display: block;
		}
		.logo-title-section {
			width: 100%;
			display: block;
		}
		.logo-title-section td {
			width: 100%!important;
			display: inline-block;
		}
		.responsive-table table tr td , .responsive-table table tr td {
		    display: flex;
		    width: 100%;
		    align-items: center;
		}
		.responsive-table table tr.all-border {
			/*display: flex;*/
			width: 100%;	
		} 
		.responsive-table table {
			width: 100% !important;
		} 
		.responsive-table {
			display: block;
			width: 100%;
		}
		.form-button-section {
			width: 100%;
			display: block;
			margin: auto;
		}
		.form-button-section td {
			width: 50%;
			display: block;
			margin: auto;
		}
		.form-field-section {
			width: 100%;
			display: block;
		}
		.form-field-section td {
			width: 100%!important;
			display: inline-block;
		} 
		.responsive-table table {
			display:table !important;
		}
		.responsive-table table .all-border td {
			display: table-cell !important;
			width: 25% !important;
			vertical-align: middle;
		}
		.responsive-table .all-border td:nth-of-type(1) {
			/*display: block !important;	*/
			width: 12% !important;
			background-color: #eaedf2;
		}
		.all-border td:nth-of-type(1) input.input-fied {	
			padding: 0 5px;
			text-align: center;
			height: 100%;
			width: 100%;	
		}
		.all-border td:nth-of-type(1) input.input-fied:focus {
			background-color: #eaedf2;	
		}
		.all-border td:nth-of-type(2) {
			width: 39% !important;
		}
		.all-border td:nth-of-type(3) {
			width: 39% !important;
		}
		.all-border td:nth-of-type(4) {
			width: 20% !important;
			text-align: center !important;
		}  
	}
	@media print {
		table { 
			width: 100%;
			page-break-after:auto;
			/*margin: 2cm;*/
		}
		#submit-product-id, #print-page-id {
			display: none;
		}
		tr{ page-break-inside:avoid; page-break-after:auto }
		td{ page-break-inside:avoid; page-break-after:auto }
		.page-id-3028 #logo {
			display: none;
		}
		.page-id-3028 footer {
			display: none;	
		}
		.producttable input[type="text"], .modal-data, #rolling-cooler-id {
			height: 15px !important;
		}
		table tbody,thead {
			font-size: 10px;
			font-weight: 600;
		}
		tr.all-border td {
			width: auto;
		}
		table tr {page-break-before: auto; }
		input.submit-button {
			display: none;
		}
		.print-button {
			display: none;
		}
		#header-widgets, nav, aside.mashsb-container, 
		.sidebar, .mashshare-top, .mashshare-bottom, 
		.content-ads, .make-comment, .author-bio, 
		.heading, .related-posts, #decomments-form-add-comment, 
		#breadcrumbs, #footer, .post-byline, .meta-single, 
		.site-title img, .post-tags, .readability 
		{
		display: none;
		}
	}
a.btn.border {
	padding: 13px 50px !important;
	white-space: inherit !important;
}
.brand-links ul.brand-list {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.thunder-brands h2.brand-title {
	color: #333333;
}
.brand-links ul.brand-list {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
li.brand-link {
	margin: 5px 15px;
}
li.brand-link a {
	font-size: 18px;
}
li.brand-link.active a {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
@media(max-width:991px) {
	li.brand-link {
	    margin: 5px;
	}
    li.brand-link a {   
        font-size: 14px;
    }
}
@media(max-width:767px) {
	.brand-links ul.brand-list {
		flex-direction: column;
	}
}
 .slider-side {
    left: -3.1%!important;
    font-size: 10px!important;
    letter-spacing: 3px!important;
    z-index: 99;
    bottom: 18.9% !important;
} 
.swiper-container .slider-side {
    left: -3.1%!important;
    font-size: 10px!important;
    letter-spacing: 3px!important;
    z-index: 99;
    bottom: 18.9% !important;
} 
@media (max-width: 600px) {
	.brands .row {
	  margin-right: 0;
	  margin-left: 0;
	}
	.services-content .row,
	.news-content .row {
	    margin-right: 0;
	    margin-left: 0;
	}
	.contact-content .row {
	    margin-right: 0;
	    margin-left: 0;
	}
	.images-section .images-btn-hover a {
	    white-space: unset;
	}
}
.single article#post-3646 .text-black h2, .single article#post-3646 .text-black h3, .single article#post-3646 .text-black  h6, .single article#post-3646 .text-black ol{
	margin: 30px auto !important;
    width: 80%;
}

@media (max-width: 600px) {
	.about-main {
	    padding-top: 50px !important;
	}
	.section-class-aboutus {
	    padding-top: 0px !important;
	}
}
.section-class-aboutus {
    margin-top: 0px;
}
.section-class-aboutus p {
    text-align: left;
}
.first-slide-title {
	display: none;
}

/* Infinity Slider S */

.divVideo-overlay_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.div-ovrl-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 70%;
}
.div-ovrl-item {
    width: 32%;
    margin-right: 2%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.div-ovrl-item img {
    width: 85%;
    height: 85%;
    display: block;
    object-fit: contain;
    margin: auto;
}
.get_ready_mn {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 35px;
    text-align: center;
}

element.style {
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
.close-link {
    cursor: pointer;
}
.get-ready {
    font-size: 54px;
    color: #fff !important;
    line-height: 139%;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}
/* Infinity Slider E */

/* On load Overlay with Bg video Section S */
	@font-face {
		font-family: wf_a24889b818a242d988ec497e0;
		src: url('https://www.thunderstudios.com/wp-content/themes/thunder/library/fonts/wf_a24889b818a242d988ec497e0.ttf');
	}

	.divVideo_mn {
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.divVideo_mn .divVideo {
		width: 100%;
		height: calc((9 / 16) * 100vw);
		max-height: 100vh;
		min-height: 480px;
	}

	.divVideo {
		position: relative;
	}

	.divVideo_mn .divVideo-overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 100%;
		width: 100%;
		background-color: rgb(51 51 51 / 90%);
	}
	.divVideo_mn .divVideo-overlay .divVideo-overlay_wrap {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.divVideo_mn .divVideo-overlay .divVideo-overlay_wrap .div-ovrl-list {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 70%;
	}
	.divVideo_mn .divVideo-overlay .divVideo-overlay_wrap .div-ovrl-list .div-ovrl-item {
		width: 32%;
		margin-right: 2%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.divVideo_mn .divVideo-overlay .divVideo-overlay_wrap .div-ovrl-item img {
		width: 85%;
		height: 85%;
		display: block;
		object-fit: contain;
		margin: auto;
	}

	.divVideo_mn {
		-webkit-transition: all 0.75s ease-out;
		-moz-transition: all 0.75s ease-out;
		-o-transition: all 0.75s ease-out;
		transition: all 0.75s ease-out;
		visibility: visible;
		opacity: 1;
	}
	
	.divVideo_mn.div_hide {
		-webkit-transition: all 0.75s ease-out;
		-moz-transition: all 0.75s ease-out;
		-o-transition: all 0.75s ease-out;
		transition: all 0.75s ease-out;
		visibility: hidden;
		opacity: 0;
	}

	.divVideo_mn .close-overlay {
		position: absolute;
		top: 25px;
		right: 25px;
		width: 20px;
		height: 20px;
		z-index: 99;
	}

	.divVideo_mn .close-overlay img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.divVideo_mn .divVideo .youtube-background {
		width: 100%;
		z-index: 0;
		overflow: hidden;
		inset: 0px;
		background-image: url(https://cf-simple-s3-origin-cf-playa-166367353476.s3.amazonaws.com/infinityspinner.gif);
		background-repeat: no-repeat;
		background-position: 50% 42%!important;
		background-size: 260px auto !important;
		position: relative !important;
		pointer-events: none !important;
		height: 100% !important;
		padding-bottom: 56.25%;
	}

	.divVideo_mn .divVideo .youtube-background iframe {
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		position: absolute;
		opacity: 1;
		width: 100%;
		height: 100%;
	}
	.divVideo_mn .get-ready {
		font-size: 54px;
		color: #fff !important;
		line-height: 139%;
		letter-spacing: 1.1px;
		text-transform: uppercase;
		font-family: wf_a24889b818a242d988ec497e0;
	}
	@media (max-width: 991px){
		.divVideo_mn .divVideo {
			max-height: 100vh;
			height: 100vh;
		}
	}
	@media (max-width: 600px) {
		.divVideo_mn .divVideo-overlay .divVideo-overlay_wrap .div-ovrl-list {
			width: 88%;
		}
		.divVideo_mn .divVideo-overlay .divVideo-overlay_wrap .div-ovrl-item img {
			width: 90%;
			height: 90%;
		}
		.divVideo_mn .divVideo-overlay .divVideo-overlay_wrap .div-ovrl-list .div-ovrl-item {
			width: 33.33%;
			margin-right: 0;
		}
		.get_ready_mn {
			margin-top: 20px;
		}
		.divVideo_mn .get-ready {
			font-size: 22px;
			margin-right: -6px;
		}
	}
	
/* On load Overlay with Bg video Section E */


/* Side Widget */
.side-widget.open {
  margin-right: 0;
}
.side-widget {
  width: 52px;
  z-index: 9;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  right: 0;
  top: 50%;
  text-align: center;
  margin-right: -45px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.btn.btn-red:hover {
  background-color: #1f6fa6;
}
.btn.btn-red {
  background-color: #0082ca;
}
.btn.btn-red {
	display: none;
  background-color: #d9213a;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 10px;
  color: #fff !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
      padding: 13px 50px !important;
      transform: rotate(180deg);
          font-size: 18px;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}

.button-contact-new {
	margin-top: 50px !important;
	z-index: 999;
}
.button-contact-new .buttons {
	margin: 0 auto;
	background: #d9213a;
	color: #fff;
}
.button-contact-new .buttons:hover{
	border-color: #d9213a !important;
	background: transparent !important;
	    color: #337ab7 !important;
}
.mobile-divice.button-contact-new {
	margin-top: 0px !important;
}

.service-inner.button-contact-new {
    margin-top: 5px !important;
    margin-bottom: 50px;
}

@media (max-width: 575px) {
	.mobile-view.service-inner.button-contact-new {
	    margin-bottom: 30px;
	}
}



.button_policy_add ul li .button_banner {
	     padding: 5px 0px !important;
    font-size: 10px !important;
    border: none;
    background-color: transparent !important;
}
.button_policy_add ul li .button_banner:hover {
	color: #fff !important;
}