
/*
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);
*/



#ul_2_cols{ padding:0; margin:0; margin-bottom:40px}
#ul_2_cols li.cols2li{ display:table-cell; list-style:none; padding:0; margin:0;}
.li_2cols_1{ vertical-align:top; width:100%;}
.li_2cols_2{ width:350px;min-width:350px; padding-left:25px !important;}


#ul_2_cols_news{ padding:0; margin:0; margin-bottom:50px; display:block; width:100%;
height:auto; overflow:auto}
#ul_2_cols_news li.li_2_cols_news{ display:table-cell; list-style:none; padding:0; margin:0; vertical-align:top; float:left}
#ul_2_cols_news li.li_2_cols_news:nth-child(2){ width:25%; padding-left:10px; padding-top:20px; }
#ul_2_cols_news li.li_2_cols_news:nth-child(1){ padding-right:30px; width:75% }


#ul_3_cols_news{ width:100%;  margin:0; padding:0; height:100%; display:table-row;; overflow:auto; }
#ul_3_cols_news li{ display:table-cell; list-style:none; padding:0; margin:0; width:33%; float:left;
padding:70px; background-color:#f2f2f2; height:auto; height:100%}
#ul_3_cols_news li img{ width:100%}
#ul_3_cols_news li:nth-child(3n+1){ clear:both;}
*, *::before, *::after {
    box-sizing: border-box;}
/* --------------------*/
/*
#ul_2_cols_news{ display:block; width:100%; height:auto; overflow:auto}
.li_2_cols_news:nth-child(1){float:right; width:270px}

.li_2_cols_news:nth-child(2){margin-right:280px; padding-right:20px}
*/
/* --------------------*/
/*
#ul_2_cols_news{ display:block; width:100%; height:auto; overflow:auto; margin-bottom:40px}
.li_2_cols_news{ vertical-align:top}
.li_2_cols_news:nth-child(2){margin-right:300px; padding-right:20px;}
.li_2_cols_news:nth-child(1){float:right; width:270px}
*/

#news_det_latest_news{border-bottom:1px solid #0074B2; padding-top:7px; padding-bottom:7px }
#news_det_latest_news a{ padding:6px;
display:block;
color: #f0f0f0; text-decoration:none; font-size:14px}
#news_det_date{ font-weight:bold; margin-bottom:10px; padding:8px; background-color:#f2f2f2; color: #333; display:block}
#news_det_date_green{margin-bottom:10px; color: #666; display:block; font-size:13px}


#pages_state{margin-bottom:10px; padding:8px; background-color:#f2f2f2; display:block; color: #909090; font-size:13px;
border-radius:4px; border:1px solid #f8f8f8;}
#pages_state a{ color:#004580; text-decoration:none}
#pages_state a:hover{ color:#000; text-decoration:underline }

#pages_state_color{margin-bottom:10px; padding:9px; background-color:#f1f1f1; display:block; color: #333}
#pages_state_color a{ color:#0392DE; text-decoration:none}
#pages_state_color a:hover{ color:#000; text-decoration:underline }


#news_det_latest_news a:hover{ text-decoration:underline}
.news_date_more_date{ display:block; font-size:12px; padding-left:7px; padding-top:3px; color: #069}
#news_det_rel_img{ max-width:100%; border:1px solid #666}
#div_news_det{ width:100%; color:#333}
#div_news_det p,#div_news_det p span{color:#333}
#div_news_det  a{ color: #FF9}
#div_pages_txt img{ 
    height: auto;
    max-width: 100%; margin-right:15px; margin-bottom:5px; margin-left:0px}
#div_news_det img{ 
    height: auto;
    max-width: 100%;}

#news_det_txt img {

    max-width: 100% !important;
    height: auto !important;

}

#div_news_det img{ margin-left:0px; margin-top:0px; border:1px solid #FFF}
#recent_news{ padding:10px; font-weight:bold; background-color:#025079; color:#f1f1f1; margin-top:30px; margin-bottom:0px}
#recent_news_container{ padding:10px; background-color:#03679D}
#related_photos{ padding:8px; font-weight:bold; background-color:#f1f1f1; color:#333;margin-top:30px; margin-bottom:10px}
#ul_related_photos{ padding:0; margin:0; margin-bottom:40px; display:table; overflow:auto; height:auto}
#ul_related_photos li{ display:table-cell; list-style:none; padding:0 !important; padding-right:3px !important; margin-bottom:3px !important; margin:0; vertical-align:top; float:left; width:50%}


#ul_2_cols50{ padding:0; margin:0; margin-bottom:40px; display:table; width:100%}
#ul_2_cols50 li.ul_2_cols50_li{ display:table-cell; list-style:none; width:50%; padding:0; margin:0; vertical-align:top}
#ul_2_cols50 li.ul_2_cols50_li:nth-child(2){ padding-left:30px}
#ul_2_cols50 li.ul_2_cols50_li li{ line-height:2}

#table_contact_form { clear:both}
#table_contact_form input[type="text"]{box-shadow: 1px 1px 1px #666; max-width:350px; width:95%;border-radius:2px; padding:5px; border:1px solid #666; background-color:#f2f2f2; margin-bottom:3px; margin-top:3px;}
#table_contact_form textarea{box-shadow: 1px 1px 2px #666;max-width:350px; width:95%; padding:5px; border:1px solid #666; background-color:#f2f2f2;margin-bottom:3px; margin-top:3px;}


#div_main_data{ line-height:1.5; padding-bottom:20px}
.link_left_submenu{ display:block; padding:8px; padding-top:13px; padding-bottom:13px; color: #333; text-decoration:none;
border-bottom:1px solid #EAEAEA;  font-size:14px}
.link_left_submenu:hover{ color:#006}
.link_left_submenu_on{ color: #333; background-color:#DBE8F0}
.link_left_submenu_on:HOVER{ color: #333} 
.link_left_submenu:first-child { margin-top:65px}

.arrow_right_related{ margin-left:5px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px}

#div_bg_header{


 background-position:center center; background-size:cover;
 text-align:center; 
 
/* 
 -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
*/
 }




#div_bg_header_inside_pages{ background-image: url(img/bg-2.jpg);
height:30px; margin-bottom:15px;

 background-position:center center; background-size:cover;
 /*
 -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
*/
 }
 
 #div_bg_header_inside_pages_news{ background-image:url(/img/02.jpg);
height:380px; margin-bottom:0px; border-bottom:1px solid #FFF;

 background-position:center center; background-size:cover;


 }
 
#div_bg_header_inside_pages_boat_det{ background:none;
height:360px; margin-bottom:3px;
/*
 -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
*/
 }
 
 #div_pages_title{ font-size:30px; color:#054f78; font-family:Tahoma,"Ubuntu Condensed","Open Sans",Oswald,Ubuntu;
 background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;
