/*
Template Name: FISH NET
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/
html{}

body{
font-family: 'Roboto', sans-serif;
font-family: 'Ropa Sans', sans-serif;
}


.border_none_1{
border-right:none!important;
   }
.border_left_1{
border-left:none!important;
   }

#short_codes p .btn{
  margin-bottom:10px;
  }
#short_codes  .label {
font-size: 50%;
}   
#short_codes img{
  width:100%;
  margin-top:10px;
  }		
#short_codes .typo{
font-size:35px;
}

.padding_all{
padding-left:0;
padding-right:0;
  }
.padding_left_1{
padding-left:0;
   }
.padding_right_1{
padding-right:0;
   }
/********************* header ***************/
#header{
background:#ffffff;
padding-top:10px;
padding-bottom:10px;
  }
.header_left_inner h5{
font-size:14px;
font-weight:500;
color:#000000;
  }
.header_left_inner h5 i{
margin-right:5px;
  }
.header_right_inner ul{
padding:0;
margin:0;
text-align:right;
padding-top:10px;
   }
.header_right_inner ul li{
display:inline-block;
margin-right:10px;
   }
.header_right_inner ul li a{
font-size:16px;
text-decoration:none;
color:#000000;
   }
.header_right_inner ul li a:hover{
color:#000;
   }
/********************* header_end ***************/

/********************* top ***************/
#top{
 /*border-bottom: 2px solid #f3eaea;*/
 background-color: #b2d6d6;
   }
.cd-secondary-nav .is-visible {
  visibility: visible;
  transform: scale(1);
  transition: transform 0.3s, visibility 0s 0s;
}
 .cd-secondary-nav.is-fixed {
    z-index: 9999;
    position: fixed;
    left: auto;
    top: 0; 
	width:100%;
	background:#B2D6D6!important;
  }	
.navbar {
    padding-top: 10px;
    margin-bottom: 0px !important;
    
}

.brand-container {
   display: flex;
   align-items: center; /* Align items vertically */
 }
 
 .brand-text {
   margin-right: 10px; 
   font-size:36px;
font-weight: bold;
color:#b2d6d6;
font-family: 'Adam', cursive; /* Adjust the space between text and image */
 }

 brand-text a{
   text-decoration: none;
 }

 .brand-text a:hover{
   text-decoration: none;
 }
 
 .brand-image {
   width: 300px; /* Adjust the width of the image */
   height: 90px; /* Adjust the height of the image */
   background: url('../img/logo-stingray.png') no-repeat center center;
   background-size: contain;
   /* Add any other styles you need for the image */
 }
.navbar-header .navbar-brand i{
margin-right:20px;
color:#33CCFF;
   }
.navbar-nav.navbar-right:last-child {
    margin-top: 10px;
}
.navbar-nav li .tag_menu{
font-size:20px;
color:#000!important;
background:none!important;
   }
.navbar-nav li .active_tab{
color:#fff!important;
  }
.navbar-nav>li>.dropdown-menu {
    background: #EFEFEF!important;
}
.dropdown-menu>li>a {
   color:#000;
}
.dropdown-menu>li>a:hover {
   color:#000;
}
/********************* top_end ***************/
ul {
   list-style: none;
 }

#google_translate_element::before {
   content: none !important;
}
/********************* center_1 ***************/
#center_1 {
   background: url(../img/foto_inicio.jpg);
   background-size: 100% 100%;
   background-position: center; /* Center the background image */
   padding-top: 20%; /* Adjust the padding to your liking */
   padding-bottom: 10%; /* Adjust the padding to your liking */
}

.center_1 h2 {
   font-size: 4vw; /* Responsive font size */
   color: #000000;
   text-align: center;
   font-style: italic;
}

.center_1 .finish {
   display: block;
   font-style: normal;
   font-size: 3vw; /* Responsive font size */
   line-height: 1.3;
   letter-spacing: 1px;
}

.center_1 p {
   text-align: center;
   padding-top: 5%; /* Adjust the padding to your liking */
}

.center_1 p a {
   padding: 2vw 5vw; /* Responsive padding */
   font-size: 1.5vw; /* Responsive font size */
   text-decoration: none;
   background: #B2D6D6;
   color: #000000;
}

.center_1 p a:hover {
   background: #B2D6D6;
}

