@import http://fonts.googleapis.com/css?family=Open+Sans;

@font-face {
	font-family:Troika;
	src:url(../troika.otf);
	src:url(../troika.woff) format('woff'), url(../troika.woff2) format('woff2'), url(../troika.eot) format('eot'), url(../troika.ttf) format('ttf'),;

}

/*
@font-face {
font-family: Troika;
font-weight: bold;
src: url("troika.otf") format("opentype");
}
*/
/* EXAMPLE 
<div class="section group">
		<div class="uuCol span_X_of_Y breakZZZZ ALIGNMENT">  <!-- formula -->
		This is column 1
		</div>
		<div class="uuCol span_1_of_2 break1000 center">  <-- example -->
		This is column 2
		</div>
</div>

uuCol = 3 spacing sizes by default:
col, mdCol, lgCol

span_X_of_Y
X = how many slices of the pie
Y = total slices of the pie
Ex: span_1_of_5

breakZZZZ
breakZZZZ = screen size of responsive
Ex: break800 = breaks at 800 pixel screen

ALIGNMENT = left, center, right aligned
classes: left, center, right


<!-- this particular 2 divs will be responsive at the screen = 500 -->
	<div class="mdCol span_1_of_2 break500 left">  
			This is column 1
	</div>
	<div class="mdCol span_1_of_2 break500 center"> 
		This is column 2
	</div>


*/
body {
	background-color: #64B48A;
}
body.homeBg {
/*
	background-image:url(../img/home/feature.jpg);
	background-repeat:no-repeat;
	background-position:top center;
*/
/* 	background-size:cover; */
}

body.recipeBg {
	background-image:url(../img/recipe/RECIPE-BG.jpg);
	background-repeat:no-repeat;
	background-position:top center;
/* 	background-size:cover; */
}


body.shopBg {
	background-image:url(../img/recipe/shop.jpg);
	background-repeat:no-repeat;
	background-position:top center;
/* 	background-size:cover; */
}


body.aboutBg {
	background-image:url(../img/recipe/about.jpg) ;
	background-repeat:no-repeat;
	background-position:top center;
/* 	background-size:cover; */

	

}

.background-about {
	background-image:url(../img/recipe/about.jpg) ;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;

}

.background-recipe {
	background-image:url(../img/recipe/RECIPE-BG.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}


body {
	margin:auto;
	font-size:18px;
	font-family:'Open Sans',sans-serif;
	letter-spacing:1px;
}

.troika {
	font-family:Troika;
}

.lightGray {
	color:#000;
}

.green{
	color:#5ba975;
}

.lightGrayBg {
	background-color:#c9c8c7;
}

.wrapper {
	max-width:2000px;
	width:100%!important;
	height:auto;
	margin:0 auto;
	clear:both;
}

.wrapperNav {
	width:100%!important;
	max-width:1250px;
	height:auto;
	margin:0 auto;
}

.wrapper2 {
	width:100%!important;
	max-width:1000px;
	height:auto;
	margin:0 auto;
}

.over:hover {
	background: rgba(0, 0, 0, .3);
	width: 100%;
}

.wrapper3 {
	width:100%!important;
	max-width:950px;
	height:auto;
	margin:auto;
	padding:25px 0;
}

.headerNav {
	background-image:url(../img/nav/navBg.png);
	background-repeat:repeat;
	background-position:left center;
	height:auto;
}

.logo {
	vertical-align:middle;
}

.logo img {
	padding-top:10px;
}

.navigation {
	width:700px;
}

.grayLineBg100 {
	background-image:url(../img/grayLineHorizontal.png);
	background-repeat:repeat-x;
	background-position:left center;
	height:7px;
	width:100%;
}

.grayLineBg {
	background-image:url(../img/grayLineHorizontal.png);
	background-repeat:repeat-x;
	background-position:left center;
}

.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.transBlackBg {
	background-color:rgba(0,0,0,0.5);
/* 	padding:25px; */
}

#ginBottle,
#whiskeyBottle,
#vodkaBottle,
#rumBottle {
	width: 100%; height: 260px;
}

#sortByAlch {
	background-image:url(../img/recipe/SORT-BY-ALCOHOL-20.png);
	background-repeat:repeat-x;
	background-position:center center;
	height:25px;
	width:100%;
}

.transBlackBg .span_1_of_4 {
	padding-top:20px;
}

