body { -webkit-font-smoothing: antialiased; color:#410a0f; } p { margin: 0 0 12px; } .lead { margin-bottom: 10px; font-size: 24px; font-weight: 200; line-height: 36px; } .divider { width: 100%; background:url(../images/sep.png) no-repeat left; height:45px; padding-top: 92px; margin-bottom: -62px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #d8d8d8; } a.muted:hover, a.muted:focus { color: #bfbfbf; } .text-warning { color: #c09853; } a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } .text-error { color: #e0b3b3; } a.text-error:hover, a.text-error:focus { color: #d18f8f; } .text-info { color: #3a87ad; } a.text-info:hover, a.text-info:focus { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover, a.text-success:focus { color: #356635; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6 { margin: 12px 0; font-family: inherit; font-weight: bold; line-height: 24px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #d8d8d8; } h1, h2, h3 { line-height: 48px; } h1 { font-size: 44px; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 13.6px; } h1 small { font-size: 28px; } h2 small { font-size: 20px; } h3 small { font-size: 16px; } h4 small { font-size: 16px; } .page-header { padding-bottom: 11px; margin: 24px 0 36px; border-bottom: 1px solid #f2f2f4; } ul, ol { padding: 0; margin: 0 0 12px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 24px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 24px; } dt, dd { line-height: 24px; } dt { font-weight: bold; } dd { margin-left: 12px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } hr { margin: 24px 0; border: 0; border-top: 1px solid #f2f2f4; border-bottom: 1px solid white; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #d8d8d8; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { background: none; border:none; margin: 0x; padding: 0.5em 0px; quotes: "\201C""\201D""\2018""\2019"; margin: 0 0 5px; } blockquote:before { color: #2d6700; content: "\201C"; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } address { display: block; margin-bottom: 24px; font-style: normal; line-height: 24px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 14px; color: #444444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } pre { display: block; padding: 11.5px; margin: 0 0 12px; font-size: 15px; line-height: 24px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } pre.prettyprint { margin-bottom: 24px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 24px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 24px; font-size: 24px; line-height: 48px; color: #444444; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 18px; color: #d8d8d8; } label, input, button, select, textarea { font-size: 16px; font-weight: normal; line-height: 24px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 24px; padding: 4px 6px; margin-bottom: 12px; font-size: 16px; line-height: 24px; color: #777777; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; vertical-align: middle; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #f8f8f9; border: 1px solid #d8d8d8; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 34px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 34px; } select { width: 220px; border: 1px solid #d8d8d8; background-color: #f8f8f9; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #d8d8d8; background-color: #f5f5f6; border-color: #d8d8d8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #bfbfbf; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bfbfbf; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bfbfbf; } .radio, .checkbox { min-height: 24px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } body.hyphenated { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* - 1.2 Headers - */ h1, h2, h3, h4, h5 { color: #222222; margin: 0; } h1 small, h2 small, h3 small, h4 small, h5 small { text-transform: none; color: #444444; } h1 { font-size: 19px; line-height: 38px; margin-bottom: 24px; color:#CC6600; font-family:Open Sans } h1 small { font-size: 24px; } h2 { font-size: 24px; line-height: 48px; margin-bottom: 12px; } h2 small { font-size: 16px; } h2.compact { line-height: 24px; } h3 { font-size: 18px; line-height: 24px; margin-bottom: 12px; } h3 small { font-size: 14px; } h4, h5, h6 { line-height: 24px; } h4 { font-size: 14px; } h4 small { font-size: 12px; } h5 { font-size: 12px; } h6 { font-size: 11px; color: #999999; text-transform: uppercase; margin: 0; } /* - 1.3 Links - */ a { color: #42576a; text-decoration: none; } a:hover { color: #567189; text-decoration: none; } p{font-family:Open Sans; font-size:14px;} p.lead{font-size:15px; line-height:26px; color:#222;} .more-link { text-align: right; display: block; margin: 12px 0; } /* - 1.4 Lead text - */ .lead { font-weight: 300; } /* - 1.5 Selection colors - */ ::selection { background: #42576a; color: white; } img { max-width:100%; } ::-moz-selection { background: #42576a; color: white; } /* - 1.6 Form elements - */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { color: #444444; -webkit-box-shadow: 0px 0px 1px white inset; -moz-box-shadow: 0px 0px 1px white inset; box-shadow: 0px 0px 1px white inset; -webkit-appearance: none; text-shadow: 0px 1px 0px white; padding:18px 10px!important; font-weight: normal; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: white; -webkit-box-shadow: 0 0 8px rgba(66, 87, 106, 0.6); -moz-box-shadow: 0 0 8px rgba(66, 87, 106, 0.6); box-shadow: 0 0 8px rgba(66, 87, 106, 0.6); } /* - 1.7 Figures - */ figure { margin: 0 0 12px; } /* - 1.8 Pre and code - */ pre, code, var, kbd, samp, tt, dir, listing, plaintext, xmp, abbr, acronym, blockquote, q { font-size: 14px; word-break: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } pre { background-color: #fafafb; border-color: #d8d8d8 #d8d8d8 #e5e5e5 #d8d8d8; -webkit-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.2) inset; -moz-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.2) inset; box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.2) inset; color: #42576a; text-shadow: none; } blockquote small { color: #a5a5a5; } .section-alt blockquote { border-color: #d8d8d8; } .section-dark blockquote { border-color: #656565; } li { list-style:none; } ul ,li{ margin:0; padding:0; } /* - 1.9 hr - */ .section-alt hr { border-bottom-color: #d8d8d8; } hr.invisible { border-bottom-color: transparent; } .section-dark hr { border-top-color: #151515; border-bottom-color: #656565; } /* - 1.10 Font weight classes - */ .black { font-weight: 900; } .bold { font-weight: 700; } .regular { font-weight: 400; } .light { font-weight: 300; } .super .light { font-weight: 100; } .lighter { font-weight: 100; } /* - 1.11 Font size classes - */ .small { font-size: 36px; font-weight: 900; text-align: center; line-height: 1; margin-bottom: 0; text-transform: uppercase; } .big { font-size: 1.5em; } .bigger { font-size: 2em; } .super { text-align: left; line-height: 1; margin-bottom: 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; padding:25px 50px; } .super h3 { font-size: 30px; color: #FFF; line-height: 34px; } .super p { line-height: 24px; font-size:18px; color: #FFF; } .hyper { font-size: 240px; font-weight: 900; text-align: center; margin-bottom: 0; text-transform: uppercase; } /* - 1.12 Font color classes - */ .gray { color: #777777 !important; } .blue { color: #42576a !important; } .red { color: #b14949 !important; } .white { color: white; } /* - 1.13 Text aligns classes - */ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify{ text-align: justify!important; } /* - 1.14 Text transform classes - */ .text-caps { text-transform: uppercase !important; } .text-italic { font-style: italic; } /* 2. GENERAL LAYOUT RULES */ /* ----------------------- */ /* - 2.1 body style - */ body { background: #fff; } .packagebox img{width:100%;} /* - 2.2 wrappers and containers - */ .wrapper { background: #fff; margin: 0 auto; width: 90%; max-width: 1250px; overflow: hidden; /* border-color: rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/ } .fullwidth .wrapper { width: 100%; max-width: 100%; border-left: 0; border-right: 0; } .wrapper-transparent { background: none; margin-top: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .top-wrapper { padding: 10px 0; margin-bottom: -40px;background:#003334; } .top-wrapper p, .top-wrapper ul { margin-bottom: 0; } .theme-dark .top-wrapper { color: #d8d8d8; text-shadow: 1px 1px 0px black; } .theme-dark .top-wrapper h1, .theme-dark .top-wrapper h2, .theme-dark .top-wrapper h3, .theme-dark .top-wrapper h4, .theme-dark .top-wrapper h5, .theme-dark .top-wrapper a { color: #f2f2f4; } /*.container-fluid { padding: 0 40px; }*/ .fullwidth .container-fluid { border-sizing: border-box; max-width: 1168px; margin: 0 auto; } /* - 2.3 Sections */ .section { position: relative; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .section-alt:before, .section-alt:after { content: ""; position: absolute; width: 100%; height: 20px; left: 0; background-repeat: no-repeat; background-size: 100% 20px; z-index: 100; } .section-alt:before { top: 0; /* background-image: url(../images/top-shadow.png);*/ } .section-alt:after { bottom: 0; /* background-image: url(../images/bottom-shadow.png);*/ } .section-alt:last-child:after { background-image: none; } .section-dark { background-color: #444444; color: white !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); } .section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4, .section-dark h5, .section-dark h6, .section-dark a { color: white !important; } .section-dark a:hover { color: #d8d8d8 !important; } .section-padded { /*padding: 40px 0;*/ padding:25px 0 0px; } /* - 2.4 Push to edge elements - */ .push-left, .push-right, .push-top, .push-bottom { position: relative; } .push-left { margin-left: -40px; } .push-right { margin-right: -40px; } .push-top { margin-top: -40px; } .push-bottom { margin-bottom: -40px; } /* 3. HEADER */ /* --------- */ /* - 3.1 Brand - */ #masthead .brand { font-weight: 900; font-size: 30px; line-height: 30px; padding: 1px 0px; margin-top: 0; margin-bottom: 3px; } #masthead .brand a { font-style: normal; } #masthead .navbar-inverse .brand a { color: white; } /* - 3.2 Navigation bar - */ #masthead .navbar-inner { padding-left: 0; padding-right: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #masthead .navbar-inverse .navbar-inner { background-color: #111111; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } /* - 3.3 Menu bar - */ .top-nav span{ float: right; color: #f8fbff; font: normal 21px "Open Sans", Arial, Helvetica, sans-serif; } .top-nav span.phone{ background: url(../images/phone.png) no-repeat left 7px; padding-left: 35px; clear: both; } .top-nav span.skype{ background: url(../images/skype.png) no-repeat left center; padding-left: 35px; font-size: 18px; line-height: 27px; margin-right: 15px;} .top-nav span.enquiry { background: url(../images/mail.png) no-repeat left center; font-size: 18px; line-height: 27px; margin: 0 25px; padding-left: 30px } .menu-top-menu-container{float:right; margin-bottom:15px;} .top-nav ul li{float:left; list-style:none; padding:0 5px;} .top-nav ul li a{color:#333; font:normal 15px/28px "Open Sans", Arial, Helvetica, sans-serif;} .navbar-inner div.span12 { margin:0; } .navbar .nav{margin-top:5px;} .navbar .nav > li + li { margin-left: 15px; } #masthead .nav > li > a { text-shadow: none;font-size:15px; color:#fff; font-weight:bold; } #masthead .nav > li > a:hover{background:#003334; color:#fff;} .navbar .nav > li > a{padding:11px 10px;} #masthead .nav > li > a:focus { outline: none; } #masthead .nav > .active > a, #masthead .nav > .active > a:hover, #masthead .nav > .active > a:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: transparent; } #masthead .nav li.dropdown.open > .dropdown-toggle, #masthead .nav li.dropdown.active > .dropdown-toggle, #masthead .nav li.dropdown.open.active > .dropdown-toggle { background-color: transparent; } #masthead .dropdown-menu { background-color: #005355; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; text-shadow: none; font-size: 14px; border:none; } .navbar li > .dropdown-menu:before{border-bottom: 7px solid #003334; border-bottom-color: #003334;} .navbar > li > .dropdown-menu:after{ border-bottom: 6px solid #003334;} #masthead .navbar > li:hover .dropdown-menu{display:block;} #masthead .dropdown-menu a { font-style: normal; color:#FFF; } #masthead .navbar .pull-right > li > .dropdown-menu .dropdown-menu, #masthead .navbar li > .dropdown-menu.pull-right .dropdown-menu { left: 100%; right: auto; } /* -- 3.3.1 Compact Menu bar -- */ #masthead .nav.compact-nav > li > a { font-size: 14px; padding-left: 10px; padding-right: 10px; } .main_nav{background:#1090c1;border:none;} /* 4. FOOTER */ /* --------- */ #footer { } #footer h3{font:bold 16px "Open Sans", Arial, Helvetica, sans-serif; color:#fff; margin-bottom:15px; text-transform:none;} .footer-info{background:#8a8277; padding:25px 0 10px; } #footer a, #footer p { color: #eaeaea; font-size:14px; } #footer a:hover{ text-shadow: 1px 1px 1px #000;} #footer.theme-dark { color: #d8d8d8; text-shadow: 1px 1px 0px black; } #footer ul{padding:0; margin:0;} #footer.theme-dark h1, #footer.theme-dark h2, #footer.theme-dark h3, #footer.theme-dark h4, #footer.theme-dark h5, #footer.theme-dark a { color: #f2f2f4; } #footer .menu li{margin-bottom:2px; } .footer-package{background:#eaeaea; border-top:1px solid #cacaca; padding: 20px 0 ;} .footer-associated img{max-width:80%; } .footer-associated ul li{float:left;list-style:none; margin-right:0px;} .footer-copyright{background:#8a8277; border-top:1px solid #786f63; padding:14px 0 0; text-align:center;} /* 5. PAGE TEMPLATES */ /* ----------------- */ /* - 5.1 Blog - */ /* -- 5.1.1 Blog elements -- */ .single .post { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #dfdfe4; } .single .post .post-body { padding-bottom: 0; margin-bottom: 0; border: 0; } .post-head { margin-bottom: 12px; } .post-head h2 { margin-bottom: 0; line-height: 24px; } .post-head .post-extras { font-size: 12px; font-weight: 400; } .post-head .post-extras a { color: #777777; } .post-head .post-extras i { font-size: 12px; color: #b9b9b9; padding: 0 2px 0 10px; } .post-head .post-extras i:first-child { padding-left: 0; } .post-info { margin-bottom: 24px; } .post-body { /* margin-bottom: 48px; padding-bottom: 48px; border-bottom: 1px solid #dcdce1;*/ } .post-media { margin-bottom: 24px !important; } .post-media img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .post-media a:hover img { opacity: 0.8; } .post-navigation { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #dfdfe4; } .post-navigation .pager { margin: 0; } .post-navigation .pager li > a { padding: 5px 10px; color:#fff; background-color: #CC6600; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .post-navigation .pager i { width: 1em; } .post-navigation .pager .previous a i { text-align: left; } .post-navigation .pager .next a i { text-align: right; } /* -- 5.1.2 Blog comments -- */ .comments { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #dfdfe4; } .media-comment { margin-top: 24px; position: relative; } .media-comment .media-comment { margin-top: 24px; } .media-comment .round-box { margin-right: 24px; } .media-comment:after { display: none; content: ""; position: absolute; width: 13px; height: 22px; background-image: url(../images/comment-arrow.png); background-size: 13px 22px; top: 12px; left: 61px; } .comments-form input, .comments-form textarea { max-width: 80%; } .media-comment .comments-form { margin-left: 0; margin-top: 20px; padding: 20px; position: relative; } .media-comment .comments-form h3 { margin-left: 0px; } .media-comment .comments-form input, .media-comment .comments-form textarea { background-color: white; } .media-comment .comments-form textarea { width: 99%; max-width: 99%; } .media-comment .comments-form:before { display: block; position: absolute; content: ""; height: 1px; background-color: white; -webkit-box-shadow: 0px -1px 0px #f2f2f4; -moz-box-shadow: 0px -1px 0px #f2f2f4; box-shadow: 0px -1px 0px #f2f2f4; top: 0; left: -10px; right: -10px; } .media-inner { padding: 10px; background-color: #fafafa; border: 1px solid #d8d8d8; } .media-inner p:last-child { margin-bottom: 0; } /* -- 5.1.3 Blog timeline -- */ #timeline { list-style-type: none; padding-bottom: 24px; margin: 0; position: relative; *zoom: 1; } #timeline:after { content: ""; display: table; clear: both; } #timeline .timeline-item { margin-bottom: 0; width: 50%; clear: both; } #timeline .post { margin-right: 80px; } #timeline .post-body { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } #timeline .post-body *:last-child { margin-bottom: 0; } #timeline .post-title { margin-bottom: 12px; } #timeline .post-info { position: absolute; margin-bottom: 0; width: 160px; left: 100%; top: 50%; margin-top: -63px; z-index: 1; } #timeline .post-info .round-box { margin-bottom: 0; } #timeline .post-info h5 { margin: 0 2px; } #timeline .post-arrow { position: absolute; width: 13px; height: 22px; background-image: url(../images/timeline-arrow-right.png); background-size: 13px 22px; top: 50%; margin-top: -11px; left: 100%; } #timeline .timeline-item:nth-child(even) { float: right; } #timeline .timeline-item:nth-child(even) .post { margin-left: 80px; margin-right: 0; } #timeline .timeline-item:nth-child(even) .post-info { left: auto; right: 100%; } #timeline .timeline-item:nth-child(even) .post-arrow { background-image: url(../images/timeline-arrow-left.png); left: auto; right: 100%; } #timeline:before, #timeline:after { position: absolute; display: block; content: ""; height: 100%; width: 0px; top: -40px; left: 50%; margin-left: -2px; z-index: 0; border: 2px solid #d8d8d8; } #timeline:before { border-style: dashed; top: auto; bottom: -40px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .post-info h5 { background-color: white; } .section-alt .post-info h5 { background-color: #f2f2f4; } .section-alt #timeline:before, .section-alt #timeline:after { border-color: white; } /* -- 5.1.4 Blog social buttons -- */ .blog-social-buttons { text-align: right; } .blog-social-buttons .blog-social-button { display: inline-block; margin-left: 10px; } /* - 5.2 Contact Page */ #map { height: 400px; } #map img { max-width: inherit; } .contact-form .control-group { margin-bottom: 0; } .contact-form .error .tooltip-inner { background-color: #b14949; background-color: rgba(177, 73, 73, 0.95); } .contact-form .error .top .tooltip-arrow { border-top-color: #b14949; border-top-color: rgba(177, 73, 73, 0.95); } .contact-form .error .right .tooltip-arrow { border-right-color: #b14949; border-right-color: rgba(177, 73, 73, 0.95); } .contact-form .error .bottom .tooltip-arrow { border-bottom-color: #b14949; border-bottom-color: rgba(177, 73, 73, 0.95); } .contact-form .error .left .tooltip-arrow { border-left-color: #b14949; border-left-color: rgba(177, 73, 73, 0.95); } .contact-form .success .tooltip-inner { background-color: #5e9a6b; background-color: rgba(94, 154, 107, 0.9); } .contact-form .success .top .tooltip-arrow { border-top-color: #5e9a6b; border-top-color: rgba(94, 154, 107, 0.9); } .contact-form .success .right .tooltip-arrow { border-right-color: #5e9a6b; border-right-color: rgba(94, 154, 107, 0.9); } .contact-form .success .bottom .tooltip-arrow { border-bottom-color: #5e9a6b; border-bottom-color: rgba(94, 154, 107, 0.9); } .contact-form .success .left .tooltip-arrow { border-left-color: #5e9a6b; border-left-color: rgba(94, 154, 107, 0.9); } .contact-details { background: url(../images/contact.png) no-repeat top right; } /* - 5.3 Sidebar - */ /* -- 5.3.1 General widget -- */ .sidebar .sidebar-widget { /* border-bottom: 1px solid #dfdfe4; */ margin-bottom: 25px;width:100%; } .sidebar .sidebar-widget:last-child { border-bottom: 0; } /* -- 5.3.2 Search widget --*/ .widget_search form { margin: 0; } .widget_search .input-append { position: relative; margin-bottom: 0; } .widget_search .input-append input { width: 100%; } .widget_search .input-append i { display: block; height: 1em; width: 1em; position: absolute; right: 1em; top: 50%; margin-top: -0.5em; font-size: 16px; z-index: 100; text-shadow: 0px 1px 0px white; } /* -- 5.3.3 List widget --*/ .widget_recent_entries ul, .widget_recent_comments ul, .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_pages ul, .widget_twitter ul, .widget_nav_menu ul { margin-left: 0px; list-style-type: none; margin-bottom: 0; } .widget_recent_entries li, .widget_recent_comments li, .widget_archive li, .widget_categories li, .widget_meta li, .widget_pages li, .widget_twitter li, .widget_nav_menu li { margin-bottom: 12px; } .widget_recent_entries p, .widget_recent_comments p, .widget_archive p, .widget_categories p, .widget_meta p, .widget_pages p, .widget_twitter p, .widget_nav_menu p { text-indent: 0; margin-bottom: 0; } .widget_recent_entries h4, .widget_recent_comments h4, .widget_archive h4, .widget_categories h4, .widget_meta h4, .widget_pages h4, .widget_twitter h4, .widget_nav_menu h4 { text-transform: none; } .widget_recent_entries .more-link, .widget_recent_entries .info, .widget_recent_comments .more-link, .widget_recent_comments .info, .widget_archive .more-link, .widget_archive .info, .widget_categories .more-link, .widget_categories .info, .widget_meta .more-link, .widget_meta .info, .widget_pages .more-link, .widget_pages .info, .widget_twitter .more-link, .widget_twitter .info, .widget_nav_menu .more-link, .widget_nav_menu .info { text-indent: 0; display: block; } .widget_recent_entries .more-link:before, .widget_recent_entries .info:before, .widget_recent_comments .more-link:before, .widget_recent_comments .info:before, .widget_archive .more-link:before, .widget_archive .info:before, .widget_categories .more-link:before, .widget_categories .info:before, .widget_meta .more-link:before, .widget_meta .info:before, .widget_pages .more-link:before, .widget_pages .info:before, .widget_twitter .more-link:before, .widget_twitter .info:before, .widget_nav_menu .more-link:before, .widget_nav_menu .info:before { content: "-"; } .widget_recent_entries .info, .widget_recent_comments .info, .widget_archive .info, .widget_categories .info, .widget_meta .info, .widget_pages .info, .widget_twitter .info, .widget_nav_menu .info { color: #919191; } .widget_recent_entries .sub-menu, .widget_recent_comments .sub-menu, .widget_archive .sub-menu, .widget_categories .sub-menu, .widget_meta .sub-menu, .widget_pages .sub-menu, .widget_twitter .sub-menu, .widget_nav_menu .sub-menu { margin-top: 12px; margin-bottom: 0; padding-left: 12px; font-style: italic; } .widget_recent_comments ul, .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_pages ul, .widget_nav_menu ul { margin-left: 12px; } .widget_archive h4 { font-weight: 300; } .widget_archive h4 a { font-weight: bold; } /* -- 5.3.4 Tags widget --*/ .widget_tag_cloud ul { margin: 0; padding: 0; list-style: none; *zoom: 1; } .widget_tag_cloud ul:after { content: ""; display: table; clear: both; } .widget_tag_cloud ul li, .widget_tag_cloud ul a { float: left; height: 24px; line-height: 24px; position: relative; font-size: 11px; } .widget_tag_cloud ul li { margin-bottom: 12px; } .widget_tag_cloud ul a { margin-left: 20px; padding: 0 10px 0 12px; background: #e1e1e6; text-decoration: none; text-shadow: 1px 1px 0px #fff; box-shadow: 1px 1px 1px rgba(119, 119, 119, 0.5); } .widget_tag_cloud ul a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #e1e1e6 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } .widget_tag_cloud ul a:after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #fff; -webkit-box-shadow: -1px -1px 2px #bbbbc5; -moz-box-shadow: -1px -1px 2px #bbbbc5; box-shadow: -1px -1px 2px #bbbbc5; } .widget_tag_cloud ul a:hover { background-color: #567189; color: white; text-shadow: none; } .widget_tag_cloud ul a:hover:before { border-color: transparent #567189 transparent transparent; } /* -- 5.3.5 Twitter widget --*/ .widget_twitter ul { margin-left: 24px; } .widget_twitter li { position: relative; } .widget_twitter i { display: block; position: absolute; width: 24px; font-size: 14px; text-align: left; left: -24px; top: 6px; color: #d8d8d8; } /* -- 5.3.5 WPML widget --*/ .widget_travel_wpml_language_selector li.active a { font-weight: 700; } /* -- 5.3.6 Social widget --*/ .widget_travel_social ul li { margin-bottom: 6px; } .widget_travel_social ul li a i{ color:#333; background:#fff; width:30px; height:30px; vertical-align:middle; display:table-cell;-moz-box-shadow: 1px 2px 2px 0px #333; -webkit-box-shadow: 1px 2px 2px 0px #333; box-shadow: 1px 2px 2px 0px #333; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; } /* - 5.4 Docs sidebar - */ .docs-sidebar-nav { max-width: 240px; margin-top: 12px; } .docs-sidebar-nav li { line-height: 24px; margin-bottom: 12px; } .docs-sidebar-nav li a { color: #bfbfbf; border-right: 2px solid #bfbfbf; text-align: right; padding: 0 16px 0; text-transform: uppercase; text-shadow: none; } .docs-sidebar-nav li.active a, .docs-sidebar-nav li:hover a, .docs-sidebar-nav li.active:hover a { color: #42576a; border-color: #42576a; background: none; text-shadow: none; } .affix { position: fixed; width: 17%; top: 0; } /* 6. THEME COMPONENTS */ /* ------------------- */ /* - 6.1 Round boxes - */ .round-box { text-align: center; margin-bottom: 12px; position: relative; z-index: 100; } .round-box .box-inner { display: inline-block; position: relative; margin: 0 auto; width: 120px; max-width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .round-box .box-inner:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7) inset; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7) inset; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7) inset; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .round-box img { margin: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .round-box a:hover img { opacity: .8; } .round-box i { font-size: 52px; color: white; line-height: 1em; text-shadow: 1px 1px 1px black; display: block; position: absolute; width: 1em; height: 1em; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; } .round-box .tag { font-size: 12px; color: white; line-height: 48px; text-transform: uppercase; text-align: center; width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: 10px; right: 50%; margin-right: -75px; background-color: #b14949; background-color: rgba(177, 73, 73, 0.8); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .round-box .tag i { font-size: 12px; display: inline-block; position: relative; top: 0; left: 0; margin: 0; text-shadow: none; } .round-box.box-mini { margin-bottom: 8px; } .round-box.box-mini .box-inner { width: 100%; } .round-box.box-mini i { font-size: 16px; } .round-box.box-small { margin-bottom: 8px; } .round-box.box-small .box-inner { width: 78px; } .round-box.box-small i { font-size: 24px; } .round-box.box-medium .box-inner { width: 100px; } .round-box.box-medium i { font-size: 24px; } .round-box.box-medium .tag { margin-right: -70px; } .round-box.box-big .box-inner { width: 200px; } .round-box.box-big .tag { margin-right: -95px; } .round-box.box-huge .box-inner { width: 250px; } .round-box.box-huge .tag { margin-right: -105px; } .round-box.no-rounded .box-inner { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .round-box.no-rounded .box-inner:after { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset; } .round-box.no-rounded .box-inner .img-circle { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .round-box.box-small-icon i { font-size: 24px; } .round-box.box-colored .box-inner { background: #42576a; } /* - 6.2 Flexslider - */ /* -- 6.2.1 Default styles -- */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .flexslider .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; position: relative; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { max-width: 100%; display: block; margin: 0 auto; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flexslider { min-height: 100px; } .flexslider .flex-caption { } .section-slide {margin-bottom:25px;} .flexslider figure { margin-bottom: 0; } .flexslider .flex-active-slide .flex-caption { opacity: 1; } .flexslider .flex-active-slide .flex-caption .animated { -webkit-animation-name: reset, fadeIn; -moz-animation-name: reset, fadeIn; -o-animation-name: reset, fadeIn; -ms-animation-name: reset, fadeIn; animation-name: reset, fadeIn; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -ms-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-delay: 0, .5s; -moz-animation-delay: 0, .5s; -o-animation-delay: 0, .5s; -ms-animation-delay: 0, .5s; animation-delay: 0, .5s; } /* -- 6.2.2 Controls -- */ .flex-control-nav { position: absolute; bottom: 0; margin: 0; padding: 0; list-style-type: none; } .flex-control-nav li { display: inline-block; margin: 0 .5em; cursor: pointer; position: relative; z-index: 100; } .flex-control-nav a { display: inline-block; width: .5em; height: .5em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border: 2px solid #d8d8d8; text-indent: -9000em; } .flex-control-nav a.flex-active { background: white; border-color: rgba(94, 94, 94, 0.7); } .flex-controls-outside .flex-control-nav { position: relative; } .flex-controls-left .flex-control-nav { left: 0; text-align: left; } .flex-controls-right .flex-control-nav { right: 0; text-align: right; } .flex-controls-center .flex-control-nav { width: 100%; text-align: center; z-index:9999; } /* -- 6.2.3 Direction arrow -- */ .flex-direction-nav a { display: block; position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -35px; opacity: 0.8; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-radius:50%; } .flex-direction-nav a:hover { opacity: 1; } .flex-prev { background:rgba(85, 149, 43, 0.8) url(../images/flex-prev-simple.png) no-repeat 5px center; left: 5%; } .flex-directions-fancy .flex-prev { } .flex-directions-outside .flex-prev { left: -40px; } .flex-next { background:rgba(85, 149, 43, 0.8) url(../images/flex-next-simple.png) no-repeat 15px center; right: 5%; } .flex-directions-fancy .flex-next { } .flex-directions-outside .flex-next { right: -40px; } /* -- 6.2.4 Figcaptions -- */ .flexslider figure { position: relative; margin: 0; } .flexslider figcaption { display: inline-block; position: absolute; bottom: 0; left: 0; margin-top: -72px; background: black; background: rgba(0, 0, 0, 0.8); color: white; padding: 6px 12px; } .flexslider figcaption p { margin-bottom: 0; } /* - 6.3 package - */ /* -- 6.3.1 Portfolio filters -- */ .package-head{margin-bottom:20px; background: #386; padding: 8px 10px; } .package-head h1{ font: normal 16px "Open Sans", Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 0; margin-top: 5px; height: 26px; overflow: hidden; } .package-head strong{font:bold 16px/32px "Open Sans", Arial, Helvetica, sans-serif; margin-top:5px;} .package-head p.day{font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase; text-align:center; line-height:32px; margin-bottom:0;margin-top: 2px;} .featured .package-head{padding:0 10px;} .featured .package-head strong{background:#333; display:block; margin:0; padding:0 10px; font-weight:normal; line-height:42px; font-size:16px;} .featured .package-head h1{line-height:37px;} .featured .tab-pane .package-head h1{height: 37px;} .featured .package-head .day{margin-top:8px;} .right-box, aside.sidebar{padding:20px 16px; } .right-box h2, .sidebar h2, .sidebar h3{color:#CC6600; font-weight:bold; font-size:16px; line-height:20px; text-transform:none; border-bottom:3px solid #CE0000;padding-bottom: 8px;} .right-box h2:after, .sidebar h2:after, .sidebar h3:after{content: ""; background: url(../images/end.png) no-repeat right bottom; height: 26px; width: 100%; float: right; bottom: 7px; position: relative;} .right-box li{background:url(../images/list-ico.png) no-repeat left 12px; padding-left:15px; list-style:none; margin-bottom:5px; font-size:13px;} .right-box li a{color:#626262; font-size:13px;} .right-box ul{margin:0; padding:0;} .trip-facts ul li{background:url(../images/trip-sprite.png) no-repeat right 5px; line-height: 27px; padding-right:24px; list-style:none; color:#626262; font-size:13px;} .trip-facts ul li a{color:#626262; font-size:13px;text-decoration:underline;} .trip-facts ul li.destination{background-position:right -27px;} .trip-facts ul li.trek-type{background-position:right -55px;} .trip-facts ul li.grade{background-position:right -86px;} .trip-facts ul li.elevation{background-position:right -116px;} .trip-facts ul li.trektype{background-position:right -208px;} .trip-facts ul li.trektype.camp{background-position:right -239px;} .trip-facts ul li.person{background-position:right -147px;} .trip-facts ul li.weather{background-position:right -177px;} .review{ padding-bottom: 17px; float: left;} div.review + div.review{border-top:1px solid #CE0000;padding-top:20px; float:left; margin-bottom:5px;} .review-desc h4{color:#333; font-size:15px; text-transform:none;} .review-desc a{color:#333; font-size:12px;} .review-desc p{font-size:13px; color:#444444; line-height:22px;} .portfolio-filters { margin: 0px 0 48px; color: #848484; } .portfolio-filters a { color: #848484; padding: 0 6px; } .portfolio-filters a:hover, .portfolio-filters a.active { color: #42576a; } /* -- 6.3.2 Portfolio Item -- */ .portfolio > li { margin-bottom: 48px; } .portfolio > li img { -webkit-backface-visibility: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .portfolio > li.inactive img { opacity: 0.65; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } /* -- 6.3.3 Portfolio Title -- */ .portfolio figcaption { text-align: center; margin: 12px auto 0; max-width: 250px; } .portfolio figure a { overflow: hidden; } /* -- 6.3.4 Portfolio Plus icon -- */ .portfolio .plus-icon { width: 36px; height: 36px; background: url(../images/plus-icon.png); margin-left: -18px; margin-top: -18px; background-size: 36px 36px; top: -36px; } .portfolio .inactive .plus-icon { display: none; } /* - 6.4 Social icons - */ .social-icons a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* - 6.5 Fade in links -*/ .fadein-links a { display: inline-block; opacity: 0.8; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .fadein-links a:hover { opacity: 1; } /* - 6.6 Revolution slider - */ .rev_slider_wrapper .tp-rightarrow.default { background: url(../images/flex-next-simple.png); background-repeat: no-repeat; background-size: 23px; } .rev_slider_wrapper .tp-leftarrow.default { background: url(../images/flex-prev-simple.png); background-repeat: no-repeat; background-size: 23px; } .rev_slider_wrapper .tp-bullets.simplebullets.round-old .bullet { width: .5em; height: .5em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-image: none; background: rgba(255, 255, 255, 0.1); border: 2px solid #d8d8d8; text-indent: -9000em; display: inline-block; float: none; margin: 0 5px; } .rev_slider_wrapper .tp-bullets.simplebullets.round-old .bullet.selected { background: white; border-color: rgba(94, 94, 94, 0.7); } .tp-bullets { z-index: 100 !important; } /* 7. BOOTSTRAP OVERRIDES */ /* ---------------------- */ /* - 7.1 Hero unit - */ .hero-unit { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* - 7.2 Super hero unit - */ .super-hero-unit { position: relative; color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); } .super-hero-unit h1, .super-hero-unit .super, .super-hero-unit p, .super-hero-unit a { color: #eaeaea; margin-bottom: 0; } .super-hero-unit .lead { margin-bottom: 24px; } .super-hero-unit span.lead { display: block; } .super-hero-unit figure { position: relative; margin: 0; min-height: 100px; } .super-hero-unit figure figcaption { display: block; position: absolute; width: 390px; left: 0; margin-top: 0; background: rgba(0,0,0,0.6); padding: 0; } .super-hero-unit.super-hero-light { text-shadow: -1px -1px 0px white; } .super-hero-unit.super-hero-light h1, .super-hero-unit.super-hero-light p, .super-hero-unit.super-hero-light .super { color: #444444; } .super-hero-unit.super-marged h1, .super-hero-unit.super-marged .super { margin-bottom: 48px; } .fullwidth .super-hero-unit > figure > img, .fullwidth .super-hero-unit > figure > a > img { width: 100%; } /* - 7.3 Section headers - */ header{background:#003334 url(../images/mountain_bg.png) no-repeat left top;} .section-header { position: relative; border-bottom: 0; margin-top: 0; padding-bottom: 0; margin: 10px 0 10px; } body.home .section-header { margin: 40px 0 40px; text-align: center; } .section-header h1 { text-align: center; display: inline-block; border-bottom: 0; position: relative; z-index: 1; margin-bottom: 0; font-size:26px; } .section-header h1 small { font-size: inherit; text-transform: uppercase; } .section-alt .section-header h1 { background-color: #f2f2f4; } .section-header:before, .section-header:after { } .section-alt .section-header:before, .section-alt .section-header:after { background-color: #d8d8d8; } .section-header:before { } .section-header:after { right: 0; } .section-dark .section-header h1 { background-color: #444444; color: white; } .section-dark .section-header h1 small { color: white; } .section-dark .section-header:before, .section-dark .section-header:after { background-color: #151515; -webkit-box-shadow: 0px 1px 0px #656565; -moz-box-shadow: 0px 1px 0px #656565; box-shadow: 0px 1px 0px #656565; } /* - 7.4 tooltips - */ .tooltip-inner { border-radius: 0; } /* - 7.5 Icons list */ ul.icons li { margin-bottom: 24px; } ul.icons p { text-indent: 0; } ul.icons.lead { text-indent: -0.5em; } ul.icons.list-compact li { margin-bottom: 12px; } ul.icons.icons-small i { font-size: .5em; vertical-align: middle; } /* - 7.6 Inline list - */ ul.inline { margin-left: 0; list-style-type: none; } ul.inline li { display: inline-block; padding: 0 5px; } /* - 7.7 Wells - */ /* -- 7.7.1 General well -- */ .well { border-color: white; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-color: #fcfcfc; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset, 0 1px 3px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset, 0 1px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset, 0 1px 3px rgba(0, 0, 0, 0.125); position: relative; } .section-dark .well { color: #777777; text-shadow: none; } /* -- 7.7.2 Blockquote well -- */ .blockquote-well { margin-bottom: 72px; } .blockquote-well .round-box { position: absolute; left: 50%; margin-left: -60px; top: 100%; margin-top: -60px; } .blockquote-well blockquote { border-color: #dfdfe4; margin-bottom: 58px; } .blockquote-well blockquote p { font-size: 16px; line-height: 1.5; } /* -- 7.6.3 Package well -- */ .well-package { padding-top: 80px; margin-top: 100px; margin-bottom: 24px; text-align: center; } .well-package-heading { color: white; line-height: 140px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); position: absolute; width: 140px; height: 140px; left: 50%; top: 0; margin-left: -70px; margin-top: -70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #222222; background-color: rgba(34, 34, 34, 0.9); } .well-package-heading .tag { font-size: 12px; color: white; line-height: 36px; text-transform: uppercase; text-align: center; width: 36px; height: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: 10px; right: 50%; margin-right: -75px; background-color: #b14949; background-color: rgba(177, 73, 73, 0.8); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .well-package-price { font-size: 36px; color: #42576a; line-height: 1em; font-weight: 900; } .well-package-price small { font-size: 16px; font-weight: 300; } .well-package-list { margin: 0; padding: 0; list-style-type: none; margin-bottom: 24px; } .well-package-list li { border-bottom: 1px solid #f2f2f4; -webkit-box-shadow: 0px 1px 0px white; -moz-box-shadow: 0px 1px 0px white; box-shadow: 0px 1px 0px white; padding: 12px 0; } /* - 7.8 Accordion - */ .accordion-group { border: 0; margin-bottom: 12px; } .accordion-heading { font-size: 18px; position: relative; border: 1px solid #f2f2f4; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset, 0 0px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset, 0 0px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset, 0 0px 5px rgba(0, 0, 0, 0.05); } .accordion-heading .accordion-toggle:after { position: absolute; display: block; font-family: FontAwesome; content: "\f106"; font-size: 14px; line-height: 1em; right: 1em; top: 50%; margin-top: -0.5em; } .accordion-heading .accordion-toggle.collapsed:after { content: "\f107"; } .accordion-inner { background-color: #f2f2f4; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05) inset; } /* - 7.9 Pagination - */ .pagination { margin: 0 0 24px; } .pagination ul { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .pagination ul > li > a { -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05) inset; text-shadow: 0px 1px 0px white; } .pagination ul > li.active > a { color: #bfbfbf; -webkit-box-shadow: 0px 0px 3px #d8d8d8 inset; -moz-box-shadow: 0px 0px 3px #d8d8d8 inset; box-shadow: 0px 0px 3px #d8d8d8 inset; } /* - 7.10 Affix - */ .affix-bottom { position: absolute; bottom: 20px; margin-bottom: 20px; } /* - 7.11 Thumbnails - */ .thumbnails > .span2:nth-child(2n+1), .thumbnails > .span3:nth-child(4n+1), .thumbnails > .span4:nth-child(3n+1) { margin-left: 0; clear: both; } /* - 7.12 Tabs - */ .nav-tabs { margin-bottom: 0; } .nav-tabs > li > a { /* border-radius: 0 !important;*/ } .nav-tabs > li > a:hover { border: 1px solid #dddddd; text-shadow: none !important; color: #777777 ; } .nav-tabs > li.active a { color: #777777 ; text-shadow: none !important; } .tab-content { color: #444444 !important; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; text-shadow: none !important; } .tabs-below > .nav-tabs > li > a:hover { border-bottom-color: #ddd; } .nav.nav-pills{margin:25px 0;} .nav-pills > li a{background:#1090c1; color:#fff;} .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background:#c1060a; } .nav-pills > li:hover > a{background:#c1060a;} .tabs-below .tab-content { border-top: 1px solid #d8d8d8; border-bottom: 0; } .tabs-left > .nav-tabs { margin-right: 0; border-right: 0; } .tabs-left > .nav-tabs > li > a:hover { border-color: #ddd; } .tabs-left .tab-content { border-top: 1px solid #d8d8d8; } .tabs-right > .nav-tabs { margin-left: 0; border-left: 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #ddd; } .tabs-right .tab-content { border-top: 1px solid #d8d8d8; } .tab-pills .tab-content { border-top: 1px solid #d8d8d8; } .featured .nav-tabs{margin-bottom:8px; border:none;} .featured .tab-content{border:none;} .featured .nav-tabs > li{margin-right:10px;} .featured .nav-tabs > li a{background:#fff; color:#333; padding: 1px 40px;border:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .featured .nav-tabs > li:hover a, .featured .nav-tabs > li.active a{background:#333; color:#fff;border:none; } .featured .featured-det{padding:12px; background:#f9fafc;} /* - 7.13 Alerts - */ .alert-danger, .alert-error { color: white; text-shadow: none; } .alert-danger h1, .alert-danger h2, .alert-danger h3, .alert-danger h4, .alert-danger h5, .alert-error h1, .alert-error h2, .alert-error h3, .alert-error h4, .alert-error h5 { color: white; } /* - 7.14 Progress bars -*/ .progress { background: #f2f2f4; } /* - 7.15 Image styles - */ .img-polaroid { border-color: #d8d8d8; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .img-polaroid:hover { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } /* 8. UTILITY CLASSES */ /* ------------------ */ /* - 8.1 Margin controls - */ .no-margin { margin: 0 !important; } .margin-bottom { margin-bottom: 24px !important; } .margin-top { margin-top: 24px !important; } .margin-left { margin-left: 24px !important; } .margin-right { margin-right: 24px !important; } /* - 8.2 Block behaviors */ .block { display: block !important; } .inline-block { display: inline-block !important; } /* - 8.3 Responsive videos -*/ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 24px; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 9. MEDIA QUERIES */ /* ---------------- */ /* - 9.1 Big screens - */ /* - 9.2 Up to default desktop - */ @media (max-width: 979px) { /* -- 9.2.1 layout -- */ .wrapper { width: 100%; margin: 0 0 40px; border: 0; } .top-wrapper { margin: 10px 0; } .top-wrapper .span6 { min-height: 0; } /* -- 9.2.2 Header -- */ #masthead .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; background-color: #f2f2f4; } #masthead .nav-collapse .nav > li > a, #masthead .nav-collapse .dropdown-menu a { padding: 9px 15px !important; } #masthead .dropdown-menu { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; background-color: #f2f2f4; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #masthead .navbar-inverse .dropdown-menu { background-color: #3c3c3c; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9) inset; } /* -- 9.2.3 Docs sidebar -- */ .docs-sidebar-nav.affix-bottom, .docs-sidebar-nav.affix { width: 17%; } } /* - 9.3 Portrait tablet to default desctop - */ @media (min-width: 768px) and (max-width: 979px) { .docs-sidebar-nav.affix-bottom, .docs-sidebar-nav.affix { width: 17.75%; } } /* - 9.4 Landscape phone to small desktop & porttrait tablet - */ @media (max-width: 767px) { /* -- 9.4.1 Typography -- */ h1 { font-size: 24px; line-height: 36px; } h1 small { font-size: 16px; } h2 { font-size: 21px; line-height: 36px; } h2 small { font-size: 14px; } h3 { font-size: 18px; line-height: 36px; } h3 small { font-size: 14px; } .small { font-size: 24px; } .super { font-size: 48px; } .hyper { font-size: 70px; } /* -- 9.4.2 Layout -- */ body { padding: 0; } .container-fluid { padding: 0 20px; } .push-left, .push-right, .push-top, .push-bottom { margin-top: auto; margin-right: auto; margin-bottom: 24px; margin-left: auto; } .top-wrapper .span6 { margin: 0; padding: 6px 0; } .top-wrapper .unstyled li { margin-bottom: 0; } /* -- 9.4.3 Header -- */ #masthead .navbar-fixed-top, #masthead .navbar-fixed-bottom, #masthead .navbar-static-top { margin: 0; } #masthead .nav > li > a { font-size: 16px; } #masthead .nav .dropdown-menu { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125) inset; background-color: #f2f2f4; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #masthead .navbar-inverse .dropdown-menu { background-color: #3c3c3c; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9) inset; } /* -- 9.4.4 Super hero unit -- */ .super-hero-unit figure { min-height: 70px; } .super-hero-unit figcaption { margin-top: -24px; } /* -- 9.4.5 Flexslider -- */ .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { width: 20px; height: 47px; margin-top: -24px; background-size: 20px 47px; } .flex-directions-outside .flex-prev { left: -20px; } .flex-directions-outside .flex-next { right: -20px; } /* -- 9.4.6 Icon lists -- .unstyled li { margin-bottom: 48px; } */ /* -- 9.4.7 Small screen helper classes -- */ .small-screen-center { text-align: center !important; } /* -- 9.4.8 Fix for form inputs -- */ .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } /* -- 9.4.9 Sidebar -- */ .sidebar { margin-top: 24px; padding-top: 24px; /* border-top: 1px solid #f2f2f4; */ } /* -- 9.4.10 Blog Comments -- */ .comments h3 { margin-left: 0; } .comments hr { margin-left: 0; } .comments-form input, .comments-form textarea { max-width: 99%; } /* -- 9.4.11 Docs sidebar -- */ .docs-sidebar-nav, .docs-sidebar-nav.affix, .docs-sidebar-nav.affix-top, .docs-sidebar-nav.affix-bottom { position: relative; width: 100%; max-width: inherit; margin-top: 0px; margin-bottom: 24px; padding: 0; border-bottom: 1px solid #f2f2f4; } .docs-sidebar-nav li, .docs-sidebar-nav.affix li, .docs-sidebar-nav.affix-top li, .docs-sidebar-nav.affix-bottom li { line-height: 24px; margin-bottom: 24px; } .docs-sidebar-nav li a, .docs-sidebar-nav.affix li a, .docs-sidebar-nav.affix-top li a, .docs-sidebar-nav.affix-bottom li a { border-right: 0; text-align: center; padding-right: 0px; } } /* - 9.5 Up to landscape phone - */ @media (max-width: 480px) { .textwidget { display:none} /* -- 9.5.1 Typography -- */ .small { font-size: 18px; } .super { font-size: 36px; line-superheight: 1em; } .hyper { font-size: 48px; line-height: 1em; } /* -- 9.5.2 Layout -- */ .super-hero-unit figure figcaption { margin-top: -16px; } /* -- 9.5.3 Map -- */ #map { height: 200px; } /* -- 9.5.4 Timeline -- */ #timeline { padding-top: 1px; } #timeline .timeline-item { width: 100%; } #timeline .post { margin-right: 0; margin-top: 124px; z-index: 1; } #timeline .timeline-item:first-child .post { margin-top: 72px; } #timeline .post-info { top: auto; bottom: 100%; left: 0; margin: 0 auto 12px; width: 100%; } #timeline .post-info h5 { position: absolute; left: 0; top: 50%; margin-top: -12px; background-color: transparent; } #timeline .post-info h5:last-child { left: auto; right: 0; } #timeline .post-arrow { width: 22px; height: 13px; background-image: url(../images/timeline-arrow-top.png); background-size: 22px 13px; top: auto; bottom: 100%; margin-top: 0px; left: 50%; margin-left: -11px; } #timeline .timeline-item:nth-child(even) { float: none; } #timeline .timeline-item:nth-child(even) .post { margin-left: 0; } #timeline .timeline-item:nth-child(even) .post-info { left: 0; margin: 0 auto 12px; } #timeline .timeline-item:nth-child(even) .post-arrow { background-image: url(../images/timeline-arrow-top.png); right: auto; left: 50%; } /* -- 9.5.6 Blog -- */ .post-extras { text-align: center; } /* -- 9.5.7 Blog Comments -- */ .media-comment .media-inner { padding-top: 20px; } .media-comment:after { display: none; } .media-comment .round-box { position: relative; margin: 0; bottom: -22px; } .media-comment .comment-reply { float: right; } } /* - 9.6 Up to portrait phone - */ @media (max-width: 320px) { .textwidget { display:none} /* -- 9.6.1 Typography -- */ body { font-size: 14px; } h1 { font-size: 21px; line-height: 24px; } h1 small { font-size: 14px; } h2 { font-size: 18px; line-height: 24px; } h2 small { font-size: 12px; } h3 { font-size: 16px; line-height: 24px; } h3 small { font-size: 11px; } .small { font-size: 12px; } .super { font-size: 24px; line-height: 1; } .hyper { font-size: 36px; } /* -- 9.6.2 Super hero unit -- */ .super-hero-unit figure figcaption { margin-top: -12px; } } /* - 9.7 - Retina displays - */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) { body { background-image: url(../images/backgrounds/bedge_grunge_@2X.png); background-size: 588px 375px; } } /* 10. THEME COLORS */ /* ---------------- */ /* - 10.1 Brown theme - */ .theme-brown a { color: #333; } .theme-brown a:hover { } .theme-brown ::selection { background: #333; } .theme-brown ::-moz-selection { background: #333; } .theme-brown select:focus, .theme-brown textarea:focus, .theme-brown input[type="text"]:focus, .theme-brown input[type="password"]:focus, .theme-brown input[type="datetime"]:focus, .theme-brown input[type="datetime-local"]:focus, .theme-brown input[type="date"]:focus, .theme-brown input[type="month"]:focus, .theme-brown input[type="time"]:focus, .theme-brown input[type="week"]:focus, .theme-brown input[type="number"]:focus, .theme-brown input[type="email"]:focus, .theme-brown input[type="url"]:focus, .theme-brown input[type="search"]:focus, .theme-brown input[type="tel"]:focus, .theme-brown input[type="color"]:focus, .theme-brown .uneditable-input:focus { -webkit-box-shadow: 0 0 8px rgba(119, 119, 119, 0.6); -moz-box-shadow: 0 0 8px rgba(119, 119, 119, 0.6); box-shadow: 0 0 8px rgba(119, 119, 119, 0.6); } .theme-brown .btn { color: #444444; } .theme-brown .btn:hover { color: #444444; } .theme-brown .btn-success, .theme-brown .btn-warning, .theme-brown .btn-info, .theme-brown .btn-inverse, .theme-brown .btn-danger { color: white; } .theme-brown .btn-success:hover, .theme-brown .btn-warning:hover, .theme-brown .btn-info:hover, .theme-brown .btn-inverse:hover, .theme-brown .btn-danger:hover { color: white; } .theme-brown .btn-primary { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #005355 ; } .theme-brown .btn-primary:hover { color: white; } .theme-brown .navbar .nav > .active > a, .theme-brown .navbar .nav > .active > a:hover, .theme-brown .navbar .nav > .active > a:focus, .theme-brown .navbar .nav > li > a:focus, .theme-brown .navbar .nav > li > a:hover, .theme-brown .navbar .nav li.dropdown.open > .dropdown-toggle, .theme-brown .navbar .nav li.dropdown.active > .dropdown-toggle, .theme-brown .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #764520; } .theme-brown .post-extras i { color: #764520; } .theme-brown .tags-widget ul a:hover { background-color: #9e5c2b; } .theme-brown .tags-widget ul a:hover:before { border-color: transparent #9e5c2b transparent transparent; } .theme-brown .nav-pills > .active > a, .theme-brown .nav-pills > .active > a:hover { background-color: #003334; } .theme-brown .docs-sidebar-nav li.active a, .theme-brown .docs-sidebar-nav li:hover a, .theme-brown .docs-sidebar-nav li.active:hover a { color: #764520; border-color: #764520; } .theme-brown .portfolio-filters a:hover, .theme-brown .portfolio-filters a.active { color: #f4a868; } .theme-brown .well-package-price { color: #f4a868; } .theme-brown .round-box.box-colored .box-inner { background: #764520; } /* - 10.2 Red theme - */ .theme-red a { color: #650800; } .theme-red a:hover { color: #980c00; } .theme-red ::selection { background: #650800; } .theme-red ::-moz-selection { background: #650800; } .theme-red select:focus, .theme-red textarea:focus, .theme-red input[type="text"]:focus, .theme-red input[type="password"]:focus, .theme-red input[type="datetime"]:focus, .theme-red input[type="datetime-local"]:focus, .theme-red input[type="date"]:focus, .theme-red input[type="month"]:focus, .theme-red input[type="time"]:focus, .theme-red input[type="week"]:focus, .theme-red input[type="number"]:focus, .theme-red input[type="email"]:focus, .theme-red input[type="url"]:focus, .theme-red input[type="search"]:focus, .theme-red input[type="tel"]:focus, .theme-red input[type="color"]:focus, .theme-red .uneditable-input:focus { -webkit-box-shadow: 0 0 8px rgba(119, 119, 119, 0.6); -moz-box-shadow: 0 0 8px rgba(119, 119, 119, 0.6); box-shadow: 0 0 8px rgba(119, 119, 119, 0.6); } .theme-red .btn { color: #444444; } .theme-red .btn:hover { color: #444444; } .theme-red .btn-success, .theme-red .btn-warning, .theme-red .btn-info, .theme-red .btn-inverse, .theme-red .btn-danger { color: white; } .theme-red .btn-success:hover, .theme-red .btn-warning:hover, .theme-red .btn-info:hover, .theme-red .btn-inverse:hover, .theme-red .btn-danger:hover { color: white; } .theme-red .btn-primary { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #a24343; background-image: -moz-linear-gradient(top, #b14949, #8d3a3a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b14949), to(#8d3a3a)); background-image: -webkit-linear-gradient(top, #b14949, #8d3a3a); background-image: -o-linear-gradient(top, #b14949, #8d3a3a); background-image: linear-gradient(to bottom, #b14949, #8d3a3a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB14949', endColorstr='#FF8D3A3A', GradientType=0); border-color: #8d3a3a #8d3a3a #572424; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .theme-red .btn-primary:hover { color: white; background-color: #8d3a3a; } .theme-red .navbar .nav > .active > a, .theme-red .navbar .nav > .active > a:hover, .theme-red .navbar .nav > .active > a:focus, .theme-red .navbar .nav > li > a:focus, .theme-red .navbar .nav > li > a:hover, .theme-red .navbar .nav li.dropdown.open > .dropdown-toggle, .theme-red .navbar .nav li.dropdown.active > .dropdown-toggle, .theme-red .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #650800; } .theme-red .post-extras i { color: #650800; } .theme-red .tags-widget ul a:hover { background-color: #980c00; } .theme-red .tags-widget ul a:hover:before { border-color: transparent #980c00 transparent transparent; } .theme-red .nav-pills > .active > a, .theme-red .nav-pills > .active > a:hover { background-color: #650800; } .theme-red .docs-sidebar-nav li.active a, .theme-red .docs-sidebar-nav li:hover a, .theme-red .docs-sidebar-nav li.active:hover a { color: #650800; border-color: #650800; } .theme-red .portfolio-filters a:hover, .theme-red .portfolio-filters a.active { color: #650800; } .theme-red .well-package-price { color: #650800; } .theme-red .round-box.box-colored .box-inner { background: #764520; } /* 11. KEYFRAME ANIMATIONS */ /* ----------------------- */ /* animation classes */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.slow { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; } .animated.long { -webkit-animation-iteration-count: 4; -moz-animation-iteration-count: 4; -o-animation-iteration-count: 4; animation-iteration-count: 4; } .animated.forever { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delayed { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; -ms-animation-delay: .5s; animation-delay: .5s; } .animated.delayedmore { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } /* reset animation */ @-webkit-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } @keyframes reset { 0% { opacity: 0; } 100% { opacity: 0; } } .reset { -webkit-animation-name: reset; -moz-animation-name: reset; -o-animation-name: reset; animation-name: reset; } /* fade In */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadein { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } /* fade In Up */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeinup { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } /* flash */ @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } /* 12. INTERNET EXPLORER 8 FIXES */ /* ----------------------------- */ /* -- ie8 hacks -- */ .ie8 .box-mini .img-circle { min-width: 48px; } .ie8 .blockquote-well .round-box .img-circle { min-width: 100px; } /* avoid overlapping of elements */ .ie8 .media-comment .round-box { width: 48px; } /* opacity class for PIE images */ .ie8 .opaque { opacity: .8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .ie8 .portfolio span.tag { -pie-background: rgba(232, 72, 29, 0.8); } /* full width image class for ie8 */ .ie8 .iefullbg { position: fixed; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; zoom: 1; background: none; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true ,src='images/assets/landscapes/landscape-5-2000x1200.jpg',sizingMethod=scale); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled='true', src='images/assets/landscapes/landscape-5-2000x1200.jpg',sizingMethod='scale')"; } /* ------------------------------------ */ /* --------- WORDPRESS STYLES --------- */ /* ------------------------------------ */ /* WORDPRESS CLASSES */ /* ----------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption, .gallery-caption { max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .sticky { display: block; } .bypostauthor { display: block; } /* based on a solution for the issue here : https://github.com/twitter/bootstrap/issues/3494 */ .row-fluid ul.thumbnails li.span12 + li { margin-left: 0px; clear: left; } .row-fluid ul.thumbnails li.span6:nth-child(2n + 3) { margin-left: 0px; clear: left; } .row-fluid ul.thumbnails li.span4:nth-child(3n + 4) { margin-left: 0px; clear: left; } .row-fluid ul.thumbnails li.span3:nth-child(4n + 5) { margin-left: 0px; clear: left; } .row-fluid ul.thumbnails li.span2:nth-child(6n + 7) { margin-left: 0px; clear: left; } .row-fluid ul.thumbnails li.span1:nth-child(12n + 13) { margin-left: 0px; clear: left; } div.wpcf7 div.wpcf7-response-output { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.wpcf7 div.wpcf7-validation-errors { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } .wpcf7-mail-sent-ok { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .wpcf7-display-none { display: none; } span.wpcf7-not-valid-tip { display: none; } input.wpcf7-not-valid { border-color: #b94a48; color: #b94a48; } input.wpcf7-not-valid:focus { border-color: #b94a48; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .padding-fluid { padding: 2%; } .depart_opt table { border: 1px solid #CCCCCC } .depart_opt tr { } .depart_opt th { vertical-align: middle; padding: 10px 0; } .depart_opt tbody td ,.depart_opt tfoot td{ vertical-align: top; border-top:1px solid #ccc; padding: 10px 5px; } .depart_opt tbody td + td,.depart_opt thead th + th { text-align:center; } .packagebox{ border:1px solid #e3e3e3; float:left; width:100%; overflow:hidden; margin-bottom: 25px; position:relative; } .packagebox h4{padding:8px 10px;} .famousbox div.box-large { padding:0; } .packagebox h4 { text-transform: none; width: 100%; height: 36px; overflow: hidden; } .packagebox h4 a{color:#074c4d; font-weight:bold;} .packagebox ul{margin:0; padding:0 10px;} .packagebox .trip-facts ul li{margin-bottom: 5px;} .packagebox label{color:#a0522d; font-weight:bold; font-size:18px;cursor:default; margin:0;} .theme-brown a.btn-primary{background-color: #003334; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #044243), color-stop(100%, #022728)); background-image: -webkit-linear-gradient(top, #044243, #022728); background-image: -moz-linear-gradient(top, #044243, #022728); background-image: -ms-linear-gradient(top, #044243, #022728); background-image: -o-linear-gradient(top, #044243, #022728); background-image: linear-gradient(top, #044243, #022728); border-top: 1px solid #044243; border-left: 1px solid #044243; border-bottom: 1px solid #044243; border-right: 1px solid #044243; -webkit-box-shadow: inset 0 0 0 1px #044243; box-shadow: inset 0 0 0 1px #044243; font-size:13px; color:#fff; padding:2px 10px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-shadow: 1px 1px #022728; } .packagebox .bookprice{background: url(../images/package-bottom-bg.jpg) repeat-x left top; float: left; width: 100%; padding: 5px 0 4px!important; border-top: 1px solid #e5e5e5; } .packagebox .bookprice h3{padding:0 8px;} .theme-brown a.btn-primary:hover{background:#074c4d;} .bookprice h3 a{background:none; color:#0e0a09} .bookprice h3 a:hover{background:none; color:#333;} .nomarginbtm { margin-bottom:1px; } .nomargin p,.nomargin { margin:0; } .bookprice { clear:both; } span.price { font-weight:bold; color:#333; } .section.special h1{ font: bold 16px Open sans; background: #333; color: #FFF; padding: 0 10px; line-height: 32px; } .section.special h4 { min-height:23px; } .jointitle {height:23px; overflow:hidden;} .featured ul,.special ul { margin:0; } #footer .categort-posts h3 ,#footer .activity-posts h3{ border:none; padding-bottom:0; margin-bottom: 2px;} #footer .categort-posts h3 ,#footer .activity-posts h3 {color:#333; font-family:"Bree", Arial, Helvetica, sans-serif; font-size:20px; text-shadow:none; text-transform:none;} #footer .categort-posts ul li ,#footer .activity-posts ul li{list-style:none; margin-bottom:5px;height:21px;overflow-y:hidden;} #footer .categort-posts ul li a,#footer .activity-posts ul li a{color:#666666; font-size:13px; text-shadow:none; text-transform:none;} .sidebar-widget ul{margin:0;padding:0;} .sideport ul li .recomtitle a{ display: block; font-size: 13px; font-weight: bold; height: 19px; line-height: 16px; overflow: hidden;} .sideport ul li{float:left;} .sideport ul li p{font-size:13px;} .sideport ul li + li{border-top:1px solid #ccc; padding-top: 17px;} .package-tab .content p{font-size:14px; line-height:28px; } .review-desc{line-height:20px; font-size:13px;} .navbar .nav.pull-right{padding-right:0;} .main-navigation{float:right;} .accext .accordion-heading a em,.accext .accordion-heading a strong,.accext .accordion-heading a label,.accext .accordion-heading a span { float:left; width:16%; margin-right:0.5%; } .accext .accordion-heading a span { width:46%; } .accext .accordion-body { clear:both; } .accext .accordion-heading { width:100%; float:left; } .right0 .sub-menu{right:0;} .homesearch{ margin: 0 auto; width: 40%; position: relative; padding: 0; /*float: right; magin-right: 20px;*/} .homesearch #searchform{ margin:0;position:absolute; bottom:4px; width:98%; padding:2% 2% 0; z-index:222;} .homesearch .input-append{ margin:0;} .homesearch input[type=text] {border:2px solid #5f1d37;width: 82%; float: right;} .ui-autocomplete{z-index:1111; background:rgba(95, 29, 55, 0.5); } .no-left-margin{margin-left:0!important;} .brand img{max-width:86%;margin-top: 17px; margin-bottom:8px;} .footer-associated-share{ background:#fff; padding:10px 0; } .icons-footer a:hover { color: #000; text-decoration: none; } .icons-footer a strong, p.acymailing_mootoolsintro { font-size: 14px; color: #333;line-height: 35px;font-weight: bold; } .icons-footer a:hover strong { color: #000; } .associated{margin-bottom:25px; float:left; width:100%;} .icons-footer a { display: inline-block; height: 42px; width: 42px; font-size: 0px; color: #666; margin-right: 9px; background-position: 0 3px; background-repeat: no-repeat; } #footer .icons-footer a{font-size:0;} .fb { background: url(../images/facebook.png); } .ttr { background: url(../images/twitter.png); } .google {background:url(../images/google_plus.png) ;} .linkedin {background:url(../images/linkedin.png) ;} .wpcf7-form input[type=text], .wpcf7-form input[type=email] , .wpcf7-form textarea{width:100%; margin-bottom: 25px;} .wpcf7-form p{margin-bottom:0;} .wpcf7-form input[type=submit]{ padding: 10px 20px; background: #CC6600; color: #fff; border: none; font: normal 13px Arial, Helvetica, sans-serif; } .package-tab { margin-top: 5px; } .related_package h2 { color: #333; font-weight: bold; font-size: 16px; line-height: 20px; text-transform: none; } .related_package ul li ,.allpackages li { margin-bottom:20px; } a.book { padding:10px 20px; background-position: left bottom; background: #CC6600; float: left; margin: 5px; color: #fff;font: normal 13px Arial, Helvetica, sans-serif; } section#service { font-size:14px; } .footer-package ul li a:hover { color:#333!important; } #text-2 p { font-size:14px; } #post-227 p.lead { line-height:18px; } .bloglist li + li { border-top: 1px solid #d8d8d8;margin: 15px 0; padding: 5px 0; } .home .bloglist li p {max-height: 90px; overflow: hidden;} #departurelist tr td { text-transform: uppercase; font-size: 15px; } .color_blue { background: #0093dd; color: #FFF; padding: 3px 8px; } .color_red { background: #9b3859; color: #FFF; padding: 3px 8px; } .color_green { background: #237f03; color: #FFF; padding: 3px 8px; } .section.featured ul.slides { width:100%!important; } .section.featured ul.slides li { width:100%!important; } .nrvt a { text-transform:uppercase; font-weight: bold; } .special img{width:100%} .countries, .activitybox{position:relative; margin-bottom:20px;} .countries h4, .activitybox h4{background:#333; text-align:center; padding:10px 0; width:100%; font-size:25px;} .activitybox h4{font-size:16px; background:#333; color:#fff;} .countries h4 a, .activitybox h4 a{ color:#fff;} .destinationbox{text-align:center;} .destinationbox h4{font-size:16px;} .destinationbox img{margin-bottom:20px;} section.activity_home { /*padding-bottom: 38px;*/ } .package-img{margin-bottom:20px;} .single header{margin-bottom:25px;} .single.single-country header, .single-destination header{margin-bottom:0;} p.lead{font:normal 14px/24px "Open Sans", Arial, sans-serif; color: #410a0f;} .elist{margin:0; padding:12px; background:#fff;} .elist li{background:url(../images/tickmark-icon.png) no-repeat left 5px; padding-left:25px; list-style:none; margin-bottom:15px;} .section.eventcalendar{background: url(../images/event-calender.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 150px; padding-bottom: 50px; } .single-destination .allpackages{margin-top:25px;} .section.tailormade, .tailormade1{background: url(../images/tailor-made-tour.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:550px; } .section.video{margin:25px 0;} .section.tailormade{margin-top:25px;} .section.tailormade1{background: url(../images/mt-kailash2.jpg) no-repeat center center; } .section.eventcalendar:before{background:rgba(0, 0, 0, 0.6); content:""; position: absolute; z-index: 1; top:0; width: 100%; height: 100%;} .eventcalendar .section-header h1{color:#fff;} .img-responsive{width:100%;} .tailormade p, .customized a, .vehicle a{color:#fff; font-size:36px; line-height:65px;} .customized a, .vehicle a{color:#f90000; font-weight:bold; text-shadow: 2px 2px #fff; font-family:arial; display:block; padding: 5% 10%;} .tailormade p a{color:#fff; background:#007bba; padding:5px 15px; text-transform:uppercase; font-size:32px;} .tailormade h1{color:#fff; text-align:left; font-size:32px; display:block; padding:0;} footer .wpcf7-form input, footer .wpcf7-form textarea{background:none; border-color:#333; font-size:13px; text-shadow:none; color:#fff;border:none;padding:4px 6px;} footer .wpcf7-form input[type=submit]{background:#007bba; border:none;box-shadow:none;} footer .wpcf7-form input.not-valid, footer .wpcf7-form textarea.not-valid{background:#313131} .wpcf7-form-control-wrap span.wpcf7-not-valid-tip { background: #313131 none repeat scroll 0 0; font-size: 12px; } #megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1{padding:0px 20px!important} #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a{margin-bottom:0px!important; padding-bottom:} #megaMenu ul li.menu-item a{font-size:18px!important;} #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu{background:rgba(255, 255, 255, 0.95)!important;} .fotorama{ background: #9a0025; position:relative; border: 1px solid #fffacd; padding:5px;} .fotorama:before, .fotorama:after{ content: ""; background: url(../images/frame-top.png) no-repeat left top; position: absolute; left: 0; top: 0; width: 50px; height: 50px; float: left; z-index: 555;} .fotorama:after{ background: url(../images/frame-bottom.png) no-repeat left top; right:0; bottom:0; left:auto; top:auto; } #gallery .padding-fluid img{width:100%;background: #fff; border: 1px solid #e3e3e3; padding:5px;} #megaMenu ul li.menu-item h4 a{font-size:18px!important;} footer .menu-top-menu-container{float:left;} .shortitinerary th{ font-size: 14px; } .table th, .table td{ padding: 3px;font-size: 14px;} #menu-top-menu li{display:inline-block;margin: 0 8px;} #menu-top-menu li a{color:#fff;} .top-nav a{color:#f8fbff;} #masthead .navbar-inner { min-height: 50px!important; } .navbar{margin-bottom:0; border-radius:0;} .navbar-inner{border:0;} body.custom-background{background:#003334;} .main_nav { background: #005355; margin-top: 38px; } #megaMenu ul.megaMenu > li.menu-item { margin:0 12px!important; } #megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle { color:#FFF!important; } .fixeddeparture .packagebox.fixed > div { padding:0; position:relative; } .fixeddeparture li.col-md-3 { padding:0; } .fixeddeparture .packagebox.fixed img { width:100%; } .fixeddeparture .packagebox.fixed h4{ position: absolute; bottom: 10px; background: rgba(0,0,0,0.3); width: 100%; display: table; padding: 10px 0; text-align: center; } .fixeddeparture .packagebox.fixed h4 a{color:#FFF} .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(193, 6, 10, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .7; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } .festivalvehicle > div{ padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } @media only screen and (max-device-width: 480px) { .fixeddeparture li.col-md-3{ padding:0 15px;} .bookprice .span6{width:48%; float:left;} .top-nav span{float:none;} header{background-image:none;} .navbar-default .navbar-toggle .icon-bar{background:#fff;} .owl-carousel .owl-stage-outer{width:100%;} .festivalvehicle > div{ padding-left: 15px; padding-right: 15px; margin:5px 0; } } .readmore { background: #005355; padding: 8px 13px; color: #FFF!important; border-radius: 5px;} a.readmore:hover { background:#003334; } .noborder { border:none; } .nav-pills.nav-stacked > li > a { background-color: #005355; color: #FFF; } #CDSWIDSSP { width:100%!important; } div.featured-det { height: 80px; overflow: hidden; padding:10px; } div.featured-det p { font:normal 12px/22px "Open Sans", Arial, sans-serif !important; } .grouptours .section-header{margin-top:0;} .navbar .btn-navbar { position: relative; top: -15px; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .navbar .nav { top: 30px; } .navbar .nav li { width:100%; } .navbar .nav > li + li { margin:0; } .navbar .nav > li > .dropdown-menu::before,.navbar .nav > li > .dropdown-menu::after { border:none; } #masthead .nav > li:hover .dropdown-menu { background: #003334 none repeat scroll 0 0 !important; display: block; width: 100%; } .top-nav{margin-top:15px;} .famousbox, .packagebox {margin-bottom:20px;} .fb-page{margin-bottom:20px;} #masthead .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{background:none;} } .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background:#003334; } .page_item img { width:100%; } .nav-stacked > li { float: none; width: 100%; } .lead a{ color: #005355; padding: 0 0 0 10px; font-weight: bold;} .package-small-menu { margin-bottom:10px; color:#CC6600; } .package-small-menu span{margin-right:7px;} .package-small-menu a{color:#CC6600;} .tabs .content #gallery { padding:15px; } .tabs .content #gallery a img { width:100%; margin-top:15px; } p.star span { color:#F4A119; } .hotels > div { margin-bottom:30px; } .cdsROW.narrow{width:236px!important;} #footer #CDSROWLOC707 a{color:#000!important;} .gform_wrapper .top_label input.medium { padding: 4px!important; height: auto!important; font-size: 18px!important; width: 100%!important; } #gform_3 ul li { width: 48%; float: left; clear: none; margin-right: 2%; } #field_3_4 { clear: both!important; width: 100%!important; } .eventrow { margin-top: 15px; background: #fff7af; border: 1px solid #900; padding: 10px; float: left; } .right-box .textwidget img{width:100%;} .white-text{color:#fff;line-height: 30px;} .theme-brown span.current, .theme-brown a.page-numbers{background:#005355 ; color:#fff;padding:3px 11px; margin-bottom: 25px;} .theme-brown span.current{background:#003334 } .ribbon { font-size: 16px !important; /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */ width: 40%; position: relative; background: #c1060a; color: #fff; text-align: center; padding: 0.8em 1.8em; /* Adjust to suit */ margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */ } .ribbon:before, .ribbon:after { content: ""; position: absolute; display: block; bottom: -1em; border: 1.5em solid #c1060a; z-index: 1; } .ribbon:before { left: -2em; border-right-width: 1.5em; border-left-color: transparent; } .ribbon:after { right: -2em; border-left-width: 1.5em; border-right-color: transparent; } .ribbon .ribbon-content:before, .ribbon .ribbon-content:after { content: ""; position: absolute; display: block; border-style: solid; border-color: #284e4f transparent transparent transparent; bottom: -1em; } .ribbon .ribbon-content:before { left: 0; border-width: 1em 0 0 1em; } .ribbon .ribbon-content:after { right: 0; border-width: 1em 1em 0 0; } .gallery_sec { margin-bottom:20px; } .ginput_container select { line-height: 24px; } .btn-primary{background:#2d6700; padding:5px 12px;} .bookprice .btn-primary{padding:0;} .btn-primary:hover{background:#468217;} .video h1{color:#5f5b14; text-transform:none;} p.margint{margin-top:20px;} .vehicle{background:url(../images/vehicle.jpg) no-repeat center center; height:197px; background-size:cover;} .customized{background:url(../images/customize.jpg) no-repeat center center; height:197px;background-size:cover;} .namecard{margin-bottom:20px; background:#f6f5bf url(../images/phone1.png) no-repeat left bottom; padding:15px 15px 15px 65px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; } .fgallery{} .scroller{border-top:3px solid #ce0000; border-bottom:3px solid #ce0000; padding-top: 25px; padding-bottom: 20px; } .scroller:before{ content:""; background:url(../images/end.jpg) no-repeat right top; position: relative; top: -78px; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); float: right; width: 100px; height: 50px; } .scroller:after{ content:""; background:url(../images/end.jpg) no-repeat right top; position: relative; bottom: -22px; float: right; width: 100px; height: 50px; } .owl-carousel h6{text-transform:none; font-size:13px; line-height: 18px; font-weight:normal; overflow: hidden; height: 20px;} .owl-carousel h6 a{color:#000} .detail_content{ border: 1px solid #900; padding:20px; line-height:24px; margin-bottom:25px; background: #fff7af; clear:both;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-color:#CC6600} .gallery_margin .row{margin-bottom:25px;} .gform_wrapper form {margin:0!important; padding:0!important;} .gform_wrapper ul li.gfield{padding-left: 0; clear:none!important} .gform_wrapper .top_label .gfield_label,.gform_wrapper .left_label .gfield_label{font-weight:normal!important;} .gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large{width:100%!important;} #TB_title{height:35px;} #TB_ajaxWindowTitle{font-size:18px;} #gform_wrapper_10, #gform_wrapper_6, #gform_wrapper_4 { } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background:none!important;border:none!important; } .gform_wrapper .gfield_error .gfield_label{ color:inherit;} .fotorama__nav-wrap { position: absolute; bottom: 0; } .ui-datepicker-title select { padding: 0!important; } .gform_wrapper textarea.large { width: 100%!important; } .gallerylist-item h3 a{background:#900; color:#fff; padding:6px 12px; display:block; font-size:16px; font-weight:normal;}.tourblock { background: #fff7af; border: 1px solid #900; padding: 10px; margin-bottom: 10px; } .tourblock .ribbonattraction { background-image: url(../images/ribbon.png); width: 290px; height: 50px; margin: -5px 0 0 -21px; } .ribbonattraction h3 { color: #fff; font-size: 15px; font-weight: bold; padding: 8px 15px; text-align: left; vertical-align: middle !important; } .attraction-item { border:1px solid #900;margin-bottom:15px; } .attraction-item h3{ background: #900 none repeat scroll 0 0; color: #fff; display: block;margin: 0; font-size: 16px; font-weight: normal; height: 32px; overflow: hidden; padding: 3px 12px; } .attraction-item h3 a { color:#fff; } .vehiclerenting td { border:1px solid #CC6600;background:#fef9cf; } .vehiclerenting td + td { margin-left:10px; } .vehiclerenting table { border-spacing:15px; border-collapse: separate; } .vehiclerenting .row-fluid:before, .vehiclerenting .row-fluid:after { display: block; } .gform_button.button{ padding: 10px 20px; background: #CC6600; color: #fff; border:none; font: normal 13px Arial, Helvetica, sans-serif;} .gform_wrapper .gsection{margin:0 0 .5em} .gform_wrapper .top_label .gfield_error{}