/* Media Query for Mobile Devices */
@media only screen and (max-width: 600px) {
   #center_1 {
       background-size: auto; /* Change background size to auto */
       background-position: center; /* Center the background image */
       padding-top: 50px; /* Adjust the padding to your liking */
       padding-bottom: 30px; /* Adjust the padding to your liking */
   }

   .center_1 h2 {
       font-size: 24px; /* Adjust font size for smaller screens */
   }

   .center_1 .finish {
       font-size: 18px; /* Adjust font size for smaller screens */
   }

   .center_1 p {
       padding-top: 10px; /* Adjust the padding to your liking */
   }

   .center_1 p a {
       padding: 10px 30px; /* Adjust padding for smaller screens */
       font-size: 14px; /* Adjust font size for smaller screens */
   }
}
/*********************center_1_end ***************/


/*********************center_2 ***************/
#center_2{
background:#d6e4e5;
padding-top:70px;
padding-bottom:50px;
   }
.center_2 h4{
padding:0;
margin:0;
text-align:center;
font-size:50px;
color: #000000;
   }
.center_2 p{
text-align:center;
font-size:50px;
color: #000;
   }

.center_2 h3{
padding:0;
margin:0;
text-align:center;
font-size:50px;
color: #b2d6d6;
   }
.center_2 h5{
padding:0;
margin:0;
text-align:center;
font-size:20px;
color: #333;
line-height:30px;
   }

.center_2_middle{
   margin-top: 50px;
   margin-bottom: 50px;
}
.center_2_middle_1_inner{
text-align:center;
   }
.center_2_middle_1_inner p i{
display:block;
font-size:36px;
color:#000000;
padding:30px 30px 30px 30px;
border-radius:50%;
background:#b2d6d6;
width:40%;
margin:auto;
   }
.center_2_middle_1_inner h4 {
padding-top:20px;
   }
.center_2_middle_1_inner h4 a{
font-size:26px;
text-decoration:none;
color:#1e3367;
   }
.center_2_middle_1_inner h4 a:hover{
color:#b2d6d6;
   }
.center_2_middle_1_inner h5{
font-size:20px;
color:#333;
line-height:30px;
   }
.center_2_bottom h1{
padding-top:30px;
text-align:center;
  }
.center_2_bottom h1 a{
padding:18px 60px 18px 60px;
font-size:22px;
text-decoration:none;
color:#000;
background:#B2D6D6;
border:1px solid #B2D6D6;
   }
.center_2_bottom h1 a:hover{
color:#000;
background:#B2D6D6;
   }
/*********************center_2_end ***************/   
   
   
/*********************center_3 ***************/
#center_3{
padding-top:70px;
padding-bottom:100px;
  }
.center_3_left_inner .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
	max-width: 480px;
	max-height: 100%;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.center_3_left_inner .grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}

.center_3_left_inner .grid figure figcaption {
	padding: 2em;
	color: #000;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
	background: #030c17;
}

figure.effect-ming img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-ming p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-ming:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
	opacity: 0.4;
}

.center_3_right_inner h4{
font-size:44px;
color:#00CCFF;
font-style:italic;
   }
.center_3_right_inner h3{
font-size:50px;
color:#1e3367;
   }
.center_3_right_inner h2{
font-size:40px;
color:#00CCFF;
   }
.center_3_right_inner p{
font-size:22px;
color:#333;
   }
.center_3_right_inner h1{
padding-top:30px;
  }
.center_3_right_inner h1 a{
padding:18px 60px 18px 60px;
font-size:22px;
text-decoration:none;
color:#000;
background:#B2D6D6;
border:1px solid #B2D6D6;
   }
.center_3_right_inner h1 a:hover{
color:#000;
background:#B2D6D6;
   }
/*********************center_3_end ***************/

/*********************center_4 ***************/
#center_4{
background: url(../img/3.jpg);
background-size: cover;
padding-top:40px;
padding-bottom:20px;
opacity:0.7;
}
.center_4_left_inner h2{
font-size:52px;
font-style:italic;
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
   }
.center_4_left_inner h4{
font-size:36px;
color:#000;
   }
.center_4_right_inner h1{
text-align:left;
padding-top:50px;
   }
.center_4_right_inner h1 a{
padding:18px 50px 18px 50px;
font-size:20px;
text-decoration:none;
color:#0099CC;
background:#fff;
   }
.center_4_right_inner h1 a:hover{
color:#fff;
background:#00CCFF;
   }
/*********************center_4_end ***************/

/********************* box ***************/
#box{
padding-bottom:100px;
background-attachment: fixed;
   }
.box_top h2{
padding:0;
margin:0;
font-size:50px;
font-weight:700;
color:#1e3367;
text-align:center;
   }
.box_top p{
font-size:50px;
color:#0099FF;
text-align:center;
   }
.box_middle{
padding-top:50px;
   }
#box .port{
          padding:0;
		  margin:0;
		  padding-bottom:20px;
		  font-weight:bold;
		  font-size:56px;
		  font-family:"Courier New", Courier, monospace;
		  }
