:root { 
  --orange: #F47820;
  
  --dblue: #222460;
  --dblue2: #373b6e;
  --blue: #222460;
  --blue2: #007bb2;
  --lblue: #bbdfea;
  --light: #fff2df;
  --title_size: 48px;
  --sub_size: 20px;
  --inner_size: 16px;
 }
 
 
 #page .header-bar {
  background-color: var(--lblue);
} 

  .navbar-inverse, .navbar-wrapper {
    background-color: var(--lblue);
  }
#imaginary_container.header-search-bar{margin:4px 0 0 0;}
 .header-fb{background:#1877F2; border-radius:9px; border:0px solid #fff; margin:4px 4px 0 0;overflow:hidden}
.header-bar .container .row .col-md-7{ min-height:182px;  height:100%;display:flex; align-items:center;  }
.header-phone {
  background: url(phone_contact_bg.png);
  background-size: 238px 26px;
  background-repeat: no-repeat;
}
.header-phone-text {
  color: var(--blue);
}
.navbar-inverse .navbar-nav > li > a {
  color: var(--blue)  ;
  background:var(--light)  ;
} 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .active > a, .navbar-inverse .current_page_ancestor > a, .navbar-inverse .navbar-nav > li.current_page_ancestor > a, .navbar-inverse .navbar-nav > li.current-menu-ancestor > a {
  color: #fff !important;
  background-color:  var(--orange) !important;
} 

.dropdown-menu {
  background-color:   var(--light);
  border: 0; 
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
@media (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    width: 240px;
  background-color:   var(--light);
  }
    .dropdown:hover .dropdown-menu .dropdown:hover .dropdown-menu {
  background-color:   var(--light);
    }

}

.homepage-block .block-title {
  color: var(--blue);
}
.mini-form-middle .desc {
    color: var(--blue);
}
.mini-form-button{   color: var(--blue);background-color:  var(--lblue);}
.mini-form-button.active {
  background-color:  var(--orange); color: #fff;
}
.mini-form-bottom .mini-form-button {
  background-color:  var(--orange); 
}
.banner-bottom-content{ display:flex;   background-color:  var(--lblue);  }
.banner-b-button.middle{ width:34px; height:100%; display:block;
  background:var(--lblue) url(hm_ship_bd_btm_middle.png);}
.banner-b-button.middle img{display:none;  }

.banner-b-button:hover, 
.banner-b-button:visited ,
.banner-b-button {
  background-color:  var(--lblue); 
	color:  var(--blue); 
}

.header-phone-num_btm{ color:var(--blue)}
.header-email div a{ color:var(--blue) !important}
.header-bar .language-switch-btn,
.header-bar .language-switch-btn span,
.header-bar  .language-switch-icon{color:var(--blue)!important}
#content{   background-color:  var(--light);  }
#back-to-top{  background:  url(footer_triangle.png);}
#back-to-top img{ visibility:hidden;}

 
.contact_us_title,
.m-l-block p strong,
.block-title,
.about-us .member-name,
.hm-banner-tt *,
.hm-banner-tt span,
.mini-form-button div,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 ,
.navbar-inverse .navbar-nav     a{
	
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-style: normal;
}
.contact_us_title {
	margin-top:30px; 
  color: var(--blue);
}
.contact-form-r .page-block-title { 
  color: var(--blue);
}.footer_form {
  background-color: var(--light);
}
#page .cf7sg-popup-box .wpcf7-submit {
  background:  var(--orange);
  color: #ffffff; 
}
.contact-form-r {
  background-color: var(--lblue);
  color: var(--blue);
}


.contactsec-button{
  font-family: "Montserrat", sans-serif;
  font-weight:bold; border:2px solid var(--orange);
}
.contactsec-button:hover{
	border:2px solid var(--orange);
	color: var(--orange);
	background:#fff;
}

.client-list .col-lg-12 .share-your-story,
.contactsec-button,
#page .cf7sg-popup-box .wpcf7-submit,
.homepage-block .block-button a, .homepage-block .block-button a:focus,
.archive-blogger .btn,
.rm-button,
.btn-primary { text-transform: uppercase;
  transition: all .3s;
  font-weight:700;
	display: inline-block;
  letter-spacing: 2px;
  padding: 15px 40px 15px 40px;
  font-size: 16px;
  background: var(--orange);
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
  text-align:center; line-height:17px;
}
.cf7sg-popup-box .wpcf7-submit{ height:auto;border:0;}
.archive-blogger .btn,
.rm-button,
.btn-primary {
  color: #ffffff;
  background-color:var(--orange); border-color: var(--orange);	
}

