@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin,latin-ext'); @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } body { font-size: 100%; margin: 0; font-family: open sans; color: #444; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; /* color:#444;*/ } /*table { background:none repeat scroll 0 0 #fff; border:1px solid #D0D0D0; border-collapse:collapse; border-spacing:0; text-align:left; width:100%; } table tr td, table tr th {padding:0.625em;} table tfoot, table thead {background:none repeat scroll 0 0 #e0e0e0;} table tr:nth-of-type(2n) {background:none repeat scroll 0 0 #e0e0e0;} th {border-right:1px solid #fff;} td {border-right:1px solid #e0e0e0;}*/ /*.size-960 .line { margin:0 auto; max-width:60em; padding:0 0.625em; } .size-1140 .line { margin:0 auto; max-width:71.25em; padding:0 0.625em; } .size-960.align-content-left .line,.size-1140.align-content-left .line {margin-left:0;}*/ nav { display: block; width: 100%; /* background: linear-gradient(180deg,#00549d, #000d21 ); background-color:#003c73;border-top:solid 1px #147cc5; font-family:'Oswald', sans-serif;*/ font-size: 13px; text-transform: uppercase; margin-top: 15px; float: left; } .line:after, nav:after, .center:after, .box:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .gz-tour a { background: #00417c; color: #fff; padding: 10px; font-size: 20px; border-radius: 5px; float: left; width: 100%; text-align: center; cursor: pointer; } .gz-tour a:hover { color: #FC0; cursor: pointer; } .gz-sec { font-family: Trebuchet MS; font-size: 22px; font-weight: normal; color: #1678b6; padding-bottom: 6px; margin-top: 15px; float: left; width: 100%; cursor: pointer; } .top-nav ul { padding: 0; margin-bottom: 0px; float: right; } .top-nav ul ul { position: absolute; /* background: linear-gradient(180deg,#00549d, #000d21 );*/ background-color: #fff; width: 17%; } .top-nav li { float: left; list-style: none outside none; cursor: pointer; } .top-nav li a { padding: 10px 12px; display: block; color: #000; } .top-nav li ul li a { /* background:none repeat scroll 0 0 #222;*/ min-width: 100%; background-image:none; padding: 0.625em; border-top: solid 1px #666; } .top-nav li a:hover, .aside-nav li a:hover { background: #0e79d4; text-decoration: none; color: #fff; } .top-nav li ul { display: none; } .top-nav li ul li { float: none; /*list-style:url(../images/menuarrow.png); */ /* list-style:none outside none;*/ min-width: 100%; padding: 0; } .top-nav li ul li ul li { float: none; list-style: none; min-width: 100%; padding: 0; } .top-nav li ul li ul li a { background-image:none;} .top-nav li ul li .sub-submenu a{ float: none; list-style: none; background::none; background-repeat: repeat; background-repeat: no-repeat; } .count-number { /* background:none repeat scroll 0 0 #777;*/ -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; display: inline-block; font-size: 0.7em; line-height: 1.8em; margin-left: 0.3125em; text-align: center; width: 1.8em; color: #fff; margin-bottom: -0.3125em; } ul.chevron .count-number { display: none; } ul.chevron .submenu>a:after { content: ""; display: inline-block; font-family: mfg; width: 9px; height: 9px; background: url(../images/menuarrow.png); background-repeat: no-repeat; font-size: 0.7em; margin: 0 0.625em; } ul.chevron .submenu1>a:after, ul.chevron .sub-submenu1>a:after, ul.chevron .aside-submenu1>a:after, ul.chevron .aside-sub-submenu1>a:after { content: ""; display: inline-block; font-family: mfg; width: 9px; height: 9px; background:none; background-repeat: no-repeat; font-size: 0.7em; margin: 0 0.625em; } ul li ul li.chevron .aside-sub-submenu>a:after { background-image:none;} .top-nav .active-item a { /*background:none repeat scroll 0 0 #999;*/ } .aside-nav>ul>li.active-item>a:link, .aside-nav>ul>li.active-item>a:visited { /*background:none repeat scroll 0 0 #999;*/ color: #fff; } .arrowleft { background-image: url(../images/arrowleftn.png); background-repeat: no-repeat; height: 9px; width: 9px; margin-right: 8px; margin-top: 6px; float: left; } .arrowleft a:hover { background-image: url(../images/arrowleft.png); background-position: left center; background-repeat: no-repeat; } @media all and (max-width:1440px) { nav { display: block; width: 100%; /*background: linear-gradient(180deg,#00549d, #000d21 ); background-color: #003c73; border-top: solid 1px #147cc5; font-family: 'Oswald', sans-serif;*/ font-size: 13px; text-transform: uppercase; margin-top: 15px; float: left; } .top-nav li a { padding: 10px 10px; display: block; color: #000; } } @media all and (max-width:1366px) { nav { display: block; width: 100%; /*background: linear-gradient(180deg,#00549d, #000d21 ); background-color: #003c73; border-top: solid 1px #147cc5; font-family: 'Oswald', sans-serif;*/ font-size: 13px; text-transform: uppercase; margin-top: 15px; float: left; } .top-nav li a { padding: 10px 10px; display: block; color: #000; } } @media all and (max-width:1280px) { nav { display: block; width: 100%; /*background: linear-gradient(180deg,#00549d, #000d21 ); background-color: #003c73; border-top: solid 1px #147cc5;font-family: 'Oswald', sans-serif;*/ font-size: 13px; text-transform: uppercase; margin-top: 5px; margin-bottom: 5px; float: left; } .top-nav li a { padding: 6px 10px; display: block; color: #000; } } @media all and (max-width:1024px) { nav { display: block; width: 100%; /* background: linear-gradient(180deg,#00549d, #000d21 ); background-color:#003c73;font-family:'Oswald', sans-serif;*/ font-size: 11px; text-transform: uppercase; float: left; } .top-nav li a { padding: 6px 9px; display: block; color: #000; } display: block; color: #000; } ; display:block; color:#000; } } @media all and (max-width:950px) { nav { display: block; width: 100%; background: linear-gradient(180deg, #00549d, #000d21); background-color: #003c73; font-family: 'Oswald', sans-serif; font-size: 12px; text-transform: uppercase; float: left; } .top-nav li a { padding: 10px 5px; display: block; color: #fff; } } @media screen and (min-width:801px) { .aside-nav .count-number { margin-left: -1.25em; float: right; } .top-nav li:hover>ul { display: block; z-index: 10000; } .top-nav li:hover>ul ul { left: 100%; margin: -2.5em 0; width: 100%; } } .nav-text { display:none; } .aside-nav li li a, .aside-nav li li.active-item a, .aside-nav li li.aside-sub-submenu li a, .aside-nav>ul>li>a, .aside-nav>ul>li.active-item>a:link, .aside-nav>ul>li.active-item>a:visited, .aside-nav li>ul, .top-nav .active-item a, .top-nav li a, .aside-nav li a, .top-nav li ul li a, .top-nav li a, .top-nav li a, .top-nav li ul li a, .top-nav li ul li ul li a { transition:background 0.20s linear 0s; -o-transition:background 0.20s linear 0s; -ms-transition:background 0.20s linear 0s; -moz-transition:background 0.20s linear 0s; -webkit-transition:background 0.20s linear 0s; } .aside-nav ul { background:#e8e8e8; padding:0; } .aside-nav li { list-style:none outside none; cursor:pointer; } .aside-nav li a { display:block; padding:1.25em; border-bottom:1px solid #d2d2d2; } .aside-nav>ul>li:last-child a { border-bottom:0 none; } .aside-nav li>ul { height:0; display:block; position:relative; background:#f4f4f4; border-left:solid 1px #f2f2f2; border-right:solid 1px #f2f2f2; overflow:hidden; } .aside-nav li ul ul { border:0; background:#fff; } .aside-nav ul ul a { padding:0.625em 1.25em; } .aside-nav li a:link, .aside-nav li a:visited { color:#333; } .aside-nav li li a:hover, .aside-nav li li.active-item>a, .aside-nav li li.aside-sub-submenu li a:hover { color:#999; background:#222222; } .aside-nav>ul>li>a:hover { color:#fff; } .aside-nav li li a:hover:before, .aside-nav li li.active-item a:before { content:""; display:inline-block; font-family:"mfg"; font-size:0.6em; margin:0 0.625em 0 -1.25em; width:0.625em; } .aside-nav li li a:link, .aside-nav li li a:visited { background:none; } .aside-nav .show-aside-ul, .aside-nav .active-aside-item { display:block; height:auto; } .padding { display:list-item; list-style:none outside none; padding:10px; } .margin { margin:0 -0.625em; } .line { clear:left; } .line .line { padding:0; } .hide-l { display:none; } .box { background:none repeat scroll 0 0 #fff; display:block; padding:1.25em; width:100%; } .margin-bottom { margin-bottom:1.25em; } .s-1, .s-2, .s-five, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 { float:left; position:relative; } .s-1 { width:8.3333%; } .s-2 { width:16.6666%; } .s-five { width:16.6666%; } .s-3 { width:25%; } .s-4 { width:33.3333%; } .s-5 { width:41.6666%; } .s-6 { width:50%; } .s-7 { width:58.3333%; } .s-8 { width:66.6666%; } .s-9 { width:75%; } .s-10 { width:83.3333%; } .s-11 { width:90%; } .s-12 { width:100%; } .margin>.s-1, .margin>.s-2, .margin>.s-five, .margin>.s-3, .margin>.s-4, .margin>.s-5, .margin>.s-6, .margin>.s-7, .margin>.s-8, .margin>.s-9, .margin>.s-10, .margin>.s-11, .margin>.s-12, .margin>.l-1, .margin>.l-2, .margin>.l-five, .margin>.l-3, .margin>.l-4, .margin>.l-5, .margin>.l-6, .margin>.l-7, .margin>.l-8, .margin>.l-9, .margin>.l-10, .margin>.l-11, .margin>.l-12 { padding:0 0.625em; } .margin>.s-1 { width:8.3333%; } .margin>.s-2 { width:16.6666%; } .margin>.s-five { width:20%; } .margin>.s-3 { width:25%; } .margin>.s-4 { width:33.3333%; } .margin>.s-5 { width:41.6666%; } .margin>.s-6 { width:50%; } .margin>.s-7 { width:58.3333%; } .margin>.s-8 { width:66.6666%; } .margin>.s-9 { width:75%; } .margin>.s-10 { width:83.3333%; } .margin>.s-11 { width:90%; } .margin>.s-12 { width:100%; } .l-1 { width:8.3333%; } .l-2 { width:16.6666%; } .l-five { width:20%; } .l-3 { width:25%; } .l-4 { width:33.3333%; } .l-5 { width:41.6666%; } .l-6 { width:50%; } .l-7 { width:58.3333%; } .l-8 { width:66.6666%; } .l-9 { width:75%; } .l-10 { width:83.3333%; } .l-11 { width:90%; } .l-12 { clear:left; width:100%; } .margin>.l-1 { width:8.3333%; } .margin>.l-2 { width:16.6666%; } .margin>.l-five { width:20%; } .margin>.l-3 { width:25%; } .margin>.l-4 { width:33.3333%; } .margin>.l-5 { width:41.6666%; } .margin>.l-6 { width:50%; } .margin>.l-7 { width:58.3333%; } .margin>.l-8 { width:66.6666%; } .margin>.l-9 { width:75%; } .margin>.l-10 { width:83.3333%; } .margin>.l-11 { width:90%; } .margin>.l-12 { width:100%; } .right { float:right; } @media screen and (max-width:1440px) { .box { padding: 0em; } } @media screen and (max-width:1366px) { .box { padding: 0em; } } @media screen and (max-width:1280px) { .box { padding: 0em; } } @media screen and (max-width:1024px) { .box { padding: 0em; } } /*ipad section onlyy*/ /*@media only screen and (min-device-width : 800px) and (max-device-width : 1023px) { .rightmenusec{width:50% !important; float:right !important;} }*/ /*ipad section onlyy*/ @media screen and (max-width:1023px) { .rightmenusec{width: 80%;height: auto;float: left;margin-left: 10%;} .booknow { background-color: #1b7dbe; margin-top: 0px; width: 100%; height: auto; font-size: 12px; font-weight: normal; color: #FFF; padding-left: 10px; text-decoration: none; padding: 14px 15px; word-break: break-all; border: none; cursor: pointer; } .box { background: none repeat scroll 0 0 #fff; display: block; padding: 0em; width: 100%; } .size-960 { max-width: 800px; } .size-1140 { max-width: 800px; } .hide-l { display: block; } .hide-s { display: none; } nav { display: block; cursor: pointer; line-height: 3em; } .top-nav li a { background: none repeat scroll 0 0 #0a6cb8; } .top-nav>ul { height: 0; max-width: 100%; overflow: hidden; position:absolute; z-index: 10000; } .top-nav>ul.show-menu { height: auto; width: 97%; margin-right: 9px; margin-bottom: -123px; } .top-nav ul ul { left: 0; margin-top: 0; position: relative; right: 0; } .top-nav li ul li a { min-width: 100%; } .top-nav li { float: none; list-style: none outside none; padding: 0; } .top-nav li a { border-top: 1px solid #333; color: #fff; display: block; padding: 0.625em; text-decoration: none; } .top-nav li ul li a { border-top: 1px solid #878787; } .top-nav li ul li ul li a { border-top: 1px solid #989898; } .top-nav li a:hover { background: none repeat scroll 0 0 #222222; color: #FC0; } .top-nav li ul, .top-nav li ul li ul { display: block; overflow: hidden; height: 0; } .top-nav>ul ul.show-ul { display: block; height: auto; width: 100%; } .top-nav li ul li a { background: none repeat scroll 0 0 #fffefe; padding: 0.625em; color: #000; } .top-nav li ul li ul li a { /*background: none repeat scroll 0 0 #222222;*/ color: #222; } .nav-text { color: #fff; display: block; font-size: 1.2em; line-height: 3em; margin-right: 0.625em; max-width: 100%; text-align: center; vertical-align: middle; background-color: #0a6cb8 } .nav-text:after { content: ""; font-family: "mfg"; font-size: 1.1em; margin-left: 0.5em; text-align: right; } .count-number { margin-right: -1.25em; } .l-1 { width: 8.3333%; } .l-2 { width: 16.6666%; } .l-five { width: 20%; } .l-3 { width: 25%; } .l-4 { width: 33.3333%; } .l-5 { width: 41.6666%; } .l-6 { width: 50%; } .l-7 { width: 58.3333%; } .l-8 { width: 66.6666%; } .l-9 { width: 75%; } .l-10 { width: 83.3333%; } .l-11 { width: 90%; } .l-12 { width: 100%; } .margin>.l-1 { width: 8.3333%; } .margin>.l-2 { width: 16.6666%; } .margin>.l-five { width: 20%; } .margin>.l-3 { width: 25%; } .margin>.l-4 { width: 33.3333%; } .margin>.l-5 { width: 41.6666%; } .margin>.l-6 { width: 50%; } .margin>.l-7 { width: 58.3333%; } .margin>.l-8 { width: 66.6666%; } .margin>.l-9 { width: 75%; } .margin>.l-10 { width: 83.3333%; } .margin>.l-11 { width: 90%; } .margin>.l-12 { width: 100%; } .s-1 { width: 8.3333%; } .s-2 { width: 16.6666%; } .s-five { width: 20%; } .s-3 { width: 25%; } .s-4 { width: 33.3333%; } .s-5 { width: 41.6666%; } .s-6 { width: 50%; } .s-7 { width: 58.3333%; } .s-8 { width: 66.6666%; } .s-9 { width: 75%; } .s-10 { width: 83.3333%; } .s-11 { width: 90%; } .s-12 { width: 100%; float: none; } .margin>.s-1 { width: 8.3333%; } .margin>.s-2 { width: 16.6666%; } .margin>.s-five { width: 20%; } .margin>.s-3 { width: 25%; } .margin>.s-4 { width: 33.3333%; } .margin>.s-5 { width: 41.6666%; } .margin>.s-6 { width: 50%; } .margin>.s-7 { width: 58.3333%; } .margin>.s-8 { width: 66.6666%; } .margin>.s-9 { width: 75%; } .margin>.s-10 { width: 83.3333%; } .margin>.s-11 { width: 90%; } .margin>.s-12 { width: 100%; } } .center { float:none; margin:0 auto; display:block; }