#box{
     padding-top:80px;
	}
	.size_20{ font-size:20em;}
	 .size_15{ font-size:15em;}
	 .size_11{ font-size:11em;}
	 .size_8{ font-size:8em;}
	  .size_6{ font-size:6em;}
	 
	 .color{ background:#000000; }
	
    
.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  }
.panel-default { border-color: #ebedef !important; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.panel .panel-footer { padding: 8px !important; background-color: #f9f9f9 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }	
.panel .panel-footer h4 { display: inline; font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e; margin: 0 !important; padding: 0 !important; }
.panel .panel-footer i.glyphicon { display: inline; font-size: 1.125em; cursor: pointer; }
.panel .panel-footer i.glyphicon-thumbs-up { color: #1abc9c; }
.panel .panel-footer i.glyphicon-thumbs-down { color: #e74c3c; padding-left: 5px; }
.panel .panel-footer div { width: 15px; display: inline; font: 300 normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e; text-align: center; background-color: transparent !important; border: none !important; }	

.modal-title { font: 400 normal 1.625em "Roboto",Arial,Verdana,sans-serif; }
.modal-footer { font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
.modal-content{
margin-top:150px; 
  }
.box_bottom h2{
padding-top:30px;
text-align:center;
   }
.box_bottom h2 a{
padding:15px 45px 15px 45px;
font-size:18px;
text-decoration:none;
color:#000000;
background:#B2D6D6;
   }
.box_bottom h2 a:hover{
color:#000000;
background:#B2D6D6;
   }
/********************* box_end ***************/

/********************* center_5 ***************/
#center_5{
background: url(../img/10.jpg);
background-attachment: fixed;
padding-top:100px;
padding-bottom:150px;
  }
.center_5{
text-align:center;
   }
.center_5 h2{
font-size:45px;
color:#000000;
   }
.center_5 h4{
font-size:26px;
color:#000000;
   }
.center_5 p{
font-size:20px;
color:#000000;
   }
.center_5 .form-control_1 {
    width: 600px;
    height: 60px;
    border-radius: 0px;
	margin:auto;
}
.center_5 h1{
padding-top:30px;
  }
.center_5 h1 a{
padding:15px 55px 15px 55px;
font-size:18px;
text-decoration:none;
color:#000000;
border:1px solid #000000;
   }
.center_5 h1 a:hover{
color:#0099FF;
background: #000000;
   }
/********************* center_5_end ***************/

/********************* center_6 ***************/
#center_6{
padding-bottom:100px;
  }
.center_6{
text-align:center;
padding-top:50px;
padding-bottom:50px;
   }
.center_6 h2{
font-size:45px;
color:#1e3367;
   }
.center_6 h4{
font-size:36px;
color:#0099FF;
   }
.center_6_middle_inner_1 .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
	max-width: 480px;
	max-height: 100%;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.center_6_middle_inner_1 .grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}

.center_6_middle_inner_1 .grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Duke *****/
/*---------------*/

figure.effect-duke {
	background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
	background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}

figure.effect-duke img,
figure.effect-duke p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-duke:hover img {
	-webkit-transform: scale3d(2,2,1);
	transform: scale3d(2,2,1);
}

figure.effect-duke h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

figure.effect-duke p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px;
	padding: 30px;
	border: 2px solid #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
}

figure.effect-duke:hover h2,
figure.effect-duke:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.center_6_middle_inner_2{
border-bottom:1px solid #EEEEEE;
  }
.center_6_middle_inner_2 h2{
padding-top:20px;
  }
.center_6_middle_inner_2 h2 a{
font-size:20px;
text-decoration:none;
color:#1e3367;
   }
.center_6_middle_inner_2 h2 a:hover{
color:#0099FF;
   }
.center_6_middle_inner_2 p{
padding-bottom:20px;
padding-top:10px;
font-size:22px;
color:#333;
   }
.center_6_bottom h1{
text-align:center;
padding-top:30px;
  }
.center_6_bottom h1 a{
padding:18px 60px 18px 60px;
font-size:22px;
text-decoration:none;
color:#fff;
background:#00CCFF;
   }
.center_6_bottom h1 a:hover{
color:#fff;
background:#1e3367;
   }
/********************* center_6_end ***************/

/********************* center_7 ***************/
#center_7{
background: url(../img/14.jpg);
background-attachment: fixed;
padding-top:100px;
padding-bottom:100px;
  }
.center_7{
text-align:center;
  }
.center_7 h2{
font-size:56px;
color:#fff;
font-family: 'Satisfy', cursive!important;
  }
