sterntours/trunk/src/AppBundle/Resources/public/css/custom.css
adametz 1ef1f765f6 Feedback Box feste Höhe
CSS hl5 + p auf fester Höhe overflow

git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3319 f459cee4-fb09-11de-96c3-f9c5f16c3c76
2017-03-24 14:12:07 +00:00

5590 lines
105 KiB
CSS

@charset "UTF-8";
/*
0. =BOOTSTRAP FRAMEWORK REFERENCE IMPORTS
In "style.less" we reference some of Bootstrap's .less files in order to take advantage of their classes and mixins.
We also reference the "theme_variables.less" in order to override the original variables and make our custom theme.
A customized "theme_custom_bootstrap.css" is also loaded by the theme in a precompiled minified css version.
=================================================================
*/
/*
1) FONTS
===============================================================
*/
/* ==================================================================
FONTS
================================================================== */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css);
@import url(../../app/css/font-awesome-4.7.0.css);
@import url(../../app/css/bootstrap-select-1.12.0.css);
@import url(../../app/css/owl-carousel.css);
@import url(../../app/css/prettyPhoto.css);
/*
2) RESET
===============================================================
*/
/* ==================================================================
RESET
================================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
strong {
color: #444;
}
/*
3) SKELETON
===============================================================
*/
/* ==================================================================
SKELETON
================================================================== */
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
body {
color: #444444;
font-size: 15px;
font-family: 'Raleway', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 26px;
background: #ffffff;
padding: 0;
margin: 0;
height: 100%;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
white-space: normal;
position: relative;
}
input,
select,
textarea {
font-size: 15px;
font-style: normal;
font-weight: 300;
}
.sound {
border: 1px solid #fff;
width: 100%;
}
.alignleft {
float: left;
margin: 5px 20px 5px 0;
}
.alignright {
float: right;
margin: 20px 0 20px 20px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
}
blockquote {
border: 0;
color: #444444;
display: block;
margin: 10px 0;
line-height: 2;
font-size: 18px;
padding: 20px;
font-weight: normal;
font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
margin-bottom: 20px;
color: #777777;
line-height: 1.2em;
}
h1 {
font-size: 25px;
position: relative;
padding-bottom: 8px;
border-bottom: 1px solid #ffc926;
}
h2 {
font-size: 18px;
font-weight: 700;
position: relative;
}
h3 {
font-size: 18px;
color: #e5aa30;
position: relative;
padding-bottom: 8px;
padding-top: 8px;
font-weight: 500;
border-bottom: 1px solid #919191;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 17px;
font-weight: 700;
}
p {
margin-bottom: 20px;
}
a,
a > * {
color: #444444;
text-decoration: none;
}
a:hover,
a > *:hover,
a:focus {
text-decoration: none;
outline: 0;
color: #444444;
}
em {
font-style: italic;
}
strong {
font-weight: 700;
}
p.ft {
text-align: justify;
}
p.lead {
font-size: 16px;
padding: 0;
letter-spacing: 0.6px;
line-height: 1.8;
}
::-moz-selection {
color: #fff;
text-shadow: none;
background: #444444;
}
:selection {
color: #fff;
text-shadow: none;
background: #444444;
}
.first {
clear: both;
}
.last {
margin-right: 0;
}
.successful {
margin-bottom: 20px;
display: block;
position: relative;
}
.btn {
text-transform: uppercase;
border-radius: 0;
font-weight: normal;
padding: 12px 12px;
}
.btn-primary,
.btn-lg {
font-size: 16px;
line-height: 1;
font-weight: 600;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 27px;
}
.btn-white,
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
color: #777777;
background-color: #ffffff;
border-color: #ffffff;
}
.btn-default,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #648859;
border-color: #648859;
}
.btn-default,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #777777;
border-color: #777777;
}
.topbar-social li,
.post-media img,
.flickrwidget img,
.social-footer a i,
a,
.btn {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.border-radius {
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
}
.btn-white.btn-normal,
.btn-default.btn-normal,
.btn-primary.btn-normal {
font-size: 15px !important;
height: 45px;
line-height: 21px;
padding: 13px 30px !important;
}
.btn-white.btn-lg,
.btn-default.btn-lg,
.btn-primary.btn-lg {
font-size: 15px !important;
height: 50px !important;
line-height: 20px;
padding: 16px 45px !important;
}
.btn-default.btn-sm,
.btn-primary.btn-sm,
.btn-white.btn-sm {
font-size: 13px !important;
height: 35px;
line-height: 17px;
padding: 9px 17px !important;
}
.btn-primary i,
.btn-default i {
color: #ffffff;
}
.btn-image {
position: relative;
}
.btn-image img {
position: relative;
top: 0;
left: 0;
bottom: 0;
width: 100%;
right: 0;
}
.btn-image span {
top: 50%;
position: absolute;
margin: -20px auto;
left: 0;
right: 0;
text-align: center;
}
a[id^="video_"],
#layer-dialog-box a[id^="video_"] {
text-transform: uppercase;
border-radius: 0;
display: inline-block;
padding: 6px 12px 6px 26px;
margin-bottom: 6px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid #eee;
position: relative;
color: #444444;
background-color: #eee;
}
a[id^="video_"]:hover,
#layer-dialog-box a[id^="video_"]:hover {
color: #444444;
background-color: transparent;
}
a[id^="video_"]:hover:before,
#layer-dialog-box a[id^="video_"]:hover:before {
color: #444444;
}
a[id^="video_"]:before,
#layer-dialog-box a[id^="video_"]:before {
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
top: 0;
width: 20px;
left: 4px;
content: '\f078';
position: absolute;
text-align: center;
font-weight: normal;
font-family: 'FontAwesome';
line-height: 30px;
font-size: 14px;
}
.googlemap {
width: 100%;
border: 1px solid #ffffff;
}
.map {
pointer-events: none;
}
.dropdown .btn-white {
border: 1px solid #dddddd;
font-family: "Raleway";
font-weight: 500;
background: #ffffff !important;
color: #444444 !important;
box-shadow: none !important;
font-size: 15px;
font-weight: 300;
text-transform: none;
}
.dropdown .btn-white .fa {
font-size: 24px;
}
.dropdown .btn-white {
padding-right: 35px;
}
.input-group-addon {
background: #ffffff !important;
border-radius: 0 !important;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
color: #3b3b3b !important;
}
#loader {
overflow-x: hidden;
overflow-y: hidden;
vertical-align: middle;
background-color: #fbfbfb;
position: fixed;
display: table;
width: 100%;
top: 0;
height: 100%;
min-height: 100%;
z-index: 99999;
}
.loader-container {
position: relative;
display: table-cell;
vertical-align: middle;
z-index: 12;
text-align: center;
}
.loader-back-logo {
margin-top: -10px;
font-size: 26px;
}
.loader {
margin-top: -20px;
margin-left: 0px;
}
/*
4) BLOG
===============================================================
*/
/*
5) DEALS
===============================================================
*/
/* ==================================================================
DEALS
================================================================== */
.deals-wrapper {
background: #ddd;
position: relative;
display: block;
}
.post-media {
width: 100%;
display: block;
overflow: hidden;
position: relative;
}
.deals-count {
position: absolute;
bottom: 0;
right: 0;
padding: 10px 15px;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
left: auto;
}
.deals-count .dash .digit {
font-size: 21px;
padding: 0;
letter-spacing: 0;
width: auto;
color: #ffffff;
background-color: transparent;
display: inline-block;
margin: 0;
text-align: left;
}
.deals-count .dash_title {
text-align: left;
font-size: 11px;
color: #ffffff;
line-height: 5;
}
.deals-count .dash {
height: 25%;
}
/*
6) HOTELS
===============================================================
*/
/* ==================================================================
travelS
================================================================== */
.leave-a-feedback,
.review-total {
background: #eeeeee;
padding: 26px;
width: 100%;
}
.leave-a-feedback {
margin-bottom: 60px;
}
.leave-a-feedback h6 {
padding: 0;
margin: 0;
}
.review-list h5 {
display: inline-block;
font-size: 13px;
min-width: 140px;
}
.travel-icon-list {
font-size: 15px;
font-weight: 400;
}
.icon-container {
width: 37px;
height: 37px;
line-height: 37px;
margin-right: 10px;
display: inline-block;
text-align: center;
font-size: 18px;
}
.border-bottom2 {
border-bottom: 1px solid #eeeeee;
margin-bottom: 22px;
padding: 0;
}
.travel-list {
margin: 60px 0;
}
.travel-list h5 {
padding-top: 10px;
}
.travel-list h5 span {
font-size: 13px;
}
.list-style-travel {
padding-top: 30px;
}
.travel-list p {
font-size: 15px;
margin: 10px 0 5px;
font-weight: bold;
}
.travel-list .lead {
font-weight: 300;
line-height: 1.4;
margin: 0;
font-size: 13px;
font-style: italic;
}
.selectmini .bootstrap-select > .btn {
width: auto;
}
.selectmini .bootstrap-select > .btn .dropdown-menu {
max-width: 80px !important;
}
.selectmini .bootstrap-select.btn-group .dropdown-menu {
left: -2px;
min-width: 70px;
padding: 0 !important;
}
.bootstrap-select.btn-group .dropdown-menu {
padding: 0;
}
.bookform {
overflow: visible;
}
.container-form {
background-color: rgba(255, 255, 255, 0.9);
padding: 0;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.bookform .form-control {
width: 100%;
}
.input-group .form-control {
border-right: 0;
}
.bookform .btn {
height: 55px;
padding-top: 10px;
padding-left: 40px;
padding-right: 40px;
font-weight: 600;
}
.bookform .btn i {
font-size: 24px;
}
.travel-title {
padding-bottom: 30px;
}
.travel-title hr {
width: 35px;
border-width: 1px;
width: 100%;
}
.travel-title .left {
margin-left: 0;
}
.travel-widget {
position: relative;
display: block;
overflow: hidden;
margin: 30px 0 0;
}
.travel-widget p {
font-weight: 600;
margin-bottom: 10px;
}
.travel-widget small {
display: list-item;
font-size: 13px;
list-style: inside none disc;
}
.travel-wrapper .rating {
font-size: 15px;
display: block;
position: relative;
margin-bottom: 15px;
}
.travel-wrapper .post-title {
margin-top: 30px;
}
.travel-wrapper .post-title a {
color: #444;
}
.travel-wrapper {
float: left;
width: 100%;
margin-bottom: 15px;
border: 1px solid #c3c3c3;
}
.travel-wrapper .item {
cursor: pointer;
}
.travel-wrapper .box_mid {
line-height: 1.4em;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
min-height: 132px;
}
.travel-wrapper h5 {
font-weight: 700;
}
.travel-wrapper .item:hover .item-img div.img-background {
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.travel-wrapper .item .item-img div.img-background {
width: 100%;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
background: url(/images/welcome.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 160px;
}
.travel-wrapper .item .item-img div.img-background.lower-height {
width: auto;
min-height: 190px;
}
.travel-wrapper .item .item-img {
overflow: hidden;
display: block;
height: 180px;
}
.travel-wrapper .item .price {
color: #558c55;
font-weight: 700;
padding: 8px 0 0;
}
.travel-wrapper .item > a.item-button {
text-transform: uppercase;
display: block;
position: relative;
background-color: #648859;
color: #fff;
padding: 8px 58px 8px 20px;
font-size: 14px;
font-weight: 700;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
line-height: 1.45em;
height: 3.6em;
}
.travel-wrapper .item > a.item-button.single_line {
padding-top: 17px;
height: 3.6em;
}
.travel-wrapper .item > a.item-button.dobble_line {
height: 3.6em;
padding-top: 0px;
}
.travel-wrapper .item > a.item-button.dobble_line span {
color: #fff;
height: 3.6em;
display: table-cell;
vertical-align: middle;
}
.travel-wrapper .lb {
position: relative;
}
.travel-wrapper .lb .cstar_right {
position: absolute;
z-index: 10;
background: url(../images/star.png) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
width: 60px;
height: 60px;
padding-top: 20px;
font-weight: bold;
text-align: center;
right: 4px;
top: 6px;
color: #1a457c;
}
.travel-wrapper .lb .cstar_left {
position: absolute;
z-index: 10;
background: url(../images/star.png) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
width: 60px;
height: 60px;
padding-top: 20px;
font-weight: bold;
text-align: center;
left: 4px;
top: 6px;
color: #1a457c;
}
.travel-wrapper .lb .cprice {
position: absolute;
z-index: 10;
left: 0;
top: 140px;
background-color: #648859;
color: #fff;
padding: 4px 6px 4px 12px;
font-weight: bold;
}
.travel-wrapper .lb .cdiscount {
position: absolute;
z-index: 10;
right: 0;
top: 23px;
background-color: #ffc926;
color: #1a457c;
padding: 4px 12px 4px 6px;
font-weight: bold;
}
.travel-wrapper .item .hl5 {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
height: 1.4em;
line-height: 1.4em !important;
}
.travel-wrapper .item p {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
height: 4em;
line-height: 1.4em;
}
.travel-wrapper .item > a.item-button.one-line {
line-height: 56px;
padding: 0px 58px 0px 20px;
}
.item-switch {
padding-top: 0px;
position: relative;
display: block;
float: left;
width: 100%;
}
.item-switch > a.item-button-prev,
.item-switch > a.item-button-next {
text-transform: uppercase;
display: block;
position: relative;
background-color: #648859;
color: #fff;
padding: 4px 12px 3px 12px;
font-size: 14px;
font-weight: 700;
width: 49%;
}
.item-switch > a.item-button-prev {
float: left;
text-align: right;
}
.item-switch > a.item-button-next {
float: right;
text-align: left;
}
.item-switch > a.item-button-prev:hover {
color: #fff;
background-color: #ffc926;
}
.item-switch > a.item-button-next:hover {
color: #fff;
background-color: #ffc926;
}
.travel-wrapper .item > a.item-button:hover {
color: #fff;
background-color: #ffc926;
}
.travel-wrapper .item > a.item-button:hover:after {
background-color: #f2b600;
}
.travel-wrapper .item > a.item-button:after {
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
top: 0;
bottom: 0;
width: 46px;
right: 0px;
background-color: #4d6945;
content: '';
position: absolute;
text-align: center;
font-weight: normal;
font-family: 'FontAwesome';
line-height: 52px;
font-size: 26px;
}
.item-switch > a.item-button-prev:hover:before {
background-color: #f2b600;
}
.item-switch > a.item-button-prev:before {
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
top: 0;
bottom: 0;
width: 30px;
left: 0px;
background-color: #4d6945;
content: '\f104';
position: absolute;
text-align: center;
font-weight: normal;
font-family: 'FontAwesome';
line-height: 34px;
font-size: 26px;
}
.item-switch > a.item-button-next:hover:after {
background-color: #f2b600;
}
.item-switch > a.item-button-next:after {
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
top: 0;
bottom: 0;
width: 30px;
right: 0px;
background-color: #4d6945;
content: '';
position: absolute;
text-align: center;
font-weight: normal;
font-family: 'FontAwesome';
line-height: 34px;
font-size: 26px;
}
.single-travel-image {
position: relative;
}
.single-travel-image img {
width: 100%;
}
.sidebar-price,
.single-travel-image .price {
position: absolute;
top: 30%;
right: 5%;
padding: 25px 40px;
background-color: rgba(255, 255, 255, 0.8);
}
.sidebar-price,
.price {
text-align: center;
}
.sidebar-price h2 span,
.price h2 span {
font-size: 15px;
padding: 0;
}
.sidebar-price h2,
.price h2 {
margin-bottom: 0;
font-size: 45px;
padding: 0;
}
.price h2 small {
color: #444444;
}
.single-travel-bottom {
background-color: #eeeeee;
padding: 20px;
margin-bottom: 0;
text-align: center;
}
.single-travel-bottom p i {
padding-right: 5px;
padding-left: 30px;
}
.single-travel-bottom p {
margin-bottom: 0;
color: #444444;
}
.single-travel-image .thumbnails {
position: absolute;
bottom: 15%;
left: 3%;
padding: 0;
}
.thumbnails {
max-width: 100px;
}
.thumbnails img {
max-width: 100px;
border: 2px solid #ffffff;
margin: 5px 0;
}
.travel-hr {
margin: 40px 0;
}
.notice {
font-size: 13px;
font-style: italic;
}
.widget .sidebar-price {
position: relative;
margin: 30px 0 0 0 !important;
background: #eeeeee;
left: 0 !important;
right: 0 !important;
}
.widget .sidebar-price .btn {
color: #ffffff !important;
}
/*
7) SHORTCODES
===============================================================
*/
/* ==================================================================
SHORTCODES
================================================================== */
#map {
height: 650px;
width: 100%;
}
#map img {
max-width: inherit;
}
.map {
position: relative;
}
.infobox {
display: inline-block;
position: relative;
}
.table-responsive {
overflow-x: visible !important;
overflow-y: visible !important;
}
.infobox img {
width: 80px !important;
padding-right: 10px;
}
.infobox .title {
font-size: 13px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
padding-bottom: 5px;
}
.infobox .title a {
font-weight: bold;
}
.service-style {
margin: 10px 0;
}
.service-style .icon-container {
display: inline-block;
font-size: 31px;
height: 70px;
line-height: 70px;
margin-right: 10px;
text-align: center;
width: 70px;
}
.btn-over-slider {
position: absolute;
right: 25px;
top: 70px;
z-index: 1000;
}
.btn-over-slider .btn {
border: 1px solid #fff;
-webkit-box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.4);
-moz-box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.4);
box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.4);
}
.price-over-slider {
position: absolute;
left: 15px;
top: 75px;
z-index: 1000;
}
.price-over-slider .cprice {
background-color: #648859;
color: #fff;
padding: 4px 6px 4px 12px;
font-weight: bold;
border: 1px solid #fff;
border-left: none;
}
.owl-item-container .quick-view {
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -90px;
padding: 16px 8px;
background: rgba(255, 201, 38, 0.8);
color: #fff;
width: 180px;
text-align: center;
font-size: 16px;
font-weight: 500;
-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.owl-item-container .quick-view a {
color: #fff;
}
.owl-item-container .quick-view:hover {
background: #ffc926;
}
.owl-item-container .quick-view {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.owl-item-container:hover .quick-view {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.owl-item-full {
padding-left: 8px;
padding-right: 8px;
}
.owl-fullwidth .owl-nav {
top: 50%;
position: absolute;
width: 100%;
color: #fff;
}
.owl-carousel .owl-nav .owl-next {
width: 60px;
height: 60px;
line-height: 53px;
border: 1px solid #ffffff !important;
font-size: 34px;
border-radius: 100%;
position: absolute;
bottom: 0;
right: 0;
right: auto;
left: -10px;
background-color: #ffc926;
display: inline-block;
text-align: center;
}
.owl-carousel .owl-nav .owl-next:hover {
background-color: #777777;
}
.owl-carousel .owl-nav .owl-prev {
width: 60px;
height: 60px;
line-height: 53px;
border: 1px solid #ffffff !important;
font-size: 34px;
border-radius: 100%;
bottom: 0;
left: 0;
position: absolute;
right: -10px;
left: auto;
background-color: #ffc926;
display: inline-block;
text-align: center;
}
.owl-carousel .owl-nav .owl-prev:hover {
background-color: #777777;
}
.noborder {
border: 0 !important;
}
.mini-desti {
padding: 30px 0;
border-bottom: 1px solid #eee;
}
.mini-desti h6 {
margin: 0;
}
.mini-desti .rating {
margin: 5px 0;
display: block;
}
.mini-desti img {
width: 100%;
}
.home-message {
padding: 89px 0px;
padding-top: 128px;
padding-bottom: 0px;
min-height: 580px;
}
.home-message.small {
min-height: 130px;
}
.home-info-box {
background: #ffc926;
float: right;
width: 340px;
height: 90px;
border-radius: 0 0 8px 8px;
margin-right: -15px;
z-index: 200;
position: relative;
}
.home-info-box .eKomi-header {
float: left;
padding-top: 8px;
padding-left: 10px;
}
.home-info-box .c4 {
float: right;
width: 260px;
font-size: 14px;
font-weight: 500;
text-align: left;
margin-top: 6px;
}
.home-info-box .c4 li {
margin: 0;
margin-left: 20px;
}
.home-info-box .c4 li:before {
color: #558c55;
}
.form-box {
background-color: #eaeaea;
display: inline-block;
padding: 20px 12px 20px 12px;
margin-bottom: 20px;
width: 100%;
}
.form-box h7 {
color: #666;
}
.form-box h5 {
padding-bottom: 10px;
border-bottom: 1px solid #ffc926;
}
.booking_form .table {
font-family: 'Raleway', sans-serif;
}
.booking_form .table.first-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 92%;
}
.booking_form .table > tbody > tr > td {
text-align: left;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
}
.booking_form #no-more-tables.table {
font-family: 'Raleway', sans-serif;
}
.booking_form #no-more-tables .table > thead > tr > th {
background-color: transparent;
font-weight: 600;
border: none;
border-bottom: 1px solid #fff;
padding: 0;
}
.booking_form #no-more-tables .form-control {
padding: 10px;
margin-bottom: 0px;
}
@media (max-width: 992px) {
.booking_form #no-more-tables td {
padding-top: 30px;
padding-left: 6px;
}
.booking_form #no-more-tables td:last-child {
padding-left: 6px;
}
}
@media (max-width: 786px) {
.booking_form .table > tbody > tr > td {
display: block;
width: 98%;
}
.booking_form .table.first-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 98%;
}
.booking_form .table > tbody > tr > td:first-child {
border-bottom: none;
font-weight: bold;
}
.booking_form .form-box {
padding: 20px 0px 20px 0px;
}
.booking_form .btn-white.btn-lg,
.booking_form .btn-default.btn-lg,
.booking_form .btn-primary.btn-lg {
height: 60px !important;
padding: 2px 45px 0px !important;
}
}
@media (max-width: 320px) {
.booking_form .table.first-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 82%;
}
}
.home-message h1,
.home-message {
color: #ffffff;
}
.home-message .btn {
margin-top: 10px;
}
.nav-tabs {
border: none;
}
.home-form .nav-tabs i {
vertical-align: middle;
}
.home-form .nav-tabs > li > a {
color: #444444;
text-align: center;
text-transform: uppercase;
font-size: 15px;
padding: 20px 34px 20px 34px;
border: 0 solid #eeebeb !important;
border-radius: 0px;
margin-right: 0px;
width: auto;
font-weight: 600;
background: #eeebeb;
/* The Fallback */
background: rgba(238, 235, 235, 0.9);
}
.home-form .nav-tabs > li.active > a i,
.home-form .nav-tabs > li > a:hover i,
.home-form .nav-tabs > li.active > a:focus i {
color: #ffffff !important;
}
.home-form .nav-tabs > li > a i {
font-size: 28px;
line-height: 28px;
}
.homeform {
padding: 200px 0 40px;
}
.home-form .nav-tabs > li {
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
}
#withphone .home-form .nav-tabs > li {
width: auto;
}
#withphone .home-form .tab-pane {
margin-top: 3px;
}
#withphone.absolute {
margin-top: -75px;
}
#withphone.absolute li h6 {
color: #ffffff;
padding: 20px ;
}
.home-form .tab-pane {
padding: 20px 10px 0px 10px;
background: #eeebeb;
/* The Fallback */
background: rgba(238, 235, 235, 0.8);
}
.home-form .bootstrap-select > .btn {
width: 100%;
position: relative;
display: block;
margin: 0;
color: #666 !important;
font-weight: 600;
}
.home-form .bootstrap-select .icon-search {
vertical-align: bottom !important;
font-size: 31px;
}
.make-margin {
margin: 30px 0 30px !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
color: #ffffff;
font-size: 12px;
background: #ffc926;
border-color: #c3c3c3;
}
.ui-datepicker .ui-datepicker-title {
color: #c3c3c3;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin: 0 2.3em;
text-align: center;
text-transform: uppercase;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: #ffffff !important;
border: 0;
color: #777777 !important;
}
.ui-widget-header {
background: #fff !important;
border: 0 solid #c3c3c3 !important;
color: #c3c3c3 !important;
font-weight: bold;
}
.ui-widget-content {
background: #ffc926;
border: 5px solid #c3c3c3;
color: #ffffff;
padding: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background: #ffc926;
border-color: #c3c3c3;
color: #777777;
font-weight: 400;
font-size: 12px;
text-align: center;
}
.ui-datepicker th,
.ui-widget-header {
background: #ffc926;
border: 1px solid #c3c3c3;
color: #3b3b3b !important;
font-family: "raleway" !important;
font-weight: 300;
}
#countdown {
text-align: center;
margin: 100px auto 0;
}
.dash {
height: 100px;
line-height: 1.4;
display: block;
overflow: hidden;
position: relative;
}
.dash .digit {
font-size: 63px;
line-height: 60px;
padding: 10px 5px 0;
border-radius: 3px;
font-weight: bold;
display: inline-block;
text-align: center;
overflow: hidden;
position: relative;
}
.dash_title {
position: absolute;
display: block;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font-size: 15px;
text-transform: uppercase;
}
.contact-info ul li {
list-style: none;
margin-top: 20px;
}
.contact-info ul li i {
padding-right: 5px;
vertical-align: sub;
margin-top: 3px;
}
.form-control {
font-family: 'Raleway', sans-serif;
font-weight: 600;
border-color: #dddddd;
height: 55px;
border-radius: 0;
padding: 10px 20px;
margin-bottom: 16px;
box-shadow: none;
}
.form-inline .dropdown {
margin-bottom: 16px;
}
.form-bottom,
.form-inline .form-bottom {
margin-bottom: 16px;
width: 100%;
}
.pricing-table-body ul li {
list-style: none;
border-bottom: 1px solid #dddddd;
padding: 10px 0;
}
.pricing-table-body ul li:last-child {
border-bottom: 0 solid #aaa;
}
.pricing-price sup {
top: auto;
bottom: 0 !important;
font-family: arial !important;
font-size: 21px !important;
font-weight: normal !important;
}
.pricing-price {
padding: 14px;
position: relative;
}
.bestoffer {
background: #222222;
color: #ffffff;
display: block;
font-size: 12px;
font-weight: bold;
height: 65px;
left: 15px;
line-height: 1.5;
padding-top: 13px;
position: absolute;
top: -30px;
width: 65px;
}
.pricing-price h2 {
margin: 0;
font-size: 55px;
}
.pricing-price h4 {
padding: 0;
margin: 0;
font-size: 16px;
}
.pricing-table-footer,
.pricing-table-header,
.pricing-table-body {
background: #f6f6f6;
display: block;
text-align: center;
padding: 25px;
position: relative;
}
.pricing-table-footer h3 a,
.pricing-table-footer h3,
.pricing-table-header h3 {
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
padding: 0;
margin: 0;
text-transform: uppercase;
}
.circle-stat {
position: relative;
}
.circle-stat h3 {
font-size: 30px;
left: 0;
margin: -20px auto;
position: absolute;
right: 0;
top: 50%;
}
.circle-stat h3 span {
font-family: "Raleway";
}
.stat-details h3 {
font-size: 15px;
padding: 20px 0 5px;
}
.panel-title {
line-height: 16px;
}
.panel-heading {
border-radius: 0 !important;
padding: 18px 24px;
}
.panel-heading h3 {
color: #ffffff;
font-size: 15px;
padding: 0;
margin: 0;
display: inline-block;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top: 0 none;
}
.panel p {
margin-bottom: 0;
}
.panel-heading i {
font-size: 21px;
margin: -2px;
}
.panel {
border-color: #ffffff;
border-radius: 0 !important;
box-shadow: none;
}
.accordion-toggle-2 .panel-body {
background: #ffffff !important;
border-left: 1px solid #dadada !important;
border-right: 1px solid #dadada !important;
border-bottom: 1px solid #dadada !important;
}
.accordion-toggle-2 .panel-heading {
background: #ffffff !important;
border: 1px solid #dadada !important;
}
.accordion-toggle-2 .panel-heading i,
.accordion-toggle-2 .panel-heading h3 {
color: #444444;
}
.content-copy .tab-content ul {
margin-bottom: 20px;
}
.content-copy .tab-content ul li {
margin: 5px 22px;
list-style: none;
}
.content-copy .tab-content ul li:before {
font: normal normal normal 14px/1 FontAwesome;
content: '\f005';
display: block;
position: relative;
max-width: 0px;
max-height: 0px;
left: -20px;
top: 5px;
color: #ffc926;
}
.c3 li span {
padding-right: 10px;
}
.c1 {
padding-left: 10px !important;
color: #3b3b3b;
}
.c4 {
padding-left: 20px !important;
color: #3b3b3b;
}
.c4 {
font-weight: bold;
}
.c2 li,
.c3 li,
.c1 li,
.c4 li {
margin: 15px 15px;
list-style: none;
}
.c1 li {
margin: 5px 15px;
list-style: none;
}
.c1 li a {
color: #3b3b3b;
}
.c1 li a:hover {
color: #e5aa30;
}
.c1 li:before {
content: '\2022';
/* For a square bullet */
/*content:'\25A0';*/
display: block;
position: relative;
max-width: 0px;
max-height: 0px;
left: -20px;
top: 0px;
font-size: 40px;
}
.c4 li:before {
font-family: "trips";
content: "\e034";
/* For a square bullet */
/*content:'\25A0';*/
display: block;
position: relative;
max-width: 0px;
max-height: 0px;
left: -30px;
top: 0px;
font-size: 24px;
}
.c2 li span {
color: #ffffff;
margin-right: 10px;
text-align: center;
width: 25px;
font-size: 13px;
line-height: 25px;
height: 25px;
border-radius: 25px;
display: inline-block;
}
.progress {
border-radius: 0;
height: 20px;
margin: 20px 0;
background-color: #ffffff;
box-shadow: none;
border: 0 solid #dddddd;
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
overflow: visible;
color: #ffffff;
text-align: center;
background-color: #696969;
-webkit-transition: width 1.1s ease;
-o-transition: width 1.1s ease;
transition: width 1.1s ease;
}
.progress {
overflow: initial;
position: relative;
}
.progress .progress-bar {
position: absolute;
z-index: 10;
line-height: 20px;
}
.progress .progressbar-back-text {
position: absolute;
width: 100%;
height: 100%;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.skills h3 {
font-size: 15px;
text-transform: uppercase;
}
.progress .progressbar-front-text {
width: 100%;
font-size: 12px;
line-height: 20px;
}
.progress-bar span {
background: none repeat scroll 0 0 #000000 !important;
border-radius: 4px !important;
color: #fff !important;
display: block;
font-size: 14px;
font-weight: bold;
height: 25px;
line-height: 25px;
overflow: visible;
position: absolute;
right: 0;
text-align: center;
top: -37px;
width: 45px;
z-index: 9999;
}
.progress-bar span:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-top-color: #000000;
border-width: 4px;
margin-left: -4px;
}
.price-range img {
margin-bottom: 30px;
z-index: 1000;
position: relative;
}
.price-details ul li span {
display: -moz-stack;
width: 114px;
}
.price-details ul {
margin-top: 10px;
}
.price-details ul li {
list-style: none;
font-size: 13px;
}
.bookprice {
display: block;
position: relative;
padding: 20px;
background: #fff6cc;
}
.bookprice .lead {
font-style: italic;
font-size: 14px;
}
.bookprice span.pull-right {
text-decoration: line-through;
}
.labels-wrapper {
margin-bottom: 20px;
}
.labels-wrapper label {
margin-bottom: 20px;
}
/*
8) SECTIONS % PAGES
===============================================================
*/
/* ==================================================================
SECTION & PAGE
================================================================== */
/*#myModal{
height: 400px;
top: calc(50% - 200px) !important;
}*/
.modal {
z-index: 9999;
}
body.modal-open {
padding-right: 0px !important;
}
.modal-open {
overflow: auto !important;
}
.modal-dialog {
overflow-y: initial !important;
}
.modal-body {
max-height: 85vh;
overflow-y: auto;
}
@media screen and (max-height: 1000px) {
.modal-body {
max-height: 80vh;
}
}
@media screen and (max-height: 800px) {
.modal-body {
max-height: 75vh;
}
}
@media screen and (max-height: 600px) {
.modal-body {
max-height: 70vh;
}
}
/* background setup */
.background {
background-repeat: no-repeat;
background-position: 50% 50%;
background-position: 50% 50%\9 !important;
}
.fullscreen {
width: 100%;
min-height: 100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
height: 100%;
overflow: hidden;
}
.section {
background-color: #ffffff;
position: relative;
display: block;
padding: 30px 0;
padding-top: 20px;
overflow: hidden;
}
.section.padding-top-20 {
padding-top: 20px;
}
.section.padding-top-30 {
padding-top: 30px;
}
.section.padding-0 {
padding: 0px;
}
.section.margin-bottom-20 {
margin-bottom: 20px !important;
}
.section-grey {
background-color: #eeeeee;
}
.section-light {
background-color: #f6f6f6;
}
#page-header {
background: url(images/page-header.jpg) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
display: block;
padding: 70px 0;
position: relative;
text-align: center;
}
.absolute-section {
position: absolute;
width: 100%;
}
.absolute {
padding: 0;
position: relative;
margin-top: -92px;
z-index: 100;
display: block;
width: 100%;
}
.absolute .tab-pane {
background-color: transparent !important;
}
.parallax-slider {
z-index: 100;
height: 380px;
}
.parallax-buttons ul {
list-style: none;
}
.parallax-buttons ul li a {
content: "";
width: 30px;
height: 30px;
background-color: #ffc926;
border-radius: 50%;
}
.carousel,
.item,
.active {
height: 100%;
}
.carousel-inner {
height: 100%;
margin-top: 0px;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
width: 100%;
height: 280px;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.start-slider {
padding-top: 148px;
}
.start-slider .home-message {
padding-top: 0px;
}
.start-slider .fill {
height: 380px;
}
@media (max-width: 768px) {
.start-slider {
padding-top: 160px;
}
.start-slider .home-message {
padding-top: 0px;
}
.start-slider .fill {
height: 360px;
}
}
.container-absolute {
position: absolute;
}
.absolute-carousel {
position: absolute;
z-index: 9999;
width: 100%;
top: 49px;
}
.carousel-indicators li {
width: 26px;
height: 26px;
background-color: #fff;
border: 1px solid #ffc926;
border-radius: 50%;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
.carousel-indicators li:hover,
.carousel-indicators .active {
width: 26px;
height: 26px;
background-color: #ffc926;
border: 1px solid #fff;
border-radius: 50%;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
a.carousel-control .glyphicon {
color: #ffc926;
}
.px-bullets-count {
position: relative;
right: -50%;
width: 100%;
}
.px-bullets {
position: absolute;
bottom: 20px;
right: 50%;
bottom: -20px;
}
.px-bullet {
width: 26px;
height: 26px;
background-color: #fff;
border: 1px solid #ffc926;
border-radius: 50%;
cursor: pointer;
float: left;
margin: 5px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}
.px-bullet:hover {
background-color: #ffc926;
border: 1px solid #fff;
}
.px-bullet-selected {
background-color: #ffc926;
border: 1px solid #fff;
}
#ui-datepicker-div {
z-index: 1000 !important;
}
i {
vertical-align: middle;
}
#page-header .rating {
padding-right: 10px;
}
#page-header p {
margin-top: 20px;
margin-bottom: 0;
}
#page-header h3 {
font-size: 25px;
margin: 0;
padding: 0;
text-transform: uppercase;
z-index: 1;
}
.breadcrumb-holder {
padding-top: 20px;
padding-bottom: 10px;
}
.breadcrumb > li + li::before {
content: ">";
padding: 0 2px 0 0;
font-size: 12px;
}
.breadcrumb {
background-color: transparent;
border-radius: 0;
position: absolute;
left: 15px;
top: -10px;
font-weight: 500;
list-style: outside none none;
margin: 0;
padding: 0;
padding-left: 5px;
}
.breadcrumb li a,
.breadcrumb li a > span {
color: #444444 !important;
}
.breadcrumb li a.on,
.breadcrumb li a.on > span {
color: #e5aa30 !important;
font-weight: 600;
}
.ekomi_prop {
margin-top: -10px;
}
.prop {
text-align: center;
position: relative;
background-color: #f6f6f6;
padding: 71px 20px 18px;
}
.prop .maxheight {
min-height: 160px;
}
.prop .fa {
color: #fff;
line-height: 75px;
font-size: 36px;
text-align: center;
position: absolute;
border-radius: 500px;
display: block;
border: 6px solid #fff;
width: 84px;
height: 84px;
left: 50%;
margin-left: -42px;
top: -41px;
background-color: #ffc926;
}
.prop .title {
margin-bottom: 12px;
font-weight: 500;
font-size: 28px;
line-height: 36px;
text-transform: uppercase;
}
.prop p {
margin-bottom: 0;
padding: 0 20px;
}
/*** CONTENT ***/
#content section {
margin-bottom: 40px;
/* @media (max-width: 991px) {
.nav-tabs > li {
display: inline-block;
width: auto;
}
.nav-tabs > li > a {
display: block;
width: auto;
margin-bottom: 5px;
}
} */
}
#content section .hl2 {
font-size: 25px;
position: relative;
padding-bottom: 8px;
border-bottom: 1px solid #ffc926;
font-weight: normal;
margin-bottom: 20px;
color: #777777;
line-height: 1.2em;
vertical-align: baseline;
}
#content section .hl5 {
font-size: 16px;
position: relative;
padding-bottom: 8px;
font-weight: 700;
margin-bottom: 10px;
color: #777777;
line-height: 1.2em;
vertical-align: baseline;
}
#content section .hl5.bottom {
margin-bottom: 30px;
}
#content section .content-copy h5 {
font-weight: 700;
}
#content section .content-copy p {
line-height: 1.4em;
}
#content section .nav-tabs {
padding-bottom: 20px;
overflow-x: auto;
overflow-y: hidden;
display: -webkit-box;
display: -moz-box;
overflow-x: hidden;
}
#content section .nav-tabs .fa {
color: #ffd659;
padding-bottom: 3px;
}
#content section .nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0;
color: #5e5e5e;
background-color: #c3c3c3;
font-weight: 600;
white-space: nowrap;
padding: 10px 10px;
cursor: pointer;
}
#content section .nav-tabs > li.active > a,
#content section .nav-tabs > li.active > a:hover,
#content section .nav-tabs > li.active > a:focus,
#content section .nav-tabs > li > a:hover,
#content section .nav-tabs > li > a:focus {
color: #fff;
background-color: #ffc926;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: pointer;
}
#content section .nav-tabs > li.active > a .fa,
#content section .nav-tabs > li.active > a:hover .fa,
#content section .nav-tabs > li.active > a:focus .fa,
#content section .nav-tabs > li > a:hover .fa,
#content section .nav-tabs > li > a:focus .fa {
color: #fff;
}
#content section .scroller-nav-tabs {
display: none;
}
#content section .scroller-right-nav-tabs {
display: none;
}
#content section .scroller-left-nav-tabs {
display: none;
}
@media (max-width: 992px) {
#content section .scroller-nav-tabs {
display: block;
text-align: center;
cursor: pointer;
display: none;
padding: 4px;
padding-top: 6px;
white-space: no-wrap;
vertical-align: middle;
background-color: #fff;
}
#content section .scroller-right-nav-tabs {
float: right;
}
#content section .scroller-left-nav-tabs {
float: left;
}
#content section .wrapper-nav-tabs {
position: relative;
margin: 0 auto;
overflow: hidden;
padding: 5px;
height: 50px;
}
#content section .wrapper-nav-tabs .list-nav-tabs {
position: absolute;
left: 0px;
top: 0px;
min-width: 3000px;
margin-top: 0px;
}
#content section .wrapper-nav-tabs .list-nav-tabs li {
display: table-cell;
position: relative;
text-align: center;
cursor: grab;
cursor: -webkit-grab;
color: #efefef;
vertical-align: middle;
width: auto;
}
}
.result-wrapper .table {
font-size: .9em;
}
.result-wrapper .table > thead > tr > th {
padding: 4px;
}
.result-wrapper .result {
background-color: #eaeaea;
display: inline-block;
padding: 20px 12px 20px 12px;
margin-bottom: 20px;
width: 100%;
margin-bottom: -7px;
}
@media (max-width: 992px) {
.result-wrapper .result .image img.img-responsive {
margin: 0 auto;
}
}
.result-wrapper .result .title {
font-size: 18px;
font-weight: 700;
margin-top: 6px;
margin-bottom: 12px;
}
.result-wrapper .result .dates-count {
text-align: right;
font-style: italic;
color: #868686;
}
.result-wrapper .result .price {
font-weight: bold;
background-color: #558c55;
font-size: 20px;
padding: 4px 8px;
color: #fff;
}
.result-wrapper .result .price .small {
font-size: 15px;
font-style: italic;
}
.table {
font-family: 'Oswald', serif;
font-weight: 400;
color: #5a5a5a;
border-color: #fff;
margin-bottom: 40px;
}
.table > thead > tr > th {
background-color: #d8d8d8;
border: 1px solid #fff;
text-align: center;
vertical-align: middle;
}
.table > tbody > tr > td {
background-color: #f2f2f2;
border: 1px solid #fff;
text-align: center;
vertical-align: middle;
}
.table strong {
color: #5a5a5a;
}
.table strong.small {
font-size: 80%;
}
.table .old_price {
display: block;
text-decoration: line-through;
white-space: nowrap;
}
.table .new_price {
display: block;
font-weight: bold;
color: #558c55;
white-space: nowrap;
}
.table a.color-brand {
text-decoration: underline;
}
.table .color-brand {
color: #e5aa30;
}
.tooltip.top .tooltip-inner {
background-color: #777777;
font-size: 1.1em;
}
.tooltip.top .tooltip-arrow {
border-top-color: #777777;
}
.icons-percent {
font-family: 'Oswald', sans-serif;
}
.icons-percent::before {
content: '%';
font-weight: 700;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 20px;
float: left;
background: #ffc926;
color: #fff;
border-radius: 50%;
margin-top: 4px;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
/*
9) HEADER
===============================================================
*/
/* ==================================================================
HEADER
================================================================== */
.topbar {
padding: 0;
border: 0;
position: relative;
min-height: 40px;
line-height: 40px;
display: block;
}
.topbar-drops {
margin-right: -15px;
}
.topbar-drops i {
vertical-align: middle;
padding-right: 4px;
font-size: 17px;
padding-bottom: 2px;
color: #e5aa30;
}
.topbar,
.topbar a,
.topbar p {
margin: 0;
padding: 0;
font-size: 14px;
font-family: 'Oswald', serif;
color: #777777;
}
.topbar ul {
background: #e5e5e5;
border-radius: 0 0 5px 5px;
}
.topbar li:hover {
background-color: #b2b2b2;
color: #fff;
}
.topbar li.nohover:hover {
background-color: transparent;
color: #777777;
}
.topbar li {
padding: 0 10px;
margin: 0;
border-radius: 0 0 5px 5px;
}
.topbar li.nohover .fa {
color: #558c55;
}
.navbar-brand {
position: absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
margin: auto;
}
.navbar-brand img {
max-width: 220px;
margin-top: 12px;
}
.header {
display: block;
position: relative;
padding-top: 0;
border-bottom: 1px solid #eeeeee;
background-color: #fff;
}
.header.sticky {
position: fixed;
}
.navbar-nav > li > a {
font-family: 'Raleway', sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
color: #3b3b3b;
padding: 10px 10px 4px 10px;
margin-top: 8px;
border-bottom: 3px solid #ffffff;
}
.navbar-nav > li > a:hover {
background: #ffc926;
}
.navbar .navbar-times {
background: transparent;
color: #777777;
}
.navbar .navbar-times i {
vertical-align: middle;
color: #e5aa30;
font-size: 40px;
padding-top: 24px;
padding-right: 6px;
}
.navbar .navbar-times span {
line-height: 20px;
font-size: 13px;
font-weight: 500;
float: right;
display: block;
text-align: right;
padding-top: 10px;
font-family: 'Oswald', serif;
}
.navbar .navbar-subnavi {
display: block;
}
.navbar .navbar-subnavi .subnavi {
padding-left: 16px;
position: relative;
}
.navbar .navbar-subnavi .subnavi::before {
position: absolute;
content: "";
z-index: 99998;
width: 0;
height: 0;
left: 4px;
top: 10px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #ffc926;
}
.subnavi .navbar-nav > li > a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
margin-top: 0px;
color: #777777;
}
.navbar-default {
border: 0;
background-color: #ffffff;
}
.navbar-collapse,
.navbar {
margin: 0;
border: 0;
margin-right: -15px;
}
#side-navigation {
margin-right: 0px;
}
.navbar-brand > img {
margin: 0;
}
.navbar .navbar-left {
margin-top: 24px;
padding-left: 0px;
}
.navbar .navbar-right {
margin-right: 0px;
}
nav hr {
margin-top: 0px;
margin-bottom: 0px;
border: 0;
border-top: 1px solid #777777;
}
.navbar .navbar-subnavi .subnavi {
margin-top: 0px;
}
.dropdown-menu {
background-color: #fff !important;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-radius: 0;
box-shadow: none !important;
color: #ffffff;
min-width: 210px;
padding: 0px;
z-index: 9999;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.navbar-nav > li > a.active,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a.active,
.navbar-nav > li > a:active {
background: #ffffff !important;
/* The Fallback */
background: #ffffff;
box-shadow: none;
}
.sidebar li a,
.sidebar li a:hover,
.sidebar li a:focus {
background-color: transparent;
background: #ffffff;
/* The Fallback */
background: rgba(255, 255, 255, 0);
}
.dropdown-menu li:last-child {
border-bottom: 1px solid transparents;
}
.dropdown-menu li {
font-family: 'Raleway', sans-serif;
font-weight: 600;
}
.dropdown-menu li a {
color: #777777;
font-weight: 600;
padding: 3px 10px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #ffffff;
text-decoration: none;
background-color: transparent;
}
.dropdown-menu li {
color: #fff;
padding: 10px 12px 5px !important;
font-size: 14px;
line-height: 28px;
}
.dropdown-menu li.first {
border-bottom: 1px solid #c4c4c4;
}
.dropdown-menu li.first a {
font-weight: bold;
}
.dropdown-menu > li:hover,
.dropdown-menu > li:focus {
color: #fff;
background: #ffc926;
}
.yamm .dropdown-menu li h3 {
font-size: 15px;
margin-bottom: 0;
color: #999999;
padding: 10px 0;
}
.nopadding {
padding: 0 !important;
}
.yamm-content .col-md-6 {
min-width: 210px;
}
.navbar-nav .noborder {
border-bottom: 0 none !important;
font-size: 18px;
margin-top: 10px;
padding: 8px 15px 4px;
}
.fixedheader {
background: #ffffff !important;
background: #ffffff;
/* The Fallback */
background: rgba(255, 255, 255, 0.9) !important;
box-shadow: none;
position: absolute;
top: 0px;
left: 0;
z-index: 9999;
width: 100%;
}
.nomargin {
top: 0;
}
.setbg {
background: url(../images/header-bg.png) no-repeat scroll center top / cover #ffffff !important;
}
.nobg,
.fixedheader .nav .open > a,
.fixedheader .nav .open > a:hover,
.fixedheader .nav .open > a:focus,
.fixedheader .navbar-nav > li > a.active,
.fixedheader .navbar-nav > li > a:focus,
.fixedheader .navbar-nav > li > a:hover,
.fixedheader .navbar-nav > li > a:hover,
.fixedheader .navbar-nav > li > a:focus,
.fixedheader .navbar-nav > li > a.active,
.fixedheader .navbar-nav > li > a:active {
background: #ffffff !important;
background: #ffffff;
/* The Fallback */
background: rgba(255, 255, 255, 0) !important;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.navbar-nav > li > a.active,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover {
border-color: #777777;
}
.subnavi li:hover.dropdown::before {
position: absolute;
content: "";
z-index: 99998;
width: 0;
height: 0;
left: 60px;
top: 37px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #777777;
}
.fixedheader .navbar-nav > li > a {
border-color: transparent;
background: rgba(255, 255, 255, 0) !important;
}
.fixedheader .navbar-nav > li > a:hover {
background: #ffc926 !important;
color: #fff;
}
.fixedheader .nav .open > a.dropdown-toggle:hover,
.fixedheader .nav .open > a.dropdown-toggle:focus,
.fixedheader .navbar-nav > li > a.dropdown-toggle.active,
.fixedheader .navbar-nav > li > a.dropdown-toggle:focus,
.fixedheader .navbar-nav > li > a.dropdown-toggle:hover,
.fixedheader .navbar-nav > li > a.dropdown-toggle:hover,
.fixedheader .navbar-nav > li > a.dropdown-toggle:focus,
.fixedheader .navbar-nav > li > a.dropdown-toggle.active,
.fixedheader .navbar-nav > li > a.dropdown-toggle:active {
background: #ffc926 !important;
color: #fff;
}
.fixedheader .subnavi .navbar-nav > li > a:hover {
color: #3b3b3b;
}
.nobg .navbar-nav > li > a i,
.nobg .navbar-nav > li > a {
color: #ffffff;
}
.nobg {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-webkit-background-clip: padding-box;
/* for Safari */
background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
}
.navbar-toggle {
float: left;
margin-bottom: 0px;
}
/*
10) SIDEBAR NAV
===============================================================
*/
/* ==================================================================
SIDEBAR NAV
================================================================== */
.navbar.navbar-static .navbar-header {
float: left;
}
.navbar .navbar-toggle.toggle-left {
float: left;
margin-left: 15px;
}
.navbar .navbar-toggle.toggle-right {
float: right;
margin-right: 15px;
}
.navbar .navbar-toggle.toggle-sidebar,
[data-toggle="sidebar"] {
display: block;
}
.sidebar {
padding: 20px;
background: #ffffff;
border-left: 1px solid rgba(50, 50, 50, 0.1);
}
.sidebar li {
text-transform: uppercase;
border-bottom: 1px solid #ececec;
}
.sidebar li:last-child {
border-bottom: 0;
}
.sidebar a,
.sidebar i {
color: #000;
}
.sidebar {
position: fixed;
display: block;
top: 0;
bottom: 0;
z-index: 9999;
min-width: 280px !important;
min-height: 100%;
max-height: none;
overflow: auto;
}
.sidebar img {
width: 90%;
margin: 20px auto;
}
.sidebar-left {
left: 0;
}
.sidebar-right {
right: 0;
}
.row .sidebar.sidebar-left.sidebar-xs-show {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transform: none;
}
.row .sidebar.sidebar-right.sidebar-xs-show {
right: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transform: none;
}
.sidebar-animate {
-webkit-transition: -webkit-transform 300ms ease;
-moz-transition: -moz-transform 300ms ease;
transition: transform 300ms ease;
}
.sidebar.sidebar-left {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.sidebar.sidebar-left.sidebar-open {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transform: none;
}
.sidebar.sidebar-right {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.sidebar.sidebar-right.sidebar-open {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transform: none;
}
/*
11) SLIDER
===============================================================
*/
/* ==================================================================
SLIDER
================================================================== */
.fixedslider {
position: absolute;
top: 0;
}
.boxedcontainer {
max-width: 1170px;
margin: auto;
padding: 0px 30px;
}
.tp-banner-container {
width: 100%;
position: relative;
padding: 0;
}
.tp-banner {
width: 100%;
position: relative;
}
.tp-banner-fullscreen-container {
width: 100%;
position: relative;
padding: 0;
}
.slider-title,
.tp-caption.slider-title {
position: absolute;
color: #fff;
font-size: 45px;
line-height: 60px;
margin: 0px;
text-align: center;
border-width: 0px;
letter-spacing: 2px;
border-style: none;
white-space: nowrap;
}
.slider-title small {
font-size: 20px;
display: block;
margin-top: 20px;
}
.slider-title2,
.tp-caption.slider-title2 {
position: absolute;
color: #fff;
font-weight: 300;
font-size: 18px;
line-height: 24px;
margin: 0px;
text-align: center;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.slider-title1,
.tp-caption.slider-title1 {
position: absolute;
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 28px;
margin: 0px;
text-align: center;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.margin-top a,
.slider-btn .btn,
.tp-caption.slider-btn .btn {
color: #fff;
font-size: 13px !important;
text-transform: uppercase;
margin: 0 10px 0 0;
padding: 14px 44px;
}
.slider-btn .btn-white,
.tp-caption.slider-btn .btn-white {
color: #444444;
}
.tp-bannertimer {
display: none;
}
.margin-top {
margin-top: 30px;
}
/*
12) FOOTER
===============================================================
*/
/* ==================================================================
FOOTER
================================================================== */
footer .fa {
color: #e5aa30;
font-size: 50px;
padding-right: 14px;
}
footer p.text,
footer a {
font-size: 28px;
color: #777777;
}
footer a:hover {
color: #e5aa30;
}
footer .info-text .fa {
float: left;
}
footer .info-text .small {
display: block;
font-size: 12px;
line-height: 1.4em;
}
footer.clearfix {
border-top: 1px solid #aaaaaa;
padding-top: 20px;
}
.footer {
background-color: #777777;
padding: 30px 0 30px;
font-size: 16px;
color: #fff;
}
.footer .left-img {
float: left;
padding-right: 25px;
}
.footer .c4 {
float: left;
}
.footer .c4 li {
color: #fff;
}
.footer p.hl4 {
font-size: 20px;
text-transform: uppercase;
color: #fff;
padding: 20px 0 0;
font-weight: 600;
}
.footer .padding-bottom {
padding-bottom: 40px;
}
.flogo {
padding-top: 10px;
}
.footer .form-control {
background-color: #919191;
border-color: #fff;
color: #fff;
height: 45px;
margin: 0 6px 0 0;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding-left: 40px;
width: 100%;
}
.social-footer a:link i,
.social-footer a:visited i {
color: #fff;
}
.social-footer a:hover i,
.social-footer a:active i {
background-color: #777777;
}
.social-footer i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 28px;
margin: 0 3px 3px 0;
padding: 0 0px 0 0;
}
.social-footer i.fa-facebook {
background-color: #3b5998;
}
.social-footer i.fa-twitter {
background-color: #00aced;
}
.social-footer i.fa-google-plus {
background-color: #dd4b39;
}
.social-footer i.fa-youtube {
background-color: #bb0000;
}
.social-footer i.fa-linkedin {
background-color: #007bb6;
}
.social-footer i.fa-instagram {
background-color: #517fa4;
}
.social-footer i.fa-pinterest-p {
background-color: #cb2027;
}
.social-footer i.fa-vine {
background-color: #00bf8f;
}
.social-footer i.fa-flickr {
background-color: #ff0084;
}
.social-footer i.fa-tumblr {
background-color: #32506d;
}
.social-footer i.fa-vimeo {
background-color: #aad450;
}
.social-footer i.fa-foursquare {
background-color: #0072b1;
}
.social-footer i.fa-users {
background-color: #e5aa30;
}
.footer .form-control::-moz-placeholder {
color: #fff;
opacity: 1;
}
.footer .form-control:-ms-input-placeholder {
color: #fff;
}
.footer .form-control::-webkit-input-placeholder {
color: #fff;
}
.footer .btn-primary {
height: 45px !important;
line-height: 1 !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
.footer .btn-primary:hover {
background-color: #fff;
color: #e5aa30;
border-color: #ffc926;
}
.copyrights {
background-color: #5e5e5e;
padding: 30px 0;
font-size: 15px;
color: #fff;
}
.copyrights p {
margin: 0;
}
.copyrights a {
font-weight: 600;
}
.link-footer a i {
color: #666666 !important;
font-size: 16px;
margin-left: 7px;
}
.link-footer a:hover i {
color: #fff !important;
}
/*
13) SIDEBAR WIDGETS
===============================================================
*/
/* ==================================================================
SIDEBAR WIDGETS
================================================================== */
.post-media img,
.flickrwidget img {
opacity: 1;
}
.post-media img:hover,
.flickrwidget img:hover {
opacity: 0.8;
}
#sidebar {
padding: 0 20px;
}
#sidebar .widget {
position: relative;
display: block;
margin-bottom: 40px;
}
#sidebar ul {
padding: 0;
}
#sidebar .widget a.collapse-widget {
color: #777777;
}
#sidebar .widget a.collapse-widget::before {
display: none;
font-family: FontAwesome;
content: "";
padding: 0;
font-size: 0;
color: #ffc926;
}
#sidebar .widget a.collapse-widget.collapsed::before {
display: none;
content: "";
}
@media (max-width: 768px) {
#sidebar .widget a.collapse-widget {
color: #777777;
}
#sidebar .widget a.collapse-widget::before {
display: inline-block;
font-family: FontAwesome;
content: "\f106";
padding: 6px 10px 0 0;
font-size: 32px;
color: #ffc926;
}
#sidebar .widget a.collapse-widget.collapsed::before {
display: inline-block;
content: "\f107";
}
}
#sidebar .widget .hl5,
#sidebar .widget .hl5 a {
color: #e5aa30;
font-size: 18px;
font-weight: 600;
margin-bottom: 14px;
}
#sidebar .widget .hl5 a:hover,
#sidebar .widget .hl5:hover {
background: transparent;
color: #777777;
}
#sidebar .widget .boxwidget {
text-align: center;
margin: 0 auto;
padding-bottom: 20px;
}
#sidebar .widget .searchwidget {
background-color: #eaeaea;
border-bottom: 1px solid transparent;
padding: 12px 12px;
}
#sidebar .widget .searchwidget .form-group {
margin-bottom: 10px;
}
#sidebar .widget .searchwidget .fa-question {
background-color: #777777;
width: 26px;
height: 26px;
border-radius: 50%;
line-height: 26px;
color: #fff;
padding-left: 8px;
font-size: 18px;
}
#sidebar .widget .newswidget {
border-bottom: 1px solid #777777;
padding-bottom: 10px;
margin-bottom: 10px;
}
#sidebar .widget .newswidget p {
line-height: 1.4em;
}
#sidebar .widget .newswidget.gray-box {
background-color: #eaeaea;
border-bottom: 1px solid transparent;
padding: 12px 12px;
}
#sidebar .widget .newswidget.gray-box .hl4 {
color: #e5aa30;
font-weight: 600;
font-size: 17px;
margin-bottom: 12px;
}
#sidebar .widget .newswidget.gray-box .hl5 {
height: 4.5em;
overflow: hidden;
}
#sidebar .widget .newswidget.gray-box p {
font-style: italic;
height: 10em;
overflow: hidden;
}
#sidebar .widget .imgswidget img {
width: 100%;
display: block;
padding-bottom: 50px;
padding-right: 10px;
padding-left: 10px;
}
#sidebar #side-navigation .side-menu {
float: left;
width: 100%;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
/* li.sub-menu-item:before {
list-style: none;
font-family: FontAwesome;
content: "\f005";
position:relative;
left: -10px;
background-color:@brand-secondary;
color:@brand-secondary;
display:inline-block;
width:8px;
height:8px;
border-radius:50%
}*/
}
#sidebar #side-navigation .side-menu li {
padding: 5px 12px 5px !important;
font-size: 14px;
line-height: 28px;
background: transparent;
border-bottom: 1px solid #c3c3c3;
}
#sidebar #side-navigation .side-menu li a {
color: #777777;
font-weight: 600;
padding: 0px 0px 3px 2px;
}
#sidebar #side-navigation .side-menu li:hover,
#sidebar #side-navigation .side-menu li.active {
color: #fff;
background: #ffc926;
}
#sidebar #side-navigation .side-menu li:hover a,
#sidebar #side-navigation .side-menu li.active a {
color: #fff;
}
#sidebar #side-navigation .side-menu li.sub-menu-item {
border-bottom: none;
border-bottom: 1px solid #eaeaea;
list-style: none;
}
#sidebar #side-navigation .side-menu li.sub-menu-item.active a {
color: black;
}
#sidebar #side-navigation .side-menu li.sub-menu-item.active .fa {
color: #648859;
}
#sidebar #side-navigation .side-menu li.sub-menu-item .fa {
color: #ffc926;
}
#sidebar #side-navigation .side-menu li.sub-menu-item:hover,
#sidebar #side-navigation .side-menu li.sub-menu-item.active {
color: black;
background: transparent;
}
#sidebar #side-navigation .side-menu li.sub-menu-item:hover a,
#sidebar #side-navigation .side-menu li.sub-menu-item.active a {
color: black;
}
.listwidget ul li {
padding: 12px 0;
margin-left: 10px;
border-bottom: 1px solid #dddddd;
}
.listwidget ul li:last-child {
padding-bottom: 0;
border-bottom: 0 solid #dddddd;
}
.flickrwidget .list-inline > li {
margin: 0;
float: left;
padding: 0;
width: 33.3333%;
}
.flickrwidget img {
width: 94%;
padding: 0 0 0 0;
}
#sidebar .widget,
#sidebar .widget-title {
margin-top: 0;
padding-top: 0;
}
#sidebar .widget-title {
font-size: 25px;
position: relative;
padding-bottom: 8px;
border-bottom: 1px solid #ffc926;
font-weight: normal;
margin-bottom: 20px;
color: #777777;
line-height: 1.2em;
vertical-align: baseline;
}
/*
14) COLOR SCHEMES
===============================================================
*/
/* ==================================================================
COLOR SCHEMES
================================================================== */
.home-form .nav-tabs > li.active > a,
.home-form .nav-tabs > li > a:hover,
.home-form .nav-tabs > li.active > a:focus,
.slider-btn .btn-white:hover,
.tp-caption.slider-btn .btn-white:hover,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.icon-container,
.dash .digit,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white,
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.pricing-table-footer,
.pricing-table-header,
.yellow,
.panel-default > .panel-heading,
.c2 li span,
.btn-primary {
color: #fff;
background-color: #648859;
border-color: #648859;
}
.btn-primary:hover,
.btn-primary:active:hover {
background-color: #ffc926;
border-color: #ffc926;
}
.form-control:focus {
border-color: #ffc926;
box-shadow: none;
}
.travel-title hr {
border-color: #ffc926;
}
#infoform .form-control,
.input-group-addon,
.dropdown .btn-white,
.form-inline .input-group > .form-control {
border-bottom-color: #ffc926;
}
.post-title .pull-right span,
.bootstrap-select .fa-angle-down,
.input-group-addon i,
.rating i,
a,
.sidebar li a:hover,
.sidebar li a:focus,
.yamm .dropdown-menu li h3 i,
.yamm .yamm-content li a:hover,
.yamm .yamm-content li a:focus,
.breadcrumb > li + li::before,
.c3 span,
.c1 li:before {
color: #e5aa30;
}
/*
15) EXTRAS
===============================================================
*/
/* ==================================================================
EXTRAS
================================================================== */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
/*
16) RESPONSIVE
===============================================================
*/
/* ==================================================================
RESPONSIVE
================================================================== */
@media (max-width: 1200px) {
.navbar-nav > li > a {
font-size: 13px;
padding: 10px 7px 6px 7px;
}
.absolute-carousel {
top: 53px;
}
}
@media (max-width: 1024px) {
#sidebar #side-navigation .side-menu {
width: 100%;
}
.bookform .input-group {
width: 100% !important;
}
.bookform .form-group {
margin-bottom: 30px;
}
.navbar-nav > li > a {
font-size: 16px;
}
.navbar-brand {
right: 0;
width: auto;
left: auto;
}
.navbar-times {
display: none;
}
.home-message {
padding: 88px 42px;
min-height: 360px;
}
.navbar .navbar-subnavi .subnavi {
padding-left: 0;
}
.navbar .navbar-subnavi .subnavi::before {
left: 0;
top: 0;
border-top: none;
border-bottom: none;
border-left: none;
}
footer .info-text,
footer .text-right {
text-align: center;
}
footer .info-text .fa,
footer .text-right .fa {
float: none;
}
footer .text-center {
padding-bottom: 12px;
}
.absolute-carousel {
top: 52px;
}
}
@media (max-width: 992px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#no-more-tables tr {
border: 1px solid #ccc;
}
#no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #fff;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: right;
}
#no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
#no-more-tables .btn {
display: block;
width: 100%;
}
#no-more-tables .icons-percent::before {
float: right;
padding-right: 6px;
}
#no-more-tables td:last-child {
padding-left: 8px;
}
#no-more-tables tr:nth-child(2n+1) > td {
background-color: #d8d8d8;
}
/*
Label the data
*/
#no-more-tables td:before {
content: attr(data-title);
}
}
@media (max-width: 992px) {
/* Force table to not be like tables anymore */
.no-more-tables table,
.no-more-tables thead,
.no-more-tables tbody,
.no-more-tables th,
.no-more-tables td,
.no-more-tables tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.no-more-tables tr {
border: 1px solid #ccc;
}
.no-more-tables td,
.no-more-tables .table > tbody > tr > td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #fff;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: right;
}
.no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
.no-more-tables .btn {
display: block;
width: 100%;
}
.no-more-tables .icons-percent::before {
float: right;
padding-right: 6px;
}
.no-more-tables td:last-child {
padding-left: 8px;
}
.no-more-tables tr:nth-child(2n+1) > td {
background-color: #d8d8d8;
}
/*
Label the data
*/
.no-more-tables td:before {
content: attr(data-title);
}
}
@media (max-width: 768px) {
.navbar .navbar-subnavi .navbar-nav {
margin: 7.5px -10px;
}
#no-more-tables_first {
overflow-x: hidden;
}
.container {
padding-left: 8px;
padding-right: 8px;
}
.home-info-box {
margin-right: -30px;
}
.btn-over-slider {
top: 110px;
}
.price-over-slider {
top: 115px;
}
#sidebar #side-navigation .side-menu {
width: 100%;
}
#widthphone.home-form .nav-tabs > li {
width: 50%;
}
.fullscreen {
padding: 0;
}
.absolute-carousel {
top: 0px;
left: -10px;
}
.home-message {
padding: 0px 42px;
min-height: 360px;
}
.absolute {
margin-top: 0;
top: 0;
}
.fixedheader {
position: relative;
top: 0;
}
.travel-list .alignleft {
width: 100%;
float: none;
}
.single-travel-image .thumbnails {
display: none !important;
}
.sidebar-price,
.single-travel-image .price {
display: none;
position: absolute;
}
.pricing-table-header {
margin-top: 20px;
}
.navbar-toggle {
margin-top: 0px;
padding: 10px;
font-size: 24px;
}
.dropdown-menu li {
padding: 5px 10px 5px !important;
}
.yamm .yamm-content {
padding: 0 0;
}
.navbar-collapse,
.navbar {
border: 0 none;
margin: 4px 0;
}
.navbar-nav .noborder,
.sidebar-menu-container,
.breadcrumb {
display: none;
}
.topbar-social {
display: inline;
}
.topbar {
line-height: 40px;
}
.topbar li,
.topbar-social li {
padding: 0 5px;
}
.topbar .pull-left,
.topbar-social,
.topbar .pull-right {
float: none !important;
text-align: center !important;
}
.copyrights .text-left,
.copyrights .text-right {
text-align: center !important;
}
.navbar-nav > li > a {
padding: 10px 15px;
border: 0;
}
.subnavi li:hover.dropdown::before {
display: none;
}
.navbar-brand {
margin-top: 0px;
padding: 0;
}
.navbar-brand img {
margin-top: 4px;
}
.navbar .navbar-left {
padding-left: 15px;
}
.header {
padding: 0px 0;
}
.nobg {
background: #222222 !important;
background-color: #222222 !important;
}
.home-form .nav-tabs > li > a {
padding: 20px 22px;
}
h1 {
font-size: 28px;
}
.service-style .icon-container,
.mini-desti img {
margin-bottom: 20px;
}
.homeform {
padding: 40px 0 0 !important;
}
.home-form .nav-tabs > li > a i {
font-size: 16px;
line-height: 16px;
}
.bookform .form-control {
margin-bottom: 0;
}
.bookform .form-group,
.bookform .make-margin {
margin: 10px 0 !important;
}
}
/*
/* ################################################################# */
/*
17) CHECKBOX
===============================================================
*/
.checkbox {
padding-left: 20px;
display: block;
}
.checkbox label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
}
.checkbox label::before {
content: "";
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
left: 0;
top: 3px;
margin-left: -20px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 0;
margin-left: -20px;
padding-left: 3px;
padding-top: 1px;
font-size: 11px;
color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
opacity: 0;
z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
font-family: 'FontAwesome';
font-size: 16px;
line-height: 23px;
content: "\f00c";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
display: block;
content: " ";
width: 10px;
height: 3px;
background-color: #555555;
border-radius: 2px;
margin-left: -16.5px;
margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
background-color: #eeeeee;
cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
border-radius: 50%;
}
.checkbox.checkbox-inline {
margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
background-color: #777777;
border-color: #777777;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
background-color: #d9534f;
border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
background-color: #5bc0de;
border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
background-color: #558c55;
border-color: #558c55;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
color: #fff;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
background-color: #777777;
border-color: #777777;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
background-color: #fff;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
background-color: #d9534f;
border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
background-color: #fff;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
background-color: #5bc0de;
border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
background-color: #fff;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
background-color: #fff;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
background-color: #558c55;
border-color: #558c55;
}
.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
background-color: #fff;
}
.radio {
padding-left: 20px;
}
.radio label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
}
.radio label::before {
content: "";
display: inline-block;
position: absolute;
width: 17px;
height: 17px;
left: 0;
margin-left: -20px;
border: 1px solid #ccc;
border-radius: 50%;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
}
.radio label::after {
display: inline-block;
position: absolute;
content: " ";
width: 11px;
height: 11px;
left: 3px;
top: 3px;
margin-left: -20px;
border-radius: 50%;
background-color: #555555;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
opacity: 0;
z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
cursor: not-allowed;
}
.radio.radio-inline {
margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
background-color: #777777;
}
.radio-primary input[type="radio"]:checked + label::before {
border-color: #777777;
}
.radio-primary input[type="radio"]:checked + label::after {
background-color: #777777;
}
.radio-danger input[type="radio"] + label::after {
background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
background-color: #558c55;
}
.radio-success input[type="radio"]:checked + label::before {
border-color: #558c55;
}
.radio-success input[type="radio"]:checked + label::after {
background-color: #558c55;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
font-family: 'FontAwesome';
content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
color: #fff;
}
/*
18) FONT TRIPS
===============================================================
*/
@font-face {
font-family: "trips";
src: url("../fonts/trips.eot");
src: url("../fonts/trips.eot?#iefix") format("embedded-opentype"), url("../fonts/trips.woff") format("woff"), url("../fonts/trips.ttf") format("truetype"), url("../fonts/trips.svg#trips") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "trips" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "trips" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-air6:before {
content: "a";
}
.icon-airplane51:before {
content: "b";
}
.icon-airplane67:before {
content: "c";
}
.icon-airplane68:before {
content: "d";
}
.icon-airplane70:before {
content: "e";
}
.icon-airplane72:before {
content: "f";
}
.icon-airplane73:before {
content: "g";
}
.icon-airplane74:before {
content: "h";
}
.icon-bag30:before {
content: "i";
}
.icon-bicycle2:before {
content: "j";
}
.icon-bicycle12:before {
content: "k";
}
.icon-black186:before {
content: "l";
}
.icon-black401:before {
content: "m";
}
.icon-boat17:before {
content: "n";
}
.icon-bus7:before {
content: "o";
}
.icon-bus21:before {
content: "p";
}
.icon-bus46:before {
content: "q";
}
.icon-calendar157:before {
content: "r";
}
.icon-car80:before {
content: "s";
}
.icon-car82:before {
content: "t";
}
.icon-car95:before {
content: "u";
}
.icon-check52:before {
content: "v";
}
.icon-checkin:before {
content: "w";
}
.icon-coconut8:before {
content: "x";
}
.icon-comment43:before {
content: "y";
}
.icon-compass67:before {
content: "z";
}
.icon-containers:before {
content: "A";
}
.icon-delivery17:before {
content: "B";
}
.icon-delivery18:before {
content: "C";
}
.icon-delivery25:before {
content: "D";
}
.icon-directions2:before {
content: "E";
}
.icon-distance1:before {
content: "F";
}
.icon-earth72:before {
content: "G";
}
.icon-earth186:before {
content: "H";
}
.icon-earth190:before {
content: "I";
}
.icon-home63:before {
content: "J";
}
.icon-hotel16:before {
content: "K";
}
.icon-hotel68:before {
content: "L";
}
.icon-house129:before {
content: "M";
}
.icon-international11:before {
content: "N";
}
.icon-international22:before {
content: "O";
}
.icon-location38:before {
content: "P";
}
.icon-logistics3:before {
content: "Q";
}
.icon-logistics4:before {
content: "R";
}
.icon-luggage5:before {
content: "S";
}
.icon-map29:before {
content: "T";
}
.icon-map30:before {
content: "U";
}
.icon-map110:before {
content: "V";
}
.icon-motorcycle10:before {
content: "W";
}
.icon-ocean3:before {
content: "X";
}
.icon-open207:before {
content: "Y";
}
.icon-parking15:before {
content: "Z";
}
.icon-passport4:before {
content: "0";
}
.icon-pc13:before {
content: "1";
}
.icon-person199:before {
content: "2";
}
.icon-person209:before {
content: "3";
}
.icon-persons10:before {
content: "4";
}
.icon-photo25:before {
content: "5";
}
.icon-photo147:before {
content: "6";
}
.icon-pinterest33:before {
content: "7";
}
.icon-place4:before {
content: "8";
}
.icon-plane18:before {
content: "9";
}
.icon-plate17:before {
content: "!";
}
.icon-road24:before {
content: "\"";
}
.icon-road29:before {
content: "#";
}
.icon-rocket48:before {
content: "$";
}
.icon-rocket61:before {
content: "%";
}
.icon-school31:before {
content: "&";
}
.icon-scooter7:before {
content: "'";
}
.icon-sea8:before {
content: "(";
}
.icon-sedan3:before {
content: ")";
}
.icon-shipping:before {
content: "*";
}
.icon-silhouette66:before {
content: "+";
}
.icon-smoking4:before {
content: ",";
}
.icon-snacks1:before {
content: "-";
}
.icon-stars10:before {
content: ".";
}
.icon-student40:before {
content: "/";
}
.icon-suv:before {
content: ":";
}
.icon-taxi13:before {
content: ";";
}
.icon-taxi14:before {
content: "<";
}
.icon-tea24:before {
content: "=";
}
.icon-telephone5:before {
content: ">";
}
.icon-tick7:before {
content: "?";
}
.icon-toilets:before {
content: "@";
}
.icon-tour:before {
content: "[";
}
.icon-traffic17:before {
content: "]";
}
.icon-train8:before {
content: "^";
}
.icon-train20:before {
content: "_";
}
.icon-tram4:before {
content: "`";
}
.icon-transport22:before {
content: "{";
}
.icon-travel23:before {
content: "|";
}
.icon-travel25:before {
content: "}";
}
.icon-truck31:before {
content: "~";
}
.icon-waiting2:before {
content: "\\";
}
.icon-walk12:before {
content: "\e000";
}
.icon-wallet17:before {
content: "\e001";
}
.icon-wifi10:before {
content: "\e002";
}
.icon-woman55:before {
content: "\e003";
}
.icon-address:before {
content: "\e004";
}
.icon-adjust:before {
content: "\e005";
}
.icon-air:before {
content: "\e006";
}
.icon-alert:before {
content: "\e007";
}
.icon-archive:before {
content: "\e008";
}
.icon-arrow-combo:before {
content: "\e009";
}
.icon-arrows-ccw:before {
content: "\e00a";
}
.icon-attach:before {
content: "\e00b";
}
.icon-attention:before {
content: "\e00c";
}
.icon-back:before {
content: "\e00d";
}
.icon-back-in-time:before {
content: "\e00e";
}
.icon-bag:before {
content: "\e00f";
}
.icon-basket:before {
content: "\e010";
}
.icon-battery:before {
content: "\e011";
}
.icon-behance:before {
content: "\e012";
}
.icon-bell:before {
content: "\e013";
}
.icon-block:before {
content: "\e014";
}
.icon-book:before {
content: "\e015";
}
.icon-book-open:before {
content: "\e016";
}
.icon-bookmark:before {
content: "\e017";
}
.icon-bookmarks:before {
content: "\e018";
}
.icon-box:before {
content: "\e019";
}
.icon-briefcase:before {
content: "\e01a";
}
.icon-brush:before {
content: "\e01b";
}
.icon-bucket:before {
content: "\e01c";
}
.icon-calendar:before {
content: "\e01d";
}
.icon-camera:before {
content: "\e01e";
}
.icon-cancel:before {
content: "\e01f";
}
.icon-cancel-circled:before {
content: "\e020";
}
.icon-cancel-squared:before {
content: "\e021";
}
.icon-cc:before {
content: "\e022";
}
.icon-cc-by:before {
content: "\e023";
}
.icon-cc-nc:before {
content: "\e024";
}
.icon-cc-nc-eu:before {
content: "\e025";
}
.icon-cc-nc-jp:before {
content: "\e026";
}
.icon-cc-nd:before {
content: "\e027";
}
.icon-cc-pd:before {
content: "\e028";
}
.icon-cc-remix:before {
content: "\e029";
}
.icon-cc-sa:before {
content: "\e02a";
}
.icon-cc-share:before {
content: "\e02b";
}
.icon-cc-zero:before {
content: "\e02c";
}
.icon-ccw:before {
content: "\e02d";
}
.icon-cd:before {
content: "\e02e";
}
.icon-chart-area:before {
content: "\e02f";
}
.icon-chart-bar:before {
content: "\e030";
}
.icon-chart-line:before {
content: "\e031";
}
.icon-chart-pie:before {
content: "\e032";
}
.icon-chat:before {
content: "\e033";
}
.icon-check:before {
content: "\e034";
}
.icon-clipboard:before {
content: "\e035";
}
.icon-clock:before {
content: "\e036";
}
.icon-cloud:before {
content: "\e037";
}
.icon-cloud-thunder:before {
content: "\e038";
}
.icon-code:before {
content: "\e039";
}
.icon-cog:before {
content: "\e03a";
}
.icon-comment:before {
content: "\e03b";
}
.icon-compass:before {
content: "\e03c";
}
.icon-credit-card:before {
content: "\e03d";
}
.icon-cup:before {
content: "\e03e";
}
.icon-cw:before {
content: "\e03f";
}
.icon-database:before {
content: "\e040";
}
.icon-db-shape:before {
content: "\e041";
}
.icon-direction:before {
content: "\e042";
}
.icon-doc:before {
content: "\e043";
}
.icon-doc-landscape:before {
content: "\e044";
}
.icon-doc-text:before {
content: "\e045";
}
.icon-doc-text-inv:before {
content: "\e046";
}
.icon-docs:before {
content: "\e047";
}
.icon-dot:before {
content: "\e048";
}
.icon-dot-2:before {
content: "\e049";
}
.icon-dot-3:before {
content: "\e04a";
}
.icon-down:before {
content: "\e04b";
}
.icon-down-bold:before {
content: "\e04c";
}
.icon-down-circled:before {
content: "\e04d";
}
.icon-down-dir:before {
content: "\e04e";
}
.icon-down-open:before {
content: "\e04f";
}
.icon-down-open-big:before {
content: "\e050";
}
.icon-down-open-mini:before {
content: "\e051";
}
.icon-down-thin:before {
content: "\e052";
}
.icon-download:before {
content: "\e053";
}
.icon-dribbble:before {
content: "\e054";
}
.icon-dribbble-circled:before {
content: "\e055";
}
.icon-drive:before {
content: "\e056";
}
.icon-dropbox:before {
content: "\e057";
}
.icon-droplet:before {
content: "\e058";
}
.icon-erase:before {
content: "\e059";
}
.icon-evernote:before {
content: "\e05a";
}
.icon-export:before {
content: "\e05b";
}
.icon-eye:before {
content: "\e05c";
}
.icon-facebook:before {
content: "\e05d";
}
.icon-facebook-circled:before {
content: "\e05e";
}
.icon-facebook-squared:before {
content: "\e05f";
}
.icon-fast-backward:before {
content: "\e060";
}
.icon-fast-forward:before {
content: "\e061";
}
.icon-feather:before {
content: "\e062";
}
.icon-flag:before {
content: "\e063";
}
.icon-flash:before {
content: "\e064";
}
.icon-flashlight:before {
content: "\e065";
}
.icon-flattr:before {
content: "\e066";
}
.icon-flickr:before {
content: "\e067";
}
.icon-flickr-circled:before {
content: "\e068";
}
.icon-flight:before {
content: "\e069";
}
.icon-floppy:before {
content: "\e06a";
}
.icon-flow-branch:before {
content: "\e06b";
}
.icon-flow-cascade:before {
content: "\e06c";
}
.icon-flow-line:before {
content: "\e06d";
}
.icon-flow-parallel:before {
content: "\e06e";
}
.icon-flow-tree:before {
content: "\e06f";
}
.icon-folder:before {
content: "\e070";
}
.icon-forward:before {
content: "\e071";
}
.icon-gauge:before {
content: "\e072";
}
.icon-github:before {
content: "\e073";
}
.icon-github-circled:before {
content: "\e074";
}
.icon-globe:before {
content: "\e075";
}
.icon-google-circles:before {
content: "\e076";
}
.icon-gplus:before {
content: "\e077";
}
.icon-gplus-circled:before {
content: "\e078";
}
.icon-graduation-cap:before {
content: "\e079";
}
.icon-heart:before {
content: "\e07a";
}
.icon-heart-empty:before {
content: "\e07b";
}
.icon-help:before {
content: "\e07c";
}
.icon-help-circled:before {
content: "\e07d";
}
.icon-home:before {
content: "\e07e";
}
.icon-hourglass:before {
content: "\e07f";
}
.icon-inbox:before {
content: "\e080";
}
.icon-infinity:before {
content: "\e081";
}
.icon-info:before {
content: "\e082";
}
.icon-info-circled:before {
content: "\e083";
}
.icon-instagrem:before {
content: "\e084";
}
.icon-install:before {
content: "\e085";
}
.icon-key:before {
content: "\e086";
}
.icon-keyboard:before {
content: "\e087";
}
.icon-lamp:before {
content: "\e088";
}
.icon-language:before {
content: "\e089";
}
.icon-lastfm:before {
content: "\e08a";
}
.icon-lastfm-circled:before {
content: "\e08b";
}
.icon-layout:before {
content: "\e08c";
}
.icon-leaf:before {
content: "\e08d";
}
.icon-left:before {
content: "\e08e";
}
.icon-left-bold:before {
content: "\e08f";
}
.icon-left-circled:before {
content: "\e090";
}
.icon-left-dir:before {
content: "\e091";
}
.icon-left-open:before {
content: "\e092";
}
.icon-left-open-big:before {
content: "\e093";
}
.icon-left-open-mini:before {
content: "\e094";
}
.icon-left-thin:before {
content: "\e095";
}
.icon-level-down:before {
content: "\e096";
}
.icon-level-up:before {
content: "\e097";
}
.icon-lifebuoy:before {
content: "\e098";
}
.icon-light-down:before {
content: "\e099";
}
.icon-light-up:before {
content: "\e09a";
}
.icon-link:before {
content: "\e09b";
}
.icon-linkedin:before {
content: "\e09c";
}
.icon-linkedin-circled:before {
content: "\e09d";
}
.icon-list:before {
content: "\e09e";
}
.icon-list-add:before {
content: "\e09f";
}
.icon-location:before {
content: "\e0a0";
}
.icon-lock:before {
content: "\e0a1";
}
.icon-lock-open:before {
content: "\e0a2";
}
.icon-login:before {
content: "\e0a3";
}
.icon-logo-db:before {
content: "\e0a4";
}
.icon-logout:before {
content: "\e0a5";
}
.icon-loop:before {
content: "\e0a6";
}
.icon-magnet:before {
content: "\e0a7";
}
.icon-mail:before {
content: "\e0a8";
}
.icon-map:before {
content: "\e0a9";
}
.icon-megaphone:before {
content: "\e0aa";
}
.icon-menu:before {
content: "\e0ab";
}
.icon-mic:before {
content: "\e0ac";
}
.icon-minus:before {
content: "\e0ad";
}
.icon-minus-circled:before {
content: "\e0ae";
}
.icon-minus-squared:before {
content: "\e0af";
}
.icon-mixi:before {
content: "\e0b0";
}
.icon-mobile:before {
content: "\e0b1";
}
.icon-monitor:before {
content: "\e0b2";
}
.icon-moon:before {
content: "\e0b3";
}
.icon-mouse:before {
content: "\e0b4";
}
.icon-music:before {
content: "\e0b5";
}
.icon-mute:before {
content: "\e0b6";
}
.icon-network:before {
content: "\e0b7";
}
.icon-newspaper:before {
content: "\e0b8";
}
.icon-note:before {
content: "\e0b9";
}
.icon-note-beamed:before {
content: "\e0ba";
}
.icon-palette:before {
content: "\e0bb";
}
.icon-paper-plane:before {
content: "\e0bc";
}
.icon-pause:before {
content: "\e0bd";
}
.icon-paypal:before {
content: "\e0be";
}
.icon-pencil:before {
content: "\e0bf";
}
.icon-phone:before {
content: "\e0c0";
}
.icon-picasa:before {
content: "\e0c1";
}
.icon-picture:before {
content: "\e0c2";
}
.icon-pinterest:before {
content: "\e0c3";
}
.icon-pinterest-circled:before {
content: "\e0c4";
}
.icon-play:before {
content: "\e0c5";
}
.icon-plus:before {
content: "\e0c6";
}
.icon-plus-circled:before {
content: "\e0c7";
}
.icon-plus-squared:before {
content: "\e0c8";
}
.icon-popup:before {
content: "\e0c9";
}
.icon-print:before {
content: "\e0ca";
}
.icon-progress-0:before {
content: "\e0cb";
}
.icon-progress-1:before {
content: "\e0cc";
}
.icon-progress-2:before {
content: "\e0cd";
}
.icon-progress-3:before {
content: "\e0ce";
}
.icon-publish:before {
content: "\e0cf";
}
.icon-qq:before {
content: "\e0d0";
}
.icon-quote:before {
content: "\e0d1";
}
.icon-rdio:before {
content: "\e0d2";
}
.icon-rdio-circled:before {
content: "\e0d3";
}
.icon-record:before {
content: "\e0d4";
}
.icon-renren:before {
content: "\e0d5";
}
.icon-reply:before {
content: "\e0d6";
}
.icon-reply-all:before {
content: "\e0d7";
}
.icon-resize-full:before {
content: "\e0d8";
}
.icon-resize-small:before {
content: "\e0d9";
}
.icon-retweet:before {
content: "\e0da";
}
.icon-right:before {
content: "\e0db";
}
.icon-right-bold:before {
content: "\e0dc";
}
.icon-right-circled:before {
content: "\e0dd";
}
.icon-right-dir:before {
content: "\e0de";
}
.icon-right-open:before {
content: "\e0df";
}
.icon-right-open-big:before {
content: "\e0e0";
}
.icon-right-open-mini:before {
content: "\e0e1";
}
.icon-right-thin:before {
content: "\e0e2";
}
.icon-rocket:before {
content: "\e0e3";
}
.icon-rss:before {
content: "\e0e4";
}
.icon-search:before {
content: "\e0e5";
}
.icon-share:before {
content: "\e0e6";
}
.icon-shareable:before {
content: "\e0e7";
}
.icon-shuffle:before {
content: "\e0e8";
}
.icon-signal:before {
content: "\e0e9";
}
.icon-sina-weibo:before {
content: "\e0ea";
}
.icon-skype:before {
content: "\e0eb";
}
.icon-skype-circled:before {
content: "\e0ec";
}
.icon-smashing:before {
content: "\e0ed";
}
.icon-sound:before {
content: "\e0ee";
}
.icon-soundcloud:before {
content: "\e0ef";
}
.icon-spotify:before {
content: "\e0f0";
}
.icon-spotify-circled:before {
content: "\e0f1";
}
.icon-star:before {
content: "\e0f2";
}
.icon-star-empty:before {
content: "\e0f3";
}
.icon-stop:before {
content: "\e0f4";
}
.icon-stumbleupon:before {
content: "\e0f5";
}
.icon-stumbleupon-circled:before {
content: "\e0f6";
}
.icon-suitcase:before {
content: "\e0f7";
}
.icon-sweden:before {
content: "\e0f8";
}
.icon-switch:before {
content: "\e0f9";
}
.icon-tag:before {
content: "\e0fa";
}
.icon-tape:before {
content: "\e0fb";
}
.icon-target:before {
content: "\e0fc";
}
.icon-thermometer:before {
content: "\e0fd";
}
.icon-thumbs-down:before {
content: "\e0fe";
}
.icon-thumbs-up:before {
content: "\e0ff";
}
.icon-ticket:before {
content: "\e100";
}
.icon-to-end:before {
content: "\e101";
}
.icon-to-start:before {
content: "\e102";
}
.icon-tools:before {
content: "\e103";
}
.icon-traffic-cone:before {
content: "\e104";
}
.icon-trash:before {
content: "\e105";
}
.icon-trophy:before {
content: "\e106";
}
.icon-tumblr:before {
content: "\e107";
}
.icon-tumblr-circled:before {
content: "\e108";
}
.icon-twitter:before {
content: "\e109";
}
.icon-twitter-circled:before {
content: "\e10a";
}
.icon-up:before {
content: "\e10b";
}
.icon-up-bold:before {
content: "\e10c";
}
.icon-up-circled:before {
content: "\e10d";
}
.icon-up-dir:before {
content: "\e10e";
}
.icon-up-open:before {
content: "\e10f";
}
.icon-up-open-big:before {
content: "\e110";
}
.icon-up-open-mini:before {
content: "\e111";
}
.icon-up-thin:before {
content: "\e112";
}
.icon-upload:before {
content: "\e113";
}
.icon-upload-cloud:before {
content: "\e114";
}
.icon-user:before {
content: "\e115";
}
.icon-user-add:before {
content: "\e116";
}
.icon-users:before {
content: "\e117";
}
.icon-vcard:before {
content: "\e118";
}
.icon-video:before {
content: "\e119";
}
.icon-vimeo:before {
content: "\e11a";
}
.icon-vimeo-circled:before {
content: "\e11b";
}
.icon-vkontakte:before {
content: "\e11c";
}
.icon-volume:before {
content: "\e11d";
}
.icon-water:before {
content: "\e11e";
}
.icon-window:before {
content: "\e11f";
}
.icon-weather-downpour-fullmoon:before {
content: "\e120";
}
.icon-weather-downpour-halfmoon:before {
content: "\e121";
}
.icon-weather-downpour-sun:before {
content: "\e122";
}
.icon-weather-drop:before {
content: "\e123";
}
.icon-weather-first-quarter:before {
content: "\e124";
}
.icon-weather-fog:before {
content: "\e125";
}
.icon-weather-fog-fullmoon:before {
content: "\e126";
}
.icon-weather-fog-halfmoon:before {
content: "\e127";
}
.icon-weather-fog-sun:before {
content: "\e128";
}
.icon-weather-fullmoon:before {
content: "\e129";
}
.icon-weather-gemini:before {
content: "\e12a";
}
.icon-weather-hail:before {
content: "\e12b";
}
.icon-weather-hail-fullmoon:before {
content: "\e12c";
}
.icon-weather-hail-halfmoon:before {
content: "\e12d";
}
.icon-weather-hail-sun:before {
content: "\e12e";
}
.icon-weather-last-quarter:before {
content: "\e12f";
}
.icon-weather-leo:before {
content: "\e130";
}
.icon-weather-libra:before {
content: "\e131";
}
.icon-weather-lightning:before {
content: "\e132";
}
.icon-weather-mistyrain:before {
content: "\e133";
}
.icon-weather-mistyrain-fullmoon:before {
content: "\e134";
}
.icon-weather-mistyrain-halfmoon:before {
content: "\e135";
}
.icon-weather-mistyrain-sun:before {
content: "\e136";
}
.icon-weather-moon:before {
content: "\e137";
}
.icon-weather-moondown-full:before {
content: "\e138";
}
.icon-weather-moondown-half:before {
content: "\e139";
}
.icon-weather-moonset-full:before {
content: "\e13a";
}
.icon-weather-moonset-half:before {
content: "\e13b";
}
.icon-weather-move2:before {
content: "\e13c";
}
.icon-weather-newmoon:before {
content: "\e13d";
}
.icon-weather-pisces:before {
content: "\e13e";
}
.icon-weather-rain:before {
content: "\e13f";
}
.icon-weather-rain-fullmoon:before {
content: "\e140";
}
.icon-weather-rain-halfmoon:before {
content: "\e141";
}
.icon-weather-rain-sun:before {
content: "\e142";
}
.icon-weather-sagittarius:before {
content: "\e143";
}
.icon-weather-scorpio:before {
content: "\e144";
}
.icon-weather-snow:before {
content: "\e145";
}
.icon-weather-snow-fullmoon:before {
content: "\e146";
}
.icon-weather-snow-halfmoon:before {
content: "\e147";
}
.icon-weather-snow-sun:before {
content: "\e148";
}
.icon-weather-snowflake:before {
content: "\e149";
}
.icon-weather-star:before {
content: "\e14a";
}
.icon-weather-storm-11:before {
content: "\e14b";
}
.icon-weather-storm-32:before {
content: "\e14c";
}
.icon-weather-storm-fullmoon:before {
content: "\e14d";
}
.icon-weather-storm-halfmoon:before {
content: "\e14e";
}
.icon-weather-storm-sun:before {
content: "\e14f";
}
.icon-weather-sun:before {
content: "\e150";
}
.icon-weather-sundown:before {
content: "\e151";
}
.icon-weather-sunset:before {
content: "\e152";
}
.icon-weather-taurus:before {
content: "\e153";
}
.icon-weather-tempest:before {
content: "\e154";
}
.icon-weather-tempest-fullmoon:before {
content: "\e155";
}
.icon-weather-tempest-halfmoon:before {
content: "\e156";
}
.icon-weather-tempest-sun:before {
content: "\e157";
}
.icon-weather-variable-fullmoon:before {
content: "\e158";
}
.icon-weather-variable-halfmoon:before {
content: "\e159";
}
.icon-weather-variable-sun:before {
content: "\e15a";
}
.icon-weather-virgo:before {
content: "\e15b";
}
.icon-weather-waning-cresent:before {
content: "\e15c";
}
.icon-weather-waning-gibbous:before {
content: "\e15d";
}
.icon-weather-waxing-cresent:before {
content: "\e15e";
}
.icon-weather-waxing-gibbous:before {
content: "\e15f";
}
.icon-weather-wind:before {
content: "\e160";
}
.icon-weather-cloud:before {
content: "\e161";
}
.icon-weather-cloud-drop:before {
content: "\e162";
}
.icon-weather-cloud-lightning:before {
content: "\e163";
}
.icon-weather-cloud-snowflake:before {
content: "\e164";
}
.icon-arrow413:before {
content: "\e165";
}
.icon-arrow427:before {
content: "\e166";
}
.icon-wrong6:before {
content: "\e167";
}
.icon-list23:before {
content: "\e168";
}
.icon-list23-1:before {
content: "\e169";
}
.icon-menu27:before {
content: "\e16a";
}
.icon-menu45:before {
content: "\e16b";
}
.icon-menu53:before {
content: "\e16c";
}
.icon-menu55:before {
content: "\e16d";
}
.icon-wrong6-1:before {
content: "\e16e";
}
.icon-thin35:before {
content: "\e16f";
}
.icon-thin36:before {
content: "\e170";
}
.icon-right106:before {
content: "\e171";
}
.icon-up77:before {
content: "\e172";
}
.icon-next15:before {
content: "\e173";
}
.icon-previous11:before {
content: "\e174";
}