.client-list .col-lg-12 .share-your-story:hover,
.archive-blogger .btn:hover,
.rm-button:hover,
.btn-primary:hover {
    color:  var(--orange); border-color: var(--orange);
  background-color:#fff; 
}

.page-block-title {
    color:  var(--blue);
}

.buttons .each_btn:first-child a{
  color: #ffffff;
  background-color:var(--orange); border-color: var(--orange);	
}
.buttons .each_btn:first-child  a:hover {
    color:  var(--orange); border-color: var(--orange);
  background-color:#fff; 
}

.homepage-block .block-button a {
  color: #ffffff;
  background-color:var(--orange); border-color: var(--orange);
}
.homepage-block .block-button a:hover {
    color:  var(--orange); border-color: var(--orange);
  background-color:#fff; 
}
.homepage-block .block-t2-c1 .block-right .block-button a {
  color: #ffffff;
  background-color:var(--orange); border-color: var(--orange);
}
.homepage-block .block-t2-c1 .block-right .block-button a:hover {
    color:  var(--orange); border-color: var(--orange);
  background-color:#fff; 
}
.homepage-block .block-t2-c2 .block-right .block-title {
  color: var(--blue);
}
.homepage-block .block-t2-c1 .block-right .block-title{
  color: var(--blue);	
}
.homepage-block .block-t2-c1 {
  background-color:var(--lblue);
    color: var(--blue);
}
.homepage-block .block-t2-c2 {
  background-color:var(--light);
}


/*--------------------------------------------------*/
.button-logo .logo-name{ font-size:32px}
.button-logo .desc{ font-size:18px;}

.block-title h1{ font-size:48px; text-align:center}

.about-us .member-name{ font-size:28px;}
.about-us .member-title{font-size:18px;}

.client-list .client-name-s{ font-size:20px; font-weight:bold;}

.block-desc p span{ font-size:18px !important;}
.block-desc ul li span{ font-size:18px !important;}
.homepage-block .block-t2-c1 .block-desc a {  font-size:18px}
.homepage-block .block-desc.client .c-item a{ font-size:18px  } 
.contact_des{ font-size:18px    }
.block-desc p,
.block-desc p span,
.desc{ text-align:justify}

.homepage-block	.title-text{ font-size:36px;  text-align:left; margin-bottom:15px }
.homepage-block .title-text h1{ font-size:36px; text-align:left }

.contact_us_title {
 font-size:36px;
}
.contact-form-r .page-block-title {
 font-size:36px;
}
/*--------------------------------------------------*/
.homepage-block .block-t1 {
  min-height: 280px;
  padding: 110px 36px 110px 36px;
  margin: 10px 0;
  display: block;
  float: left;
}
.homepage-block .block-button{ float:none; text-align:center; margin:0 auto;}
.site-content{ max-width:100%; position: relative; overflow:hidden  }
.homepage-block .block-t2.block-t2-c1::after{content:""; position: absolute; width:40vw; height:100%; left:-40vw;
background:var(--lblue); display:block;}
.homepage-block .block-t2.block-t2-c1::before{content:""; position: absolute; width:40vw; height:100%; right:-40vw;
background:var(--lblue); display:block;}
.homepage-block .block-t2.block-t2-c2,
.homepage-block .block-t2.block-t2-c1{padding:40px 0 40px 0; position:relative; display: flex; justify-content:space-between; align-items:center;}
.homepage-block .block-t2 .block-left{ width:280px;}
.homepage-block .block-t2 .block-left img{opacity:0}
.homepage-block .block-t2 .block-right{ width:calc(100% - 340px);}
.homepage-block .block-t2 .block-left {
	/*
  width: 38.1%;
  max-width:282px;*/
  margin-left:20px;
  float: none;
  height: 280px; border-radius:50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: right;
}

.block-title{
	 display:flex;
flex-wrap: center;
align-items:center;
 justify-content: flex-start;

}
.homepage-block .block-t2 .block-right .block-title .title-logo{ text-align:center; 
padding:2px; width:50px; transform: translate(-20px,0) ; display:none;}
 