.center_7 p{
font-size:46px;
color:#fff;
  }
.center_7 h4{
font-size:26px;
color:#fff;
  }
.center_7_middle .form-control_2{
margin-top:20px;
width:100%;
height:65px;
background:none!important;
border:1px solid #000000;
border-radius:0px;
font-size:18px;
padding-left:20px;
   }
.center_7_middle ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}
.center_7_middle .form-textarea_new{
margin-top:20px;
width:100%;
height:200px;
background:none!important;
border:1px solid #000000;
border-radius:0px;
font-size:18px;
padding-left:20px;
   }
.center_7_middle h1{
text-align:center;
padding-top:30px;
  }
.center_7_middle h1 a{
padding:18px 60px 18px 60px;
font-size:22px;
text-decoration:none;
color:#fff;
background:#00CCFF;
   }
.center_7_middle h1 a:hover{
color:#fff;
background:#1e3367;
   }
/********************* center_7_end ***************/

/********************* footer ***************/
#footer{
background:#1e2538;
padding-top:50px;
padding-bottom:100px;
border-bottom:2px solid #DBDBDB;
   }
.footer_left p{
font-size:18px;
color:#fff;
line-height:30px;
   }
.footer_middle p{
padding:0;
margin:0;
   }
.footer_middle p a{
font-size:18px;
text-decoration:none;
color:#fff;
font-style:italic;
   }
.footer_middle .dotted{
color:#00CCFF;
font-size:30px;
margin-right:30px;
   }
.footer_left h2{
color:#fff;
font-size:20px;
   }
.footer_left h2 a{
color:#fff;
font-size:20px;
text-decoration:none;
   }
.footer_left h2 a:hover{
color:#009999;
   }
.footer_left h2 i{
color:#009999;
margin-right:10px;
font-size:15px;
   }
/********************* footer_end ***************/


/********************* footer_last ***************/
#footer_last{
background:#1e2538;
padding-top:30px;
padding-bottom:20px;
   }
.footer_last_left p{
color:#fff;
font-size:16px;
  }
.footer_last_right ul{
padding:0;
margin:0;
text-align:right;
}
.footer_last_right ul li{
display:inline-block;
margin-right:10px;
}
.footer_last_right ul li a{
color:#fff;
font-size:16px;
text-decoration:none;
}
.footer_last_right ul li a:hover{
color:#0099FF;
}
/********************* footer_last_end ***************/


/********************* about ***************/
#about{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #eeeeee;
   }
.about h5{
font-size:14px;
color:#333333;
  }
/********************* about_end ***************/

/********************* about_1 ***************/
.about_1_top{
padding:0;
margin:0;
  }
.about_1_left_inner{
padding:0;
margin:0;
padding-top:70px;
padding-left:80px;
padding-right:20px;
 }
.about_1_left_inner h2{
font-size:50px;
color:#1e3367;
   }
.about_1_left_inner h4{
font-size:28px;
color:#000;
padding-top:22px;
   }
.about_1_left_inner p{
font-size:22px;
color:#999;
padding-top:20px;
   }
.about_1_right{
padding:0;
margin:0;
cursor: auto;
  }
.about_1_right_inner{
padding:0;
margin:0;
   }
.about_1_right_inner .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
	max-width: 480px;
	max-height: 100%;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.about_1_right_inner .grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	background: #B2D6D6;
   cursor: auto;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
   cursor: auto;
   height: 750px;
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
   cursor: auto;
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
   cursor: auto;
}
.center_2_middle_1_inner h3{
padding-top:30px;
font-size:40px;
color:#0099FF;
cursor: auto;
   }

   /* Media Query for Mobile Devices */
@media only screen and (max-width: 600px) {
   .grid figure img {
      max-width: 100%; /* Ensure the image doesn't exceed its container width */
      height: auto; /* Maintain aspect ratio */
      max-height: 600px; /* Set a maximum height for the image */
   }
}
/********************* about_1_end ***************/


/********************* about_2 ***************/
#about_2{
background: url(../img/16.jpg);
background-attachment: fixed;
padding-top:100px;
padding-bottom:150px;
   }
.about_2 h2{
font-size:44px;
color:#000000;
   }
.about_2_middle_left_inner_1 .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
	max-width: 480px;
	max-height: 100%;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.about_2_middle_left_inner_1 .grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
	background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
	background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
}