margin-bottom:15px; margin-top:10px; line-height:1.1; text-align:left}

 #div_news_det_title{ font-size:23px; color:#054f78; font-family:Tahoma,Arial,"Open Sans",Oswald,Ubuntu;
 background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;
margin-top:10px; line-height:1.2; text-align:left; font-weight:bold}


 #div_pages_title_bg_green{ font-size:32px; color: #054f78; font-family:"Open Sans",Oswald,Ubuntu;
 background-image1:url(img/bg_line_news.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;
margin-bottom:10px;line-height:1.1; text-align:left}


 #div_pages_title_boat{ font-size:40px; color:#306695; font-family:"Open Sans",Oswald,Ubuntu;
 background-image1:url(img/bg_line_news.png); font-weight:bold; background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;
margin-bottom:5px;}

#div_top_nav{min-height:110px;  max-width:1250px; width:100%; margin:auto;
display:block;
padding-top:7px; z-index:1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;} 

div{ box-sizing: border-box;}

#footer{ min-height:200px; color:#f1f1f1; max-width:1250px;width:100%;  text-align:center; padding-top:20px; margin:auto; padding-bottom:20px}
#footer a{font-size:13px;}
/*  background-color:#efefef 0071bc*/
#footer a{ color:#f1f1f1}
#footer a:hover{ color:#ff}
#footer_container{ background-color:#025079;width:100%; text-align:center;color: #f3f3f3; margin-top:0px;border-top:0px solid #000}
#btm_titles{ font-size:20px; margin-bottom:15px; font-family:"Open Sans",Oswald,Ubuntu;
text-shadow: none; font-weight:bold; color:#f1f1f1; }
.div_footer_txt,.div_footer_txt p{color:#CCC; font-size:14px}
#read_m_about_us{ margin-top:7px;}
#read_m_about_us a{ text-decoration:none; opacity:0.8 }
#read_m_about_us a:hover{ text-decoration: underline; opacity:1}
.btm_about{}

#div_top_nav_container{ width:100%; background-image:url(img/bg-1.jpg); background-position:left top;
background-color:#f1f1f1;
padding-top:14px; padding-bottom:10px;
}
#div_top_nav_menu{ color:#FFF;float:right; padding-top:0px;}
#div_top_nav_menu a{ color: #333; font-size:16px; text-decoration:none; padding-right:5px;}
#div_top_nav_menu a:hover{ color:#000} 

#div_top_nav_menu_links{width:100%;
text-align:right; padding-right:0px; padding-top:0px;padding-top:10px}
#div_top_nav_menu_links a{ color: #BFBFBF; margin-left:5px; text-decoration:none; font-size:14px; font-family:Tahoma, Geneva, sans-serif;}
#div_top_nav_menu_links a:hover{ color:#004580}


.top_logo1{color: #1C588C;font-size:42px; font-weight:bold; font-family:Ubuntu,"Josefin Sans"; margin-top:0px}
.top_logo2{color: #999; padding-top:0px; display:block; font-size:14px; padding-left:3px; margin-top:5px;
font-weight:bold;text-shadow:none !important;}
.top_logo11{color: #666 ; padding-top:3px;  font-size:14px}

#div_top_nav1{ height:100px; max-width:1250px;width:100%; margin:auto; position: absolute; float:left; text-align:left;}
#div_top_nav2{ height:120px; width:100%; margin:auto; position: absolute}

#div_home_3_boxes_container{ min-height:180px;margin:auto; margin-top:-25px; margin-bottom:20px; display:block; height:auto; overflow:auto}
#div_home_boxes1{ height:160px; width:32%; background-color:#088193; float:left; z-index:2000 ;
}
#div_home_boxes2{height:160px; width:32%; background-color: #06C; float:left; margin-left:25px; margin-right:5px;
}
/* 0f968b */
#div_home_boxes3{height:160px; width:32%; background-color: #73359D; float:right;
}

#ul_home_3boxes{ width:100%; margin:0; padding:0;
  
 /*  display: -webkit-box;      OLD - iOS 6-, Safari 3.1-6 */
   /* display: flex; */


  
    justify-content: space-between; height:auto}
#ul_home_3boxes li{   padding:10px; margin:0; list-style:none;box-sizing: border-box;
display:table-cell;
 /* -webkit-box-flex:1;       OLD - iOS 6-, Safari 3.1-6 */

    
}
#ul_home_3boxes li:nth-child(1){background-color:#088193;width:30%;}
#ul_home_3boxes li:nth-child(3){background-color: #06C; width:30%;}
#ul_home_3boxes li:nth-child(5){background-color: #73359D; width:30%;}

#ul_home_3boxes li:nth-child(2){ width:1%}
#ul_home_3boxes li:nth-child(4){width:1%}