#ginLabel1,
#ginLabel2,
#ginLabel3,
#ginLabel4,
#ginLabel5,
#ginLabel6,
#ginLabel7,
#ginLabel8,
#ginLabel9,
#ginLabel10,
#whiskeyLabel1,
#whiskeyLabel2,
#whiskeyLabel3,
#whiskeyLabel4,
#whiskeyLabel5,
#whiskeyLabel6,
#whiskeyLabel7,
#whiskeyLabel8,
#whiskeyLabel9,
#whiskeyLabel10,
#vodkaLabel1,
#vodkaLabel2,
#vodkaLabel3,
#vodkaLabel4,
#vodkaLabel5,
#vodkaLabel6,
#vodkaLabel7,
#vodkaLabel8,
#vodkaLabel9,
#vodkaLabel10,
#rumLabel1,
#rumLabel2,
#rumLabel3,
#rumLabel4,
#rumLabel5,
#rumLabel6,
#rumLabel7,
#rumLabel8,
#rumLabel9,
#rumLabel10
 {
	text-transform: uppercase;
}

.bottleSelected {
	background-image:url(../img/recipe/selectedBottle.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-color:rgba(0,0,0,0.5);
	color: #fff;
}

#typesOfGin td,#typesOfWhiskey td,#typesOfVodka td,#typesOfRum td {
	font-size:21px;
	width:250px!important;
	color: #5ba975;
}


	
	

.coctailSelected {
	background-image:url(../img/recipe/drinkSelectedBg.png);
	background-position:right center;
	background-repeat:repeat-y;
	background-color:rgba(0,0,0,0.5);
	width:100%;
	color: #fff;
}

h1 {
/* 	text-align:center; */
	text-transform:uppercase;
	color:#333253;
	font-weight:400;
	font-family:Troika;
}

span.testimonial {
	font-size:30px;
	color:#898989;
}

.footer {
	background-color:#64B48A;
	background-image:url(../img/footer/footerBg.png);
	background-position:left center;
	background-repeat:repeat-x;
}

.footerBox {
	border-radius:10px;
	border:#2e9060 3px solid;
	background-color:#64b48a;
	width:30%;
}

.footerSpacer {
	width:3%;
}

.footer h2 {
	font-family:Troika;
	color:#d3d754;
	text-transform:uppercase;
	text-align:center;
	margin-top:0;
	margin-bottom:10px;
	font-size:40px;
}

.footer .leftSide a {
	color:#c9c8c7;
	text-decoration:none;
	font-weight:300;
}

.footer .middleSide {
}

.footer .rightSide a {
	color:#323252;
	text-decoration:none;
	font-weight:300;
}

.footer td {
	vertical-align:middle!important;
}

.footer table table {
	margin:auto;
}

/* responsive images */
img {
	max-width:100%!important;
/** this is the most helpful piece of code, EVER **/
}

/* alignment */
.left {
	text-align:left;
	align-content:flex-start;
	align-items:left;
}

.center {
	text-align:center;
	align-content:center;
	align-items:center;
}

.right {
	text-align:right;
	align-content:flex-end;
	align-items:flex-end;
}

/*  SECTIONS  */
.section {
	clear:both;
	padding:0;
	margin:0;
}

/*  COLUMN SETUP  */
.col {
	display:block;
	float:left;
	margin:1% 0 1% 1.6%;
}

.mdCol {
	display:block;
	float:left;
	margin:1% 0 1% 3.2%;
}

.lgCol {
	display:block;
	float:left;
	margin:1% 0 1% 6.4%;
}

.col:first-child,.mdCol:first-child,.lgCol:first-child {
	margin-left:0;
}

/*  GROUPING  */
.group:before,.group:after {
	content:"";
	display:table;
}

.group:after {
	clear:both;
}

.group {
	zoom:1;
/* For IE 6/7 */
}

/* fullscreen */
.span_2_of_2,.span_3_of_3,.span_4_of_4,.span_5_of_5,.span_6_of_6,.span_7_of_7,.span_8_of_8,.span_9_of_9,.span_10_of_10 {
	width:100%!important;
}

/*  GRID OF TWO  */
.col.span_1_of_2 {
	width:49.2%;
}

.mdCol.span_1_of_2 {
	width:48.4%;
}

.lgCol.span_1_of_2 {
	width:46.8%;
}

/*  GRID OF THREE  */
.col.span_2_of_3 {
	width:66.13%;
}

.col.span_1_of_3 {
	width:32.26%;
}

