@charset "UTF-8";
/* CSS Document */

*{
	box-sizing: border-box;
}

h1{
	color:rgba(255,255,255,1.00);
}
.header{
	width:100%;
	height:675px;
	background-color:rgba(147,93,94,1.00);
	margin:auto;
}

.img_container{
	width:100%;
	height:250px;
	background-color:rgba(0,0,0,1.00);
	margin:auto;
}

/*hero slides*/  
.slide {
    width: 100%;
    height:600px;
    max-width:1400px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.slider-container {
    display: flex;
   align-items: center;
   justify-content: center;

}

.slide1,.slide2{
	background-size: cover;
    background-repeat: no-repeat;
}

.slide1 {
     background-image: url(photos/1x/Artboard\ 1.png);
    background-position: center top;
}
.slide2 {
    
	background-image:url(photos/L_1920BPM-Lifestyle-Shrimp-Poboy-Retouched-and-cropped\ copy.jpg);
	 background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}


.teal{
    color:#131751;
}
.white{
    color:#333;
}

.black-back{
    background-color:#000  ;
    padding:5px;
}
.cta-wrapper{
    max-width: 1400px;
    width: 100%;
    height:500px;
    justify-content:center;
    align-items:center;
    display: flex;
 }

.inner-cta-wrapper{
    width:350px;
    background-color: #fff;
    padding:20px;
    text-align:center;
    font-size:1.2em;
    border:solid 2px  #0e204d;
}
.inner-cta-wrapper hr{
   color: #0e204d;
    margin:20px;
    height:3px;
}
.fa-circle-chevron-right, .fa-circle-chevron-left{
    font-size:2em;
    margin-right:3px;
    color:#f0e6f9;
}

.btn-main{
    background-color:#0e204d;
    color: #fff;
    padding:10px 50px;
    border-radius:20px;
}

.container{
    background-color:rgba(82,42,111,1.0);
    text-align: center;
    margin:auto;
    padding:20px;
    width:100%;
    color: #fff;
}

.quickLinks{
    padding:10px;
    width:80%;
    margin:auto;
    height: auto;
   
}


.link1{
    width:100%;
    height:75px;
    background-color: #ddaaffcb;
    background-blend-mode: soft-light;
    color:#fff;
    border-color: rgb(115, 65, 151);
    border:solid 2px;
    box-shadow: #ffffff 0px 3px 10px;
    padding:20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:20px auto;
   
}

.outerWrap{
    max-width: 1400px;
    width:100%;
    height:500px;
    display:flex;
    align-items: center;
    justify-content: center ;
    background: #DDAAFF;
     background-blend-mode: soft-light;

}

.slide .inner-cta-wrapper .black-back{
    background-color:#000;
    color:#fff;
    padding:10px 50px ;

}

.btn-main{
    background-color:#000;
    color:#fff;
    padding:10px 50px;
    border-radius: 20px;
    border-style:none;

}

.dot-container{
    max-width:1400px;
    position: relative;
    bottom:25px;
    margin:0 auto;
}

.inner-dot-container{
    display:flex;
    justify-content: center;
    align-items:center;
}

.dot{
    cursor:pointer;
    height: 15px;
    width: 15px;
    margin: 0px;
    border-radius: 100%;
    background-color:rgba(128,128,128,0.54);
    display: inline-block;
    transition:background-color 0.6s ease;


}

.active .dot:hover{
    background-color: #fff ;

}

.fade{
    -webkit-animation-name:fade ;
    -webkit-animation-duration: 2.5s;
    animation-name:fade;
    animation-duration:2.5s;
}

@-webkit-keyframes fade{
    from{opacity:.6;}
    to{opacity:1;}

}

@keyframes fade{
    from{opacity:.6;}
    to{opacity:1;}
}
/* end hero css*/


.darkBlueWave{
	width:100%;
	height:auto;
	position:relative;
	top:-20px;
}


.main_1{

	margin:auto;
	width:100%;
	height: auto;
	background-color:transparent;
	
}
.Daily_Shrimp{
	width:100%;
	height:auto;
	margin:auto;
}

.Daily_Shrimp_Text{
	width:100%;
	height:auto;
	margin:auto;
}

.L_side{
	clear:left;
	float:left;
	width:15%;
	height:1000px;
	background-color:rgba(255,255,255,1.00);
	overflow: auto;
}

/*.bubble_1{
	
	width:10%;
	height:auto;
	position:relative;
	top:-1000px;
	left:20px;
	animation-name: advanced;
	animation-duration: 6s;
	animation-direction: reverse;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	
}*/

.bubble_2{

	width:7.5%;
	height:auto;
	position:absolute;
	
	animation-name: advanced;
	animation-duration: 5s;
	animation-direction: reverse;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	
}


.bubble_3{
	width:5%;
	height:auto;
	animation-name: advanced;
	animation-duration: 4s;
	position: absolute;
	left:-20px;
	animation-direction: reverse;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
	
}
 

.bubble_ani{
	width:20%;
}

@keyframes advanced {
    0%   { left:0px; top:0px;}
    25%  { left:20px; top:200px;}
    50%  { left:-20px; top:400px;}
    75%  { left:20px; top:600px;}
    100% { left:-20px; top:800px;}
}


.intro{
	position:relative;
	top:-30px;
	width:100%;
	height:auto;
	background-color:rgba(8,75,125,1.00);
	text-align: center;
	padding: 70px;
	color:rgba(255,255,255,1.0);
}

.order_now_button{
	width:125px;
	height:auto;
	color:rgba(255,255,255,1.00);
	background-color:rgba(245,39,39,1.00);
	border-radius:35px;
	border-style: solid;
	border-width: 10px;
	border-color: rgba(181,24,22,1.00);	
	text-align: center;
	position: -webkit-sticky;
  	position: sticky;
  	top: 0px;
	margin-top: 10px;
}


.life_saver_1{
	position: absolute;
	top:893px;
	left:417px;
}
.inside_LS1{
	position: absolute;
	top:893px;
	left:417px;
	background-color: rgba(255,255,255,.50);
	width:74px;
	height:74px;
	border-radius:50%;
	padding: 10px;
	font-style:bold;

}


.r_side{
	float:left;
	width:15%;
	height:2000px;
	background-color:rgba(255,255,255,1.00);
	overflow: auto;
	padding: 10px;
}
h2{
	color:  rgba(247,138,61,1.00);
	padding: 0px;
}
.get_to_know{
	align-content: center;
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,1.00);
	color:rgba(8,75,125,1.00);
	padding: 10px;
	
}
.bayou_bite_pic{
	clear:left;
	float:left;
	width:40%;
	height:auto;
	box-shadow:-10px 13px 3px 1px rgba(60,147,192,1.00);
	border-radius: 25px;
	margin:20px;
	/*background: url("photos/bayou bites sandwich copy.png")*/
}