.homepage-block .block-title{ margin:30px 0  10px 0;}
.homepage-block	.title-text{font-weight:bold;  }
.homepage-block .title-text h1{   margin:0;}

.homepage-block .block-desc.client .c-item{ padding:0 0 0 20px; margin-bottom:5px; width:100% !important; position: relative} 
.homepage-block .block-desc.client .c-item a{color:var(--blue2);  } 

.homepage-block .block-t2-c2:last-child .block-right .block-title {color:var(--blue2);   }

.homepage-block .block-t2-c1 .block-desc a { color: var(--blue) }
.homepage-block .block-t2-c1 .block-desc ul{ padding-left:15px;}
.homepage-block .block-desc.client .c-item::after{content:"-"; color:var(--blue); position: absolute; left:0px; top:0px;}
.block-left img{ opacity:0.5}
.main-footer { 
  border-top: 1px solid var(--blue);
  border-bottom: 1px solid var(--blue);
  background-color: var(--blue);
  color: #ffffff;
}
.homepage-block .block-t2-c2 .block-right .block-button a {
  color: #ffffff;
  background-color:var(--orange); border-color: var(--orange);
}
.homepage-block .block-t2-c2 .block-right .block-button a:hover {
    color:  var(--orange); border-color: var(--orange);
  background-color:#fff; 
}
.homepage-block .block-t2-c2 {
  color: var(--blue);
}
a:hover, a:focus {
  color:  var(--blue2);
}
body {  color: var(--blue);}

div,
p,
body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}
.page-background {
  background-color: var(--light);
}
.page-block-title {
  color: var(--blue);
}
.middle-block {
  margin: 0 0 0 0;
}
.page-content.top-block{border-bottom:0;}
.page-content {
	border-top:0;
}
.about-us .block-title {
  color: var(--blue);
}

.homepage-block .block-t2 .block-right{ margin-bottom:20px;}
.main-footer {margin:0}

.contact .email,
.contact .phone-num{font-weight:bold;}
.contact .email a,
.contact .phone-num a{ text-decoration:none; color:var(--blue)}
 .footer_marketing .contact_des {
 color: var(--blue);
  }
  
   .field sapn{ color: var(--blue) !important}
.client-list .col-lg-12 a{color: var(--blue)}
.client-list .client-name-s div{color: var(--blue2); font-weight:bold}
.client-list  .client-content{color: var(--blue2);}

.client-list .col-lg-12  .share-your-story:hover{text-decoration:none; color: var(--orange); background:#fff ; border:1px solid var(--orange)}
.client-list .col-lg-12  .share-your-story{ color:#fff; background:var(--orange); border:1px solid var(--orange)  }

.s-new-title {
  color: var(--blue)
}
.blog-details a{
  color: var(--blue)
}
.archive-blogger .blog-date {
  color: var(--blue)
}
.blog-cont{  color: var(--blue)}


.list-new-title a {
  color: var(--blue)
}
.pagination > li > a, .pagination > li > span,
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ 
 color:  var(--blue)}
 
.page-numbers:hover, 
.page-numbers.current {
  background-color:  var(--blue);
  color: #ffffff;
}

.our-friends-items .f-title {
 color:  var(--blue);
}
.page-banner-img {
  min-height: 180px;
  background-color:  var(--lblue);
}
.label-primary {
    background-color:  var(--blue2);
}
.page-banner-img .page-title.blank{ color:var(--blue) ; text-shadow: 0 0 0 rgba(0,0,0,0); }

table.alignleft tr td:first-child{ width:100px ; min-width:100px}
#faqAccordion{ padding:15px;}
#faqAccordion.panel-group .panel.panel-default{box-shadow:0 0 0 rgba(0,0,0,0); border-radius:0; border:0; border-color:0}

#faqAccordion .panel-heading.accordion-toggle,
#faqAccordion .panel-heading.accordion-toggle.collapsed{
border-radius:0; border:0;
	background:var(--light); cursor:pointer;
	  color: var(--blue); font-weight:bold; padding:16px 20px 16px 20px;
}

#faqAccordion .panel-heading.accordion-toggle{
color: #fff;
  background: var(--dblue);
}