figure.effect-jazz img {
	opacity: 0.9;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

figure.effect-jazz h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-jazz p {
	padding: 0.5em 2em;
	text-transform: none;
	font-size: 0.85em;
	opacity: 0;
}

figure.effect-jazz:hover img {
	opacity: 0.7;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.about_2_middle {
padding:0;
margin:0;
  }
.about_2_middle_left_inner_2{
background:#000000;
text-align:center;
padding-bottom:20px;
   }
.about_2_middle_left_inner_2 h4{
padding-top:10px;
  }
.about_2_middle_left_inner_2 h4 a{
font-size:36px;
text-decoration:none;
color:#b2d6d6;
  }
.about_2_middle_left_inner_2 h4 a:hover{
color:#00CCFF;
  }
.about_2_middle_left_inner_2 h2{
font-size:16px;
color:#b2d6d6;
  }
.about_2_middle_left_inner_2 p{
font-size:20px;
color:#333;
  }
.about_2_middle_left_inner_2 ul{
padding:0;
margin:0;
  }
.about_2_middle_left_inner_2 ul li{
display:inline-block;
margin:10px;
  }
.about_2_middle_left_inner_2 ul li a{
font-size:24px;
text-decoration:none;
color:#b2d6d6;
  }
/********************* about_2_end ***************/

/********************* about_3 ***************/
#about_3{
padding-top:100px;
padding-bottom:100px;
  }
.about_3 h2{
font-size:45px;
color:#1e3367;
padding-left:20px;
padding-bottom:50px;
   }
/********************* about_3_end ***************/

/********************* about_4 ***************/
#about_4{
background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(../img/25.jpg);

background-size: 100% auto;
padding-top:100px;
padding-bottom:200px;
background-size: cover;

   }
.about_4{
text-align:center;
  }
.about_4 h2{
font-size:40px;
color:#fff;
  }
.about_4 h4{
font-size:22px;
color:#fff;
padding-top:20px;
padding-bottom:30px;
  }
.about_4 p a{
padding:18px 55px 18px 55px;
font-size:22px;
text-decoration:none;
background:#0099FF;
color:#fff;
  }
.about_4 p a:hover{
background:#1e3367;
color:#fff;
  }
/********************* about_4_end ***************/

/********************* club ***************/
#club{
background: url(../img/salida_pesca_mediterraneo.jpg);
padding-top:100px;
padding-bottom:100px;
   }
.club h2{
font-size:42px;
color:#fff;
   }
/********************* club_end ***************/


/********************* club_1 ***************/
#club_1{
padding-top:100px;
padding-bottom:100px;
  }
.club_1{
padding-bottom:50px;
   }
.club_1_left h2 a{
font-size:30px;
text-decoration:none;
color:#1e3367;
   }
.club_1_left h2 a:hover{
color:#0099FF;
   }
.club_1_left_2 p{
font-size:20px;
color:#333;
padding-top:30px;
padding-bottom:50px;
   }
.club_1_left_2 h2 a{
padding:18px 55px 18px 55px;
font-size:18px;
text-decoration:none;
color:#fff;
background:#0099FF;
   }
.club_1_left_2 h2 a:hover{
background:#1e3367;
   }
.club_1_left .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
	max-width: 480px;
	max-height: 100%;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.club_1_left .grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.club_1_left .grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Duke *****/
/*---------------*/

figure.effect-duke {
	background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
	background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}

figure.effect-duke img,
figure.effect-duke p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-duke:hover img {
	-webkit-transform: scale3d(2,2,1);
	transform: scale3d(2,2,1);
}

figure.effect-duke h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

figure.effect-duke p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px;
	padding: 30px;
	border: 2px solid #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
}

figure.effect-duke:hover h2,
figure.effect-duke:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/********************* club_1_end ***************/

/********************* club_2 ***************/
#club_2{
background: url(../img/salida_pesca_mediterraneo.jpg);
padding-top:100px;
padding-bottom:100px;
  }
.club_2 h2{
font-size:40px;
color:#1e3367;
padding-left:10px;
padding-bottom:50px;
   }
.club_2_middle_right_inner p{
font-size:22px;
color:#fff;
text-align:center;
  }
.club_2_middle_right_inner p i{
font-size:18px;
color:#1e3367;
margin-right:20px;
  }
.club_2_middle_right_inner h4{
font-size:22px;
color:#1e3367;
font-style:italic;
font-weight:700;
padding-top:10px;
  }
/********************* club_2_end ***************/

/********************* blog ***************/
#blog{
  padding-top:80px;
  padding-bottom:60px;
  }
.blog_left h4{
 font-size: 26px;
  }
.blog_left h4 a{
 color: #1e3367;
 text-decoration:none;
  }
.blog_left h4 a:hover{
 color: #0099FF;
  }
