/* BASIC RESET */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0; } /* HTML ELEMENTS */ body { background-color:#d9ceb8; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; } /* COMMON CLASSES */ .break { clear:both; } /* HEADER */ #header { height:auto; } /* NAVIGATION */ #nav-outer { height: 286px; background-image: url(../images/headerbg2.png); min-width: 1020px; text-align: center; padding-top: 52px; background-position-y: 20px; } #navigation { height:253px; width:1020px; margin:0 auto; } /* MENU */ #menu { position:relative; top:0px; clear: both; height: 66px;} #menu ul { list-style:none; } #menu ul li { display:inline; font-size:15px; margin-left: -4px; } #menu ul li a { color: #fff; text-decoration:none; font-weight:normal; padding: 24px 20px; background-image: url(../images/btn-bg2.png); background-position: top right; font-family: Georgia, "Times New Roman", Times, serif; line-height: 66px; } #menu ul li a:hover { text-decoration:none; background-position: 2px -66px; } #menu .contact {background-position: top left;} /* HEADER HAVIGATION */ #headernav-outer { position:relative; top:380px; margin:0 auto; width:1020px; } #headernav { float: right; padding-left: 909px; } /* CONTENT */ #content { background-color:#fff; width: 1020px; margin: 0px auto; -webkit-box-shadow: 0px 0px 15px 0px #888; box-shadow: 0px 0px 15px 0px #888; display: compact; overflow: hidden; } /* FIXED BAR */ #book-bar { padding: 0px 0px 0px 0px; float: left; width: 100%; clear: both; height: 52px; position: fixed; top: 0; z-index: 999; background-color: #891616; } button#book-btn-fixed { font-family: "Times New Roman", Times, serif; font-size: 16px; padding: 0px 20px; height: 52px; background-color:#b28657; float: right; text-decoration: none; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; border: none; cursor:pointer; } #book-btn-fixed { font-family: "Times New Roman", Times, serif; font-size: 16px; padding: 0px 20px; height: 52px; background-color:#b28657; float: right; text-decoration: none; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; border: none; cursor:pointer; } button#book-btn-fixed a { cursor:pointer; } #socialicons-fixed { padding: 0px 0px 0px 0px; margin: 0 auto; max-width: 1020px; width: 100% clear: both; height: 52px; } #socialicons-fixed ul { list-style:none; } #socialicons-fixed li a { width: 32px; height: 32px; float: left; margin-right: 5px; margin-top:10px; opacity: 0.7; -webkit-transition: 0.3s all linear; -moz-transition: 0.3s all linear; -o-transition: 0.3s all linear; transition: 0.3s all linear; } #socialicons-fixed li a:hover {opacity: 1;} #socialicons-fixed .trip_adviser {background: url(../images/si-ta.png); width: 47px;} #socialicons-fixed .email {background: url(../images/si-em.png);} #socialicons-fixed .facebook {background: url(../images/si-fb.png);} #socialicons-fixed .whatsapp {background: url(../images/si-wa.png);} #socialicons-fixed .instagram {background: url(../images/si-ig.png);} #socialicons-fixed .twitter {background: url(../images/si-tw.png);} #socialicons-fixed p {color: #FFF; font-size: 16px; line-height: 32px; float: left; margin-top:10px;} /* SOCIAL ICONS */ #socialicons { padding: 0px 0px 0px 0px; float: left; width: 320px; height: 32px; } #socialicons ul {list-style:none;} #socialicons li a { width: 32px; height: 32px; float: left; margin-right: 5px; opacity: 0.7; -webkit-transition: 0.3s all linear; -moz-transition: 0.3s all linear; -o-transition: 0.3s all linear; transition: 0.3s all linear; } #socialicons li a:hover {opacity: 1;} #socialicons .trip_adviser {background: url(../images/si-ta.png); width: 47px;} #socialicons .email {background: url(../images/si-em.png);} #socialicons .facebook {background: url(../images/si-fb.png);} #socialicons .instagram {background: url(../images/si-ig.png);} #socialicons .whatsapp {background: url(../images/si-wa.png);} #socialicons .twitter {background: url(../images/si-tw.png);} #socialicons p {color: #FFF; font-size: 16px; line-height: 32px; float: right;} .logo {width: 356px;} /* FOOTER */ #footer { clear: both; height: 72px; margin-top: 20px; padding: 10px 0px; margin-right: auto; margin-left: auto; background-color: #2a2a2a; min-width: 1020px; } #footer-inner { width:1020px; margin:0 auto; } #footer p { float: right; text-align: right; font-size: 12px; line-height: 22px; color: #d9ceb8; margin-top: 14px; } #footer a { color: #ffffff; text-decoration: none; } #footer a:hover { color: #d9ceb8; text-decoration: underline; } /* -------- Right Column -------------- */ #right_column { float: left; width: 300px; padding: 20px; } #right_column p { padding-bottom: 10px; color: #2a2a2a; } #right_column p img { padding: 0px; } #right_column img { float: none; padding: 0px; } #right_column h1 { font-size: 20px; color: #2a2a2a; margin-bottom: 14px; font-weight: normal; font-family: "Times New Roman", Times, serif; } #right_column h2 { font-size: 20px; color: #9d1c32; margin-bottom: 7px; font-weight: bold; } #right_column h3 { font-size: 14px; color: #666666; margin-top: 10px; font-weight: bold; } #right_column h4 { font-size: 16px; color: #FFFFFF; background-color: #f47f24; text-align: left; margin-top: 40px; padding: 6px; width: 590px; } #right_column ul { overflow: hidden; } #right_column ul li { line-height: 22px; background-image: url(../images/greytick.png); background-repeat: no-repeat; background-position: top left; margin-left: -0px; padding-left: 30px; margin-top: 10px; list-style: none; } #right_column a { color: #891616; text-decoration: none; } #right_column a:hover { color: #000; text-decoration: none; } #offers { float: left; width: 260px; padding: 6px 0px 0px 40px; height: 136px; background-image:url(../images/offers-banner.gif); background-repeat: no-repeat; margin-bottom: 20px; } /* ---------------------------------- Left Column ---------------------------------------------- */ #left_column_wide { width: 639px; padding: 20px; border-right-color: #CCC; border-right-style: solid; border-right-width: 1px; clear: none; float: left; } #left_column_wide p { padding-bottom: 10px; color: #2a2a2a; } #left_column_wide p img { padding: 0px; } #left_column_wide img { float: none; padding: 0px; } #left_column_wide h1 { font-size: 20px; color: #2a2a2a; margin-bottom: 14px; font-weight: normal; font-family: "Times New Roman", Times, serif; } #left_column_wide h2 { font-size: 20px; color: #9d1c32; margin-bottom: 7px; font-weight: bold; } #left_column_wide h3 { font-size: 14px; color: #333; margin-bottom: 10px; font-weight: bold; margin-top: 22px; } #left_column_wide h4 { font-size: 16px; color: #FFFFFF; background-color: #f47f24; text-align: left; margin-top: 40px; padding: 6px; width: 590px; } #left_column_wide ul { overflow: hidden; } #left_column_wide ul li { line-height: 24px; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: 0px 5px; margin-left: 14px; padding-left: 24px; list-style: none; margin-bottom: 10px; } #left_column_wide a { color: #891616; text-decoration: none; } #left_column_wide a:hover { color: #000; text-decoration: none; } #left_column { width: 299px; padding: 20px; float:left; border-right-color: #CCC; border-right-style: solid; border-right-width: 1px; min-height: 410px; } #left_column p { padding-bottom: 10px; color: #2a2a2a; } #left_column p img { padding: 0px; } #left_column img { float: none; padding: 0px; } #left_column h1 { font-size: 20px; color: #2a2a2a; margin-bottom: 14px; font-weight: normal; font-family: "Times New Roman", Times, serif; } #left_column h2 { font-size: 20px; color: #9d1c32; margin-bottom: 7px; font-weight: bold; } #left_column h3 { font-size: 14px; color: #666666; margin-bottom: 10px; font-weight: bold; } #left_column h4 { font-size: 16px; color: #FFFFFF; background-color: #f47f24; text-align: left; margin-top: 40px; padding: 6px; width: 590px; } #left_column ul { overflow: hidden; } #left_column ul li { line-height: 22px; background-image: url(../images/greytick.png); background-repeat: no-repeat; background-position: top left; margin-left: -0px; padding-left: 30px; margin-top: 10px; list-style: none; } #left_column a { color: #891616; text-decoration: none; } #left_column a:hover { color: #000; text-decoration: none; } #blue_box { width: 638px; padding: 10px; display: block; background-color: #891616; text-align: center; border-color: #CCC; border-style: solid; border-width: 1px; } #blue_box p { color: #FFF; } #blue_box h1 { color: #FFF; } #button-read { display: block; margin-top: 20px; width: 100px; height: 24px; float: left; background: url(../images/read-more-btn.png) no-repeat 0 0; } #button-read:hover { background-position: 0 -24px; } #bullets-arrow ul { overflow: hidden; margin-bottom: 24px; } #bullets-arrow ul li { line-height: 16px; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: 0px 1px; margin-left: 14px; padding-left: 24px; list-style: none; margin-bottom: 0px; } .gallery-thumb {float: left; width: 200px; height: 122px; margin: 0px 12px 12px 0px;} /* Contact Form CSS */ #left_column_wide fieldset { width: 622px; color: #891616; font-family: "Times New Roman", Times, serif; border: 1px solid #891616; padding: 7px; margin-bottom: 10px; margin-top: 20px; margin-left: 0px; margin-right: 0px; font-size: 16px; } #left_column_wide fieldset table { color: #891616; font-family: "Times New Roman", Times, serif; margin-top: 5px; margin-left: 25px; padding-bottom: 10px;} #left_column_wide fieldset input { color: #891616; font-family: "Times New Roman", Times, serif; border: 1px solid #891616; padding: 2px; background-color: #EDEDED; } #left_column_wide fieldset textarea { color: #891616; font-family: "Times New Roman", Times, serif; border: 1px solid #891616; padding: 2px; background-color: #EDEDED; } .linebox { width: 420px; margin: 10px 10px; } .datebox { width: 50px; margin: 10px 10px; } #left_column_wide legend { color: #FFF; font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; background-color: #891616; padding: 4px 8px; display: block; } @media only screen and ( max-width: 680px ) { #socialicons-fixed .trip_adviser { display: none; } #socialicons-fixed .email { display: none; } #socialicons-fixed .facebook { display: none; } #socialicons-fixed .whatsapp { display: none; } #socialicons-fixed .instagram { display: none; } #socialicons-fixed .twitter { display: none; } #socialicons-fixed p {margin-left:10px;} /* BASIC RESET */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0; } /* HTML ELEMENTS */ body { background-color:#d9ceb8; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; } /* COMMON CLASSES */ .break { clear:both; } /* HEADER */ #header { height:475px; } /* NAVIGATION */ #nav-outer { height:253px; background-image:url("../images/headerbg.jpg"); min-width: 100%; text-align: center; } #navigation { height:253px; width:100%; margin:0 auto; } /* MENU */ #menu { position:relative; top:0px; clear: both; height: 300px; width:100%;} #menu ul { list-style:none; } #menu ul li { display:block; font-size:15px; margin-left: 0px; clear:both; width: 100%; } #menu ul li a { width: 100%; color: #fff; text-decoration:none; font-weight:normal; padding: 6px 0px; background-image: none; background-color: #891616; font-family: Georgia, "Times New Roman", Times, serif; line-height: 24px; clear:both; display: block; } #menu ul li a:hover { text-decoration:none; background-position: 2px -66px; background-color:#b28657;} #menu .contact {background-position: top left;} /* HEADER HAVIGATION */ #headernav-outer { position:relative; top:380px; margin:0 auto; width:100%; } #headernav { float: right; padding-left: 909px; } /* CONTENT */ #content { background-color:#fff; width: 100%; margin: 0px auto; -webkit-box-shadow: 0px 0px 15px 0px #888; box-shadow: 0px 0px 15px 0px #888; display: compact; overflow: hidden; } /* SOCIAL ICONS */ #socialicons { padding: 0px 0px 0px 0px; float: left; width: 100%; clear: both; height: 32px; } #socialicons ul { list-style:none; } #socialicons li a { width: 32px; height: 32px; float: left; margin-right: 5px; opacity: 0.7; -webkit-transition: 0.3s all linear; -moz-transition: 0.3s all linear; -o-transition: 0.3s all linear; transition: 0.3s all linear; } #socialicons li a:hover {opacity: 1;} #socialicons .trip_adviser {background: url(../images/si-ta.png); width: 47px;} #socialicons .email {background: url(../images/si-em.png);} #socialicons .facebook {background: url(../images/si-fb.png);} #socialicons .instagram {background: url(../images/si-ig.png);} #socialicons .whatsapp {background: url(../images/si-wa.png);} #socialicons .twitter {background: url(../images/si-tw.png);} #socialicons p {color: #FFF; font-size: 16px; line-height: 32px; float: right; padding-right: 12px;} .logo {width: 100%; max-width: 356px;} /* FOOTER */ #footer { clear: both; height: 170px; margin-top: 0px; padding: 10px 0px; margin-right: auto; margin-left: auto; background-color: #2a2a2a; min-width: 100%; } #footer-inner { width:94%; margin:0 auto; padding: 4px 3%; } #footer p { float: left; text-align: left; font-size: 12px; line-height: 22px; color: #d9ceb8; margin-top: 14px; } #footer a { color: #ffffff; text-decoration: none; } #footer a:hover { color: #d9ceb8; text-decoration: underline; } /* -------- Right Column -------------- */ #right_column { float: left; width: 94%; padding: 3%; } #right_column p { padding-bottom: 10px; color: #2a2a2a; } #right_column p img { padding: 0px; } #right_column img { float: none; padding: 0px; } #right_column h1 { font-size: 20px; color: #2a2a2a; margin-bottom: 14px; font-weight: normal; font-family: "Times New Roman", Times, serif; } #right_column h2 { font-size: 20px; color: #9d1c32; margin-bottom: 7px; font-weight: bold; } #right_column h3 { font-size: 14px; color: #666666; margin-top: 10px; font-weight: bold; } #right_column h4 { font-size: 16px; color: #FFFFFF; background-color: #f47f24; text-align: left; margin-top: 40px; padding: 6px; width: 590px; } #right_column ul { overflow: hidden; } #right_column ul li { line-height: 22px; background-image: url(../images/greytick.png); background-repeat: no-repeat; background-position: top left; margin-left: -0px; padding-left: 30px; margin-top: 10px; list-style: none; } #right_column a { color: #891616; text-decoration: none; } #right_column a:hover { color: #000; text-decoration: none; } /* ---------------------------------- Left Column ---------------------------------------------- */ #left_column_wide { width: 94%; padding: 3%; border-right-color: #CCC; border-right-style: solid; border-right-width: 1px; clear: none; float: left; } #left_column_wide p { padding-bottom: 10px; color: #2a2a2a; } #left_column_wide p img { padding: 0px; } #left_column_wide img { float: none; padding: 0px; } #left_column_wide h1 { font-size: 20px; color: #2a2a2a; margin-bottom: 14px; font-weight: normal; font-family: "Times New Roman", Times, serif; } #left_column_wide h2 { font-size: 20px; color: #9d1c32; margin-bottom: 7px; font-weight: bold; } #left_column_wide h3 { font-size: 14px; color: #333; margin-bottom: 10px; font-weight: bold; margin-top: 22px; } #left_column_wide h4 { font-size: 16px; color: #FFFFFF; background-color: #f47f24; text-align: left; margin-top: 40px; padding: 6px; width: 590px; } #left_column_wide ul { overflow: hidden; } #left_column_wide ul li { line-height: 24px; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: 0px 5px; margin-left: 14px; padding-left: 24px; list-style: none; margin-bottom: 10px; } #left_column_wide a { color: #891616; text-decoration: none; } #left_column_wide a:hover { color: #000; text-decoration: none; } #left_column { width: 94%; padding: 40px 3%; float:left; border-right-color: #CCC; border-right-style: solid; border-right-width: 0px; min-height: 410px; } #left_column p { padding-bottom: 10px; color: #2a2a2a; } #left_column p img { padding: 0px; } #left_column img { float: none; padding: 0px; } #left_column h1 { font-size: 20px; color: #2a2a2a; margin-bottom: 14px; font-weight: normal; font-family: "Times New Roman", Times, serif; } #left_column h2 { font-size: 20px; color: #9d1c32; margin-bottom: 7px; font-weight: bold; } #left_column h3 { font-size: 14px; color: #666666; margin-bottom: 10px; font-weight: bold; } #left_column h4 { font-size: 16px; color: #FFFFFF; background-color: #f47f24; text-align: left; margin-top: 40px; padding: 6px; width: 590px; } #left_column ul { overflow: hidden; } #left_column ul li { line-height: 22px; background-image: url(../images/greytick.png); background-repeat: no-repeat; background-position: top left; margin-left: -0px; padding-left: 30px; margin-top: 10px; list-style: none; } #left_column a { color: #891616; text-decoration: none; } #left_column a:hover { color: #000; text-decoration: none; } #blue_box { width: 94%; padding: 3%; display: block; background-color: #891616; text-align: center; border-color: #CCC; border-style: solid; border-width: 1px; } #blue_box p { color: #FFF; } #blue_box h1 { color: #FFF; } #button-read { display: block; margin-top: 20px; width: 100px; height: 24px; float: left; background: url(../images/read-more-btn.png) no-repeat 0 0; } #button-read:hover { background-position: 0 -24px; } #bullets-arrow ul { overflow: hidden; margin-bottom: 24px; } #bullets-arrow ul li { line-height: 16px; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: 0px 1px; margin-left: 14px; padding-left: 24px; list-style: none; margin-bottom: 0px; } /* Contact Form CSS */ #left_column_wide fieldset { width: 260px; color: #891616; font-family: "Times New Roman", Times, serif; border: 1px solid #891616; padding: 7px; margin-bottom: 10px; margin-top: 20px; margin-left: 0px; margin-right: 0px; font-size: 16px; } #left_column_wide fieldset table { color: #891616; font-family: "Times New Roman", Times, serif; margin-top: 5px; margin-left: 25px; padding-bottom: 10px;} #left_column_wide fieldset input { color: #891616; font-family: "Times New Roman", Times, serif; border: 1px solid #891616; padding: 2px; background-color: #EDEDED; } #left_column_wide fieldset textarea { color: #891616; font-family: "Times New Roman", Times, serif; border: 1px solid #891616; padding: 2px; background-color: #EDEDED; } .linebox { width: 100px !important; margin: 10px 10px; } .datebox { width: 50px; margin: 10px 10px; } #left_column_wide legend { color: #FFF; font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; background-color: #891616; padding: 4px 8px; display: block; } .submit_btn {width: 50px !important;} #book { background-color: #b1b6ba; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; padding: 0px 3% !important; height: 252px !important; right: 0; width: 94%; z-index: 1;} #book h3 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 4px;} #book p { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 0px;} #bookhome { background-color: #2a2a2a; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; padding: 30px 3% 0 !important; height: 262px !important; right: 0; width: 94% !important; z-index: 1; } #bookhome h3 { color: #FFFFFF; font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: normal;} #bookhome p { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 30px;} input { margin: 5px; width: 180px !important;} select { margin: 5px;} .res-form-text { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin: 10px 0px; width: 80px; float:left;} select.small { width: 40px; margin: 10px !important;} input[type=text] { margin: 10px !important; } input[type=image] { margin-top: 10px !important;} .theme-default #slider { display: none !important;} }