#faqAccordion .panel-heading.accordion-toggle.collapsed  .panel-title a:hover,
#faqAccordion .panel-heading.accordion-toggle.collapsed  .panel-title a{
	  color: var(--blue);	text-decoration:none; 
}

#faqAccordion  .panel-heading.accordion-toggle .panel-title a:hover,
#faqAccordion  .panel-heading.accordion-toggle .panel-title a{
	color: #fff; 	text-decoration:none; 
}

#faqAccordion  .panel-body,
#faqAccordion  .panel-body div,
#faqAccordion  .panel-body li,
#faqAccordion  .panel-body p{
	color: var(--light);
}
#faqAccordion  .panel-body{
  background: var(--dblue2);
}

#faqAccordion  .panel-body a{
	color: var(--light);
	text-decoration:underline;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{ border:0;}


#page   .rank-math-list-item{border:0; padding:0; background:var(--light);}
 #page   .rank-math-list-item .faq_heading {padding:16px 20px 16px 20px}
  #page   .rank-math-list-item .rank-math-answer {padding:16px 20px 16px 20px}
  #page   .rank-math-list-item .rank-math-answer a{ color:var(--light); text-decoration:underline; cursor:pointer}
  #page   .rank-math-list-item .rank-math-answer ul{ padding-left:20px;}
  #page   .rank-math-list-item .rank-math-answer ul li{ padding-bottom:10px;}
   #page   .rank-math-list-item h3 {
  color: var(--blue); font-weight:bold;
   }
   #page .rank-math-list-item .icons .icon {
  background-color: rgba(0,0,0,0);  color: var(--blue); 
  }
  #page .rank-math-list-item .icons .icon.plus svg path {
stroke-width: 2.5px;
  stroke:  var(--blue); 
}
  #page  .rank-math-list-item.active{ background:var(--dblue2)}
  #page  .rank-math-list-item.active  .faq_heading {color:#fff; background:var(--dblue)}
  #page   .rank-math-list-item.active .rank-math-answer { color:var(--light);}
   #page   .rank-math-list-item.active h3 {  color: #fff;    }
#page .rank-math-list-item.active .icons .icon {  color: #fff;}
  #page .rank-math-list-item.active .icons .icon.minus  svg line {  stroke:#fff; }

.tips_box  .box{ color:  var(--blue); }
.team_box .box{ color:  var(--blue); }
.team_box .box1 {
  background-color:  var(--lblue); 
}
.tips_box .box2 {
  background-color:  var(--light); 
}

.blue_box {
  background-color:  var(--lblue); 
  border: 3px solid  var(--lblue); 
}
.blue_box span {
  transition: all .7s;
  color:  var(--blue); 
}
.blue_box:hover { text-decoration:none;
  background-color:  #fff;
  border: 3px solid  var(--orange);
}
.blue_box:hover span{
  color: var(--orange);
	
}
.destinations .ii-items figure{  border: 2px solid var(--blue2) !important;}
#shipping-enquiry{ margin-top:0;}
.contact-us-content .m-l-block p{ margin:0;}
.contact-us-content .m-l-block h1{margin:0 0 20px 0}
.contact-us-content .m-l-block .btn.btn-primary{ margin:20px 0 10px 0;}


#menu-top-menu-1 { padding-left:30px; }
#menu-top-menu-1 li.menu-item{ list-style:none;margin:0;  padding:0 0 10px 0;}
#menu-top-menu-1 li.menu-item .sitemap-list,
.middle-block.page-content .all_posts p{ color:var(--blue); font-size:20px; font-weight:bold}

#menu-top-menu-1 li.menu-item  .sub-menu{ padding:15px 0 5px 30px;  color:var(--blue2);}
#menu-top-menu-1 li.menu-item  .sub-menu li{list-style:disc; padding:0 0 5px 0;}
#menu-top-menu-1 li.menu-item  .sub-menu li li{list-style:circle;  }
#menu-top-menu-1 li.menu-item  .sub-menu a .sitemap-list{ color:var(--blue2); font-size:14px; font-weight:bold}