.blog_left h5{
margin-top:10px;
 font-size: 18px;
 letter-spacing:1px;
 margin-bottom:10px;
 color:#FF0000;
  }
.blog_left h5 i{
margin-right:12px;
  }
.blog_left p{
color: #999;
font-size: 18px;
margin-top:15px;
letter-spacing:1px;
  }
.blog_left h3{
font-size:16px;
margin-top: 30px;
margin-bottom: 10px;
  }
.blog_left h3 a{
    background: #0099FF;
    padding: 10px 35px;
    border-radius: 30px;
	text-decoration:none;
    font-size: 18px;
    color: #fff;
  }
.blog_left h3 a:hover{
   background:#1e3367;
   color: #fff;
   border:none;
  }
.blog_left{
  border-bottom:3px solid #2f333c;
  padding-bottom:20px;
  margin-bottom:20px;
  }
.blog_left .heading_1{
   margin-top:15px;
   margin-bottom:15px;
  }
.blog_left ul li{
font-size:16px;
padding-bottom:5px;
color:#999;
  }
.paginate {
margin-top:40px;
}
.paginate a{
background: #18a3dd;
color:#000000;
padding: 10px 14px;
font-size:16px;
font-weight:600;
border-radius:5px;
}
.paginate a:hover{
background:#631e26;
color:#fff!important;
}
.tag_page{
  background:#631e26!important;
  color:#fff!important;
  }
.blog_right h4{
   font-size: 26px;
  margin-bottom:18px;
  color:#1e3367;
  }
.blog_right h5{
  font-size:16px;
  line-height:1.5em;
  margin-top:13px;
  }
.blog_right h5 a{
   color: #0099FF;
  }
.blog_right h5 a:hover{
   color: #18a3dd;
  }
.blog_right{
  margin-bottom:18px;
  }
  
.view{
 background:#f4f4f4;
 margin-top:20px; 
  }
.view h4{
padding:0;
margin:0;
padding-top:20px;
padding-left:20px;
font-weight:bold;
font-size:17px;
  }
  
.view {
padding-bottom:15px;
margin-bottom:20px;
}
.view .nav li a:hover{
background:#fff;
}
.view .nav{
padding-left:15px;
padding-top:10px;
padding-bottom:10px;
}
.view .nav-tabs{
border:none;
}

.view .nav>li>a {
  padding:0;
  padding:5px;
  font-weight:bold;
  font-size:13px;
}
.tab_1_inner p{
  font-size:22px;
  color:#999999;
  letter-spacing:1px;
  }
.tab_1_inner_1 p a{
 color:#000000;
 font-weight:bold;
letter-spacing:1px;
  }
.tab_1_inner_1_main{
 padding-left:0; 
  }
.clear_text{
 padding-top:10px;
 padding-bottom:10px;
  }
.blog_right_inner_4{
margin-top:40px;
padding:15px 15px 30px 15px;
background:#4a5263;
border-radius:5px;
}
.blog_right_inner_4 h4{
color:#000000;
text-align:center;
font-weight:600;
font-size:18px;
letter-spacing:1px; 
}
.blog_right_inner_4 p{
color:#e1e1e1;
text-align:center;
font-size:14px;
letter-spacing:1px;
font-size:15px;
padding-top:15px;
padding-bottom:15px;
}
.blog_right_inner_4 .form-control{
 background: #303744;
 margin-bottom:6px;
 font-size:18px;
 font-weight:300;
 height:55px;
 border-radius:0;
 border: 1px solid #303744; 
}

.blog_right_inner_4 span a{
background: #18a3dd;
display:block;
text-align:center;
padding-top:15px;
padding-bottom:15px;
font-size:20px;
color:#fff;
}
.blog_right_inner_4 span a:hover{
background:#631e26;
color:#fff;

}
.blog_right_inner_4 h5{
font-size:14px;
padding-top:25px;
color:#000000;
text-align:center;
}

/********************* blog_end ***************/


/********************* details ***************/
.details_middle_left_top h4{
font-size:36px;
padding-bottom:20px;
   }
.details_middle_left_top_right_inner h4{
padding:0;
margin:0;
   }
.details_middle_left_top_right_inner h4 a{
font-size:24px!important;
text-decoration:none;
   }
.details_middle_left_top_right_inner h5{
font-size:20px!important;
   }
.details_middle_left_top_right_inner h6{
font-size:18px!important;
   }
/********************* details_end ***************/

/********************* contact ***************/
#contact {
   position: relative;
   background: url(../img/47.jpeg);
   background-attachment: fixed;
   background-size: cover;
   padding-top: 100px;
   padding-bottom: 200px;
}

#contact::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
}