.ul_home_3boxes_sp1{background-color:#088193; display:block; padding:4px}
.ul_home_3boxes_sp2{background-color: #06C; display:block}
.ul_home_3boxes_sp3{background-color: #73359D; display:block}



.span_title{ font-size:24px; color:#FFF;  color:#EFEFEF; display:block; margin-bottom:10px;font-family:Oswald;}

.box_shadow_radius{
	/*
-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);	

border-radius: 7px 0px 7px 0px;
-moz-border-radius: 7px 0px 7px 0px;
-webkit-border-radius: 7px 0px 7px 0px;
border: 0px solid #000000;
	*/
}


.select_sboat{ padding:6px; width:32%;border:1px solid #999; background-color: #FFf;
border-radius: 3px;}
#ul_boats_det_2cols{ width:100%; margin:0; padding:0}
#ul_boats_det_2cols li{ display:table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;} 

#ul_boats_det_2cols li:nth-child(1){ margin:0; padding:0; float:left; width:70%; padding-right:20px;}
#ul_boats_det_2cols li:nth-child(2){ margin:0; padding:0; float:left; width:30%; padding-left:20px;}

#ul_cols_boats{
    color: #333;
    margin: 0;
    overflow: auto;
    padding: 10px 0 0;
    width: 100%;}
#ul_cols_boats li{   display: inline;
    float: left;
    list-style: outside none none;
    width: 25%; margin-bottom:20px;
	padding-right:6px;
}

#ul_cols_boats li:nth-child(4n+1) {
    clear: left;
}

.boat_title{ font-size:20px; font-family:"Open Sans",Oswald,Arial; margin-top:5px; margin-bottom:5px; color:#333;
font-weight:bold}
#div_subtitle_boat span{ padding:8px; padding-left:12px; padding-right:12px; font-weight:bold; display: table-cell; color:#FFF;
font-size:16px}

.boat_sb1{ background-color:#F93}
.boat_sb2{ background-color:#369}
.boat_sb3{ background-color:#906}

#ul_cols_pgal{
    color: #333;
    margin: 0;
    overflow: auto;
	overflow-x:hidden;
    padding:0;
    width: 100%; background-color:#f2f2f2; padding:10px}
#ul_cols_pgal li{   display: inline-block;
    float: left;
    list-style: outside none none;
    width: 25%; margin-bottom:1px; padding:0px
}

#ul_cols_pgal li:nth-child(4n+1) {
    clear: left;
}
#img_photo_gallery{ width:100%; border:1px solid #ccc}
#img_photo_gallery:hover{border:1px solid #000}

#ul_cols_news{
    color: #84bfbf;
    margin: 0;
    overflow: auto;
	overflow-x:hidden;
    padding:0;
    width: 100%; background-color:#F0F0E9}
#ul_cols_news li{   display: inline-block;
    float: left;
    list-style: outside none none;
    width: 33%; margin-bottom:20px; padding:30px
}

#ul_cols_news li:nth-child(3n+1) {
    clear: left;
}

#img_news {
    border: 4px solid #fff;
    max-width: 100%;
}
#img_news:hover {border:4px solid #f6f6f6}

#ul_cols_gb{
    color: #333;
    margin: 0;
    overflow: auto;
	overflow-x:hidden;
    padding:0;
    width: 100%; background-color:#fff}
#ul_cols_gb li{   display: inline-block;
    float: left;
    list-style: outside none none;
    width: 33%; margin-bottom:20px; padding:20px;
	text-align:center
}

#ul_cols_gb li:nth-child(3n+1) {
    clear: left;
}
#ph_gb{border-radius: 50%; border:2px solid #EAC245; max-width:100%}



.li_pgal_det li{}
#div_pgal_title a{ font-family:"Open Sans",Tahoma,Atial; font-size:14px; color:#333; text-decoration:none}
#div_pgal_title a:hover{ text-decoration:underline}
.pgal_num{ color:#19578C; text-decoration:none}
#div_pgal_date{ font-size:12px; color: #333}

#img_ph_gallery {
    border: 3px solid #ccc;
    max-width: 100%;
}
#img_ph_gallery:hover {border: 3px solid #EAC245}

.slick_btn_left{ left:0;}
.slick_btn_right{ right:0;}

