/*------------------------------------------------------------------------
/*------------------------------------------------------------------------
# Bookawesome
# ------------------------------------------------------------------------
# Designed by MegaDrupal
# Websites:  http://www.megadrupal.com -  Email: info@megadrupal.com
--------------------------------------------------------------------------

    1.   Setting
    2.   ShortCode
    3.   Header
    4.   Navigation
    5.   Banner
    6.   Home Pagea
    7.   Hotel Page
    8.   Car Page
    9.   Tour
    10.  Package Deals Page
    11.  Cruise Page
    12.  Flight Page
    13.  Detail Page
    14.  Blog Page
    15.  About Page
    16.  contact Page
    17.  Payment Page
    18.  Element Page
    19.  404
    20.  Comingsoon
    21.  Footer
    22.  Responsive

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



/* 01. Setting 
 --------------------------------------------------------------------------------*/
.menucontainer .georgia-italic {
  font-family: Georgia;
  font-style: italic;
}
body {
  font-family: 'Lato', Arial, Verdana;
  font-size: 130%;
}
section {
	overflow-x:hidden;	
}
.menucontainer {
	max-width:100vw !important;
}
.menucontainer .float-left {
  float: left;
}
.menucontainer .float-center {
  float: center;
}
.menucontainer .float-right {
  float: right;
}
.menucontainer .clear {
  clear: both;
}
.menucontainer .hr {
  width: 30px;
  margin: 0;
  height: 4px;
  background-color: #111111;
}


.menucontainer nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.menu-active .menucontainer {
  overflow: hidden;
}
.menucontainer #wrap {
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.menucontainer #wrap.menu-active {
  -webkit-transform: translate(-250px, 0);
  -moz-transform: translate(-250px, 0);
  -ms-transform: translate(-250px, 0);
  -o-transform: translate(-250px, 0);
}