#contact .container {
   position: relative; /* Ensure content is placed above the overlay */
   z-index: 1; /* Ensure content is placed above the overlay */
}

#contact h2 {
   font-size: 48px;
   color: #fff;
}

.contact .form-control_1 {
   height: 60px;
   margin-top: 20px;
   border: 1px solid #000000;
   background: none!important;
   color: #fff!important;
   font-size: 26px;
}

.contact ::placeholder {
   color: #fff;
   opacity: 1;
}

.contact .form-control_3 {
   height: 200px;
   margin-top: 20px;
   border: 1px solid #000000;
   background: none!important;
   width: 100%;
   padding-left: 10px;
   color: #fff!important;
   font-size: 26px;
}
/********************* contact_end ***************/






@media screen and (max-width : 767px){
.header_left_inner h5 {
    text-align:center;
}
.header_right_inner ul {
    text-align: center;
}
.navbar-toggle {
    background:#B2D6D6;
	margin-top:20px;
}
.navbar-toggle .icon-bar {
    background:#fff;
}
.navbar-nav li .tag_menu {
     text-align: center;
	 background:#94afa938!important;
}

.center_1 h2 {
    font-size: 46px;
}
.center_1 .finish {
    font-size: 39px;
}
.center_2 h4 {
    font-size: 35px;
}
.center_2 p {
    font-size:22px;
color:#999;
padding-top:20px;
}
.center_2 h5 {
    font-size: 16px;
}
.center_2_middle_1_inner p i {
    font-size: 26px;
	width:85px;
	height:80px;
}
.grid figure h2 {
    font-size: 20px;
}
.grid figure p {
    font-size: 10px;
}
.center_3_right_inner h4 {
    font-size: 34px;
    text-align:center;
}
.center_3_right_inner h3 {
    font-size: 35px;
    text-align: center;
}
.center_3_right_inner h2 {
    font-size: 30px;
    text-align: center;
}
.center_3_right_inner p {
    font-size: 18px;
    text-align: center;
}
.center_3_right_inner h1{
    font-size: 16px;
    text-align: center;
}
.center_3_right_inner h1 a {
    font-size: 16px;
}
.center_4_left_inner h2 {
    font-size: 42px;
}
.center_4_left_inner h4 {
    font-size: 26px;
}
.center_4_right_inner h1 {
    text-align: center;
}
.center_4_right_inner h1 a {
    padding: 10px 15px 10px 15px;
    font-size: 14px;
}
#center_4 {
    padding-top: 30px;
    padding-bottom: 50px;
}
.box_top h2 {
    font-size: 40px;
}
 
}
.box_top p {
    font-size: 40px;
    color:#b2d6d6;
}
.center_5 h2 {
    font-size: 35px;
}
.center_5 .form-control_1 {
    width: 100%;
}
#center_5 {
    padding-top: 50px;
    padding-bottom: 100px;
}
.center_6 h2 {
    font-size: 30px;
}
.center_6_middle_inner_2 h2 {
    text-align: center;
}
.center_6_middle_inner_2 p {
     text-align: center;
}
.center_7 h2 {
    font-size: 46px;
}
.center_7 p {
    font-size: 36px;
}
.center_7_middle .form-textarea_new {
    height: 150px;
}
.footer_left p {
     text-align: center;
}
.footer_middle p {
   text-align: center;
}
.footer_left h2 {
    font-size: 15px;
    text-align: center;
}
#footer {
    padding-bottom: 50px;
}
.footer_last_left p {
    text-align: center;
}
.footer_last_right ul {
    text-align: center;
}
figure.effect-ming img {
    min-width: 100%!important;
}
.center_6_middle_inner_1 .grid figure img {
    width: 100%;
}
.about_1_left_inner h2 {
    font-size: 30px;
}
.about_1_left_inner h4 {
    font-size: 20px;
}
.about_1_left_inner p {
    font-size: 18px;
}
.center_2 p {
    font-size: 24px;
}
.about_2_middle_left_inner_2 h4 a {
    font-size: 30px;
}
.about_2_middle_left_inner_2 {
    margin-bottom: 30px;
}
.about_2_middle_left_inner_2 p {
    font-size: 16px;
}
#about_3 {
    padding-top: 20px;
    padding-bottom: 30px;
}
.about_3 h2 {
    font-size: 35px;
    padding-bottom: 20px;
}
.about_2_middle_left_inner_1 {
margin-bottom:30px;
   }
