.menu-transparent .navbar { background: #004777}
.blog-button a:after { color: #004777 !important;}
.contacts-block i:before { color: #004777 !important;}
.video_slider_button i:before { color: #004777 !important;}
.twitter-block li:before { color: #004777 !important;}
.testimonial-block .testimonial-icon i { color: #004777 !important;}
.process-circle .process-circle-icon i:before { color: #004777 !important;}
.post-thumbnail .blog-heart i:before { color: #004777 !important;}
.hi-icon-effect .hi-icon { color: #004777;}
.hi-icon-effect .hi-icon:before { color: #004777 !important;}
.soc-footer li i:before  { color: #004777 !important;}
.promo-block .title-p-line span.promo-icon i:before  { color: #004777 !important;}
.footer-copyright .love-info i:before  { color: #004777 !important;}
.post-set.sticky.has-post-thumbnail .post-hover:before  { color: #004777 !important;}
.contact-footer li i:before  { color: #004777 !important;}
.header.style2 .nav>li>a:hover  { color: #004777;}
.scroll-top { background: #004777}
.post-thumbnail .blog-heart:hover { background: #004777}
.promo-block .title-p-line span.promo-line:after { border-color: #004777}
blockquote { background: #004777}
.pricing_tables_name { background: #004777}
.andaman_pg_single span { background: #004777}
.andaman_pg_single a:hover>span { background: #004777}
.nav-links a:hover { background: #004777}
.owl-dots .owl-dot span { background: #004777}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span { background: #004777}
.nav-links a:hover { background: #004777}
.current-cat .filter_button { color: #004777; border-color: #004777}
.filter_button:hover { color: #004777;}
.portfolio-single-fields i { color: #004777;}
.nav-links span.current { background: #004777}
.team-image .team-social li a { background: #004777}
.stats-icon { background: #004777}
.service-read:after { color: #004777 !important;}
.stats-block.style2 span.stats-line { background: #004777}
.promo-block .title-p-line span.promo-line { background: #004777}
.instagram-pics li img { background: #004777}
.process-circle .process-circle-num { background: #004777}
#status>div { background: #004777}
.btn-blue { background: #004777}
.blog-main.tile .blog-wrap .post-meta li.category-tiles { background: #004777}
.tagcloud a { background: #004777}
.services-grid.minimal .hi-icon-effect .hi-icon { background: #004777}
.pager li i { color: #004777}
.button, html input[type='button'], input[type='reset'], input[type='submit'] { background: #004777}
input:focus,textarea:focus { border-color: #004777 !important}
.stats-block.style2 span.stats-line:after { border-color: #004777}
.process-circle-wrap span:after { border-color: #004777}
.btn-border { border-color: #004777; color: #004777 !important;}
.intro .carousel-indicators .active { background: #004777}
.top_bar { background: #004777}
.navbar-nav ul.sm-nowrap .current-menu-ancestor>a { color: #004777}
.navbar-nav ul.sm-nowrap .current-menu-ancestor li.current-menu-item a { color: #004777}
.navbar-nav ul.sm-nowrap li.current-menu-item>a { color: #004777}
.burger_andaman_menu_overlay_normal .burger_andaman_main_menu .current-menu-parent>a, .burger_andaman_menu_overlay_normal .burger_andaman_main_menu .current-page-parent>a, .burger_andaman_menu_overlay_normal .burger_andaman_main_menu .current_page_parent>a { color: #004777}
.burger_andaman_menu_overlay_normal .burger_andaman_main_menu li.menu-item-has-children>a.sub-active { color: #004777}
.burger_andaman_menu_overlay_normal li.current-menu-item>a, .burger_andaman_menu_overlay_normal li.current-page-item>a { color: #004777}
.andaman_cat_count { background: #f6f6f6}
.header .soc-top li.lang .lang-ul li:hover { background: #f6f6f6}
.navigation.pagination { background: #f6f6f6}
.pagination-line { background: #f6f6f6}
.navbar-custom .nav .dropdown-menu li a:hover { background: #f6f6f6; color: #004777;}
.post-set.no-thumbnail.sticky.andaman_mas_item .content-block { background: #f6f6f6}
.chess-post { background: #f6f6f6}
.process-circle { background: #f6f6f6}
.nav-links a,.nav-links span { background: #f6f6f6}
.andaman_pg_single { background: #f6f6f6}
.post-set.no-thumbnail.sticky { background: #f6f6f6}
.black-search-table-cell input[name='s'] { background: #f6f6f6}
.woocommerce-tabs ul.tabs li.active a { background: #004777 !important;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #004777 !important;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #004777 !important;}
.woocommerce-info:before { color: #004777 !important;}
.woocommerce-error:before { color: #004777 !important;}
.woocommerce-message:before { color: #004777 !important;}
.add-cart:before { color: #004777 !important;}
.badge.pricing { background: #004777 !important;}
.woocommerce-tabs { background: #f6f6f6;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #004777 !important;}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background: #004777 !important;}
ul.post-meta li:after { background: #004777}
.intro-body h1,.intro-body h2,.intro-body h3,.intro-body h4,.intro-body h5,.intro-body h6 { color: #ffffff}
.tag-body h1,.tag-body h2,.tag-body h3,.tag-body h4,.tag-body h5,.tag-body h6 { color: #ffffff} 
/* Custom CSS END */

.navbar{
	display: flex;
}


@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Beth+Ellen|Cinzel|Comfortaa|Concert+One|Monoton|Roboto|Satisfy|Ultra|Varela+Round|Yellowtail&display=swap');
*{
	font-family: 'Varela Round', sans-serif;
	box-sizing: border-box;
}*/
/*  ::-webkit-scrollbar {
  width: 3px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #FFFFFF;
}
::-webkit-scrollbar-thumb:hover {
  background: #FFFFFF;
}*/
.hiddenDiv{
  display: none;
}
.header{
  height: 50px;
  background: #004777;
  position: sticky;
  top: 0px;
  /*padding: 0 20px;*/
  z-index: 600;
}


.header .logo{
  width: 160px;
  max-width: 160px;
  height: 100%;
  display: inline-block;
  float: left;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}

.header .logo a{
  color: green;
  font-size: 5px;
  text-decoration: none;
  line-heigth: 60px;
}
.header .logo a h4{
  margin-top: 0px;
}

.header .menus{
  width: calc(100% - 168px);
  display: inline-block;
  float: left;
}
.header .menus .toggleBtn{
  padding: 0px 17px;
  font-size: 20px;
  color: #004777;
  line-height: 60px;
  cursor: pointer;
  transition: all ease .5s;
  display: none;
}
.header .menus .toggleBtn:hover{
  background: #0000003d;
}

/* menu item styling here */
.myMenu{
  /* background: #ff0; */
}
.myMenu > .mainUl{
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  float: right;
}
.myMenu > .mainUl > li{
  position: relative;
}
.myMenu > .mainUl > li a{
  color: #004777;
  line-height: 60px;
  padding: 10px 20px;
  font-size: 14px;
  text-decoration: none;
  margin: 0px 0.5px;
	position: relative;
  transition: all ease .5s;
}
.myMenu > .mainUl > li a::after{
	content: '';
	height: 1px;
	width: 70%;
	background: #fff;
	display: inline-block;
	position: absolute;
	bottom: 0.5px;
	left: 15%;
	transform-origin: left;
	transform: rotate(0deg);
	transform: scale(0);
	transition: all ease .5s;
}
.myMenu > .mainUl > li a.active::after{
	transform: scale(1);
}
.myMenu > .mainUl > li a:hover{
	background: #0000003d;
}
.myMenu > .mainUl > li a:hover::after{
	transform: scale(1);
}

.myMenu > .mainUl > li > .submenu{
  display: none;
  position: absolute;
  top: 60px;
  right: 0px;
  padding: 1px;
  z-index: 600;
}
.myMenu > .mainUl > li > .submenu ul{
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0.8px;
  min-width: 200px;
  max-width: 200px;
  background: #0d1e30;
  border-radius: 0px;
}
.myMenu > .mainUl > li > .submenu a{
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 20px;
}
.myMenu > .mainUl > li > .submenu a.active{
	background: #0000003d;
}
.myMenu > .mainUl > li > .submenu a::after{
	width: 50%;
	left: 25%;
	bottom: 1px;
}
.myMenu > .mainUl > li:hover > .submenu{
  display: block;
  animation: showSubMenu .8s linear forwards;
}





@media only screen and (max-width: 700px){
  .header .menus .toggleBtn{
    display: inline;
    float: right;
  }
	.myMenu{
	  background: #0d1e30;
		width: 100%;
		border-top: 1px solid #ffffff7a;
		max-width: 350px;
		position: absolute;
		top: 60px;
		left: 0px;
		overflow-y: auto;
		height: calc(100vh - 60px);
		max-height: calc(100vh - 60px);
		transition: all ease .5s;
	}
	.myMenu.hideMenu{
		left: -400px;
	}
	.myMenu .mainUl{
		background: #0d1e30;
		display: block;
		text-align: left;
		float: none;
	}
	.myMenu .mainUl > li{
		display: block;
	}
	.myMenu .mainUl > li a{
		display: block;
		line-height: 35px;
		position: relative;
	}
	.myMenu > .mainUl > li a::after{
		height: 16px;
		width: 16px;
		background: #fff;
		display: inline-block;
		position: absolute;
		top: calc(50% - 8px) ;
		left: calc(0% - 12px) ;
		transform-origin: center;
		transform: rotate(45deg);
		transform: scale(0);
		transition: all ease .5s;
	}
	.myMenu > .mainUl > li a:hover::after{
		transform: scale(1);
		transform: rotate(45deg);
	}
	.myMenu > .mainUl > li a.active{
		background: #FFFFFF;
	}
	.myMenu > .mainUl > li a.active::after{
		transform: rotate(45deg);
	}
	.myMenu > .mainUl > li > .submenu{
		box-shadow: 0 0 10px #000;
		border: 1px solid #ffffff7d;
		border-radius: 1px;
	}
	.myMenu > .mainUl > li > .submenu a{
	  text-decoration: none;
	  display: block;
	  text-align: center;
		position: relative;
	  line-height: 20px;
		overflow: hidden;
	}
	.myMenu > .mainUl > li > .submenu a::after{
		height: 12px;
		width: 12px;
		background: #fff;
		display: inline-block;
		position: absolute;
		top: calc(50% - 6px) ;
		left: -6px ;
		transform-origin: center;
		transform: rotate(45deg);
		transform: scale(0);
		transition: all ease .5s;
	}
	.myMenu > .mainUl > li > .submenu a:hover::after{
	transform: scale(1);
	transform: rotate(45deg);
	}
	.myMenu > .mainUl > li > .submenu a.active::after{
	transform: scale(1);
	transform: rotate(45deg);
	}
}

@keyframes showSubMenu {
  0%{
    position: absolute;
    opacity: 0;
    top: 200px;
    right: .5px;
  }
  10%{
    position: absolute;
    opacity: .5;
    top: 50px;
    right: .5px;
  }
  20%{
    position: absolute;
    opacity: 1;
    top: 60px;
    right: .5px;
  }
  100%{
    position: absolute;
    opacity: 1;
    top: 60px;
    right: .5px;
  }
}
/* menu item styling here */

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

<style type="text/css">
/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}




* {
  box-sizing: border-box;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
  background-color: #45a049;
}

/*
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}*/

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
  .col-25, .col-75, input[type=submit] {
    width: 50%;
    margin-top: 0;
  }