/*Page Navigation*/
.menucontainer .page-navigation {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}
.menucontainer .page-navigation li {
  font-size: 18px;
  display: inline-block;
}
.menucontainer .page-navigation li a {
  display: block;
  font-family: Georgia;
  font-style: italic;
  text-decoration: none;
  line-height: 20px;
  padding-left: 13px;
  padding-right: 13px;
  color: #333333;
  text-transform: uppercase;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.menucontainer .page-navigation li a:hover {
  color: #fff;
  background-color: #111111;
}
.menucontainer .page-navigation li.current a {
  color: #fff;
  background-color: #111111;
}
/*End Page Navigation*/

/* Responsive */

/* 03. Header 
 --------------------------------------------------------------------------------*/
.menucontainer .menuheader {
  background-color: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}
.menucontainer .menuheader .container {
  position: relative;
}
.menucontainer .menuheader .logo {
  position: relative;
  z-index: 999999;
}
.menucontainer .menuheader .logo img {
  height: 55px;
  width: 249px;
  max-width: 249px;
  max-height:55px;
  margin-left:0px;
  margin-top: 74px;
  margin-bottom: 20px;
}

.menucontainer .menuheader.menuheader-responsive .group-header {
  display: none;
}
.menucontainer .menuheader.menuheader-responsive .bars {
  visibility: visible;
  opacity: 1;
}

.menucontainer .bars {
  width: 32px;
  height: 24px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 0px;
  bottom: 0px;;
  right: 11px;
  margin: auto;
  position: absolute;
  cursor: pointer;
  z-index: 99;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.menucontainer .bars:after {
  height: 2px;
  background-color: #fff;
  display: block;
  content: '';
  width: 100%;
  top: 0;
  bottom: 0px;
  margin: auto;
  position: absolute;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -moz-transition: all 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -ms-transition: all 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -o-transition: all 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
/* 04. Navigation 
 --------------------------------------------------------------------------------*/
.menucontainer .navigation {
  display: inline-block;
}
.menucontainer .nav-desktop {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0; right: 11px;
  z-index: 99999;
  text-align: right;
}
.menucontainer .nav-desktop .tb {
  width: 100%;
}
.menucontainer .nav-desktop ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.menucontainer .nav-desktop .menu-list {
  display: inline-block;
}
.menucontainer .nav-desktop ul:after {
  content: '';
  display: table;
  clear: both;
}
.menucontainer .nav-desktop ul > li {
  position: relative;
  display: inline-block;
  padding: 0px 15px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.menucontainer .nav-desktop ul > li:hover {
  background-color: #d73222;
}
.menucontainer .nav-desktop ul > li:hover > a,
.menucontainer .nav-desktop ul > li:hover > span {
  color: #eee;
}
.menucontainer .nav-desktop ul > li:hover > ul {
  opacity: 0.98;
  visibility: visible;
}
.sgrtel{ 
font-family:"Lato"; 
font-size:18px;
letter-spacing:2px;
}
.sgrlogo img{ 
max-width: 33px; 
height:auto;
margin-left:10px;
}
@media only screen and (max-width: 1024px) {
.sgrlogo img{ 
max-width: 75px; 
background-color:rgba(16,34,61,0.2);
border-radius:5% 5% 5% 5%;
clear:both;
position:relative;
}}

.menucontainer .nav-desktop ul > li > a {
  display: block;
  color: #555;
  font-size: 13px;
  padding: 0px;
  line-height: 60px;
  text-decoration: none;
  text-transform: uppercase;
  /*text-transform: lowercase;*/
  /*text-shadow: 0px 1px 0px rgba(20, 20, 20, 0.40);*/
  font-weight: 500;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  
}
.menucontainer .nav-desktop ul > li > span {
  margin-left: 3px;
  line-height: 82px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.menucontainer .nav-desktop ul > li > ul {
  left: 0;
  right: inherit;
  top: 100%;
  text-align: left;
}
.menucontainer .nav-desktop ul > li > ul.left {
  left: 0;
  right: auto;
}
.menucontainer .nav-desktop ul > li > ul.right {
  right: 0;
  left: auto;
}
.menucontainer .nav-desktop ul > li > ul ul.right {
  left: -100%;
  right: auto;
}
.menucontainer .nav-desktop ul ul {
  position: absolute;
  width: 250px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.menucontainer .nav-desktop ul ul li {
  display: block;
  position: relative;
  border: 1px solid #f1f1f1;
  border-bottom-width: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.menucontainer .nav-desktop ul ul li:last-child {
  border-bottom-width: 1px;
}
.menucontainer .nav-desktop ul ul li:hover,
.menucontainer .nav-desktop ul li.current-menu-parent,
.menucontainer .nav-desktop ul ul li.current-menu-item {
  background-color: #d73222;
  border-color: #d73222;
}
.menucontainer .nav-desktop ul li.active-menu-parent,
.menucontainer .nav-desktop ul ul li.active-menu-item {
  background-color: #aa2619;
  border-color: #aa2619;
}
.menucontainer .nav-desktop ul li.active-menu-parent > a,
.menucontainer .nav-desktop ul ul li.active-menu-item  > a{
  color:#ffffff;}
.menucontainer .nav-desktop ul ul li:hover > a:after,
.menucontainer .nav-desktop ul li.menu-parent:hover > a:after,
.menucontainer .nav-desktop ul li.current-menu-parent.menu-parent > a:after,
.menucontainer .nav-desktop ul ul li.current-menu-item > a:after {
  border-top-color: #fff;
}
.menucontainer .nav-desktop ul li.current-menu-parent > a,
.menucontainer .nav-desktop ul ul li.current-menu-item > a,
.menucontainer .nav-desktop ul li.current-menu-parent > span,
.menucontainer .nav-desktop ul ul li.current-menu-item > span {
  color: #fff;
}
.menucontainer .nav-desktop ul ul li:hover > a,
.menucontainer .nav-desktop ul ul li:hover > span {
  color: #fff;
}
.menucontainer .nav-desktop ul ul li:hover > ul {
  opacity: 1;
  visibility: visible;
}
.menucontainer .nav-desktop ul ul li a {
  display: block;
  line-height: 40px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  /*text-transform: lowercase;*/
  color: #333;
}
.menucontainer .nav-desktop ul ul li span {
  position: absolute;
  top: 50%;
  font-size: 14px;
  color: #333;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.menucontainer .nav-desktop ul li.menu-parent > a:after {
  margin-top: 2px;
  content: '';
  border: 4px solid transparent;
  border-top-color: #333;
  display: inline-block;
  height: 5px;
  margin-left: 5px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.menucontainer .nav-desktop ul .sub-menu li.menu-parent > a:after {
  position: absolute;
  right: 11px;
  top: 50%;
  margin: 0;
  -webkit-transform: rotate(-90deg) translateX(50%);
     -moz-transform: rotate(-90deg) translateX(50%);
      -ms-transform: rotate(-90deg) translateX(50%);
       -o-transform: rotate(-90deg) translateX(50%);
          transform: rotate(-90deg) translateX(50%);
}
.menucontainer .nav-desktop ul ul li ul {
  left: 100%;
  top: -1px;
}
.menucontainer .nav {
  width: 320px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  z-index: -9;
  visibility: hidden;
  opacity: 0;
}
.menucontainer .nav .nav-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(14, 34, 64, 0.9);
  -webkit-overflow-scrolling: touch;
}
.menucontainer .nav .tb {
  width: 100%;
  height: 100%;
}
.menucontainer .nav.nav-l .tb-cell,
.menucontainer .nav.nav-r .tb-cell {
  vertical-align: top;
}
.menucontainer .nav ul {
  padding: 45px 0;
  margin: 0;
  position: relative;
  z-index: 1;
  width: 100%;
}
.menucontainer .nav.nav-c ul {
  text-align: center;
}
.menucontainer .nav ul li {
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.menucontainer .nav ul li.current-menu-parent,
.menucontainer .nav ul li.current-menu-item,
.menucontainer .nav ul li.active,
.menucontainer .nav > ul > li:hover {
  background-color: rgba(14, 34, 64, 0.5);
}
.menucontainer .nav ul li a {
  padding: 12px 35px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  font-family: 'Open sans';
  text-decoration: none;
  position: relative;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.menucontainer .nav ul li.menu-parent > a:after {
  margin-top: 2px;
  content: '';
  border: 4px solid transparent;
  border-top-color: #fff;
  display: inline-block;
  height: 5px;
  margin-left: 5px;
}
.menucontainer .nav ul li.current-menu-item > a:before {
  width: 100%;
}
.menucontainer .nav ul li ul {
  margin: 0;
  padding: 0;
  background-color: rgba(255,255,255,.07);
  display: none;
}
.menucontainer .nav ul li ul li a {
  font-weight: normal;
  font-size: 85%;
  padding: 10px 50px;
}
.menucontainer .nav .bars-close {
  position: absolute;
  font-size: 0;
  top: 27px;
  display: block;
  width: 30px;
  height: 30px;
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.menucontainer .nav .bars-close:before,
.menucontainer .nav .bars-close:after {
  content: '';
  top: 0;
  width: 20px;
  height: 2px;
  position: absolute;
  display: block;
  background-color: #fff;
  bottom: 0;
  margin: auto;
  left: 0; right: 0;
}
.menucontainer .nav .bars-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.menucontainer .nav .bars-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.menucontainer .nav .bars-close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.menucontainer .nav.nav-l {
  left: -320px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.menucontainer .nav.nav-l > ul {
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
  -moz-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  -o-transform: translate(-50px, 0);
  -webkit-transition: all 0.3s ease 0.25s;
  -moz-transition: all 0.3s ease 0.25s;
  -ms-transition: all 0.3s ease 0.25s;
  -o-transition: all 0.3s ease 0.25s;
}
.menucontainer .nav.nav-l.nav-active {
  left: 0;
  visibility: visible;
  opacity: 1;
  z-index: 9999999;
}
.menucontainer .nav.nav-l.nav-active > ul {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.menucontainer .nav.nav-l .bars-close {
  right: 20px;
  left: auto;
}
.menucontainer .nav.nav-r {
  left: auto;
  right: -320px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.menucontainer .nav.nav-r > ul {
  opacity: 0;
  -webkit-transform: translate(50px, 0);
  -moz-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  -o-transform: translate(50px, 0);
  -webkit-transition: all 0.3s ease 0.25s;
  -moz-transition: all 0.3s ease 0.25s;
  -ms-transition: all 0.3s ease 0.25s;
  -o-transition: all 0.3s ease 0.25s;
}
.menucontainer .nav.nav-r.nav-active {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.menucontainer .nav.nav-r.nav-active > ul {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.menucontainer .nav.nav-r .bars-close {
  right: 8px;
}
.menucontainer .nav.nav-c {
  width: 100%;
  left: 100%;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}
.menucontainer .nav.nav-c ul li {
  font-size: 20px;
}
.menucontainer .nav.nav-c .bars-close {
  right: 8px;
}
.menucontainer .nav.nav-c.nav-active {
  visibility: visible;
  opacity: 1;
  left: 0;
  z-index: 9999999;
}





/* 22. Responsive 
 --------------------------------------------------------------------------------*/

@media (max-width: 1024px) {
  .menucontainer .menuheader {
    background-color:rgba(78,78,78,0.8);
    height:70px;
  }
  section:first-of-type {
    padding-top:60px;
  }
  .menucontainer .menuheader .logo img {
    margin-top:10px;
    height: 40px
  }
  .menucontainer .bars {
    bottom:11px;
    right: 11px;
  }
}
@media (max-width: 767px) {

  .menucontainer .table {
    max-width: inherit;
  }
  /*Header*/
  .menucontainer #menuwrap {
  }
  .menucontainer .menuheader {

    height: 60px;
  }
  .menucontainer .menuheader .logo img {
    margin-top:10px;
    height: 40px
  }
  .menucontainer .bars {
    bottom:11px;
    right: 11px;
  }
  /*Navigation*/
  .menucontainer .nav.nav-c ul li {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  /*Navigation*/
  .menucontainer .nav.nav-c ul li {
    font-size: 18px;
  }
}
@media (max-width: 320px) {
  /*Navigation*/
  .menucontainer .nav.nav-c ul li {
    font-size: 16px;
  }
}
.exitlogo-in-menu {
   margin-top:48px;
   width:204px;
   height:50px; 
}