/*
Theme Name: akiba
Theme URI: http://wordpress.org/themes/akiba
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: akiba

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */


*
{
	font-family					: "Oswald", sans-serif;
	box-sizing					: border-box;
	outline 					: none;

}

body
{
	background-color				: black;
	background-image				: unset !important;
	background-position				: center;
	background-repeat				: no-repeat;
	background-attachment				: fixed;
	background-size 				: cover;
	/*height						: 100%;*/
	width						: 100%;
	margin						: 0;
	overflow					: hidden;
	/*position					: relative;*/

	margin:0;
   padding:0;
   overflow-x:hidden;
}
body, html {
    width: 100%;
    height: 100%;
    overflow: scroll;
}
a
{
	color						: black;
	text-decoration 				: none;
}

video
{
	min-height					: 100%;
	height						: auto;
	min-width					: 100%;
	width						: auto;
	position					: fixed;
	top						: 0;
	right						: 0;
	bottom						: 0;
	left						: 0;
	z-index 					: -100;

	-webkit-transition				: 1s opacity;
	-moz-transition 				: 1s opacity;
	-ms-transition					: 1s opacity;
	transition					: 1s opacity;
}

.stopfade {
   opacity: .5;
}

#polina {
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100;
  background: rgba(0,0,0,0.3);
  color: white;
  padding: 2rem;
  width: 33%;
  margin:2rem;
  float: right;
  font-size: 1.2rem;
}