.G_IMG{
	width:100%;
	height:auto;
	border-radius: 25px;
}

.G_IMG img{
	width:100%;
	height:100%;
}

.body{
	padding-left: 70px;
	width:350px;
}
.locations{
	width:100%;
	height:auto;
	background-color:rgba(84,145,187,1.0);
	padding: 20px;
	position:relative;
	top:-20px;
}
.textLo{

	width: 100%;
	height: auto;
	padding: 20px;
	border-radius:20px;
	background-color:rgba(226,247,255,1.00);	
	box-shadow: -15px 20px 3px 0px rgba(8,75,125,1.0);
	margin:auto;
	margin-bottom: 10px;
}

.location_bubble{
	width: 100%;
	margin:auto;
	margin-bottom: 10px;

}

.lo{
	width: 100%;
	height: auto;
	padding: 10px;
	border-radius:25px;
	margin: auto;
	margin-bottom: 10px;
	background-color:rgba(226,247,255,1.00);
	box-shadow: 15px 20px 3px 0px rgba(8,75,125,1.0);
}

.location_bubble h3{
	color:rgba(2,0,0,1.00);
}
	



.Holder{
	margin: auto;
	width:100%;
	height:auto;
}

.pic_holder{
	clear:left;
	float:left;
	width:200px;
	height:400px;
	
}