.mdCol.span_2_of_3 {
	width:65.6%;
}

.mdCol.span_1_of_3 {
	width:31.2%;
}

.lgCol.span_2_of_3 {
	width:64.53%;
}

.lgCol.span_1_of_3 {
	width:29.06%;
}

/*  GRID OF FOUR  */
.col.span_3_of_4 {
	width:74.6%;
}

.col.span_2_of_4 {
	width:49.2%;
}

.col.span_1_of_4 {
	width:23.8%;
}

.mdCol.span_3_of_4 {
	width:74.2%;
}

.mdCol.span_2_of_4 {
	width:48.4%;
}

.mdCol.span_1_of_4 {
	width:22.6%;
}

.lgCol.span_3_of_4 {
	width:73.4%;
}

.lgCol.span_2_of_4 {
	width:46.8%;
}

.lgCol.span_1_of_4 {
	width:20.2%;
}

/*  GRID OF FIVE  */
.col.span_4_of_5 {
	width:79.68%;
}

.col.span_3_of_5 {
	width:59.36%;
}

.col.span_2_of_5 {
	width:39.04%;
}

.col.span_1_of_5 {
	width:18.72%;
}

.mdCol.span_4_of_5 {
	width:79.36%;
}

.mdCol.span_3_of_5 {
	width:58.72%;
}

.mdCol.span_2_of_5 {
	width:38.08%;
}

.mdCol.span_1_of_5 {
	width:17.44%;
}

.lgCol.span_4_of_5 {
	width:78.72%;
}

.lgCol.span_3_of_5 {
	width:57.44%;
}

.lgCol.span_2_of_5 {
	width:36.16%;
}

.lgCol.span_1_of_5 {
	width:14.88%;
}

/*  GRID OF SIX  */
.col.span_5_of_6 {
	width:83.06%;
}

.col.span_4_of_6 {
	width:66.13%;
}

.col.span_3_of_6 {
	width:49.2%;
}

.col.span_2_of_6 {
	width:32.26%;
}

.col.span_1_of_6 {
	width:15.33%;
}

.mdCol.span_5_of_6 {
	width:82.8%;
}

.mdCol.span_4_of_6 {
	width:65.6%;
}

.mdCol.span_3_of_6 {
	width:48.4%;
}

.mdCol.span_2_of_6 {
	width:31.2%;
}

.mdCol.span_1_of_6 {
	width:14%;
}

.lgCol.span_5_of_6 {
	width:82.26%;
}

.lgCol.span_4_of_6 {
	width:64.53%;
}

.lgCol.span_3_of_6 {
	width:46.8%;
}

.lgCol.span_2_of_6 {
	width:29.06%;
}

.lgCol.span_1_of_6 {
	width:11.33%;
}

/*  GRID OF SEVEN  */
.col.span_6_of_7 {
	width:85.48%;
}

.col.span_5_of_7 {
	width:70.97%;
}

.col.span_4_of_7 {
	width:56.45%;
}

.col.span_3_of_7 {
	width:41.94%;
}

.col.span_2_of_7 {
	width:27.42%;
}

.col.span_1_of_7 {
	width:12.91%;
}

.mdCol.span_6_of_7 {
	width:85.25%;
}

.mdCol.span_5_of_7 {
	width:70.51%;
}

.mdCol.span_4_of_7 {
	width:55.77%;
}

.mdCol.span_3_of_7 {
	width:41.02%;
}

.mdCol.span_2_of_7 {
	width:26.28%;
}

.mdCol.span_1_of_7 {
	width:11.54%;
}

.lgCol.span_6_of_7 {
	width:84.8%;
}

.lgCol.span_5_of_7 {
	width:69.6%;
}

.lgCol.span_4_of_7 {
	width:54.4%;
}

.lgCol.span_3_of_7 {
	width:39.2%;
}

.lgCol.span_2_of_7 {
	width:24%;
}

.lgCol.span_1_of_7 {
	width:8.8%;
}

/*  GRID OF EIGHT  */
.col.span_7_of_8 {
	width:87.3%;
}

.col.span_6_of_8 {
	width:74.6%;
}

.col.span_5_of_8 {
	width:61.9%;
}

.col.span_4_of_8 {
	width:49.2%;
}

.col.span_3_of_8 {
	width:36.5%;
}

.col.span_2_of_8 {
	width:23.8%;
}

.col.span_1_of_8 {
	width:11.1%;
}

