/**
 * Rell and Renn Seafood Sphere, Inc. 
 */

/**
 * FONT
 */



 @import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

 @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
 
 /**
  * META
  */
 
 
 p,a { font: 300 14px/16px Roboto; }
 
 h1,h2,h3,h4,h5,h6 { font: 500 30px/30px Roboto; }
 
 ul { 
	 margin: 0; 
	 padding: 0;
 }
 
 li { list-style: none; }
 
 a, a:hover, 
 a:focus, 
 a:visited,
 a:focus{ text-decoration: none; }
 
 a:focus,a:visited { outline: 0; }
 
 .transition-all,
 .paging a{
	 -webkit-transition: all 0.35s ease;
	 -moz-transition: all 0.35s ease;
	 -ms-transition: all 0.35s ease;
	 -o-transition: all 0.35s ease;
	 transition: all 0.35s ease;
 }
 
 .txtcolor-959595 { color: #959595; }
 
 .txtcolor-156eb6 { color: #156eb6; }
 
 .txtcolor-8a8a8a { color: #8a8a8a; }
 
 .txtcolor-a3a3a3 { color: #a3a3a3; }
 
 .bgcolor-fbfbfb { background: #fbfbfb; }
 
 .alignleft {
	 float: left;
	 margin: 0.4em 1em 0.5em 0;
 }
 
 .border-ccc img{ border: 1px solid #ccc; }
 
 .nomargin-bottom { margin-bottom: 0 !important; }
 
 .nomargin-top { margin-top: 0 !important; }
 
 .nogutter { padding: 0; }
 
 .txt-center {
	 text-align: center !important;
 }
 
 .txt-bold,
 .txt-bold > p{
	 font-weight: 500;
 }
 
 
 /**
  * HEADER
  */
 
 .banner-image {
	 height: 270px;
 }
 
 .dark-bg h1{
	 font: 400 48px/48px Lato;
	 color: #fff;
	 text-align: center;
	 margin-top: 170px;
	 text-transform: capitalize !important;
 }
 
 .header-wrp {
	 text-align: center;
	 position: fixed;
	 z-index: 31;
	 top: 0;
	 right: 0;
	 left: 0;
	 width: 100%;
	 padding: 14px 0px;
 }
 
 .header-wrp .sitelogo {
	 background: url('sitelogo.png') center/contain no-repeat;
	 height: 120px;
	 width: 150px;
	 margin: 0 50px;
 }
 
 .leftnav,
 .sitelogo,
 .rightnav {
	 display: table-cell;
	 vertical-align: middle
 }
 
 .header-nav li {
	 padding: 0 20px;
 }
 
 .header-nav li a:hover,
 .current-menu-item a {
	 border-bottom: 3px solid #fff;
	 font-weight: 500;
 }
 
 .header-wrp.sticky .current-menu-item a {
	 border-bottom: 3px solid #265091;
 }
 
 .header-nav li > a{
	 text-transform: uppercase;
	 font: 400 16px/16px Roboto Condensed;
	 color: #fff;
	 padding: 5px 0;
 }
 
 .header-wrp .sitelogo,
 .leftnav, .rightnav {
	 display: inline-block;
 }
 
 .header-nav {
	 display: inline-flex;
 }
 
 
 /**
  * STICKY
  */
 
 header .header-wrp.sticky .sitelogo {
	 background: url('sitelogo-sticky.png') center/cover no-repeat;
	 height: 120px;
	 width: 150px;
 }
 
 header .header-wrp.sticky {
	 background: rgba(255,255,255,0.88);
 } 
 
 header .header-wrp.sticky .leftnav li > a,
 header .header-wrp.sticky .rightnav li > a{
	 text-transform: uppercase;
	 font: 400 16px/16px Roboto Condensed;
	 color: #265089;
	 padding: 5px 0;
 }
 
 header .header-wrp.sticky li a:hover {
	 border-bottom: 3px solid #265091;
	 font-weight: 500;
 }
 
 /**
  *  * SPECIAL RADIUS
  */
 
 .ls-layers {
 }
 
 .panel-pad {
	 padding: 60px 0;
 }
 
 .feats {
	 height: 262px;
	 width: 100%;
	 border-radius: 50%;
	 min-width: 263px;
	 max-width: 263px;
 }
 
 h2.head-blue{
	 color: #265091;
 }
 
 hr.hr-blue {
	 background: #265091;
 }
 
 h2.head-white{
	 color: #fff;
 }
 
 hr.hr-white {
	 background: #fff;
 }
 
 .rr-title {
	 text-align: center;
	 margin-bottom: 40px;
 }
 
 .rr-title h2 {
	 font: 600 30px/30px Roboto;
	 display: inline-block;
	 margin: 0;
 }
 
 .rr-title span.hr {
	 display: inline-block;
	 width: 68px;
	 margin: 0 22px;
 }
 
 .rr-title span.hr hr {
	 height: 5px;
	 margin: 8px 0;
 }
 
 .feats a {
	 display: none;
 }
 
 .feats:hover a{
	 display: block;
 }
 
 .feats2bg {
	 display: table;
	 background: rgba(237,31,36,0.3);
	 border-radius: 50%;
	 width: 100%;
	 height: 265px;
	 min-width: 263px;
	 max-width: 263px;
 }
 
 .feats3bg {
	 display: table-cell;	
	 vertical-align: middle;
 }
 
 .feats2 {
	 display: table;
	 background: rgba(237,31,36,0.5);
	 text-align: center;
	 border-radius: 50%;
	 width: 85%;
	 height: 235px;
	 min-width: 233px;
	 margin-left: 15px;
 }
 
 .feats .feat-content {
	 display: table-cell;
	 vertical-align: middle;
	 color: #fff;
 }
 
 .feats .feat-content p.feat-head{
	 font: 400 16px/16px Roboto;
	 margin-bottom: 18px;
 }
 
 .feats .feat-content p{
	 margin: 0;
	 font: 400 12px/14px Roboto;
 }
 
 .panel-3 .p3-content p{
	 font: 300 14px/18px Roboto;
	 color: #fff;
	 text-align: justify;
 }
 
 .panel-3 .p3-content h2 {
	 color: #fff;
 }
 
 .panel-4 .newsthumb {
	 height: 225px;
	 width: 100%;
	 position: relative;
 }
 .panel-4 .newsthumb:hover .newsdate{
	 background: rgba(235,34,39,1);
 }
 
 .panel-4 .newsthumb .newshover {
	 background: rgba(235,34,39, 0.4);
	 display: none;
	 height: 100%;
	 width: 100%;
 }
 
 .panel-4 .newsthumb:hover .newshover{
	 display: block;
 }
 
 .newsdate-wrp{
	 position: absolute;
	 bottom: -45px;
	 left: 0;
	 right: 0;
	 text-align: center;
 }
 
 .panel-4 .newsdate {
	 background: rgba(48,87,149,0.85);
	 border-radius: 50%;
	 height: 100px;
	 width: 100px;
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
 }
 
 .panel-4 .newsdate2 {
	 padding: 15px 0 10px 0;
	 color: #fff;
	 width: 100px;
	 text-align: center;
 }
 
 .panel-4 .newsdate p {
	 margin: 0;
 }
 
 .panel-4 .newsdate2 p#day{
	 font-size: 24px;
 }
 
 .panel-4 .newsdate2 p#mon{
	 font-size: 16px;
 }
 
 .detail-bot {
	 height: 125px;
	 position: relative;
	 margin-bottom: 25px;
 }
 
 .detail-bot2 {
	 padding: 20px 10px;
 }
 
 .detail-bot p#db-titling {
	 font: 400 16px/16px Roboto;
	 color: #265091;
	 margin-bottom: 10px;
 }
 
 .detail-bot p#db-excerpt{
	 font: 400 12px/16px Roboto;
	 color: #295151;
 }
 
 .panel-5 .recipe-thumb {
	 height: 300px;
 }
 
 .panel-5 .recipe {
	 height: 300px;
	 background: #fff;
	 padding: 15px 30px;
 }
 
 .panel-5 .p5-foreword p{
	 margin-bottom: 45px;
 }
 
 .panel-5 .recipe .recipe-title h2{
	 margin-bottom: 15px;
	 font: 500 18px/20px Roboto;
	 color: #265091;
 }
 
 .panel-5 .recipe p {
	 font: 400 14px/18px Roboto;
	 text-align: justify;
	 color: #114141;
	 margin-bottom: 50px;
 }
 
 .owl-theme .owl-nav [class*=owl-] {
	 padding: 4px 20px;
	 font-size: 35px;
 }
 
 /**
  * TRANSITIONS
  */
 
 .header-wrp {
	  -webkit-transition: all 0.75s ease;
	 -moz-transition: all 0.75s ease;
	 -ms-transition: all 0.75s ease;
	 -o-transition: all 0.75s ease;
	 transition: all 0.75s ease;
 }
 
 .header-wrp .sitelogo,
 .panel-4 .newsthumb,
 .feats2bg,
 .feats3bg,
 .feats2 {
	  -webkit-transition: all 0.35s ease;
	 -moz-transition: all 0.35s ease;
	 -ms-transition: all 0.35s ease;
	 -o-transition: all 0.35s ease;
	 transition: all 0.35s ease;
 }
 
 /**
  * MAIN
  */
 
 main#subpages {
	 padding: 5% 0;
 }
 
	 /**
	  * GravityForms
	  */
	 main#subpages #pl-180 .so-panel:last-child,
	 main#subpages .iw-so-accordion{
		 background: #fff;
	 }
 
	 main#subpages .gform_wrapper h3.gform_title{
		 display: none;
	 }
 
	 main#subpages .iw-so-accordion .iw-so-acc-item .iw-so-acc-title {
		 font: 400 16px/16px Roboto;
		 color: #fff;
	 }
 
	 main#subpages .iw-so-accordion .iw-so-acc-item .iw-so-acc-title span{
		 top: 4px;
	 }
	 main#subpages .iw-so-accordion .iw-so-acc-item {
		 margin-bottom: 22px;
	 }
 
	 main#subpages .panel-grid-cell .widget-title {
		 margin-top: 0;
		 text-align: center;
		 font: 400 21px/24px Roboto;
		 background: #265091;
		 padding: 12px 0;
		 color: #fff;
	 }
  
	 main#subpages .panel-grid-cell .widget-title-red {
		 margin-top: 0;
		 text-align: center;
		 font: 400 16px/24px Roboto;
		 background: #ce4157;
		 padding: 12px 0;
		 color: #fff;
	 }
 
	 .gform_wrapper ul.gform_fields li.gfield {
		 padding: 0 16px;
	 }
	 
	 main#subpages .gfield_description,
	 .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {
		 font: 400 12px/16px Roboto;
	 }
 
	 main#subpages .gform_wrapper textarea,
	 main#subpages .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		 font: 400 14px/16px Roboto;
	 }
	 
	 main#subpages .gform_wrapper .left_label input[type=file] {
		 width: 70%;
		 font: 400 14px/16px Roboto;
	 }
 
	 main#subpages .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
		 width: 150px;
		 margin-left: 15px;
		 font: 500 16px/16px Roboto;
	 }
 
	 main#subpages .iw-so-acc-item-active a{
		 background: #ce4157;
	 }
 
 
 /**
  * FOOTER
  */
 
 .footer-pad {
	 padding: 30px 0;	
 }
 
 nav.footer-nav {
	 margin-top: 8px;
 }
 
 nav.footer-nav li{
	 display: inline-block;
	 padding: 0 15px 0 0;
	 line-height: 40px;
 }
 
 nav.footer-nav li > a {
	  padding: 5px 0;
	 font: 300 14px/16px Roboto Condensed;
	 text-transform: uppercase;
	 color: #fff;
 
 }
 
 nav.footer-nav li > a:hover {
	 border-bottom: 3px solid #fff;
 }
 
 nav.footer-nav li:last-of-type {
	 padding: 0;
 }
 
 #footer-medialinks {
	 float: right;
 }
 
 #footer-medialinks p{
	 font: 300 14px/16px Roboto Condensed;
	 margin: 0;
	 color: #fff;
	 display: inline-block;
	 margin-right: 25px;
 }
 
 #footer-medialinks .icons{
	 display: inline-block;
 }
 
 #footer-medialinks .icons i{
	 font-size: 18px;
	 background: #fff;
	 color: #265091;
	 border-radius: 50%;
	 margin-right: 8px;
 }
 
 #footer-medialinks .icons i.fa-facebook{
	 padding: 5px 9px;
 }
 
 #footer-medialinks .icons i.fa-twitter{
	 padding: 5px 6px;
 }
 
 #footer-medialinks .icons i.fa-instagram{
	 padding: 5px 7px;
 }
 
 #footer-hr {
	 padding: 5px 0;
 }
 
 .sideicon i {
	 font-size: 22px;
	 color: #fff;
	 padding: 0 15px;
 }
 
 .foot-table {
	 display: table;
	 padding: 10px 0;
 }
 
 .sidefootelem, 
 .sideicon {
	 display: table-cell;
	 vertical-align: middle;
 }
 
 .sidefootelem p {
	 padding: 0 15px;
	 margin: 0;
	 font: 300 14px/17px Roboto;
	 color: #fff;
	 text-align: justify;
 }
 
 #footer-citation {
 /* 	background: rgba(0,51,51,1); */
	 background: rgb(26, 30, 107);
	 padding: 15px 0;
 }
 
 #footer-citation p{
	 text-align: center;
 /* 	font: 400 11px/14px Roboto Condensed; */
	 font: 400 14px/14px Roboto Condensed;
	 color: #fff;
	 margin: 0;
 }
 
 /**
  * BUTTON
  */
 
 .default-btn { 
	 text-align: center; 
 }
 
 .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit],
 .default-btn a{
	 padding: 12px 36px;
	 width: 30%;
	 background: #fff;
	 color: #265091;
	 border: 1px solid #265091;
	 font: 500 16px/16px Roboto;
	 border-radius: 18%/ 50%;
 }
 
 .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit],
 .default-btn a:hover{
	 background: #265091;
	 color: #fff;
 }
 
 
 /**
  * SIDEBAR
  */
 
 
 /**	
  * UPPERBAR
  */
 
 
 /**
  * ALTERATIONS
  * -alterations from other CSS files
  */
 
 
 /**
  * RESPONSIVE
  */
 
 @media (max-width: 1199px){	 
 }
 
 @media (max-width: 991px){
 }
 
 @media (max-width: 767px) {
 }
 
 @media (max-width: 667px) {
 }
 
 @media (max-width: 570px) {
 }
 
 @media (max-width: 500px) {
 }
 
 @media (max-width: 475px) {
 }
 
 @media (max-width: 430px) {
 }
 
 @media (max-width: 414px) {
 }
 
 @media (max-width: 384px) {
 }
 
 @media (max-width: 375px) {
 }
 
 @media (max-width: 360px) {
 }
 
 @media (max-width: 351px) {
 }
 
 @media (max-width: 320px) {
 }
 
 @media (max-width: 360px) {
 }
 
 @media (max-width: 351px) {
 }
 
 @media (max-width: 320px) { 
 } 
 
 .dropdown-menu {
	 background-color: transparent;
	 text-align: center;
	 border-radius: 10px; 
 } 
 
 .header-wrp.sticky .dropdown-menu {
	 background-color: #fff;
	 text-align: center;
	 border-radius: 10px;
 }
 
 .dropdown-menu > .active > a,
 .dropdown-menu > .active > a:focus { 
	 border-bottom: 3px solid transparent;
	 background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); 
 }
 
 .header-wrp.sticky .dropdown-menu > .active > a,
 .header-wrp.sticky .dropdown-menu > .active > a:focus { 
	 border-bottom: 3px solid #2f71a9;
	 background-image: linear-gradient(to bottom, #fff 0%, #fff 100%); 
 }
 
 .dropdown-menu > li > a:hover, 
 .dropdown-menu > li > a:focus { 
	 color: #333; 
	 background-color: transparent;
 } 
 
 .header-wrp.sticky .dropdown-menu > li > a:hover, 
 .dropdown-menu > li > a:focus { 
	 background-image: linear-gradient(to bottom, #fff 0%, #fff 100%); 
 }  
 
 /* Mobile Navigation */
 .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	 background-color: #265091;
 }  
   
 .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #333;
 }
 
 .mobile-navigation nav.navbar .navbar-collapse > li >a:hover {
	 color: #333;
 }
 
 /* ADDED */
 main#subpages .gform_wrapper .left_label input[type=file] {  
	 padding: 6px 10px;
	 color: #265091;
	 border: 1px solid #265091;  
 }
 main#subpages .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{ 
	 background: #fff;
	 color: #265091;
	 border: 1px solid #265091; 
 }  
 main#subpages .gform_footer input.button:hover{
	 background: #265091;
	 color: #fff;
 } 
 
 .contact-captcha{
	 margin-right: 10% !important;
	 margin-bottom: 10% !important;
 } 
 /*  09-02-19 */ 
 
 .owl-theme .owl-nav [class*=owl-]{
	 background: #ED1E24;
 }
	 
 .owl-theme .owl-nav [class*=owl-]:hover{
	 background: #FF3236;
 }
	 
 .owl-theme .owl-dots .owl-dot.active span, 
 .owl-theme .owl-dots .owl-dot:hover span{
	 background: #ED1E24;
	 opacity: 100;
 }
 
 .owl-theme .owl-dots .owl-dot span{
	 background: #FF3236;
	 opacity: .5;
 }
 
 .comments-title{
	 display: none;
 }
 
 
 /* ADDED 10-02-19 */
 /* CAROUSEL */
	 
 .carousel-fade .carousel-inner .item { 
	 -webkit-transition: opacity 0.8s ease;
	 -o-transition: opacity 0.8s ease;
	 transition: opacity 0.8s ease;
	   -webkit-transform: translate3d(0, 0, 0) !important;
	 transform: translate3d(0, 0, 0) !important;
 }
		 
 .item,
 .active.left,
 .active.right { 
	 opacity: 0;
 }
 
 .active,
 .next.left,
 .prev.right {
	 opacity: 1; 
 } 
 
 .next,
 .prev,
 .active.left,
 .active.right {
	 left: 0;
	 transform: translate3d(0, 0, 0);
 } 
 
 .carousel-control {
	 z-index: 2;
 }  
   
 .carousel-caption {
	 margin-bottom: 220px; 
 }  
 
 /**
  * BUTTON TRANSPARENT
  */
 
  .transparent-btn { 
	 text-align: center; 
 }
 
 .transparent-btn a{
	 padding: 12px 36px;
	 width: 30%; 
	 color: rgb(255, 255, 255);
	 border: 2px solid rgb(255, 255, 255);
	 font: 500 16px/16px Roboto;
	 border-radius: 18%/ 50%;
 }
 
 .transparent-btn a:hover{
	 background: #265091;
	 color: #fff;
 }
 
 .toggleCaption p{
	 font-size: 16px;
	 line-height: 25px;
	 padding: 1em;
	 text-align: center;
	 background-color: #0000006e;  
 }
 
 .toggleHeading{
	 font-size: 30px;
	 padding: .8em; 
 }  
 
 
 /* ADDED 10-03-19 */
 
 @media (max-width: 1300px) {  
	 .toggleCaption {
		 margin-bottom: -20px;  
	 } 
 }
 
 @media (max-width: 1100px) {  
	 .toggleCaption {
		 margin-bottom: -100px;  
	 } 
 
	 .toggleHeading {
		 font-size: 18px;
		 padding: 0em; 
	 }
 
	 .toggleCaption p {
		 font-size: 14px;  
	 } 
 
	 .transparent-btn a{
		 padding: 8px 28px;
		 width: 30%; 
		 color: rgb(255, 255, 255);
		 border: 2px solid rgb(255, 255, 255);
		 font: 500 12px/16px Roboto;
		 border-radius: 18%/ 50%;
	 }
 }
 
 @media (max-width: 850px) {  
	.toggleHeading {
		font-size: 18px;
		padding: 0em; 
	}

	 .toggleCaption {
		 margin-bottom: -180px;  
	 } 
 
	 .toggleCaption p {
		 font-size: 10px;  
	 }  
 }
 
 @media (max-width: 615px) {
	.toggleHeading {
		font-size: 16px;  
		/* margin-top: 60px; */
	}

	.toggleCaption {
		margin-bottom: -250px;  
	} 

	 .header-wrp .sitelogo { 
		 visibility: hidden;
	 }

	 .transparent-btn a{
		padding: 6px 18px;
		width: 30%; 
		color: rgb(255, 255, 255);
		border: 2px solid rgb(255, 255, 255);
		font: 500 12px/12px Roboto;
		border-radius: 18%/ 50%;
	} 
 }

 @media (max-width: 500px) {  
	.toggleHeading {
		font-size: 12px; 
		margin-top: 60px;
	}
	
	.toggleCaption {
		margin-bottom: -2500px;  
	} 

	.toggleCaption p {
		font-size: 10px; 
	}  

	.transparent-btn a{
		padding: 6px 16px;
		width: 30%; 
		color: rgb(255, 255, 255);
		border: 2px solid rgb(255, 255, 255);
		font: 500 10px/12px Roboto;
		border-radius: 18%/ 50%;
	}

	.carousel-indicators > li {
		visibility: hidden;
	}
}