.background{
	width:316.25px;
	height:250px;
	background-color: rgba(0,142,204,1.00);
	border-radius:50% ;
	position: relative;
	left:40px;
	border-style:solid;
	border-width: 10px 9px 3px 9px ;
	border-color:rgba(13,112,165,1.00);
}

.background_2{
	width:275.25px;
	height:225px;
	background-color: rgba(0,142,204,1.00);
	border-radius:50%;
	position: relative;
	left:40px;
	top: -50px;
	border-style:solid;
	border-width: 0px 5px 10px 10px ;
	border-color:rgba(13,112,165,1.00);
}
.background_3{
	width:70.25px;
	height:70px;
	border-radius:50%;
	border-width: 0px;
	position: relative;
	top:-300px;
	left:195px;
}



.SHRIMP{
	width:200px;
	height:150px;
	
	position: relative;
	left:150px;
	transform:scale(80%);
	
	
}


.antenna{
	
	transform: rotate(60deg);
	position: absolute;
	right:145px;
	top:80px;
	width:75px;
	height:75px;
	background-color: rgba(0,0,0,0);
	border-radius:50%;
	border-style:solid;
	border-width: 0px 0px 0px 3px ;
	border-color:rgba(0,0,0,1.00);
}


.up{
	position: absolute;
	left:-45px;
	top:93px;
	
}

.Shrimp_head{
	width:37.5px;
	height:55px;
	background-color: rgba(236,179,122,1.0);
	transform: rotate(-25deg);
	position: absolute;
	left:40px;
	top:47px;
}

.Shrimp_2nd_layer{
	width:25px;
	height:56.25px;
	background-color: rgba(255,164,0,1.0);
	transform: rotate(-25deg);
	position:absolute;
	left:65.7px;
	top:38px;
	
}
.Shrimp_head_curve{
	position:absolute;
	left:-17px;
	top:67.5px;
	width:62.5px;
	height:55px;
	background-color: rgba(236,179,122,1.0);
	transform: rotate(-25deg);
	border-bottom-left-radius: 500px;
	border-style: solid;
	border-width: 15px 7.5px 17.5px 17.5px;
	border-color: rgba(236,179,122,1.0) rgba(236,179,122,1.0) rgba(236,179,122,1.0) rgba(236,179,122,1.0);
}



.Shrimp_body{
	width:95px;
	height:137.5px;
	border-style: solid;
	border-top-left-radius: 0px;
	border-top-right-radius: 350px;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 370px;
	transform: rotate(-25deg);
	background-color: rgba(254,80,0,1.0);
	background: linear-gradient(90deg, rgba(255,139,0,1.0) , rgba(253,12,6,1.0));
	border-width: 0px 0px 0px 0px;
	position: absolute;
	left:100px;
	top:10px;
	
	/*border-color:rgba(255,139,0,1.00) rgba(253,6,6,1.00) rgba(255,139,0,1.00) transparent*/
}


.curve_shell_in{
	width: 17.5px;
	height:25px;
	border-radius: 50%;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	position: absolute;
	left:0px;
	top:0px;
	background-color: rgba(236,179,122,1.0);
	
}

.BodyCurveIn{
	width: 18.75px;
	height:25.75px;
	border-radius: 50%;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	position: absolute;
	left:0px;
	top:0px;
	background-color: rgba(236,179,122,1.0);
	background-color: rgba(255,164,0,1.0);	
}