.slick_arrows{position:absolute; height:100%; z-index:100; top:0;background: #CCC;opacity:0.4; border:none;width:50px;
cursor:pointer}
.slick_arrows:hover{ opacity:0.7}
.slick_arrows span{ font-size:55px; font-family:Oswald}
.subtitle{ font-family:Oswald; font-size:20px; margin-bottom:20px; color:#666}
.subtitle_m10{ max-width:980px; font-size:22px; margin-bottom:10px; font-weight:bold; color:#004580; display:block; clear:both; background-color:#F1F4F5; padding:3px}
#tbl_det_rates{ border:1px solid #CCC}
#tbl_det_rates td{ padding:5px}
#tbl_det_rates tr:nth-child(2n+1)>td{ background-color:#F1F1F1}
a.send_enquiry{ background-color: #213A4E; color:#eaeaea; padding:7px; text-decoration:none}
.enquiry_arrow{ font-size:20px; color:#eaeaea; margin-left:20px; padding-top:3px; font-family:Tahoma, Geneva, sans-serif; line-height:1;
}
#tbl_det_specs{}
#tbl_det_specs td{ border-bottom:1px dotted #CCC; padding:5px}

#tbl_fleet_specs td{ padding:3px; padding-left:0px}
#div_enquiry{ background-color:#F1F4F5; padding:20px;}
#div_enquiry input[type=text],#div_enquiry select,#div_enquiry textarea{ padding:5px; border:1px solid #CCC; background-color: #FFC; max-width:280px; width:99%}
.enq_title{ margin-bottom:5px; margin-top:5px}
#div_top_page a{ color:#999; font-size:12px; text-decoration:none}
#div_top_page a:hover{ color: #000}

#div_top_page{ text-align:right; margin-top:4px; margin-bottom:4px}
#tbl_rates{ width:100%; max-width:980px; margin-bottom:20px;}
#tbl_rates td{ padding:4px;}
 #tbl_rates tr:nth-child(2n+1)>td{border-bottom:1px dotted  #999}
 .link_rates{ color: #666; text-decoration: underline; margin-right:3px}
  .link_rates:hover{ color: #333; text-decoration: none}
#tbl_rates tr:nth-child(1){ background-color:#F1F4F5}
.rates_period_txt{ font-size:12px}
.rates_hover{background-color:#F1F4F5}
.rates_hover_boat_title{ color:#039; text-decoration:none}
*{
	
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
  .link_rates_view_more a{ color:#666; font-size:12px; text-decoration:none}
   .link_rates_view_more a:hover{ color:#000} 

.boat_det_img_gal{ cursor:url("../js/highslide/graphics/zoomin.cur"), pointer}


#ul_home3cols{ padding:0; margin:0; overflow:auto}
#ul_home3cols li{ float:left; width:32.7%; list-style:none; margin:0; padding:0; margin-right:0px}
#ul_home3cols li:nth-child(3n) {
  margin-right: 0;
}
/*
.ul_home_widjets span,.ul_home_widjets span a{ text-decoration:none;font-weight:bold;margin-left:5px;font-size: 26px; font-family:'Open Sans',Oswald; color: #626262;}
.ul_home_widjets span a:hover{ color:#004580}

#ul_home5cols{ padding:0; margin:0; overflow:auto}
#ul_home5cols li{ float:left; width:33%; list-style:none; margin:0; padding:10px; margin-right:0px; text-align:center}
#ul_home5cols li:nth-child(1) { }
#ul_home5cols li:nth-child(3) { }
#ul_home5cols li:nth-child(5n) {
  margin-right: 0;
}

.home_btn_container{  border: 5px solid #fff;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.65); overflow:hidden;}
	
		.home_btns_title{ font-size:20px; font-family:"Open Sans Condensed"; color: #fff; background-color:#3da8e2; padding:15px; text-align:left}
	.home_btns_title a{ font-size:20px; font-family:"Open Sans Condensed"; color:#fff; text-decoration:none;
	text-shadow: 1px 1px 1px rgba(56, 56,56, 1); font-weight:bold}
	.home_btns_title a:hover{ text-decoration:underline}
	.div_home_oval{width:100%; height:180px;margin:auto;text-align:center; border: none;
	background-position:center; background-repeat:no-repeat;background-size:cover;}
	

	
	.home_btn_img{
    border: 2px solid #3DA8E2;
    border-radius: 50%;
    max-width: 100%; height:150px;
}

*/

/* -------------------------------------------------------------------- */
.ul_home_widjets span,.ul_home_widjets span a{ text-decoration:none;font-weight:bold;margin-left:5px;font-size: 26px; font-family:'Open Sans',Oswald; color: #626262;}
.ul_home_widjets span a:hover{ color:#004580}

#ul_home5cols{ padding:0; margin:0; overflow:auto}
#ul_home5cols li{ float:left; width:33%; list-style:none; margin:0; padding:10px; margin-right:0px; text-align:center}
#ul_home5cols li:nth-child(1) { }
#ul_home5cols li:nth-child(3) { }
#ul_home5cols li:nth-child(5n) {
  margin-right: 0;
}

.home_btn_container{ overflow:hidden;}
	
		.home_btns_title{ font-size:20px; font-family:"Open Sans Condensed"; color: #fff;  padding-bottom:10px; padding-top:10px; text-align:center}
	.home_btns_title a{ font-size:22px; font-family:"Open Sans Condensed"; color:#3B5A6F; text-decoration:none;
	text-shadow: 1px 1px 1px rgba(256, 256,256, 1); font-weight:bold}
	.home_btns_title a:hover{ text-decoration:underline}
	.div_home_oval{width:100%; height: auto;margin:auto;text-align:center; border: none;
	background-position:center; background-repeat:no-repeat;background-size:cover;}
	

	
	.home_btn_img{
    border: 2px solid #3DA8E2;
    border-radius: 50%;
    max-width: 100%; max-height:150px;
}


/* -------------------------------------------------------------------- */


#ul_home4cols{ padding:0; margin:0; overflow:auto; 
width:100%; height:auto; overflow:auto;

}
#ul_home4cols li{ float:left;l;width:25%; list-style:none; margin:0; padding:30px;
height:auto; }
#ul_home4cols li div{  } 
#ul_home4cols li img{ width:100%;  border:2px solid #f2f2f2; max-width:280px;; margin-bottom:10px} 
#ul_home4cols li img:hover{ border:2px solid #EAC245;}
#ul_home4cols li:nth-child(4n) {
  /*padding-right: 0;*/
}


#ul_home3cols33{ padding:0; margin:0; overflow:auto; 
width:100%; height:auto; overflow:auto;

}
#ul_home3cols33 li{ float:left;l;width:33%; list-style:none; margin:0; padding:15px;
height:auto; padding-top:15px; padding-bottom:15px }


#ul_det_3cols{ padding:0; margin:0; overflow:auto; width:100%;}
#ul_det_3cols li{ float:left;list-style:none; margin:0; padding:0; display:table-cell; vertical-align:top}
#ul_det_3cols li:nth-child(1){width:250px; ; padding-right:20px;}
#ul_det_3cols li:nth-child(2){ width:60%}
#ul_det_3cols li:nth-child(3){ width:100px}

.maxw{ max-width:1250px;width: 100%; padding-left:15px; padding-right:15px;}



#div_top_logo_left{float:left;}
#img_boat_det_slider{ height:360px}
.slick-track{ height:360px}
#div_det_menu_mob{ display:none; margin-bottom:10px}
#div_det_menu_mob a{ margin-left:4px; margin-right:4px; color:#666}
#div_menu_mob{ display:none; margin-top:0px; clear:both;min-width:80px; background-color: none; padding-top:5px;
padding-bottom:5px; padding-left:7px; z-index:100; text-align:right; left:0px;}

#rates_sub_top_menu{margin-bottom:10px; text-align:left}
#rates_sub_top_menu a{ margin-left:4px; margin-right:4px; color:#666}


.top_nav_menu_mob_menu{ background-image:url(img/icon_mob_menu.png); background-position:left center; background-repeat:no-repeat;
padding-left:25px; color:#333; text-decoration:none; font-size:18px}

#div_fleet_links_cats{ margin-bottom:7px; display:block}

#div_fleet_links_cats a{ color:#333; margin-right:10px; text-decoration:none; padding-top:13px; padding-bottom:13px;
display:inline-block;background-repeat:no-repeat;
background-position:left center; padding-left:47px}

#div_fleet_links_cats a:hover{ text-decoration: underline; color:#000}

.icons_boats_cats1{ background-image:url(img/icons/icons_boats_cats_r1_c1.png); }
.icons_boats_cats2{ background-image: url(img/icons/icons_boats_cats_r1_c3.png);}
.icons_boats_cats3{ background-image: url(img/icons/icons_boats_cats_r2_c5.png); }

.icons_boats_cats1on{ background-image:url(img/icons/icons_boats_cats_r1_c1on.png); }
.icons_boats_cats2on{ background-image: url(img/icons/icons_boats_cats_r1_c3on.png);}
.icons_boats_cats3on{ background-image: url(img/icons/icons_boats_cats_r2_c5on.png); }


#dov_w100_container_color1{ width:100%; background-color:#e6edf0; padding-top:10px; padding-bottom:10px}
#dov_w100_container_color2{ width:100%; background-color:#ffffff; padding-top:7px; padding-bottom:7px}
#dov_w100_container_color3{ width:100%; background-color:#f4f4f4; padding-top:20px; padding-bottom:20px}
#dov_w100_container_color4{ width:100%; background-color:#DBE8F0; padding-top:20px; padding-bottom:20px}


.header_no_marg_btm{ margin-bottom:4px !important}

#div_latest_news { font-size:26px; text-align:left;font-family:"Open Sans Condensed","Open Sans",Oswald;
margin-top:0px; margin-bottom:15px; color: #00AF51; background-color:#fff;
font-weight:bold
}
#div_latest_news span{ color: #0290DE; font-size:26px; text-align:center;font-family:"Open Sans Condensed","Open Sans",Oswald;
text-shadow:1px 1px color:#333;}
.home_news_title{ font-size:14px; color: #0392DE; text-decoration:none; font-family:Open Sans,Tahoma,Arial,Oswald; margin-top:5px}
.home_news_title a{ font-size:14px; color: #0392DE; font-family:Open Sans,Tahoma,Arial,Oswald; text-decoration:none}
.home_news_title a:hover{ text-decoration: underline}
.home_news_date{ font-size:14px; }
.home_news_date span{ }
.home_news_txt{ font-size:13px; line-height:1.5}
.read_more{ color:#999; text-align:left; display:none}
#div_btm_text div{ color:#CCC; font-size:13x}
#div_btm_text p{ color:#CCC; font-size:13x; margin-top:5px; margin-bottom:7px !important}

								.dv_specs{ float:left; width:50%;
								padding:4px; padding-left:0px; border-bottom:1px dotted #CCC; }
								.dv_specs_data{ float:left}
								.dv_specs_title{ float:left; min-width:35%;}
.div_det_spec_container{ display:block; height:auto; overflow:auto}		
#div_btm_sm a{padding-left:35px; padding-top:5px; padding-bottom:5px; text-decoration:none;background-position:left center; background-repeat:no-repeat;
margin-bottom:5px; margin-top:5px}
#div_btm_sm a:hover{}
#div_btm_sm div{ display:block; margin-bottom:15px; height:auto; margin-top:20px}


.l_btm_fb{ background-image:url(img/icons/btms/icons_social_r1_c1.png); }
.l_btm_pg{background-image: url(img/icons/btms/icons_social_r5_c2.png); }
.l_btm_pg:hover{background-image: url(img/icons/btms/over/icons_social_r5_c2.png); }

.l_btm_vg{background-image: url(img/icons/btms/icons_social_r3_c3.png); }
.l_btm_vg:hover{background-image: url(img/icons/btms/over/icons_social_r3_c3.png); }

#footer table td{ padding-right:25px}
#yacht_results{ font-size:18px; padding-left:10px}
#yacht_results a{ color: #00C; text-decoration:none}
#yacht_results a:hover{ text-decoration: underline}
#yacht_results bbb {  
    -moz-border-radius: 15%; 
    -webkit-border-radius: 15%; 
    border-radius: 1015;
    background: #4D6B88; color:#FFC; padding:3px; padding-left:7px; padding-right:7px}
.home_about1{ font-size:13px; color:#f2f2f2}
.home_about2{font-size:13px; color:#f2f2f2; display:none}

#home_main_title{ display:inline-block;
/*background:rgba(55, 79, 89, 0.9);
background:rgba(61, 168, 226, 0.9);
2,80, 121, 0.9
10, 102, 89, 0.6// 2018

background:rgba(0, 0, 0, 0.8);
*/
padding:15px; padding-left:30px; padding-right:30px; font-size:26px; color: #f1f1f1;
text-align: left; line-height:1.2}
.home_main_subtitle{ font-size:16px; color: #f1f1f1; margin-top:7px; margin-bottom:7px}
.home_main_subtitle_date{ font-size:14px; color: #FF9}
.arrow_r{
	font-size:16px;
	padding:5px;
/*
background-image:url(img/icons/arrow_r_small.png); background-repeat:no-repeat; padding:8px;background-position:center center
	*/
	}
.div_pagation {
    background-color: #f7f7f7;
    overflow: auto;
    padding: 5px;
    text-align: center;
}
#ul_pagenation li{float:left; list-style:none; padding-left:6px; padding-right:6px; margin:1px;border-radius:2px; padding-top:3px; padding-bottom:3px;
font-family:Tahoma, Geneva, sans-serif; font-size:12px}
#ul_pagenation{ margin:0; padding:0}
#ul_pagenation a{ text-decoration:none}
.li_pagenation_off{}
.li_pg_on{background-color:#FFF; border:1px solid #666}
.li_pg_off{background-color: #eaeaea; color:#FFF; border:1px solid #666}
.li_pg_off a{ color:#000}
.logo-link{ display:none !important}


.link_top_pg{ background-image:url(img/icons/pg_top.png);
background-repeat:no-repeat; background-position:left top;
padding:10px; padding-bottom:1px; padding-top:1px}

.link_top_vg{ background-image:url(img/icons/vg_top.png);
background-repeat:no-repeat; background-position:left top;
padding:10px; padding-bottom:1px; padding-top:1px}

.link_top_pg{ display:none}
.link_top_vg{ display:none}

.link_top_fb{ background-image:url(img/icons/fb_top.png);
background-repeat:no-repeat; background-position:left top;
padding:9px; padding-bottom:1px; padding-top:1px}
.link_top_fb:hover{background-position:left -20px;}
#news_more{ margin-top:5px}
#news_more a{ color:#00AF51; text-decoration:none}
#news_more a:hover{ text-decoration:underline} 
#boat_det_layout{ margin-top:20px; width:95%}
.period_type{ color:#999; padding-right:5px}
.icon_pdf{ background-image:url(img/file_icons/pdf.png); background-repeat:no-repeat; background-position:left center; padding:5px; padding-left:22px;
color: #009; text-decoration:none; font-size:14px; display:inline-block}
.icon_pdf:hover{ text-decoration:underline}
.icon_pdf_14{ background-image:url(img/file_icons/pdf.png); background-repeat:no-repeat; background-position:left center; padding:5px; padding-left:22px;
color: #009; text-decoration:none; font-size:14px}
.icon_pdf_14:hover{ text-decoration:underline}
.det_optionals{ float:right; margin-top:6px; font-weight:normal !important}
.rates_optionals{ text-align:left;margin-top:5px; margin-bottom:5px; font-weight:normal !important}

.boat_det_descr_txt{}
#div_general_conditions_txt table{ border:0px !important}
#div_general_conditions_txt td{ padding:4px; border:1px solid #666}
#div_general_conditions_txt li{}

#gb_date{}
#gb_title{ font-style:italic; color:#004580}
#gb_title a{ font-style:italic; color:#004580 !important; text-decoration:none}
#gb_title a:hover{ text-decoration:underline} 
#gb_txt{ margin-top:5px}
.marg_top_btm{ margin-top:15px; margin-bottom:15px}
.color_red{ color:#C00}
#div_cont_msg_after_send{ padding:30px; background-color:#dbe8f0}
#tbl_dictionary td{ padding:3px; border:1px solid #666 !important}
.xclose{ color:#666; text-decoration:none; font-size:14px;
background-image: url(img/icon_window_close.png); padding-top:5px; padding-bottom:5px; padding-right:20px; background-position:right center; background-repeat:no-repeat; text-decoration:none}
.xclose:hover{ color:#000; text-decoration:none}
.span_boxes_txt{ line-height:1.5; color:#FFF; display:block; }

	#div_pages_txt p a{ color:#00c; text-decoration:underline}
	#div_pages_txt p a:hover{ text-decoration:none}
	
	#img_top_logo{ margin-top:0px; height:90px}

	
#created_by{ font-size:12px; color:#4D84A1; text-align:center; margin-top:20px;

 }
#created_by a{font-size:12px; color: #FF9; text-decoration:none;
  opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */

 }
#created_by a:hover{ color:#FFC;  opacity:1;
    filter: alpha(opacity=100); /* For IE8 and earlier */}

#div_flags_mob{ display:none; margin-top:10px}

#div_show_disabled{ position: fixed; width:200px;min-height:200px;display:none;
padding:5px;
top:0; right:0;background-color: rgba(255, 255, 255,0.92);
border:1px solid #999;


-webkit-box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.75);
box-shadow: -8px 10px 5px -4px rgba(0,0,0,0.75);
}

#disabled_close a{ font-size:24px; font-family:"Arial Black", Gadget, sans-serif; padding:0px; color: #000; text-decoration:none}
#disabled_close{ display:block; margin-bottom:10px;}
.news_btm_date{color: #FF9;background:#186565}

#div_btm_news_container{}
#xclose_mob_menu{float:right;width:99%; text-align:right; margin-top:-20px;}
#xclose_mob_menu a{ background-color: transparent !important;}
.top_moto{float:left; position:absolute; margin-left:60px; margin-top:0px; font-family:"Open Sans","Ubuntu",sans-serif,Arial;
margin-top:-6px;
}
.moto1{font-size:26px; font-family:Tahoma, Geneva, sans-serif; color:#054F78; line-height:1.2 }
.moto2{font-size:14px; color: #666; }

	
	.div_btm_news_container_home{  border: 5px solid #fff;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.75); overflow:hidden;}
	
	.home_img{  border: 5px solid #fff;
   /* border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
	*/
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.75);
    overflow: hidden; width:100%}
	
	#div_top_nav_menu_links .orange{ text-shadow:1px 1px 1px #000; border-radius:5px; padding:5px; padding-left:10px; padding-right:10px; margin-right:0px; background-color: #FA9400; color:#FFF; font-weight:bold}
	
	.home_msg_title{ font-size:14px; color:#025079;}
	.home_msg_txt{ font-size:13px; margin-top:10px; color:#666; background-image:url(img/double-quotes-81.png);
	background-position:top left; background-repeat:no-repeat; text-align:justify }
	.home_msg_more{ margin-top:10px; font-size:13px; color:#063}
	.home_msg_more a{ color:#063; text-decoration:none}
	.home_msg_more a:hover{text-decoration: underline}
	.img_quotes{ margin-right:5px; margin-bottom:5px;}
	#div_ypovoli_formas input[type=text],.input_login{ border:1px solid #666; padding:6px; width:99%; max-width:350px}
	#div_ypovoli_formas textarea{ border:1px solid #666; padding:6px; width:99%; max-width:350px}
	.div_forma_field{ margin-bottom:12px; margin-top:4px}
	.div_forma_title{ color: #069}
	.display_block input{ display:block}
	#ypovoli_td1{ width:45%; padding:20px; padding-right:40px; background-color:#dbe8f0}
	#ypovoli_td2{ width:55%;padding:20px; background-color:#e0f3fc}
	.table_kostos_simmetoxis{border:1px solid #666; max-width:900px; width:100%}
	.table_kostos_simmetoxis td{ padding:4px}
	.table_kostos_simmetoxis tr:nth-child(2n+1)>td{ background-color:#DDEBF4}
	.w100{ width:100px !important}
.related_title{ padding:10px; padding-left:10px; background-color:#1890C2; color:#FFF;
font-size:14px;padding-top:10px; padding-bottom:10px}	
#table_epitropes td:nth-child(2n+1){ background-color:#DBE8F0}
#table_epitropes td:nth-child(2n+2){ background-color:#E0F3FC}
#table_epitropes{ margin-top:10px}

#related_files_title { padding-left:30px; background-image:url(http://psf.org.gr/img/related_files_bullet.png); background-repeat:no-repeat; font-size:12px; font-weight:bold; padding-top:4px; color:#006600; height:30px; margin-top:4px}
#news_det_rel_files_bottom_container{ padding-left:30px; padding-bottom:10px; padding-top:2px; font-size:12px}
#news_det_rel_files_bottom_container a{ color:#039; padding-left:5px}

#table_epitropes td{ padding:20px; width:50%}
.a_pdf{ background-image: url(/img/file_icons/pdf.png); color:#00c !important; padding:7px; padding-left:22px; background-position:left center; background-repeat:no-repeat; text-decoration:none}
.a_pdf:hover{ color:#900; text-decoration:underline}
/*
.icon_home{ background-image:url(img/icon_home.png); margin:0   !important; background-repeat:no-repeat; padding:5px  !important; padding-left:10px  !important; padding-right:10px  !important;background-position:center center !important; display:inline  !important}
.icon_contact{  background-image:url(img/icon_mail.png); margin:0   !important; margin-right:15px !important;background-repeat:no-repeat; padding:5px  !important; padding-left:10px  !important; padding-right:10px  !important; background-position:center center !important; display:inline  !important}
*/
.icon_home{
    background-size: auto 28px;
    background-image: url(img/home2.png);
    margin: 0 !important;
    background-repeat: no-repeat;
    padding: 14px !important;
    background-position: center center !important;
    display: inline !important;
}

.icon_fb{
    background-size: auto 28px;
    background-image: url(img/icons/fb_circle.png);
    margin: 0 !important;
    background-repeat: no-repeat;
    padding: 14px !important;
    background-position: center center !important;
    display: inline !important;
}

.icon_contact {
    background-size: auto 28px;
    background-image: url(img/contact2.png);
    margin: 0 !important;
        margin-right: 0px;
    margin-left: 5px;
    margin-right: 15px !important;
    background-repeat: no-repeat;
    padding: 14px !important;
    background-position: center center !important;
    display: inline !important;
}
#gmap_canvas {
    height: 300px;
    overflow: hidden;
    width: 100%;
}


		#bg_pop_div{ display:none; width:100%; background-color:#000; position:absolute; top:0 !important; left:0 !important; z-index:1000}
	#div_load_cats_container {
    background-color: #fff;
    border: 1px solid #999;
    display: none;
	height:450px;
    padding: 10px;
	padding-top:5px
	width:100%% !important;
    z-index: 100000; margin-top:10px;
}
#div_load_cats {
    height:100%;
    margin-top:5px;
    overflow-y: auto;
}	
#frame_video{width:100%; border:none; height:95%;}
.zoom{ color: #00C !important; background-image:url(img/icons/icon_zoom.png); background-position:left center; background-repeat:no-repeat; padding-left:25px; padding-top:4px; padding-bottom:4px}

#div_send_ergasia_ok{ padding:10px; background-color:#E0F3FC}
.div_msg_passw{ padding:5px; font-size:13px !important}
.footer_small_info{ color:#CCC; font-size:13px; margin-top:20px; opacity:0.6}
 .title_in_page,.title_in_page span{ font-size:22px;font-family:Tahoma,"Ubuntu Condensed","Open Sans",sans-serif,Arial;}
 .title_in_page{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #DBE8F0; }
 .div_check_ergasia{ padding:10px; background-color:#f1f1f1; margin-top:20px; margin-bottom:20px; padding:15px}
 
 #table_ypovoli{ display:none1}
 #div_results_get_data{ margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #FFF; background-color:#DBE8F0; padding:10px}
 	.katastasi0{ color:#F60}
	.katastasi1{ color: #060}
	.katastasi2{ color: #C00}
	
.icon_publicated0{color: #999;background-image: url(/img/icon_publicated0.png); background-position:left center; background-repeat:no-repeat; text-decoration:none; 
padding-left:20px;
display:inline-block; width:140px;
}


.icon_publicated1{color: #999;background-image: url(/img/icon_ok_fail.png); background-position:left 3px; background-repeat:no-repeat;  text-decoration:none; 
padding-left:25px; padding-top:3px; padding-bottom:3px;
display:inline-block; width:140px;
}

.icon_publicated2{color: #999;background-image: url(/img/icon_ok_fail.png); background-position:left -21px; background-repeat:no-repeat; text-decoration:none; 
padding-left:25px; padding-top:3px; padding-bottom:3px;
display:inline-block; width:140px;
 }
 .input_login{ background-color:#FF9}
 #div_related_container{ background-color:#fff;
 /*
 -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
*/
}
a.link_large{font-size:16px; line-height:1.2; display:inline-block}


.div_footer_last_news{ height:200px; overflow:hidden; padding-right:20px}
#div_footer_last_news_container{ font-size:12px; padding-bottom:10px}
#div_footer_last_news_container a{ opacity:0.8}
#div_footer_last_news_container a:hover{ opacity:1}
#div_footer_last_news_container_date{ color:#FF9;font-size:12px}
.div_footer_last_news_link{ color:#CCC; text-decoration:none; font-size:12px; margin-bottom:5px; display:block}
.div_footer_last_news_link:hover{ text-decoration:underline}

/* --------------- news list---------- */
.div_news_list_container{ padding:10px; border-bottom:1px solid #CCCCCC;}
#news_date_list{ color: #060; margin-bottom:4px; margin-top:5px}
#new_title{ font-weight:bold; margin-bottom:5px}
#new_title a{ color:#333; font-weight:bold; display:block; text-decoration:none; font-size:16px; font-family:"Century Gothic", Arial, "Lucida Sans Unicode"}
#new_title a:hover{ color: #CC0000; text-decoration: underline}
#news_data{ line-height:1.5; margin-top:10px; font-size:13px; color:#666}
#news_view_more{ text-align:right;padding-bottom:5px; padding-top:5px}
#news_list_cat{ padding-bottom:5px; display:none }
#news_list_cat a{padding-top:3px; text-decoration:none; color: #4A8ACA; font-size:12px}
#news_list_cat a:hover{ color:#000000; text-decoration:underline}

.div_home_over{ background-color:#EFEFEF}

/* -----------------------------*/

#link_go_back{ text-align:right; margin-top:10px; margin-bottom:10px}
#link_go_back a{ color:#999; text-decoration:none; font-size:12px}
#link_go_back a:hover{ color:#000} 
#table_programma{ margin-top:20px}
#table_programma tr:nth-child(2n+1)>td{ background-color:#DBE8F0}
#table_programma td{ padding:17px; background-color:#f1f1f1;
 }
#div_login_container{ border:1px solid #444; padding:10px;
 margin-bottom:25px;background-color:#fff}
#div_login_container_title{ background-color: #e0f3fc; color:#000; padding:7px; margin-bottom:5px}
#div_login_container_ input[type="text"] {
    border: 1px solid #666;
    max-width: 300px;
    padding: 6px;
    width: 99%;}
.rePassw{ padding-top:10px; padding-bottom:10px}
#tbl_ergasies{ width:100%; border:1px solid #CCC; background-color:#fff}
#tbl_ergasies td{ padding:5px; border:0px}
#tbl_ergasies tr:nth-child(1)>td{ background-color:#06C; color:#FFF; font-weight:bold}
.new_user_info{ font-size:13px; color:#000; opacity:0.7; margin-bottom:5px}
#div_activation{ margin-top:5px; margin-bottom:5px; padding:15px; background-color:#FFC}
#div_last_update{ font-size:12px; color:#666}

.div_link_upd_date{ color: #666; margin-top:5px; font-size:12px}
.paddingL22{ padding-left:22px}
.number_rounded{ display:inline-block;padding:10px; background-color:#FFF;}
.img_xairetismos{ margin-left:0px !important;margin-top:0px !important}
.get_access{ margin-left:30px; background-image:url(img/icons/directions.png);
background-position:left center; background-size:auto 20px; padding-left:25px; background-repeat:no-repeat}


#table_vol_form{ clear:both}
#table_vol_form TD{ padding:2PX;}
#table_vol_form input[type="text"]{ max-width:350px; width:95%;border-radius:2px; padding:7px; border:1px solid #666; background-color:#f2f2f2; margin-bottom:3px; margin-top:3px;}
#table_vol_form textarea,#table_vol_form  select{max-width:350px; width:95%; padding:5px; border:1px solid #666; background-color:#f2f2f2;margin-bottom:3px; margin-top:3px;}
#table_vol_form .selectDob{max-width:80px; width:95%; padding:5px; border:1px solid #666; background-color:#f2f2f2;margin-bottom:3px; margin-top:3px;}
.marathon_form_title{ font-weight:bold; font-family:roboto; font-size:14px}
#td_volunteer_left{ width:40%; padding:30px; text-align:justify}
#td_volunteer_right{ width:60%; padding:30px}
#td_volunteer_left p,#td_volunteer_right p,#td_volunteer_right {font-family:roboto !important; font-size:14px}
.btnPadding10{ padding:10px; font-size:14px}
.span_info_small{ font-size:12px; font-weight:normal;}
.contact_text{ padding:15px; background-color:#dbe8f0; margin-bottom:20px}

blockquote{
 border-left-width: 5px !important;
 padding:20px !important;
 border-color: #ccc !important;
    border-style: solid;
    border-width: 0;
    font-style: italic;
   background-color:#f7f7f7;
	}

.input_login{ padding:7px; border:1px solid #666;background-color:#f6f6f6}
#table_login{ font-size:16px;font-family:"Open Sans",Roboto,Arial, Helvetica, sans-serif;width:100%; max-width:500px; border:1px solid #CCC}
#table_login td{ padding:5px; padding-left:18px; padding-right:18px;font-size:14px;font-family:"Open Sans",Roboto,Arial, Helvetica, sans-serif;}
#table_login input[type=text],#table_login input[type=password],#table_login select{ width:100%; max-width:450px}
#table_login *{  font-family:Roboto,Arial, Helvetica, sans-serif; font-size:13px}
.td_validation_title{ background-color:#4A8ACA; height:50px; font-size:14px; font-weight:bold; color:#FFF}
.td_validation_title1{ background-color:#f7f7f7; color:#444}
.validation_select{ padding:4px; border:1px solid #999; width:280px}
.iconCheckin{ height:80px !important; margin:0px !important}
canvas{ display:none}
.vert-a-m{ vertical-align:middle}
.font12{ font-size:12px}
.font13{ font-size:13px}
.font14{ font-size:14px}
.font16{ font-size:16px}
.font18{ font-size:18px}
.font20{ font-size:20px}
.font22{ font-size:22px}
.font24{ font-size:24px}
.font26{ font-size:26px}
.font28{ font-size:28px}
.font30{ font-size:30px}
.font32{ font-size:32px}
.font34{ font-size:34px}
.font36{ font-size:36px}

.table-striped>tr:nth-child(odd)>td, 
.table-striped>tr:nth-child(odd)>th {
   background-color: #FFC;
 }
 .table-striped td{ padding:8px}
 
 
.div-striped:nth-child(odd) {
   background-color: #DBE9F2;
 }
 .div-striped:nth-child(even) {
   background-color: #f9f9f9;
 }
 .bold{ font-weight:bold}
 .disnone{ display:none}
 .vertical_m{ vertical-align:middle}
 .green{ color:#060}
 .red{ color:#C00}
 .gray{ color:#999}
 .img_responsive100{ height:auto; max-width:100%}
.nav-link.active{ background-color: #36C !important; color: #fff !important}
.nav-link{ background-color: #f8f8f8 !important; 
border-top:1px solid #000 !important;
border-left:1px solid #000 !important;
border-right:1px solid #000 !important;
margin-right:5px
}
.hero{
position: relative;
  overflow: hidden;
  min-height: 260px;
  display: flex;
  align-items: center;
  color: #fff;
  background: radial-gradient(circle at 78% 25%, rgba(78,168,222,.34), transparent 32%), linear-gradient(120deg, rgba(8,34,43,.98) 0%, rgba(14,64,76,.95) 52%, rgba(17,75,135,.92) 100%);

}