/* ADDED 10-07-19 */

.carousel-caption h1 {
	animation-delay: 1s;
}  

.toggleCaption {
	animation-delay: 1.5s;
}   


/* ADDED 07-14-20 */
.default-btn-blue { 
	text-align: center; 
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit],
.default-btn-blue a{
	padding: 12px 36px;
	width: 30%;
	background: #265091;
	color: #fff;
	border: 1px solid #fff;
	font: 500 16px/16px Roboto;
	border-radius: 18%/ 50%;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit],
 .default-btn-blue a:hover{
	 background: #fff;
	 color: #265091;
 }

 .owl-theme-edited .owl-nav {
	margin-bottom: -60px;
	visibility: hidden;
 }

 .panel-5 .recipe-thumb {
	height: 100px;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{
	background: #00018e;
	opacity: 100;
}

.owl-theme .owl-dots .owl-dot span{
	background: #20218c;
	opacity: .5;
}

header .header-wrp.sticky {
	background: rgb(255, 255, 255);
} 

@media (min-width: 100px) {
	.mission-vision > div > h2.head-blue,
	.mission-vision > div > p.head-blue {
		text-align: center;
	} 

	.question > div > div > .default-btn {
		text-align: center !important;
	} 
 }

 @media (max-width: 1200px) {
	.panel-5 .recipe, .panel-5 .recipe-thumb {
		height: 90px !important;
	}
 }

 @media (max-width: 991px) {
	.panel-3.qna {
		height: 200px;
	}

	.bg-supplier { 
		height: 400px !important;
	}
 }

 @media (max-width: 543px) {
	.panel-3.qna {
		height: 210px;
	}
 }

 .bg-supplier { 
	background-image:url('http://localhost/rrseafood.com.ph/wp-content/uploads/2020/07/suppliers-map-rrssi.png');
	text-align: center;
	/* margin-top: 50px; */
	background-color: #77a8db;
	height: 600px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
  }