.middle-block.page-content .posts.news { padding-left:30px;}
.middle-block.page-content .posts.news li{padding:0 0 5px 0;  color:var(--blue2);}
.middle-block.page-content .posts.news li a{ color:var(--blue2); font-size:14px; font-weight:bold}


	
@media (min-width: 768px) {

  .dropdown-menu > li > a {
   color: var(--blue);
  }
    .navbar .container li:hover > a.toggle-drop ,
    .navbar .container li a:hover {
  background-color: var(--orange);
   color:#fff;
  }
  
  .navbar-inverse, .navbar-wrapper {
    background-color: var(--light);
  }
}


@media (max-width: 949px) {
  .banner-bottom-content {
display:block;  }
.banner-b-button.middle {
  display: none;
}
 .homepage-block .block-t1 {
    min-height: 10px;
    padding: 40px;
    margin: 0;
  }
}
@media (max-width: 767px) {
	
	.block-title h1 {
  font-size: 32px;
  margin-bottom:20px;
}
.homepage-block .title-text h1 {
  font-size: 28px;
}
	
	.homepage-block .block-t2.block-t2-c2,
.homepage-block .block-t2.block-t2-c1{padding:60px 0 20px 0;
flex-wrap:wrap;
justify-content:space-between; align-items:center;}
.homepage-block .block-t2 .block-left{ width:200px;}
.homepage-block .block-t2 .block-right{ width:100%;}
.homepage-block .block-t2 .block-left {
	/*
  width: 38.1%;
  max-width:282px;*/
  margin:0 auto;
  float: none;
  height: 200px;
}

	
.homepage-block .block-t1 {
    padding: 85px 20px 85px 20px;
}
  
.m-r-block {
  padding: 15px;
}
#faqAccordion {
  padding: 0;
}
.col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}
.contact-us-content .row-1 {
    margin: 0;
  }
.contact-us-content .contact-form-r {
    padding: 15px;
}
.contact-us-content .col-lg-12{padding:0;}

.container.homepage-block-container{ padding-bottom:30px  !important;}
.page-title {
    padding: 10px 15px;
}
	 .buttons {
    bottom: 10px;
	padding:20px 0 10px 15px
  }
.client-list .col-lg-6{padding:0}
.client-list .col-lg-6 .col-md-9{padding:0}
	
.archive-blogger {
  padding: 15px 0;
}
.archive-blogger .blog-item .blog-details {
  padding: 15px ;
}

.contact-us-content .m-l-block {
  padding: 15px 15px;
  }
.m-l-block { overflow:hidden;
  padding: 15px 15px;
}
	.navbar-inverse .navbar-toggle {
    border-color: var(--blue);
  }
  .navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--blue);
}


	.navbar-nav {
  margin: 0 -7px;
}
 .navbar-inverse .navbar-toggle:hover {
    background-color:var(--orange);
    border-color: var(--orange);
  }
  .navbar-inverse .navbar-collapse {
    border-color: var(--lblue);
  }
 .banner-b-button.left, .banner-b-button.right {
    border-left:0;
  }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    border-color: var(--lblue);  
    background-color: var(--lblue);  
	color: var(--blue);  

  }
    .about-us .m-l-block {
    padding: 15px 15px;
  }
  .team-img {
  background-color: white;
  max-height: 440px;
  }
	.contact_us_title{  margin-top: 15px; font-size:24px; padding:10px 10px 0 10px}
	.contact_des{ padding:0 10px 10px 10px;   }
.homepage-block .block-title {
  margin: 0px 0 10px 0;
}
 .homepage-block .block-t2 .block-right {
    padding: 35px 20px 35px 20px;
  }
	.contact-form-r {
		  padding: 20px 20px 20px 20px;
	}
	.main-footer{padding:30px 10px 30px 10px}
	.ft-copyright{padding:15px 0 15px 0}
  .navbar-inverse, .navbar-wrapper {
    background-color: var(--lblue);
  }
.navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav > li:focus > a {
  color: var(--blue);
  background-color: var(--lblue);
}
  .dropdown-menu > li > a {
   color: var(--blue);
  }

    .mini-form {
    box-shadow: 0px 0 0 0
  }
  .mini-form-bottom{}
    .mini-form-bottom .mini-form-button div{line-height:50px; margin: 0 3px }
    .mini-form-bottom .mini-form-button{width:100%;
	
	 display:flex;
		flex-wrap: center;
		align-items:center;
		 justify-content: center;
 }
 .mini-form-top .mini-form-button {width:50%}
}