.mdCol.span_7_of_8 {
	width:87.1%;
}

.mdCol.span_6_of_8 {
	width:74.2%;
}

.mdCol.span_5_of_8 {
	width:61.3%;
}

.mdCol.span_4_of_8 {
	width:48.4%;
}

.mdCol.span_3_of_8 {
	width:35.5%;
}

.mdCol.span_2_of_8 {
	width:22.6%;
}

.mdCol.span_1_of_8 {
	width:9.7%;
}

.lgCol.span_7_of_8 {
	width:86.7%;
}

.lgCol.span_6_of_8 {
	width:73.4%;
}

.lgCol.span_5_of_8 {
	width:60.1%;
}

.lgCol.span_4_of_8 {
	width:46.8%;
}

.lgCol.span_3_of_8 {
	width:33.5%;
}

.lgCol.span_2_of_8 {
	width:20.2%;
}

.lgCol.span_1_of_8 {
	width:6.9%;
}

/*  GRID OF NINE  */
.col.span_8_of_9 {
	width:88.71%;
}

.col.span_7_of_9 {
	width:77.42%;
}

.col.span_6_of_9 {
	width:66.13%;
}

.col.span_5_of_9 {
	width:54.84%;
}

.col.span_4_of_9 {
	width:43.55%;
}

.col.span_3_of_9 {
	width:32.26%;
}

.col.span_2_of_9 {
	width:20.97%;
}

.col.span_1_of_9 {
	width:9.688%;
}

/*  GRID OF TEN  */
.col.span_9_of_10 {
	width:89.84%;
}

.col.span_8_of_10 {
	width:79.68%;
}

.col.span_7_of_10 {
	width:69.52%;
}

.col.span_6_of_10 {
	width:59.36%;
}

.col.span_5_of_10 {
	width:49.2%;
}

.col.span_4_of_10 {
	width:39.04%;
}

.col.span_3_of_10 {
	width:28.88%;
}

.col.span_2_of_10 {
	width:18.72%;
}

.col.span_1_of_10 {
	width:8.56%;
}

@media only screen and (max-width: 1100px) {
	.break1100 {
		width:100%!important;
		margin:auto;
	}
	
	.break1100.left,.break1100.right {
		align-content:center;
		text-align:center;
	}
}

@media only screen and (max-width: 1050px) {
	.break1050 {
		width:100%!important;
		margin:auto;
	}
	
	.break1050.left,.break1050.right {
		align-content:center;
		text-align:center;
	}
}

td#logo {
	display: block;
}

.mobileLogo {
	display: none;
}

@media only screen and (max-width: 1000px) {
	.break1000 {
		width:100%!important;
		margin:auto;
	}
	
	.break1000.left,.break1000.right {
		align-content:center;
		text-align:center;
	}
	
	td#logo, td#navigation {
		width:100%!important;
		float:left;
		text-align:center;
		display:block;
	}
	
	td#logo  {
		display: none;
	}
	
	.mobileLogo {
		display: block;
	}
}

@media only screen and (max-width: 950px) {
	.break950 {
		width:100%!important;
		margin:auto;
	}
	
	.break950.left,.break950.right {
		align-content:center;
		text-align:center;
	}
}

@media only screen and (max-width: 900px) {
	.break900 {
		width:100%!important;
		margin:auto;
	}
	
	.break900.left,.break900.right {
		align-content:center;
		text-align:center;
	}
}

@media only screen and (max-width: 850px) {
	.break850 {
		width:100%!important;
		margin:auto;
	}
	
	.break850.left,.break850.right {
		align-content:center;
		text-align:center;
	}
}

@media only screen and (max-width: 800px) {
	.break800 {
		width:100%!important;
		margin:auto;
	}
	
	.break800.left,.break800.right {
		align-content:center;
		text-align:center;
	}
}

@media only screen and (max-width: 750px) {
	.break750 {
		width:100%!important;
		margin:auto;
	}
	
	.break750.left,.break750.right {
		align-content:center;
		text-align:center;
	}
}

@media only screen and (max-width: 700px) {
	.break700 {
		width:100%!important;
		margin:auto;
	}
	
	.break700.left,.break700.right {
		align-content:center;
		text-align:center;
	}
	
	/*
			.header {
				background:#202020;
			}
		*/
	.master-wrapper {
		position:relative!important;
	}
	
	.footerBox {
		width:100%;
		float:left;
		margin:auto;
	}
	
	.footerSpacer {
		width:100%;
		float:left;
		margin:auto;
	}
}