header
{
	text-align					: center;
	vertical-align					: middle;
	height						: 100%;
	width						: 100%;
	display 					: block;
	position					: fixed;
	top						: 0;
	right						: 0;
	bottom						: 0;
	left						: 0;

	-webkit-transform-style 			: preserve-3d;
	-moz-transform-style				: preserve-3d;
	-ms-transform-style				: preserve-3d;
	transform-style 				: preserve-3d;
}
.videoWrapper {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;

}
.videoWrapper iframe {
 border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.luxe-gift{
	    background: black;
    padding: 10px 20px;
    margin-top: 10px;
    color: white;
		font-size: 18px;
text-transform: uppercase;
margin-top: 10px;
display: inline-block;
}
.luxe-gift:hover{
	background: #e6302f;
}
.flip_main
{
	height						: 408px;
	width						: 875px;
	margin						: 0 auto;
	display 					: block;
	position					: relative;
	top						: 25%;
	/* margin-top: 95px; */
	margin-top: 60px;

	-webkit-transform				: translateY(-50%);
	-moz-transform					: translateY(-50%);
	-ms-transform					: translateY(-50%);
	 transform					: translateY(-50%);
}

.flip_main img { border : 8px solid white; }
.flip_main .flip { max-height : 100%;  }

.flip_main .back,
.flip_main .front
{
	height						: 408px;
	width						: 875px;

}

.navigation{ width:100%; border:solid 6px #fff; background-color:#E40000; overflow:hidden;}
.navigation a{ float:left; width:50%; border-right:solid 5px #fff;border-bottom:solid 8px #fff; color:#fff; text-transform:uppercase; font-size:35px; text-align:center; display:inline-block;padding:0; font-weight:700; height : 168px; line-height: 137px; width : 287px; }
.navigation a span{ display: block; transition: font 0.2s;-webkit-transition: font 0.2s;-moz-transition: font 0.2s;}
/*.navigation a:hover span{ transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);}*/

.navigation a:hover
{
	-webkit-transition				: background-size 0.2s;
	-moz-transition 				: background-size 0.2s;
	-ms-transition					: background-size 0.2s;
	transition					: background-size 0.2s;
}

.navigation a:link:hover span{ font-size : 55px; }
.navigation a:nth-child(1){  border-right:solid 8px #fff; font-size : 55px; line-height: 158px; background-size : 75px 85px; }
.navigation a:nth-child(2){  width:289px;border-right:solid 8px #fff; font-size : 45px; line-height: 158px; background-size : 75px 85px;}
.navigation a:nth-child(3){ border-right:0; border-bottom:0; border-bottom:solid 8px #fff; color:#fff; font-size : 55px;  line-height: 158px; background-size : 75px 85px;}
.navigation a:nth-child(4){ height:106px;  border-right:solid 8px #fff; font-size : 44px; line-height:92px; background-size : 59.5px 66.3px;}

.navigation a:nth-child(46){ width:289px; height:106px; text-align:center; display:inline-block; border-right:solid 8px #fff; font-size : 44px; padding-bottom: 30px; line-height:92px; background-size : 59.5px 66.3px;}
.navigation a:nth-child(47){ height:106px; text-align:center; display:inline-block; border-right:0; border-bottom:0; border-bottom:solid 8px #fff; color:#fff;font-size : 44px; line-height:90px; background-size : 59.5px 66.3px;}
.navigation a:nth-child(48){  width:431px !important; height: 132px; line-height: 132px; border-bottom:0; font-size : 40px !important; background-size : 75px 85px;}
.navigation a:nth-child(49){  width:431px; height: 132px; line-height: 132px; border-right:0; border-bottom:0; font-size : 40px; background-size : 75px 85px;}

/*.navigation a:nth-child(3){ border-bottom:0;}*/
/*.navigation a:nth-child(15) { font-size : 18px !important; line-height : 40px; padding : 33px 0; }
.navigation a:nth-child(15) span:first-line { font-size : 35px; }*/
.navigation a:nth-child(4) span{   text-align: center;  padding-bottom: 30px; }
.navigation a:nth-child(46) span{   text-align: center;  padding-bottom: 30px; }


.navigation a:nth-child(1):hover { background	: #E40000 url("images/fox_hover_big.png")	center no-repeat; color: transparent; display: block; background-size: 100px 113px; }
.navigation a:nth-child(2):hover { background	: #E40000 url("images/fox_hover_big.png")	center no-repeat; color: transparent; display: block; background-size: 100px 113px; }
.navigation a:nth-child(3):hover { background	: #E40000 url("images/fox_hover_big.png")	center no-repeat; color: transparent; display: block; background-size: 100px 113px; }

.navigation a:nth-child(4):hover { background	: #E40000 url("images/fox_hover_small.png")	center no-repeat; color: transparent; display: block; background-size : 70px 78px; }
.navigation a:nth-child(46):hover { background	: #E40000 url("images/fox_hover_small.png")	center no-repeat; color: transparent; display: block; background-size : 70px 78px;}
.navigation a:nth-child(47):hover { background	: #E40000 url("images/fox_hover_small.png")	center no-repeat; color: transparent; display: block; background-size : 70px 78px;}
.navigation a:nth-child(17):hover { background	: #E40000 url("images/fox_hover_small.png")	center no-repeat; color: transparent; display: block; background-size : 70px 78px;}

.navigation a:nth-child(48):hover { background	: #E40000 url("images/fox_hover_big.png")	center no-repeat; color: transparent; display: block; background-size: 100px 113px; }
.navigation a:nth-child(49):hover { background	: #E40000 url("images/fox_hover_big.png")	center no-repeat; color: transparent; display: block; background-size: 100px 113px; }

#cboxContent, #cboxLoadedContent, #bar-left-bottom { height: auto!important }
#cboxWrapper, #cboxContent, #cboxLoadedContent, #function-left { height: auto!important }

.ajax-loader{ position: absolute;}

.wpcf7-form{}

/*.wpcf7-not-valid-tip span { display:none;}*/
span.wpcf7-not-valid-tip{ display:none;}

div.wpcf7-validation-errors{
	position: absolute;
	top: 450px;
	color: red;
	border: black;
}
div.wpcf7-mail-sent-ok{
	position: absolute;
	top: 450px;
	color: green;
	border: black;

}
.img_plus {

	width: 82px;
	height: 82px;
	position: relative;
	margin-top: 0;
	background: black;
	top: 35px;
	left : 244px;
	background	: url("images/plus_image.jpg")	center	bottom	no-repeat;


}


.red_equal{
	width: 82px;
	height: 82px;
	position: relative;
	margin-top: 0;
	background: black;
	top: -48px;
	left : 530px;
	background	: url("images/red_equal.jpg")	center	bottom	no-repeat;


}

.social
{
	width						: 100%;
	left						: 0;
    position: relative;
    top: 200px;

	/* Can't use relative/top on the wrapper because it causes z-fighting with the flip-card elements */
	-webkit-transform				: translateY(-230px);
	-moz-transform					: translateY(-230px);
	-ms-transform					: translateY(-230px);
	transform					: translateY(-230px);
}

.social_wrapper
{
	text-align					: center;
	vertical-align					: middle;
	height						: 64px;
	/*display 					: inline-block;*/
}

.social_wrapper a
{
	margin						: 5px 3px;
	display 					: inline-block;
}

.social_wrapper a img
{
	width						: 64px;
	border						: none;
	margin						: 4px;
	-webkit-transition				: all 0.2s;
	-moz-transition 				: all 0.2s;
	-ms-transition					: all 0.2s;
	transition					: all 0.2s;
}

.social_wrapper a:hover img
{
	width						: 72px;
	margin						: 0;
}

div#menu-left-top p{
	font-size:14px;
}
#contact-details
{
	color						: black;
	background					: white 	url("images/bg_contact.png")			center	bottom	no-repeat;
	background					: white;
	font-size					: 17px;
	font-weight					: 700;
	text-transform					: uppercase;
	height						: 620px;
	width						: 360px;
	padding 					: 46px 25px 0 31px;
	position					: relative;
	position					: absolute;
	left						: -999999px;
	z-index 					: -999999;
}


#contact-details.show
{
	position					: relative;
	left						: 0;
	z-index 					: 0;
}

#contact-details h1
{
	background					: white 	url("images/contact-logo.png")			center		no-repeat;
	text-indent					: 200%;
	white-space					: nowrap;
	height						: 100px;
	width						: 220px;
	margin						: 0;
	overflow					: hidden;
}

#contact-details strong
{
	color						: #E40000;
}

#contact-details p.open
{
	color						: #E40000;
	font-size					: 20px;
	line-height					: 30px;
}

#contact-details p.open strong
{
	font-size					: 32px;
	font-weight					: 700;
	line-height					: 35px;
	display 					: block;
}

#contact-map
{
	background					: rgba(255, 0, 0, 0.25);
	height						: 620px;
	width						: 360px;
	position					: absolute;
	top						: 0;
	left						: 100%;
}

.show #contact-map
{
}

#whats-on-popup
{
	color						: black;
	background					: white;
	font-size					: 17px;
	font-weight					: 700;
	text-transform					: uppercase;
	/*height						: 620px;
	width						: 1285px;*/
	padding 					: 10px 10px 10px 10px;
	position					: relative;
	position					: absolute;
	left						: -999999px;
	z-index 					: -999999;
	padding-top					: 0px;
}

#whats-on-popup.show
{
	position					: relative;
	left						: 0;
	z-index 					: 0;

}


.bx-wrapper .bx-controls-direction a
{

}

.bx-wrapper .bx-controls-direction a.bx-next,
.bx-wrapper .bx-controls-direction a.bx-next:hover
{
	background: transparent url("images/arrow_right.png");
	position:  relative;
	top:    -330px;
	left 	: 1200px;
	width: 50px;
	height: 55px;
	display: block;

}




.bx-wrapper .bx-controls-direction a.bx-prev,
.bx-wrapper .bx-controls-direction a.bx-prev:hover
{

	background: transparent url("images/arrow_left.png");
	position:  relative;
	top:    -300px;
	left 	: 50px;
	width: 50px;
	height: 55px;
	display: block;

}



.bx-wrapper .bx-viewport{ border: 0px;  bottom: 5px;}


.colorbox .cboxWrapper .cboxContent #whats-on-popup, .whats-on-slider .bx-wrapper .bx-viewport{ height: 615px !important; left:2px !important; }
/*
.whats-on-slider{ 	height	: 615px; width	: 1280px;}
.whats-on-slider .bx-wrapper {height	: 614px; width	: 1279px; }*/
.whats-on-slider .bx-wrapper { margin-bottom: 0px; overflow: hidden;}
.whats-on-slider {margin-top: 0px; }


.event-image{
	width: 410px;
	padding-left:8px;
}

#function-popup{
	background					: white;
	position					: relative;
	position					: absolute;
	left						: -999999px;
	z-index 					: -999999;

}

#function-popup.show
{
	background-color: white;
	position					: relative;
	left						: 0;
	z-index 					: 0;
}
#luxe-popup{
	background					: white;
	position					: relative;
	position					: absolute;
	left						: -999999px;
	z-index 					: -999999;

}

#luxe-popup.show
{
	background-color: white;
	position					: relative;
	left						: 0;
	z-index 					: 0;
}

.bx-controls-direction{ height: 0;}


#function-wrapper{ width:938px; height:841px; background-color: white; overflow: hidden;}

#function-left{ margin-top: 0px;float:left; width: 527px; background-color: white; }
#function-right{ margin-top: 0px; padding-left: 0px; float:right; width: 398px;  }

#function-right-top { margin-top: 0px; margin-right: 0px; background-color: white;  }
#function-right-bottom { margin-top: 5px; background-color: white; height: 266px; overflow: hidden;}

#function-left-top{ margin: 16px 0 0 28px; width:459px; height:330px; }
#function-left-top-heading { margin-bottom: 0px; }
#function-left-bottom{  margin: 0px 0px 0px 28px; width:459px; height:auto;}

#function-form-row1{width:459px; color: white; overflow: hidden; }
#function-form-row2{width:459px; color: white; overflow: hidden; }
#function-form-row3{width:459px; color: white; overflow: hidden; }
#function-form-row4{width:459px;color: white; overflow: hidden;}
/*
#function-form-row1{width:459px;height: 48px; color: white;}
#function-form-row2{width:459px;height: 48px; color: white}
#function-form-row3{width:459px;height: 48px; color: white}
#function-form-row4{width:459px;height: auto; color: white}
*/

#function-form-row1 input[type="text"]{ width:226px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row2 input[type="text"]{ margin-top:4px; width:226px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row2 input[type="date"]{ margin-top:4px; width:225px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row3 input[type="text"]{margin-top:4px; width:330px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row4 input[type="text"]{ margin-top:4px; width:459px;height: 150px;background-color: #e40202; color:white; border:none;}
#function-form-row3 input[type="submit"]{ margin-top:4px;width:123px;height: 47px; background-color: black; color:white; border:none;

	vertical-align					: bottom;
	padding 						: 0;

	-webkit-appearance				: none;
	-moz-appearance					: none;
	-ms-appearance					: none;
	appearance						: none;
}


/*
#function-form-row1 .function-form-name{ width:225px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row1 .function-form-contact{ margin-top:9px; width:225px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row2 .function-form-date{ margin-top:9px; width:225px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row2 .function-form-people{ margin-top:9px; width:225px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row3 .function-form-email {margin-top:9px; width:330px;height: 47px; background-color: #e40202; color:white; border:none;}
#function-form-row4 .function-form-comment{ margin-top:9px; width:459px;height: 150px;background-color: #e40202; color:white; border:none;}
#function-form-row3 input[type="submit"]{ margin-top:9px;width:123px;height: 47px; background-color: black; color:white; border:none;}
*/

.function-form-name{

     font-size: 14px;
    text-align: left;
    padding-left: 10px;
   padding-right: 10px;
}

.function-form-contact{

	 font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;

}

.function-form-date{
	 font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;

}

.function-form-people{
	font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;

}

.function-form-email{
	font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;

}

.function-form-comment{
	 font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top:4px;
    width:457px;
    height: 150px;
    background-color: #e40202;
    color:white;
    border:none;
 }

#luxe-wrapper{ width:938px; height:841px; background-color: white; overflow: hidden;}

#luxe-left{ margin-top: 0px;float:left; width: 527px; background-color: white; }
#luxe-right{ margin-top: 0px; padding-left: 0px; float:right; width: 398px;  }

#luxe-right-top { margin-top: 0px; margin-right: 0px; background-color: white;  }
#luxe-right-bottom { margin-top: 5px; background-color: white; height: 266px; overflow: hidden;}

#luxe-left-top{ margin: 16px 0 0 28px; width:459px; height:330px; }
#luxe-left-top-heading { margin-bottom: 0px; }
#luxe-left-bottom{  margin: 0px 0px 0px 28px; width:459px; height:auto;}

#luxe-form-row1{width:459px; color: white; overflow: hidden; }
#luxe-form-row2{width:459px; color: white; overflow: hidden; }
#luxe-form-row3{width:459px; color: white; overflow: hidden; }
#luxe-form-row4{width:459px;color: white; overflow: hidden;}
/*
#luxe-form-row1{width:459px;height: 48px; color: white;}
#luxe-form-row2{width:459px;height: 48px; color: white}
#luxe-form-row3{width:459px;height: 48px; color: white}
#luxe-form-row4{width:459px;height: auto; color: white}
*/

#luxe-form-row1 input[type="text"]{ width:226px;height: 47px; background-color: #e40202; color:white; border:none;}
#luxe-form-row2 input[type="text"]{ margin-top:4px; width:226px;height: 47px; background-color: #e40202; color:white; border:none;}
#luxe-form-row2 input[type="date"]{ margin-top:4px; width:225px;height: 47px; background-color: #e40202; color:white; border:none;}
#luxe-form-row3 input[type="text"]{margin-top:4px; width:330px;height: 47px; background-color: #e40202; color:white; border:none;}
#luxe-form-row4 input[type="text"]{ margin-top:4px; width:459px;height: 150px;background-color: #e40202; color:white; border:none;}
#luxe-form-row3 input[type="submit"]{ margin-top:4px;width:123px;height: 47px; background-color: black; color:white; border:none;

  vertical-align          : bottom;
  padding             : 0;

  -webkit-appearance        : none;
  -moz-appearance         : none;
  -ms-appearance          : none;
  appearance            : none;
}




.luxe-form-name{

     font-size: 14px;
    text-align: left;
    padding-left: 10px;
   padding-right: 10px;
}

.luxe-form-contact{

   font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;

}

.luxe-form-date{
   font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;

}

.luxe-form-people{
  font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;

}

.luxe-form-email{
  font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;

}

.luxe-form-comment{
   font-size: 14px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top:4px;
    width:457px;
    height: 150px;
    background-color: #e40202;
    color:white;
    border:none;
 }
#bar
{
	background					: white;
	position					: relative;
	position					: absolute;
	left						: -999999px;
	z-index 					: -999999;
}

#bar.show
{
	background-color: white;
	position					: relative;
	left						: 0;
	z-index 					: 0;
height:870px;}

#bar-wrapper{ width:936px; height:841px; background-color: white; overflow: hidden;}

#bar-left{ margin-top: 0px;float:left; width: 528px; background-color: white; }
#bar-right{ margin-top: 0px; float:right; width: 407px; background-color: white; }

#bar-right-top { margin-top: 0px; background-color: white; overflow: visible; }
#bar-right-bottom { margin-top: 5px; background-color: white; height: 266px; overflow: visible;}

#bar-left-top{ 	margin: 16px 0 0 28px; width:459px; height:515px; 	border-bottom: solid black; }

#bar-left-bottom{  margin: 10px 0 35px 28px; width:459px; height:400px;}
/*
#bar-form-join-club{ color: white;}
#bar-form-join-club input[type="text"]{ width:325px;height: 54px; background-color: #e40202; color:white; border:none;}

#bar-form-submit{color: white;}
#bar-form-join-club input[type="submit"]{ width:100px;height: 54px; background-color: black; color:white;  font-size: 17px;border:none;}*/
.bar-form-join{

     font-size: 14px;
    text-align: left;
    padding-left: 15px;
   padding-right: 15px;
}

#bar-left-bottom input[type="text"]
{
 width: 315px;
 height: 50px;
  background-color: red;
  color: white;
  font-size		: 14px;
  border-style: none;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

#bar-left-bottom input[type="submit"]
{
 width: 110px;
 height: 50px;
  background-color: black;
  color: white;
  font-size		: 17px;
  border-style: none;
  margin-left: 5px;
}



#menu
{
	background					: white;
	position					: relative;
	position					: absolute;
	left						: -999999px;
	z-index 					: -999999;
}

#menu.show
{
	background-color: white;
	position					: relative;
	left						: 0;
	z-index 					: 0;
}

#menu-wrapper{ width:936px; height:578px; background-color: white;  overflow: hidden;}

#menu-left{ margin-top: 0px;float:left; width: 528px; background-color: white; }
#menu-right{ margin-top: 0px; float:right; width: 407px; background-color: white; }

#menu-right-top { margin-top: 0px; background-color: white; overflow: visible; }
/*#menu-right-bottom { margin-top: 5px; background-color: white; height: 266px; overflow: visible;}*/

#menu-left-top{ 	margin: 16px 0 0 28px; width:459px; height:441px; 	border-bottom: none; }
/*#menu-left-bottom{  margin: 10px 0 35px 28px; width:459px; height:400px;}*/

#menu-left-bottom input[type="text"]
{
 width: 315px;
 height: 50px;
  background-color: red;
  color: white;
  font-size		: 14px;
  border-style: none;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}


#menu-left-bottom input[type="submit"]
{
 width: 110px;
 height: 50px;
  background-color: black;
  color: white;
  font-size		: 17px;
  border-style: none;
  margin-left: 5px;
}
/*
#cboxWrapper, #cboxMiddleLeft, #cboxcontent, #cboxLoadedContent, #menu-wrapper { overflow: hidden;}
*/



@media only screen and (max-width: 999px){
#slideout1-container{
	top:50%;
}
	.social
	{
		height					: 72px;
		width					: 100%;
	    position: relative;
    	top: 200px;
		left					: 0;
		right					: 0;
		bottom					: 0;
	}

	.social_wrapper
	{
		position				: static;
	}

	.social_wrapper a
	{
		vertical-align				: middle;
		margin					: 0 5px;
	}

	.social_wrapper a:hover
	{
		margin					: -4px 5px;
	}

	.social_wrapper a img
	{
		margin					: 0 4px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 999px){
	video { display : none; }
	.navigation a span	{ font-size : 40px !important; }
	/*.navigation a:nth-child(15) span { font-size : 24px !important; }
	.navigation a:nth-child(15) span:first-line { font-size : 48px !important; }*/
}

@media only screen and (min-width: 490px) and (max-width: 767px){
	body { background-image : url("images/bg_body_0960.jpg"); }
}


@media only screen /*and (min-width: 320px)*/ and (max-width: 489px)
{	body { background-image : url("images/bg_body_0640.jpg"); }

	.flip{ width:100% !important;}
	.flip_main {width:90%;}
	.front-wrap img{ width:100%; height:auto;}
	/*.social{height: auto !important;top: 390px;width: 55px;left: 0;right: 0;margin: 0 auto;}
	.social a {margin-bottom: 0px;}*/

/*by Athavan */
	.social{display: none;}
	.social a {display: none;}

	.img_plus{ display:none; }
	.red_equal{ display: none;}

	.flip .back { width:100% !important; }
	.navigation a:nth-child(1){ width:33% !important; position: static; line-height : 40px; height : 72px; }
	.navigation a:nth-child(2){ width:33% !important; position: static; line-height : 40px; height : 72px;}
	.navigation a:nth-child(3){ width:33% !important; position: static; line-height : 40px; height : 72px;}
	.navigation a:nth-child(4){ width:33% !important; position: static; line-height : 30px; height : 56px;}

	.navigation a:nth-child(46){width:33% !important; position: static;line-height : 30px; height : 56px;}
	.navigation a:nth-child(47){width:33% !important; position: static; line-height : 30px; height : 56px;}
	.navigation a:nth-child(48){width:100% !important; position: static;line-height : 40px; height : 72px;}

		/*End by Athavan*/

	.navigation a		{ line-height : 56px; height : 72px; }
	.navigation a span	{ font-size : 24px !important; }
	.navigation a:nth-child(45) span { font-size : 12px !important; }
	.navigation a:nth-child(45) span:first-child { font-size : 24px !important; }
}



div.wpgc_campaign_description,
div.giftcertificateslite_signup_box em {font-style: normal !important;font-size: 14px !important;line-height: 24px !important; white-space : pre-wrap; }
.navigation a:hover span{ /*transform:scale(1.2) translate(0) !important; margin:0; transition:0.2s;*/}
select.giftcertificateslite_signup_long, input.giftcertificateslite_signup_long { width:260px !important;}
.cboxIframe { min-height:680px !important;}
.body_for_giftcardpage{ overflow:auto; background-image:none; background-color:#E40000;}
.body_for_giftcardpage #masthead{ display:none;}

.giftcertificateslite_confirmation_data span
{
	white-space					: nowrap;
}


::-webkit-input-placeholder{
    font-size: 1.2em;
   text-align: left;
    color: #FFFFFF;
}

:-moz-placeholder{ /* Firefox 18- */
   color: #FFFFFF;
   font-size: 1.2em;
   text-align: left;
}

::-moz-placeholder{  /* Firefox 19+ */
   color: #FFFFFF;
   font-size: 1.3em;
   text-align: left;
}

:-ms-input-placeholder{
   color: #FFFFFF;
   font-size: 1.2em;
   text-align: left;
}

@media all {
		:placeholder { color: white !important; }
		::placeholder { color: white !important; }
}

.join-the-club input[type="text"]{
	padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    color: white;
    margin-top: 0px;
}


/*
#mce-responses, #mce-success-response{
	font-size: 8px;
}*/


.logo-home{
    position: relative;
    top: -60px;
}

.flip_main .logo-home img{
    border: none;
}
#function-form-row2 > span.wpcf7-form-control-wrap.no-of-people > input{
    width: 226px;
    height: 47px;
    background-color: #e40202;
    color: white;
    border: none;
}


.menu-left-top h3 {
    margin: 0.6rem 0;
}
#card.mobile-rotate{
transform: rotateY(180deg) !important;
}
#function-wrapper a h3{
	    background-color: #000;
    color: white !important;
    font-size: 1.17em;
    border-style: none;
    padding: 10px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}
#function-wrapper a h3:hover{
	background-color: #f90201;
}
.gather-lead-button{
	    background-color: #f90201;
    color: white;
    font-size: 1.17em;
    border-style: none;
    padding: 10px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}
.gather-lead-button:hover{
	cursor: pointer;
	background-color: #000;
}
a.typeform-share.button.gather-lead-button{
	margin-top:20px;
}
a.typeform-share.button.gather-lead-button:hover{
	background-color: #f90201;

	opacity: 0.8;
}
div#order-button {
    min-height: 110px;
}

.navigation a:nth-child(n+4) {
    display: none;
}

.navigation {
    height: 407px;
}

.navigation a {
    height: 407px;
}

.navigation a span {
    line-height: 380px;
}

a#bar-popup span {
    line-height: initial;
    font-size: 45px;
    margin-top: 119px;
}

.red_equal {
    top: 70px;
}

.img_plus {
    top: 150px;
}
.glf-button{
	display: none !Important;
}
.mx-2{
	margin:0 10px;
}

div#bar-left-top .callout-p {
    font-size: 23px;
    font-style: italic;
		margin: 10px 0;
}

div#menu-left-top p.callout-p {
    font-size: 18px;
    margin: 10px 0;
}