.about_4 h2 {
    font-size: 30px;
}
#about_4 {
    padding-top: 30px;
    padding-bottom: 50px;
}
.about_4 p a {
    padding: 15px 35px 15px 35px;
    font-size: 22px;
}
.footer_left p {
    font-size: 16px;
}
.about_2_middle_left_inner_1 .grid figure img {
    min-width: 100%;
}
.club_1_left .grid figure img {
    min-width: 100%;
}
.blog_left h4 a {
    font-size: 18px;
}
.paginate a {
    font-size: 12px;
}
.blog_right h4 {
    padding-top:20px;
}
.blog_right h4 {
    font-size: 20px;
}
.tab_1_inner_1 p{
text-align:center;
  }
#contact {
    padding-top:40px;
    padding-bottom: 100px;
}
.contact h2 {
    font-size: 28px;
	text-align:center;
}



@media (min-width:768px) and (max-width:960px)  {
.navbar-header .navbar-brand {
    font-size: 30px;
}
.navbar-nav li .tag_menu {
    font-size: 14px;
}
.center_2_middle_1_inner p i {
    font-size: 30px;
    padding: 30px 60px 30px 30px;
}
.center_2 h5 {
    padding-bottom: 10px;
}
.center_2_middle_1_inner h5 {
    font-size: 16px;
    color: #333;
}
.center_3_right_inner p {
    font-size: 18px;
}
.center_4_left_inner h2 {
    font-size: 42px;
}
.center_4_left_inner h4 {
    font-size: 30px;
}
.center_4_right_inner h1 a {
    padding: 15px 20px 15px 20px;
    font-size: 12px;
}
#center_5 {
    padding-top: 50px;
    padding-bottom: 100px;
}
.center_6_middle_inner_2 h2 a {
    font-size: 12px;
}
.center_6_middle_inner_2 p {
    font-size: 18px;
}
#center_6 {
    padding-bottom: 50px;
}
.about_2_middle_left_inner_2 h4 a {
    font-size: 26px;
}
.about_2_middle_left_inner_2 p {
    font-size: 14px;
}
.about_2_middle_left_inner_2 ul li a {
    font-size: 20px;
}
figure.effect-jazz h2 {
    padding-top: 0;
    font-size: 12px;
}
.club_2_middle_left_inner img{
width:100%;
  }
.view .nav {
    padding-left: 5px;
}
.view .nav>li>a {
    padding: 2px;
    font-size: 10px;
}
.details_middle_left_top_left_inner img{
width:100%;
  }
}


@media (min-width:961px) and (max-width:1200px)  {
.center_4_right_inner h1 a {
    padding: 18px 50px 18px 50px;
    font-size: 14px;
}
.navbar-header .navbar-brand {
   font-size: 36px;
   font-style: italic;
   color: #1e3367;
   font-family: 'Adam', cursive;
   text-indent: 0; /* Resetting text indent to display text */
}
.navbar-nav.navbar-right:last-child {
    margin-top: 20px;
}
.center_6_middle_inner_2 h2 a {
    font-size: 17px;
}
.navbar-nav li .tag_menu {
    font-size: 18px;
    padding: 5px 8px;
}
.center_2_middle_1_inner p i {
    width: 88px;
    height: 90px;
}
.center_4_right_inner h1 a {
    padding: 15px 18px 15px 18px;
}
.club_2_middle_left_inner img{
width:100%;
  }
.details_middle_left_top_left_inner img{
width:100%;
  }
.view .nav>li>a {
    padding: 2px;
    font-size: 10px;
}

}

@media (min-width:1201px) and (max-width:1400px)  {


}

/************** Cookies **********/
.cookies-eu-banner {
   background: #444;
   color: #fff;
   padding: 6px;
   font-size: 13px;
   text-align: center;
   position: fixed;
   bottom: 0;
   width: 100%;
   z-index: 10;
 }
 
 .cookies-eu-banner button {
   text-decoration: none;
   background: #222;
   color: #fff;
   border: 1px solid #000;
   cursor: pointer;
   padding: 4px 7px;
   margin: 2px 5px;
   font-size: 13px;
   font-weight: 700;
   transition: background 0.07s, color 0.07s, border-color 0.07s;
 }
 
 .cookies-eu-banner button:hover {
   background: #fff;
   color: #222;
 }

 .hidden {
   display: none;
 }
 
 
/* CSS for WhatsApp icon */
.whatsapp-icon {
   position: fixed;
   bottom: 100px; 
   right: 20px; 
   z-index: 9999; /* Ensure it's above other elements */
}

/* CSS to remove default link styles */
.whatsapp-icon img {
   border: none;
   display: block;
   width: 30px; 
   height: 30px; 
}

#contactDetails{
   margin-bottom: 20px;
   color:#428bca;
}

.jsx-1692258222 > a{
   visibility: hidden;
}