@media only screen and (max-width: 650px) {
	.break650 {
		width:100%!important;
		margin:auto;
	}
}

@media only screen and (max-width: 600px) {
	.break600 {
		width:100%!important;
		margin:auto;
	}
}

@media only screen and (max-width: 550px) {
	.break550 {
		width:100%!important;
		margin:auto;
	}
}

@media only screen and (max-width: 500px) {
	.break500 {
		width:100%!important;
		margin:auto;
	}
}

@media only screen and (max-width: 450px) {
	.break450 {
		width:100%!important;
		margin:auto;
	}
}

@media only screen and (max-width: 400px) {
	.break400 {
		width:100%!important;
		margin:auto;
	}
}

/** Navigation **/
/** Example code:
	
<div id='cssmenu'>
	<ul>
	   <li class='active has-sub'><a href='index.html'>About Us</a>
	      <ul>
	         <li><a href='#'>Test</a></li>
	      </ul>
	   </li>
	   <li><a href='#'>The Funding Guide</a></li>
	   <li class='has-sub'><a href='#'>Partners</a>
	      <ul>
	         <li><a href='#'>Test</a></li>
	      </ul>
	   </li>
	   <li><a href='#'>Triumph Book</a></li>
	   <li><a href='#'>Media</a></li>
	   <li><a href='#'>Blog</a></li>
	   <li><a href='#'>Sponsor Specials</a></li>
	</ul>
</div>

**/
#cssmenu {
	z-index:1000;
}

/* keeps menu above slider */
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	line-height:1;
	display:block;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:9999;
}

#cssmenu:after,#cssmenu > ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

#cssmenu #menu-button {
	display:none;
}

#cssmenu {
	font-family:'Troika';
	line-height:1;
	background:transparent;
	width:auto;
}

.activePage {
	background-image:url(../img/nav/SELECTED-RABBIT-LOGO2.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
}

#menu-line {
	position:relative;
	top:0;
	left:0;
	height:0;
	background:#009ae1;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-ms-transition:all .25s ease-out;
	-o-transition:all .25s ease-out;
	transition:all .25s ease-out;
}

#cssmenu > ul > li {
	float:left;
}

#cssmenu.align-center > ul {
	font-size:0;
	text-align:center;
}

#cssmenu.align-center > ul > li {
	display:inline-block;
	float:none;
	text-align:center;
}

#cssmenu.align-center ul ul {
	text-align:left;
}

#cssmenu.align-right > ul > li {
	float:right;
}

#cssmenu.align-right ul ul {
	text-align:right;
}

#cssmenu > ul > li > a {
	padding:70px 10px 30px;
	font-size:44px;
	text-decoration:none;
	font-weight:600;
	text-transform:uppercase;
	color:#c9c8c7;
	-webkit-transition:color .2s ease;
	-moz-transition:color .2s ease;
	-ms-transition:color .2s ease;
	-o-transition:color .2s ease;
	transition:color .2s ease;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#cssmenu > ul > li > a {
	padding:70px 10px 30px;
	font-size:34px;
	text-decoration:none;
	font-weight:600;
	text-transform:uppercase;
	color:#c9c8c7;
	-webkit-transition:color .2s ease;
	-moz-transition:color .2s ease;
	-ms-transition:color .2s ease;
	-o-transition:color .2s ease;
	transition:color .2s ease;
}
}

#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {
	color:#c6d23a;
}

#cssmenu > ul > li.has-sub > a {
	padding-right:25px;
}

#cssmenu > ul > li.has-sub > a::after {
	position:absolute;
	top:21px;
	right:10px;
	width:4px;
	height:4px;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	content:"";
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:border-color .2s ease;
	-moz-transition:border-color .2s ease;
	-ms-transition:border-color .2s ease;
	-o-transition:border-color .2s ease;
	transition:border-color .2s ease;
}

#cssmenu > ul > li.has-sub:hover > a::after {
	border-color:#009ae1;
}

#cssmenu ul ul {
	position:absolute;
	left:-9999px;
}

#cssmenu li:hover > ul {
	left:auto;
}

#cssmenu.align-right li:hover > ul {
	right:0;
}

#cssmenu ul ul ul {
	margin-left:100%;
	top:0;
}

#cssmenu.align-right ul ul ul {
	margin-left:0;
	margin-right:100%;
}