.out{
	rotate:180deg;
	position:absolute;
	top:25.5px;
	left:-10px;
	/*width:27.5px;
	height:25.2px;*/
	background-color:rgba(255,164,0,1.0);
	width:18.75px;
	height:30.5px;
}
.out_body{
	rotate:180deg;
	position:absolute;
	top:26px;
	left:-10px;
	width:18.75px;
	height:31.5px;
	border-radius:53%;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color:rgba(255,129,0,1.00);
	
}

.inside{
	position: absolute;
	left:0px;
	top:57.5px;
	width:47.5px;
	height:52.5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 350px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 370px;
	background-color:rgba(0,142,204,1.0);
	
}
.Shrimp_eyeball{
	position: absolute;
	left:-10px;
	top:50px;
	width:28.75px;
	height:28.75px;
	background-color: rgba(255,255,255,1.0);
	border-radius: 50%;
}

.Shrimp_pupil{
	position: absolute;
	left:3px;
	top:5px;
	width:15px;
	height:15px;
	background-color: rgba(0,0,0,1.0);
	border-radius: 50%;
}

.fin_tail_top{
	width:25px;
	height:27.5px;
	background-color: rgba(255,117,8,1.00);
	transform: rotate(-25deg);
	
	border-style: solid;
	border-width: 10px 0px 17.5px 22.5px;
	border-color: rgba(255,129,0,1.00) rgba(236,179,12,1.0) rgba(255,120,8,1.00) rgba(0,142,204,1.0);
	
	position:absolute;
	left:115px;
	top:135px;
	
	
}

.Shrimp_2{
	transform:scale(38%);
	position:relative; 
	left:100px;
	top:50px;
}

.Shrimp_3{
	transform:scale(45%);
	
	

}

.flip{
	transform:rotateY(180deg);
	position: relative;
	left:75px;
	top:-215px;
	
	
}

.Daily_Shrimp_Text{
	color:rgba(0,77,130,1.00);
	width:70%;
}

.Daily_Shrimp_Text h1{
	color:rgba(162,209,240,1.0);

}
.H_IMG{
	width:100%;
	height:675px;
}

.catch_this_special{
	background-color:rgba(8,75,125,.50);
	width:100%;
	height:auto;
	margin:10px;

	padding:10px;
}

.catch_this_special h1{
	color:rgba(0,82,132,1.00);
	text-align: center;
	position: relative;
	top:-15px;
}
.Catch_IMG_layer{
	width:100%;
	height:auto;
	padding:20px;
	margin:auto;
	align-items: center;
	align-content: center;
}
.Catfish_IMG{
	width:40%;
	height:auto;
	border-radius:25px;
	box-shadow:-5px 5px 2px 2px rgba(8,75,125,1.0);
	margin:auto;
	margin-bottom: 20px;
	transform:rotate(-15deg);
}

.Catfish_IMG img{
	width: 100%;
	height:auto;
}

.Net_IMG{
	width:100%;
	height:auto;
}

.Special_text{
	width:70%;
	height:auto;
	border-radius:25px;
	box-shadow:5px 5px 2px 2px rgba(8,75,125,1.0);
	color:rgba(8,75,125,1.0);
	background-color:rgba(255,250,250,1.00);
	margin:auto;
	padding:10px;
	
}

.special_text h2{
	color:rgba(221,248,255,1.00);
}



.lightBlueWave{
	
	width:100.5%;
	height:auto;
}

@media(min-width:700px){
	.Holder{
		width:65%;
		margin:auto;
		margin-left:30px;
	}
	.Daily_Shrimp_Text{
		width: 35%;
		margin:auto;
		margin-right:30px;
	}
	.Daily_Shrimp{
		display: flex;
	}
	.location_bubble{
		width:30%;
	}

	.textLo{
		width:50%;
	}

	.body{
		width:50%;
	}
	.locations{
		display: flex;
	}
	
	.bayou_bite_pic{
		width:50%;
	}
	.get_to_know{
		display:flex;
	}

	.Catch_IMG_layer{
		display: flex;
	}
	.Special_text{
		width:50%;
	}
}