#cssmenu ul ul li {
	height:0;
	-webkit-transition:height .2s ease;
	-moz-transition:height .2s ease;
	-ms-transition:height .2s ease;
	-o-transition:height .2s ease;
	transition:height .2s ease;
}

#cssmenu ul li:hover > ul > li {
	height:32px;
}

#cssmenu ul ul li a {
	padding:10px 20px;
	width:160px;
	font-size:12px;
	background:#3bb44a;
	text-decoration:none;
	color:#fff;
	-webkit-transition:color .2s ease;
	-moz-transition:color .2s ease;
	-ms-transition:color .2s ease;
	-o-transition:color .2s ease;
	transition:color .2s ease;
}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
	color:#fff;
}

#cssmenu ul ul li.has-sub > a::after {
	position:absolute;
	top:13px;
	right:10px;
	width:4px;
	height:4px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	content:"";
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transition:border-color .2s ease;
	-moz-transition:border-color .2s ease;
	-ms-transition:border-color .2s ease;
	-o-transition:border-color .2s ease;
	transition:border-color .2s ease;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
	right:auto;
	left:10px;
	border-bottom:0;
	border-right:0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

#cssmenu ul ul li.has-sub:hover > a::after {
	border-color:#fff;
}

#cssmenu.small-screen {
	width:100%;
	float:right;
}

#cssmenu.small-screen ul {
	width:100%!important;
	display:none;
}

#cssmenu.small-screen.align-center > ul,#cssmenu.small-screen.align-right ul ul {
	text-align:left;
}

#cssmenu.small-screen ul li,#cssmenu.small-screen ul ul li,#cssmenu.small-screen ul li:hover > ul > li {
	width:100%!important;
	height:auto;
	border-top:1px solid rgba(120,120,120,0.15);
}

#cssmenu.small-screen ul li a,#cssmenu.small-screen ul ul li a {
	width:100%!important;
}

#cssmenu.small-screen > ul > li,#cssmenu.small-screen.align-center > ul > li,#cssmenu.small-screen.align-right > ul > li {
	float:none;
	display:block;
}

#cssmenu.small-screen ul li a {
	padding:20px 20px 20px 30px;
	font-size:20px;
	color:#fff;
	background:none;
}

#cssmenu.small-screen ul ul li:hover > a,#cssmenu.small-screen ul ul li a:hover {
	color:#fff;
}

#cssmenu.small-screen ul ul ul li a {
	padding-left:40px;
}

#cssmenu.small-screen ul ul,#cssmenu.small-screen ul ul ul {
	position:relative;
	left:0;
	right:auto;
	width:100%!important;
	margin:0;
}

#cssmenu.small-screen > ul > li.has-sub > a::after,#cssmenu.small-screen ul ul li.has-sub > a::after {
	display:none;
}

#cssmenu.small-screen #menu-line {
	display:none;
}

#cssmenu.small-screen #menu-button {
	display:block;
	padding:20px;
	color:#fff;
	cursor:pointer;
	font-size:25px;
	text-transform:uppercase;
}

#cssmenu.small-screen #menu-button::after {
	content:'';
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:15px;
	height:2px;
	background:#fff;
}

#cssmenu.small-screen #menu-button::before {
	content:'';
	position:absolute;
	top:25px;
	right:20px;
	display:block;
	width:15px;
	height:3px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

#cssmenu.small-screen .submenu-button {
	position:absolute;
	z-index:10;
	right:0;
	top:0;
	display:block;
	border-left:1px solid rgba(120,120,120,0.15);
	height:52px;
	width:52px;
	cursor:pointer;
}

#cssmenu.small-screen .submenu-button::after {
	content:'';
	position:absolute;
	top:21px;
	left:26px;
	display:block;
	width:1px;
	height:11px;
	background:#000;
	z-index:99;
}

#cssmenu.small-screen .submenu-button::before {
	content:'';
	position:absolute;
	left:21px;
	top:26px;
	display:block;
	width:11px;
	height:1px;
	background:#000;
	z-index:99;
}

#cssmenu.small-screen .submenu-button.submenu-opened:after {
	display:none;
}

#cssmenu.small-screen.select-list {
	padding:5px;
}


.menu-font {
	font-family:'Troika';
	src:url(../troika.otf);
	src:url(../troika.woff);

}

.footer-link a {color: #323252;}
.footer-link a:hover {color: white;}



/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}