Server : LiteSpeed System : Linux nl-srv-web1396.main-hosting.eu 4.18.0-553.83.1.lve.el8.x86_64 #1 SMP Wed Nov 12 10:04:12 UTC 2025 x86_64 User : u107206879 ( 107206879) PHP Version : 7.2.34 Disable Function : NONE Directory : /home/u107206879/domains/annoncelights.dk/public_html/src/css/ |
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
margin: 0;
padding: 0;
-webkit-tap-highlight-color: transparent;
zoom: 1;
}
html {
font-size: 16px;
min-height: 100%;
}
body {
font: 75%/150% "Lato", Arial, Helvetica, sans-serif;
background-color: #1e063c;
/* background-image: linear-gradient(95deg, rgba(58, 205, 252, .1), rgba(255, 71, 179, .1) 50%, rgba(255, 151, 38, .1))!important; */
color: #838383;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-ms-overflow-style: scrollbar;
oveflow-y: scroll;
}
iframe, img {
border: 0;
}
a {
text-decoration: none;
color: inherit;
}
a:hover, a:focus {
color: #01b7f2;
text-decoration: none;
}
a:focus {
outline: none;
}
p {
font-size: 1.0833em;
line-height: 1.6666;
margin-bottom: 15px;
}
dt {
font-weight: normal;
}
span.active, a.active, h2.active, h3.active, h4.active, h5.active, h6.active {
color: #f7498e;
}
.info-primary, .info-success {
color: #fff;
padding: 2px 5px;
line-height: 1em;
}
.info-success {
background: #98ce44;
}
.info-primary {
background: #2d3e52;
}
/* 2) Heading */
h1, h2, h3, h4, h5, h6 {
margin: 0 0 15px;
font-weight: normal;
color: #697481;
}
h1 {
font-size: 2.9em !important;
font-weight: 500;
line-height: 1.25em;
color: #fff;
letter-spacing: 0.04em;
}
h2 {
font-size: 1.6667em;
line-height: 1.25em;
/*20px, 35px*/
}
h3 {
font-size: 1.5em;
line-height: 1.2222em;
/*18px, 22px*/
}
h4 {
font-size: 1.3333em;
line-height: 1.25em;
/*16px, 20px*/
}
h5 {
font-size: 1.1666em;
line-height: 1.1428em;
/*14px, 16px*/
}
h6 {
font-size: 1em;
}
h1.fourty-space {
font-size: 1.3333em;
line-height: 1.25em;
letter-spacing: .04em;
}
h2.fourty-space {
font-size: 1.1666em;
line-height: 1.1428em;
letter-spacing: .04em;
}
h3.fourty-space {
font-size: 1.0833em;
line-height: 1.1428em;
letter-spacing: .04em;
}
h4.fourty-space {
font-size: 1em;
line-height: 1.1em;
letter-spacing: .04em;
}
h5.fourty-space {
font-size: 0.9166;
line-height: 1.1em;
letter-spacing: .04em;
}
h6.fourty-space {
font-size: 0.8333em;
line-height: 1.1em;
letter-spacing: .04em;
}
/* 3) Lists */
ol, ul {
list-style: none;
margin: 0;
}
/* 4) Contents */
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border-color: #f5f5f5;
}
/* 5) Table */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 6) HTML5 & CSS3 Styles for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
/* 7) Tools */
.clearer {
clear: both !important;
padding: 0 !important;
margin: 0 !important;
}
.hidden {
display: block !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.nobr {
white-space: nowrap !important;
}
.wrap {
white-space: normal !important;
}
.no-display {
display: none;
}
.no-float {
float: none !important;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-lpadding {
padding-left: 0 !important;
}
.no-rpadding {
padding-right: 0 !important;
}
.no-border {
border: none !important;
}
.full-width {
width: 100% !important;
}
img.full-width {
height: auto;
}
.uppercase {
text-transform: uppercase;
}
.fourty-space {
letter-spacing: .04em !important;
}
.underline {
text-decoration: underline !important;
}
.inline-block {
display: inline-block !important;
}
.visible-sms {
display: none;
}
.overflow-hidden {
overflow: hidden;
}
.no-letter-spacing {
letter-spacing: normal !important;
}
/* 8) Colors */
.blue-color {
color: #01b7f2 !important;
}
.light-blue-color {
color: #7692b4;
}
.yellow-color {
color: #fdb714 !important;
}
.red-color {
color: #e01a33 !important;
}
.green-color {
color: #7db921 !important;
}
.white-color {
color: #fff !important;
}
.dark-blue-color {
color: #2d3e52 !important;
}
.skin-color {
color: #01b7f2;
}
.default-color {
color: inherit !important;
}
.gray-color {
color: #9e9e9e !important;
}
.hotel-color {
color: #01b7f2;
}
.select-color {
color: #fdb714;
}
.blue-bg {
background-color: #01b7f2 !important;
}
.yellow-bg {
background-color: #fdb714 !important;
}
.red-bg {
background-color: #e01a33 !important;
}
.green-bg {
background-color: #98ce44 !important;
}
.white-bg {
background-color: #fff !important;
}
.dark-blue-bg {
background-color: #2d3e52 !important;
}
.skin-bg {
background-color: #01b7f2 !important;
}
.gray-bg {
background-color: #f5f5f5 !important;
}
/* Icons */
@font-face {
font-family: 'soap-icons';
src: url("../fonts/soap-iconsc526.eot?26664784");
src: url("../fonts/soap-iconsc526.eot?26664784#iefix") format("embedded-opentype"), url("../fonts/soap-iconsc526.woff?26664784") format("woff"), url("../fonts/soap-iconsc526.ttf?26664784") format("truetype"), url("../fonts/soap-iconsc526.svg?26664784#soap-icons") format("svg");
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'soap-icons';
src: url('../font/soap-icons.svg?26664784#soap-icons') format('svg');
}
}
*/
[class^="soap-icon"], [class*=" soap-icon"] {
vertical-align: baseline;
}
[class^="soap-icon"]:before, [class*=" soap-icon"]:before {
font-family: "soap-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
/* you can be more comfortable with increased icons size */
/*font-size: 120%;*/
}
[class^="soap-icon"].circle, [class*=" soap-icon"].circle, .glyphicon.circle {
border: 1px solid;
width: 1.8em;
height: 1.8em;
line-height: 1.7333em;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
display: inline-block;
text-align: center;
}
[class^="soap-icon"].takeoff-effect:before, [class*=" soap-icon"].takeoff-effect:before, .glyphicon.takeoff-effect:before {
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
transform: rotate(-25deg);
}
[class^="soap-icon"].takeoff-effect1:before, [class*=" soap-icon"].takeoff-effect1:before, .glyphicon.takeoff-effect1:before {
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
transform: rotate(25deg);
}
[class^="soap-icon"].landing-effect:before, [class*=" soap-icon"].landing-effect:before, .glyphicon.landing-effect:before {
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
transform: rotate(-25deg);
}
[class^="soap-icon"].flip-effect:before, [class*=" soap-icon"].flip-effect:before, .glyphicon.flip-effect:before {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
}
/* font */
@font-face {
font-family: 'NexaBlack';
src: url("../fonts/NexaBlackd41d.eot?") format("eot"), url("../fonts/NexaBlack.otf") format("opentype"), url("../fonts/NexaBlack.woff") format("woff"), url("../fonts/NexaBlack.ttf") format("truetype"), url("../fonts/NexaBlack.svg#NexaBlack") format("svg");
}
/* 1.2. Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#page-wrapper {
position: relative;
overflow: visible;
}
.gray-area {
background: #f5f5f5;
}
.hr_lines{
border-top-style: none!important;
border-right-style: none!important;
border-radius: 2px!important;
border-left-style: none!important;
border-bottom-style: none!important;
background: linear-gradient(50deg, #f0548d, #fb9a68)!important;
margin-top: 0!important;
margin-right: auto!important;
margin-left: auto!important;
width: 90px !important;
border: 0; /* in order to override TWBS stylesheet */
height: 5px;
}
.description p {
color: #7c9abd;
}
.description h1, .description h2, .description h3, .description h4, .description h5, .description h6,
.description p {
color: #fff;
}
.description h2, .main_h1{
font-size: 30px;
font-weight: 700;
}
.description p{
line-height: 20px;
opacity: 0.7;
font-size: 20px;
}
.description h3{
opacity: 0.7;
font-size: 20px;
}
.description h4{
margin-bottom: 40px;
}
section#content {
min-height: 400px;
/*padding-top: 40px;*/
padding-top: 10px;
text-align: left;
}
section#content:after {
display: table;
content: "";
clear: both;
}
.sm-section {
padding-top: 30px;
padding-bottom: 20px;
}
.md-section {
padding-top: 40px;
padding-bottom: 30px;
}
.section {
padding-top: 50px;
padding-bottom: 0px;
}
.small-box {
margin-bottom: 20px;
}
.box {
margin-bottom: 30px;
}
.block {
margin-bottom: 40px;
}
.large-block {
margin-bottom: 70px;
}
article {
margin-bottom: 20px;
}
#main {
margin-bottom: 40px;
}
.body-blank {
display: table;
height: 100%;
left: 0;
margin: 0;
overflow-x: hidden;
position: absolute;
top: 0;
width: 100%;
}
.wrapper-blank {
display: table-cell;
float: none;
vertical-align: middle;
width: 100%;
}
/* 2. Global Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.table-wrapper {
display: table;
}
.table-wrapper .table-row {
display: table-row;
float: none !important;
}
.table-wrapper .table-cell {
display: table-cell;
vertical-align: top;
float: none !important;
}
.table-wrapper .table-cell.content-middle {
vertical-align: middle;
}
.image-container img {
max-width: 100%;
}
.imagebg-container {
background-repeat: no-repeat;
background-position: center center;
}
.banner {
position: relative;
z-index: 1;
padding: 90px 0;
}
.banner .big-caption, .banner .med-caption {
color: #fff;
text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25);
}
.banner .big-caption {
font-size: 4.1667em;
}
.banner .med-caption {
font-size: 2.5em;
}
/* box title */
.box-title {
margin-bottom: 0;
line-height: 1em;
}
.box-title small {
font-size: 10px;
color: #838383;
text-transform: uppercase;
display: block;
margin-top: 4px;
/*letter-spacing: normal;*/
}
.box-title small [class^="soap-icon"] {
color: #fdb714;
font-size: 1.3333em;
}
h2.box-title small {
font-size: 11px;
}
h1.box-title small {
font-size: 12px;
}
.s-title {
color: #01b7f2;
}
.s-title a:hover {
color: #40cbf8;
}
.m-title {
margin: 0;
}
.f-title {
letter-spacing: 0.04em;
margin-bottom: 10px;
}
.border-bottom {
border-bottom: 1px solid #f5f5f5;
}
/*#slideshow, */
.flex-viewport .slides li {
/*img { */
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
/* }*/
}
/* 2.1. Form Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input.input-text, select, textarea, span.custom-select {
background: #f5f5f5;
border: none;
line-height: normal;
}
input.input-text, textarea, span.custom-select {
border-radius: 4px;
padding-left: 15px;
padding-right: 15px;
height: 34px;
}
input.input-text.input-large, textarea.input-large, span.custom-select.input-large {
height: 43px;
font-size: 1.1667em;
}
input.input-text.input-medium, textarea.input-medium, span.custom-select.input-medium {
height: 34px;
}
input.input-text.input-small, textarea.input-small, span.custom-select.input-small {
height: 28px;
}
input.input-text.input-mini, textarea.input-mini, span.custom-select.input-mini {
height: 19px;
}
input.input-text.white, textarea.white, span.custom-select.white {
background: #fff;
}
textarea {
height: auto;
padding-top: 10px;
padding-bottom: 10px;
}
textarea {
resize: vertical;
}
/* 2.1.1. Select box */
select {
height: 34px;
padding: 8px 0 8px 8px;
}
select option {
padding: 2px 10px;
}
.selector {
position: relative;
min-width: 60px;
line-height: 0;
}
.selector select {
position: absolute;
z-index: 1;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
width: 100%;
-webkit-appearance: menulist-button;
line-height: 30px;
}
.selector span.custom-select {
display: inline-block;
line-height: 34px;
/*padding: 0 10px;*/
position: relative;
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.selector span.custom-select:before {
position: absolute;
right: 0;
top: 0;
content: '';
background: #f7498e;
width: 20px;
height: 100%;
}
.selector span.custom-select:after {
position: absolute;
right: 7px;
top: 15px;
border-top: 5px solid #fff;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
content: "";
}
.selector.style1 span.custom-select:before {
background: transparent;
}
.selector.style1 span.custom-select:after {
border-top-color: #fdb714;
}
#radius:disabled {
cursor: not-allowed;
}
/* 2.1.2. File input box */
.fileinput {
position: relative;
display: inline-block;
min-width: 100px;
}
.fileinput input[type=file] {
position: relative;
z-index: 2;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
width: 100%;
}
.fileinput .custom-fileinput {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
line-height: normal;
}
.fileinput:after {
display: block;
content: "BROWSE";
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
background: #fdb714;
color: #fff;
font-size: 1em;
padding-left: 15px;
padding-right: 15px;
letter-spacing: 0.04em;
font-weight: bold;
vertical-align: middle;
}
/* 2.1.3. Checkbox and Radio */
.checkbox, .radio {
position: relative;
margin-top: 0;
line-height: 20px;
}
.checkbox:before, .radio:before {
display: block;
content: "";
position: absolute;
left: 0;
top: 3px;
width: 14px;
height: 14px;
border: 1px solid #d1d1d1;
z-index: 0;
font-family: "soap-icons";
line-height: 12px;
text-align: center;
}
.checkbox.checked:before, .radio.checked:before {
border-color: #01b7f2;
color: #fff;
background: #01b7f2;
content: "\e8ba";
}
/* checkbox */
.checkbox label, .checkbox.label {
font-size: 1.0833em;
line-height: 20px;
color: #9e9e9e;
}
.checkbox input[type="checkbox"] {
position: relative;
z-index: 1;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
/* radio */
.radio label, .radio.label {
font-size: 0.9167em;
line-height: 20px;
}
.radio input[type="radio"] {
position: relative;
z-index: 1;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.radio:before {
background: #fff;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
font-size: 1.3333em;
line-height: 13px;
}
.radio.radio-square:before {
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-ms-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
.radio.checked:before {
content: "\e892";
}
.checkbox-inline, .radio-inline {
margin-left: 10px;
}
/* 2.1.4. Form */
form label {
text-transform: uppercase;
display: block;
margin-bottom: 5px;
font-weight: normal;
font-size: 0.9167em;
}
form .checkbox label, form label.checkbox {
font-size: 1.0833em;
text-transform: none;
}
form .radio label, form label.radio {
font-size: 0.9167em;
}
form .form-group {
margin-bottom: 15px;
}
.sidebar form .form-group {
margin-bottom: 10px;
}
.sidebar form label {
font-size: 0.8333em;
margin-bottom: 3px;
}
.panel-content form label {
font-size: 0.8333em;
margin-bottom: 3px;
}
.input_compulsory{
color: #ef238b;
font-size: 19px !important;
}
/* Fourty space */
.box-title, .post-title, .post-meta, .author .name, .mile, .title, .s-title, .price, button, input[type="button"].button, a.button, dl, label, span.info, .price-wrapper, ul.tabs a, .icon-box.style1, .icon-box.style2, .icon-box.style3 .description, .icon-box.style5, .search-results-title, .breadcrumbs {
letter-spacing: 0.04em;
}
/* 2.2. Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 2.2.1. Buttons */
button, input[type="button"].button, a.button {
border: none;
color: #fff;
cursor: pointer;
padding: 0 15px;
white-space: nowrap;
}
button.btn-large, input[type="button"].button.btn-large, a.button.btn-large {
padding: 0 32px;
height: 43px;
font-size: 1.1667em;
line-height: 43px;
}
button.btn-medium, input[type="button"].button.btn-medium, a.button.btn-medium {
padding: 0 32px;
height: 34px;
line-height: 34px;
font-size: 1em;
}
button.btn-small, input[type="button"].button.btn-small, a.button.btn-small {
height: 28px;
padding: 0 24px;
line-height: 28px;
font-size: 0.9167em;
}
button.btn-mini, input[type="button"].button.btn-mini, a.button.btn-mini {
height: 19px;
padding: 0 20px;
font-size: 0.8333em;
line-height: 19px;
}
button.full-width, input[type="button"].button.full-width, a.button.full-width {
padding-left: 0;
padding-right: 0;
border-radius: 4px;
}
button, input[type="button"].button {
font-size: 0.9167em;
font-weight: bold;
background: #f7498e;
/*height: 34px;*/
line-height: 34px;
}
button:hover, input[type="button"].button:hover {
background: #f7498e;
}
button:focus, input[type="button"].button:focus {
outline-color: transparent;
}
a.button {
display: inline-block;
background: #d9d9d9;
font-size: 0.8333em;
line-height: 1.8333em;
white-space: nowrap;
text-align: center;
}
a.button:hover {
background: #98ce44;
}
a.button.btn-mini {
padding-left: 10px;
padding-right: 10px;
}
a.button.btn-large, a.button.btn-medium, a.button.btn-small, a.button.full-width {
font-weight: bold;
}
button, input[type="button"].button, a.button {
/* Extra buttons */
}
button.white, input[type="button"].button.white, a.button.white {
background: #fff;
color: inherit;
}
button.silver, input[type="button"].button.silver, a.button.silver {
background: #d9d9d9;
}
button.sky-blue1, input[type="button"].button.sky-blue1, a.button.sky-blue1 {
background: #01b7f2;
}
button.sky-blue1:hover, input[type="button"].button.sky-blue1:hover, a.button.sky-blue1:hover {
background: #07a5d8;
}
button.yellow, input[type="button"].button.yellow, a.button.yellow {
background: #fdb714;
}
button.yellow:hover, input[type="button"].button.yellow:hover, a.button.yellow:hover {
background: #e9b02b;
}
button.dark-blue1, input[type="button"].button.dark-blue1, a.button.dark-blue1 {
background: #2d3e52;
}
button.green, input[type="button"].button.green, a.button.green {
background: #98ce44;
}
button.green:hover, input[type="button"].button.green:hover, a.button.green:hover {
background: #7fb231;
}
button.red, input[type="button"].button.red, a.button.red {
background: #e44049;
}
button.light-brown, input[type="button"].button.light-brown, a.button.light-brown {
background: #e6c687;
}
button.orange, input[type="button"].button.orange, a.button.orange {
background: #ff6000;
}
button.dull-blue, input[type="button"].button.dull-blue, a.button.dull-blue {
background: #12a0c3;
}
button.light-orange, input[type="button"].button.light-orange, a.button.light-orange {
background: #f5a77d;
}
button.light-purple, input[type="button"].button.light-purple, a.button.light-purple {
background: #db8df6;
}
button.sea-blue, input[type="button"].button.sea-blue, a.button.sea-blue {
background: #0ab596;
}
button.sky-blue2, input[type="button"].button.sky-blue2, a.button.sky-blue2 {
background: #6dace6;
}
button.dark-blue2, input[type="button"].button.dark-blue2, a.button.dark-blue2 {
background: #194eb0;
}
button.dark-orange, input[type="button"].button.dark-orange, a.button.dark-orange {
background: #ff3e3e;
}
button.purple, input[type="button"].button.purple, a.button.purple {
background: #9f60b5;
}
button.light-yellow, input[type="button"].button.light-yellow, a.button.light-yellow {
background: #ffd200;
}
button.btn-extra, input[type="button"].button.btn-extra, a.button.btn-extra {
font-size: 1em;
height: 70px;
padding: 0;
text-transform: uppercase;
background: transparent;
color: #fff;
line-height: 1.5em;
border: 1px solid #01b7f2;
border-left: none;
position: relative;
overflow: hidden;
letter-spacing: 0;
display: inline-table;
table-layout: fixed;
margin-right: 10px;
margin-bottom: 10px;
}
button.btn-extra > i, input[type="button"].button.btn-extra > i, a.button.btn-extra > i {
width: 55px;
vertical-align: middle;
background: #01b7f2;
color: #2d3e52;
font-size: 36px;
display: table-cell;
height: 70px;
text-align: right;
padding-right: 8px;
}
button.btn-extra > i:after, input[type="button"].button.btn-extra > i:after, a.button.btn-extra > i:after {
display: block;
content: "";
position: absolute;
left: 55px;
border-bottom: 70px solid #01b7f2;
border-right: 16px solid transparent;
top: 0;
bottom: 0;
}
button.btn-extra > span, input[type="button"].button.btn-extra > span, a.button.btn-extra > span {
display: table-cell;
vertical-align: middle;
padding: 0 20px 0 35px;
text-align: left;
}
button.btn-extra > span em, input[type="button"].button.btn-extra > span em, a.button.btn-extra > span em {
color: #01b7f2;
font-size: 1.6667em;
font-weight: bold;
font-style: normal;
}
button.btn-extra:hover, input[type="button"].button.btn-extra:hover, a.button.btn-extra:hover {
color: inherit;
background: #fff;
border: none;
border-right: 1px solid transparent !important;
}
button.btn-extra:hover > i, input[type="button"].button.btn-extra:hover > i, a.button.btn-extra:hover > i {
color: #fff;
}
button.btn-extra.blue, input[type="button"].button.btn-extra.blue, a.button.btn-extra.blue {
border-color: #01b7f2;
}
button.btn-extra.blue > i, input[type="button"].button.btn-extra.blue > i, a.button.btn-extra.blue > i {
background: #01b7f2;
}
button.btn-extra.blue > i:after, input[type="button"].button.btn-extra.blue > i:after, a.button.btn-extra.blue > i:after {
border-bottom-color: #01b7f2;
}
button.btn-extra.blue > span em, input[type="button"].button.btn-extra.blue > span em, a.button.btn-extra.blue > span em {
color: #01b7f2;
}
button.btn-extra.yellow, input[type="button"].button.btn-extra.yellow, a.button.btn-extra.yellow {
border-color: #fdb714;
}
button.btn-extra.yellow > i, input[type="button"].button.btn-extra.yellow > i, a.button.btn-extra.yellow > i {
background: #fdb714;
}
button.btn-extra.yellow > i:after, input[type="button"].button.btn-extra.yellow > i:after, a.button.btn-extra.yellow > i:after {
border-bottom-color: #fdb714;
}
button.btn-extra.yellow > span em, input[type="button"].button.btn-extra.yellow > span em, a.button.btn-extra.yellow > span em {
color: #fdb714;
}
.icon-check {
position: relative;
padding-right: 30px !important;
padding-left: 0 !important;
overflow: hidden;
/*&:hover:after { @include animation(toTopFromBottom, 0.35s, forwards); }*/
}
.icon-check:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
background: url(../images/icon/icon-check.png) no-repeat center center #f7498e;
}
.icon-check:hover:after {
background-color: #f7498e;
}
.icon-check-more {
text-transform: uppercase;
position: relative;
padding-right: 30px !important;
padding-left: 0 !important;
overflow: hidden;
/*&:hover:after { @include animation(toTopFromBottom, 0.35s, forwards); }*/
}
@media only screen and (max-width: 767px){
.desktop{display: none;}
.mobile{display: block;}
}
@media only screen and (min-width: 768px){
.mobile{display: none;}
.desktop{display: block;}
}
.icon-check-more:after {
content: "\02F0";
font-size: 45px;
position: absolute;
top: -22px;
right: 5px;
width: 20px;
height: 100%;
}
.icon-check-more.collapsed:after {
content: "\02EF";
}
.icon-check-more:hover:after {
background-color: #f7498e;
}
.flag_more_view_li{
text-align: center;
font-size: 14px;
/*margin-right: 10px;*/
margin-bottom: 15px;
margin-top: 5px;
list-style: none;
display: inline-grid;
color: #fff;
}
.flag_more_view_li a, .more_view_li a {
border-radius: 3px;
background: #f7498e;
padding: 8px;
color: #fff;
padding-bottom: 10px;
}
.more_view_li{
text-align: center;
font-size: 14px;
/*margin-right: 10px;*/
margin-bottom: 15px;
margin-top: 5px;
list-style: none;
display: inline-grid;
color: #fff;
}
.mobile .more_view_li, .mobile .flag_more_view_li{
padding-left: 5px !important;
padding-right: 5px !important;
}
#more_cities_show, #mob_more_cities_show, #more_nationality_show, #mob_more_nationality_show, #more_adservice_show, #mob_more_adservice_show {
float: right;
border-radius: 3px;
}
#button_cat_accordion{
padding-left: 10px !important;
border-radius: 4px;
}
#cat_accordion{
/*padding-left: 15px !important;
padding-right: 15px !important;*/
padding-top: 2px;
border-radius: 3px;
}
#cat_accordion a {
/*background: #f7498e;
border-radius: 4px;
padding: 8px;
margin-bottom: 5px;
color: #fff;*/
}
.accordion-toggle:after{
top: 0px;
font-size: 14px;
font-family:'Glyphicons Halflings';
content:"\e113";
float:right;
color:#fff;
opacity: 0.9;
padding-right: 5px;
}
.accordion-toggle.collapsed:after{
content:"\e114";
}
#more_regions_collapse-mob, #more_cities_collapse-mob, #more_nationalities_collapse-mob, #more_adservices_collapse-mob{
max-height: 0;
}
@media only screen and (max-width: 500px){
.more_view_regions_li, .more_view_cities_li, .more_view_nationalities_li, .more_view_adservices_li, .more_view_cat_li {
width: 100% !important;
}
}
.flag_more_view_li a:hover, .flag_more_view_li a:focus, .more_view_li a:hover, .more_view_li a:focus{
color: #fff;
}
.with-icon {
position: relative;
padding: 0 !important;
display: inline-block;
}
.with-icon .icon {
position: absolute;
right: 0;
top: 50%;
margin: -17px 0 0 !important;
width: 30px;
font-size: 18px;
color: #a4a4a4;
background: none;
padding: 0 !important;
height: auto;
}
.with-icon .input-text {
padding-right: 40px !important;
}
.with-icon.input-large .icon {
width: 43px;
height: 43px;
margin-top: -21px !important;
font-size: 22px;
}
.with-icon.input-large .input-text {
padding-right: 48px !important;
}
/* 2.2.8. Hover effect */
.hover-effect {
display: block;
position: relative;
background: none;
overflow: hidden;
/*z-index: 0;*/
/*color skin*/
/* style1 : checked icon */
}
.hover-effect:after {
/*content: '';*/
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
visibility: hidden;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
-webkit-transform: rotateY(180deg) scale(0.5, 0.5);
-moz-transform: rotateY(180deg) scale(0.5, 0.5);
-ms-transform: rotateY(180deg) scale(0.5, 0.5);
-o-transform: rotateY(180deg) scale(0.5, 0.5);
transform: rotateY(180deg) scale(0.5, 0.5);
background: url(../images/icon/hover-effect.png) no-repeat center;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
background-color: rgba(1, 183, 242, 0.6);
}
.hover-effect img {
display: block;
position: relative;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
-webkit-backface-visibility: hidden;
}
.hover-effect:hover:after {
visibility: visible;
-webkit-transform: rotateY(0deg) scale(1, 1);
-moz-transform: rotateY(0deg) scale(1, 1);
-ms-transform: rotateY(0deg) scale(1, 1);
-o-transform: rotateY(0deg) scale(1, 1);
transform: rotateY(0deg) scale(1, 1);
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.hover-effect:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.hover-effect.yellow:after {
background-color: rgba(255, 255, 40, 0.6);
}
.hover-effect.style1:after {
color: #fff;
background: none;
content: "\e8ba";
font-family: "soap-icons";
font-size: 1.6667em;
text-align: center;
line-height: 50px;
border: 2px solid #fff;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
width: 50px;
height: 50px;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
}
.hover-effect.style1:hover {
background: #01b7f2;
}
.hover-effect.style1:hover img {
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.selected-effect {
display: block;
position: relative;
background: none;
overflow: hidden;
background: #01b7f2;
}
.selected-effect img {
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.selected-effect:after {
position: absolute;
color: #fff;
background: none;
content: "\e8ba";
font-family: "soap-icons";
font-size: 1.6667em;
text-align: center;
line-height: 50px;
border: 2px solid #fff;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
width: 50px;
height: 50px;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
}
.animated .hover-effect {
z-index: 0;
}
/* 2.2.9. Social icons */
.social-icons li {
float: left;
text-align: center;
}
.social-icons li a {
width: 32px;
margin-right: 4px;
height: 32px;
display: inline-block;
background: #d9d9d9;
color: #fff;
line-height: 32px;
font-size: 1.3333em;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-webkit-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.social-icons li a:hover {
background: #01b7f2;
}
.social-icons li:last-child {
margin-right: 0;
}
.social-icons.icon-circle a {
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
overflow: hidden;
}
.social-icons.style1 a:hover {
background: #01b7f2;
}
.social-icons.style2 a {
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
}
.social-icons.full-width {
display: block;
}
.social-icons.full-width li {
display: table-cell;
float: none;
width: 1%;
margin: 0;
text-align: center;
}
.social-icons li {
overflow: hidden;
}
.social-icons li:hover i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
display: block;
}
/* 2.4. Skin Color ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.title {
color: #fff;
}
/* 2.5. Positioning ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.middle-block {
position: relative;
display: block;
overflow: hidden;
}
.middle-block .middle-item {
position: absolute;
}
.middle-block img.middle-item {
max-width: none;
min-width: 100%;
}
.column-2 > *, .column-3 > *, .column-4 > *, .column-5 > *, .column-5-no-margin > *, .constant-column-2 > *, .constant-column-3 > *, .constant-column-4 > *, .constant-column-5 > * {
float: left;
}
.column-2:after, .column-3:after, .column-4:after, .column-5:after, .column-5-no-margin:after, .constant-column-2:after, .constant-column-3:after, .constant-column-4:after, .constant-column-5:after {
clear: both;
content: "";
display: table;
}
.column-5-no-margin > *:nth-child(5n+1) {
clear: both;
}
.column-5-no-margin > * {
width: 20%;
}
.column-2 > *, .constant-column-2 > * {
width: 48.5%;
margin-right: 3%;
margin-bottom: 3%;
}
.column-2 > *:nth-child(2n), .constant-column-2 > *:nth-child(2n) {
margin-right: 0;
}
.column-2 > *:nth-child(2n+1), .constant-column-2 > *:nth-child(2n+1) {
clear: both;
}
.column-3 > *, .constant-column-3 > * {
width: 31.3333%;
margin-right: 3%;
margin-bottom: 3%;
}
.column-3 > *:nth-child(3n), .constant-column-3 > *:nth-child(3n) {
margin-right: 0;
}
.column-3 > *:nth-child(3n+1), .constant-column-3 > *:nth-child(3n+1) {
clear: both;
}
.column-4 > *, .constant-column-4 > * {
width: 22.75%;
margin-right: 3%;
margin-bottom: 3%;
}
.column-4 > *:nth-child(4n), .constant-column-4 > *:nth-child(4n) {
margin-right: 0;
}
.column-4 > *:nth-child(4n+1), .constant-column-4 > *:nth-child(4n+1) {
clear: both;
}
.column-5 > *, .constant-column-5 > * {
width: 17.6%;
margin-right: 3%;
margin-bottom: 3%;
}
.column-5 > *:nth-child(5n), .constant-column-5 > *:nth-child(5n) {
margin-right: 0;
}
.column-5 > *:nth-child(5n+1), .constant-column-5 > *:nth-child(5n+1) {
clear: both;
}
/* 2.6. Unordered lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle, ul.decimal, ul.upper-roman, ul.lower-latin, ul.upper-latin {
line-height: 2em;
font-size: 1em;
}
ul.arrow li.active, ul.arrow li.active:before, ul.arrow.hover li:hover, ul.arrow.hover li:hover:before, ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover:before, ul.circle li.active, ul.circle li.active:before, ul.circle.hover li:hover, ul.circle.hover li:hover:before, ul.check li.active, ul.check li.active:before, ul.check.hover li:hover, ul.check.hover li:hover:before, ul.chevron li.active, ul.chevron li.active:before, ul.chevron.hover li:hover, ul.chevron.hover li:hover:before, ul.arrow-square li.active, ul.arrow-square li.active:before, ul.arrow-square.hover li:hover, ul.arrow-square.hover li:hover:before, ul.check-square li.active, ul.check-square li.active:before, ul.check-square.hover li:hover, ul.check-square.hover li:hover:before, ul.check-circle li.active, ul.check-circle li.active:before, ul.check-circle.hover li:hover, ul.check-circle.hover li:hover:before, ul.decimal li.active, ul.decimal li.active:before, ul.decimal.hover li:hover, ul.decimal.hover li:hover:before, ul.upper-roman li.active, ul.upper-roman li.active:before, ul.upper-roman.hover li:hover, ul.upper-roman.hover li:hover:before, ul.lower-latin li.active, ul.lower-latin li.active:before, ul.lower-latin.hover li:hover, ul.lower-latin.hover li:hover:before, ul.upper-latin li.active, ul.upper-latin li.active:before, ul.upper-latin.hover li:hover, ul.upper-latin.hover li:hover:before {
color: #01b7f2;
}
ul.arrow.hover li, ul.triangle.hover li, ul.circle.hover li, ul.check.hover li, ul.chevron.hover li, ul.arrow-square.hover li, ul.check-square.hover li, ul.check-circle.hover li, ul.decimal.hover li, ul.upper-roman.hover li, ul.lower-latin.hover li, ul.upper-latin.hover li {
cursor: default;
}
ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle {
list-style: none;
padding: 0;
}
ul.arrow li:before, ul.triangle li:before, ul.circle li:before, ul.check li:before, ul.chevron li:before, ul.arrow-square li:before, ul.check-square li:before, ul.check-circle li:before {
font-family: "FontAwesome";
}
ul.arrow li:before {
content: "\f178";
margin-right: 10px;
color: #01b7f2;
}
ul.triangle li:before {
content: "\f04b";
margin-right: 10px;
color: #d9d9d9;
display: block;
float: left;
font-size: 7px;
}
ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover .box-title, ul.triangle.hover li:hover:before {
color: #01b7f2;
}
ul.circle li:before {
content: "\f111";
margin-right: 10px;
color: #01b7f2;
display: block;
float: left;
font-size: 5px;
}
ul.circle.bullet-yellow li:before {
color: #fdb714;
}
ul.circle.bullet-green li:before {
color: #98ce44;
}
ul.circle.bullet-blue li:before {
color: #01b7f2;
}
ul.check li:before {
content: "\e8ba";
margin-right: 10px;
color: #98ce44;
font-family: "soap-icons";
font-size: 1.3333em;
line-height: 1em;
}
ul.chevron li {
padding-left: 30px !important;
position: relative;
}
ul.chevron li:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
line-height: 20px;
content: "\f054";
color: #01b7f2;
display: block;
width: 20px;
height: 20px;
text-align: center;
font-size: 10px;
border: 1px solid #01b7f2;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
}
ul.arrow-square li:before {
content: "\f178";
margin-right: 10px;
color: #fff;
background: #01b7f2;
padding: 0 2px 0 3px;
}
ul.decimal {
counter-reset: item;
}
ul.decimal li:before {
content: counters(item,".") "-";
counter-increment: item;
margin-right: 5px;
}
ul.upper-roman {
padding-left: 1.5em;
list-style: upper-roman outside none;
}
ul.lower-latin {
padding-left: 1.25em;
list-style: lower-latin outside none;
}
ul.upper-latin {
padding-left: 1.5em;
list-style: upper-latin outside none;
}
/* colored */
ul.upper-roman.bullet-colored li, ul.lower-latin.bullet-colored li, ul.upper-latin.bullet-colored li {
color: #01b7f2;
}
ul.upper-roman.bullet-colored li > *, ul.lower-latin.bullet-colored li > *, ul.upper-latin.bullet-colored li > * {
color: #838383;
}
ul.check-square li:before {
font-family: 'soap-icons';
content: "\e8ba";
background: #d9d9d9;
color: #fff;
padding: 1px 4px 0;
margin-right: 10px;
font-size: 12px;
}
ul.check-square li.active {
background: #01b7f2;
color: #fff;
}
ul.check-square li.active > a {
color: #fff;
}
ul.check-square li.active:before {
background: #fff;
color: #fdb714;
}
ul.check-circle li:before {
content: "\e8ba";
display: inline-block;
color: #fff;
margin-right: 10px;
font-family: "soap-icons";
background: #fdb714;
vertical-align: baseline;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
}
/* 2.9. Tabs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tab-wrapper {
background: #fff;
}
.tab-wrapper .tab-container .tab-content .tab-pane {
padding-left: 0;
padding-right: 0;
}
.tab-pane [class^="col-"], .tab-pane [class*=" col-"] {
padding-left: 10px;
padding-right: 10px;
}
.tab-pane .row {
margin-top: 0;
margin-left: -10px;
margin-right: -10px;
}
/* 2.11. Photo Gallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.flexslider .slides > li {
display: none;
}
.image-carousel {
position: relative;
box-shadow: none;
border: none;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-ms-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
background: none;
}
.image-carousel .slides > li {
display: none;
}
.image-carousel img {
max-width: 100%;
}
.image-carousel.style1 {
padding: 10px 45px;
background: #fff;
}
.image-carousel.style1 .slides > li {
margin-right: 10px;
height: 70px;
cursor: pointer;
overflow: hidden;
}
.image-carousel.style1 .slides > li:last-child {
margin-right: 0;
}
.image-carousel.style1 .slides > li img {
height: 100%;
width: auto;
max-width: none;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-webkit-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.image-carousel.style1 .slides > li.flex-active-slide img, .image-carousel.style1 .slides > li:hover img {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.image-carousel.style1 .flex-control-nav {
display: none;
}
.image-carousel.style1 .flex-direction-nav {
position: static;
width: 0;
height: 0;
}
.image-carousel.style1 .flex-direction-nav li a {
background: rgba(1, 183, 242, 0.7);
float: none;
width: 25px;
height: auto;
position: absolute;
top: 10px;
bottom: 10px;
margin: 0;
filter: alpha(opacity=100) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
opacity: 1 !important;
text-indent: -9999px;
text-align: left;
color: #fff;
-moz-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
-webkit-transition: background 0.2s ease-in;
-ms-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
}
.image-carousel.style1 .flex-direction-nav li a:hover {
background: #01b7f2;
}
.image-carousel.style1 .flex-direction-nav li a:before {
display: block;
position: absolute;
left: 9px;
top: 50%;
margin-top: -6px;
text-indent: 0;
font-family: FontAwesome;
font-size: 12px;
line-height: 1;
text-shadow: none;
}
.image-carousel.style1 .flex-direction-nav li a.flex-prev {
left: 10px;
}
.image-carousel.style1 .flex-direction-nav li a.flex-prev:before {
content: "\f053";
}
.image-carousel.style1 .flex-direction-nav li a.flex-next {
right: 10px;
}
.image-carousel.style1 .flex-direction-nav li a.flex-next:before {
content: "\f054";
}
.image-carousel.style1 .flex-direction-nav li a.flex-disabled {
background: #f5f5f5;
color: #9e9e9e;
}
.image-carousel.style2 .slides > li {
margin-right: 30px;
}
.image-carousel.style2 .slides > li:last-child {
margin-right: 0;
}
.image-carousel.style2 .slides > li .hover-effect {
z-index: 0;
}
.image-carousel.style2 .slides > li .hover-effect img {
position: relative;
}
.image-carousel.style2 .slides > li .hover-effect .caption {
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
position: absolute;
bottom: 0;
left: 0;
height: 33px;
line-height: 33px;
overflow: hidden;
padding: 0;
text-align: center;
right: 0;
z-index: 3;
margin: 0;
background: #2d3e52;
color: #fff;
font-size: 1.1667em;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
-webkit-transition: -webkit-transform 0.35s;
-ms-transition: -ms-transform 0.35s;
transition: transform 0.35s;
}
.image-carousel.style2 .slides > li .hover-effect:hover .caption {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
display: block;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.image-carousel.style2 .slides > li .hover-effect:hover:after {
/*margin-top: -20px;*/
}
.image-carousel.style2 .flex-control-nav {
display: none;
}
.image-carousel.style2.row-2 li > a:first-child {
margin-bottom: 30px;
}
.image-carousel.style3 {
margin-bottom: 10px;
}
.image-carousel.style3 .slides {
margin-bottom: 0;
}
.image-carousel.style3 .slides > li {
margin-right: 10px;
}
.image-carousel.style3 .slides > li:last-child {
margin-right: 0;
}
.image-carousel.style3 .slides > li .box {
background: transparent;
margin-bottom: 0;
}
.image-carousel.style3 .flex-control-nav {
display: none;
}
.image-carousel.style3 .flex-direction-nav {
position: static;
width: 0;
height: 0;
}
.image-carousel.style3 .flex-direction-nav li a {
width: 40px;
height: 40px;
border: 2px solid;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
position: absolute;
top: 50%;
margin-top: -20px;
background: none;
color: #d9d9d9;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
text-shadow: none;
text-align: left !important;
text-indent: -9999px;
}
.image-carousel.style3 .flex-direction-nav li a:before {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
text-align: center;
line-height: 36px;
font-family: "soap-icons";
text-indent: 0;
font-size: 24px;
}
.image-carousel.style3 .flex-direction-nav li a.flex-prev {
left: -80px;
}
.image-carousel.style3 .flex-direction-nav li a.flex-prev:before {
content: "\e87b";
}
.image-carousel.style3 .flex-direction-nav li a.flex-next {
right: -80px;
}
.image-carousel.style3 .flex-direction-nav li a.flex-next:before {
content: "\e887";
}
.image-carousel.style3 .flex-direction-nav li a:hover {
color: #fff;
}
.image-carousel.style3 .flex-direction-nav li a.flex-disabled {
color: #838383;
}
/* 2.13. Image Box Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.image-box .box, .image-box.box {
text-align: left;
background: transparent;
margin-bottom: 20px;
}
.image-box .box img, .image-box.box img {
border-radius: 5px 5px 0px 0px;
width: 100%;
/*height: auto;*/
}
.image-box .box > .details, .image-box.box > .details {
background: #fff;
border-radius: 0px 0px 5px 5px;
height: 65px;
padding: 10px;
}
.image-box .box > .details > *:last-child, .image-box.box > .details > *:last-child {
margin-bottom: 0;
}
.image-box .box .box-title, .image-box.box .box-title {
margin-bottom: 10px;
color: #2d3e52;
}
.image-box.style1 .box-title, .image-box.style10 .box-title {
margin-bottom: 0;
}
.image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper {
display: block;
position: absolute;
left: 0;
top: 0;
background: #fdb714;
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
width: 100%;
height: 100%;
}
.image-box.style2 figure {
float: left;
width: 250px;
}
.image-box.style2 .details {
padding: 20px 20px 10px 270px;
}
.image-box.style2 .details p {
margin-bottom: 20px;
}
.image-box.style2 .box:after, .image-box.style2.box:after {
content: "";
display: table;
clear: both;
}
.image-box.style3 .details {
padding: 15px;
}
.image-box.style3 .details .box-title {
margin-bottom: 0;
}
.image-box.style3 .details .offers-content {
font-size: 0.8333em;
text-transform: uppercase;
margin-bottom: 0;
}
.image-box.style3 .details .description {
border-top: 1px solid #f5f5f5;
padding-top: 10px;
}
.image-box.style4 .details .box-title {
float: left;
margin: 0;
}
.image-box.style4 .details .goto-detail {
float: right;
color: #98ce44;
font-weight: bold;
font-size: 16px;
}
.image-box.style4 .details:after {
content: "";
display: table;
clear: both;
}
.image-box.style5 .box, .image-box.style5.box, .image-box.style11 .box, .image-box.style11.box {
position: relative;
}
.image-box.style5 figure, .image-box.style11 figure {
position: relative;
overflow: hidden;
cursor: pointer;
z-index: 0;
}
.image-box.style5 figure figcaption, .image-box.style11 figure figcaption {
position: absolute;
z-index: 3;
left: 0;
top: 10px;
padding: 5px 20px 5px 20px;
min-width: 130px;
background: #2d3e52;
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
-webkit-transition: -webkit-transform 0.35s;
-ms-transition: -ms-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.image-box.style5 figure figcaption .caption-title, .image-box.style11 figure figcaption .caption-title {
margin: 0;
color: #fff;
line-height: 1.1em;
}
.image-box.style5 figure figcaption span, .image-box.style11 figure figcaption span {
color: #fdb714;
text-transform: uppercase;
font-size: 0.8333em;
letter-spacing: 0.04em;
}
.image-box.style5 figure:hover figcaption, .image-box.style11 figure:hover figcaption {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.image-box.style5 figure:hover a:before, .image-box.style11 figure:hover a:before {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.image-box.style5 figure img, .image-box.style11 figure img {
-webkit-backface-visibility: hidden;
}
.image-box.style5 figure a, .image-box.style11 figure a {
display: block;
}
.image-box.style5 figure a:before, .image-box.style11 figure a:before {
position: absolute;
z-index: 2;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
right: 0;
bottom: 0;
height: 100%;
background: rgba(1, 183, 242, 0.3);
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.image-box.style5 .details, .image-box.style11 .details {
padding: 0;
}
.image-box.style5 .details .detail, .image-box.style11 .details .detail {
margin: 0;
border-top: 1px solid #f5f5f5;
padding: 10px 20px;
}
.image-box.style5 .details .detail:first-child, .image-box.style11 .details .detail:first-child {
border: none;
}
.image-box.style5 .details .detail .box-title, .image-box.style11 .details .detail .box-title {
line-height: 40px;
margin: 0;
}
.image-box.style5 .details .detail:after, .image-box.style11 .details .detail:after {
display: table;
content: "";
clear: both;
}
.image-box.style6 figure, .image-box.style14 figure {
padding: 0;
}
.image-box.style6 .details, .image-box.style14 .details {
margin-bottom: 0 !important;
padding: 20px 30px;
line-height: 1.7em;
}
.image-box.style6 .box:after, .image-box.style6.box:after, .image-box.style14 .box:after, .image-box.style14.box:after {
display: table;
content: "";
clear: both;
}
.image-box.style7 .box, .image-box.style7.box {
background: #fff;
margin-bottom: 30px;
}
.image-box.style7 .box figure, .image-box.style7.box figure {
height: 72px;
}
.image-box.style7 .box .details, .image-box.style7.box .details {
padding: 20px 20px 25px;
font-size: 1.0833em;
}
.image-box.style7 .box .details p, .image-box.style7.box .details p {
margin: 0;
}
.image-box.style8 .box {
background: none;
}
.image-box.style8 figure {
width: 25%;
float: left;
position: relative;
overflow: hidden;
}
.image-box.style8 figure img {
height: 100%;
width: auto;
max-width: none;
}
.image-box.style8 .details {
width: 75%;
float: left;
padding: 20px;
background: #fff;
}
.image-box.style8 .box:after, .image-box.style8.box:after {
display: table;
content: "";
clear: both;
}
.image-box.style9 figure a {
position: relative;
/*height: 160px; overflow: hidden;*/
display: block;
width: 100%;
}
.image-box.style9 figure img {
border-radius: 5px 5px 0px 0px;
/*width: 100%;*/
/*height: auto;*/
}
.image-box.style9 .box-title {
margin: 0;
}
.image-box.style9 .button {
margin-top: 20px;
}
.image-box.style9 .details {
border-radius: 0px 0px 5px 5px;
background: #fff;
padding: 15px;
text-align: center;
}
.image-box.style9 .description {
margin-top: 20px;
}
.image-box.style10 .details a.button {
margin-top: 5px;
float: right;
}
.image-box.style11 .box > .details {
padding: 15px;
}
.image-box.style12 .box, .image-box.style12.box {
display: table;
}
.image-box.style12 figure, .image-box.style12 .details, .image-box.style12 .action {
display: table-cell;
vertical-align: top;
}
.image-box.style12 figure {
margin-right: 30px;
max-width: 30%;
}
.image-box.style12 figure a {
position: relative;
display: inline-block;
height: 100%;
}
.image-box.style12 figure img {
width: auto;
max-width: 150px;
}
.image-box.style12 .details {
border-right: 1px solid #f5f5f5;
padding: 12px 20px 10px 25px;
width: 100%;
}
.image-box.style12 .details > *:last-child {
margin-bottom: 0;
}
.image-box.style12 .action {
padding: 15px;
}
.image-box.style12 .action .price {
text-align: center;
float: none;
margin: 0 0 10px 0;
}
.image-box.style12 .action button, .image-box.style12 .action a.button {
padding: 0 10px;
}
.image-box.style12 .image-wrapper {
position: relative;
overflow: hidden;
display: block;
}
.image-box.style13 figure {
float: left;
margin-right: 15px;
}
.image-box.style13 .details {
padding: 0 15px;
}
.image-box.style13 .action {
float: right;
}
.image-box.style13 .action .button {
padding: 0 10px;
}
.image-box.style13 .price {
float: none;
}
.image-box.style13 .box, .image-box.style13.box {
margin-bottom: 0;
}
.image-box.style13 .box:after, .image-box.style13.box:after {
display: table;
content: "";
clear: both;
}
.image-box.style14 figure {
float: left;
width: 63px;
}
.image-box.style14 .details {
margin-left: 63px;
padding: 15px 15px 0;
}
.image-box.style14 .price {
float: none;
text-align: left;
display: inline;
font-size: 1.4em;
}
.image-box.style14 .box-title {
margin-bottom: 0;
}
.image-box.style14 .box-title small {
line-height: 1em;
}
.image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper {
cursor: pointer;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.image-box.style7 figure, .image-box.style8 figure, .image-box.style12 figure {
overflow: hidden;
z-index: 0;
}
.image-box.style7 figure img, .image-box.style8 figure img, .image-box.style12 figure img {
-moz-transition: -moz-transform 0.35s;
-o-transition: -o-transform 0.35s;
-webkit-transition: -webkit-transform 0.35s;
-ms-transition: -ms-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
/*-webkit-backface-visibility: hidden;*/
}
.image-box.style7 figure:hover img, .image-box.style8 figure:hover img, .image-box.style12 figure:hover img {
-webkit-transform: scale(1.07, 1.07);
-moz-transform: scale(1.07, 1.07);
-ms-transform: scale(1.07, 1.07);
-o-transform: scale(1.07, 1.07);
transform: scale(1.07, 1.07);
}
.image-box.style7 figure:hover .opacity-wrapper, .image-box.style8 figure:hover .opacity-wrapper, .image-box.style12 figure:hover .opacity-wrapper {
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.sidebar .image-box.style14 {
margin-bottom: 0;
}
.sidebar .image-box.style14 .box {
padding-bottom: 15px;
border-bottom: 1px solid #f5f5f5;
margin-bottom: 15px;
}
.sidebar .image-box.style14 .box:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
/*.pace-running > div {
visibility: hidden;
&.pace { visibility: visible; }
}*/
/* 3. Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 3.1. Main Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
position: relative;
z-index: 999;
/* Logo */
/* 3.1.1. Mobile navigation */
/* 3.1.2. Header Styles */
}
#header .topnav {
height: 30px;
background: #08028c;
width: 100%;
}
#header .topnav ul.quick-menu > li {
float: left;
margin-left: 20px;
}
#header .topnav ul.quick-menu > li:first-child {
margin-left: 0;
}
#header .topnav ul.quick-menu > li > a {
color: #fff;
line-height: 30px;
display: block;
font-size: 0.8333em;
text-transform: uppercase;
}
#header .ribbon {
position: relative;
}
#header .ribbon > a {
position: relative;
padding: 0 10px 0 0;
text-transform: uppercase;
}
#header .ribbon > a:after {
display: inline-block;
position: absolute;
right: 0;
/*top: 0; */
content: "\f0d7";
font-family: FontAwesome;
color: #fff;
}
#header .ribbon:hover > ul.menu {
top: 28px;
visibility: visible;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#header .ribbon > ul.menu {
position: absolute;
left: -15px;
top: -9999px;
z-index: 99;
visibility: hidden;
}
#header .ribbon > ul.menu.left {
left: auto;
right: -10px;
}
#header .ribbon.currency > ul.menu li a {
text-transform: uppercase;
font-size: 0.8333em;
}
#header .main-header {
height: auto;
position: relative;
width: 100%;
/*background: #1e063c;*/
background: transparent;
}
#header .logo {
padding: 0;
text-align: left;
margin: 12px 0 0;
height: auto;
}
#header .logo a {
display: block;
}
#header .logo img {
width: 210px;
}
/*#header .mobile-menu-toggle {*/
#header #mobilemenu.mobile-menu-toggle[aria-expanded="false"] {
background: url(../images/icon/mobile-nav-icon.svg) no-repeat center center;
padding: 0;
margin: 0;
height: 50px;
width: 50px;
padding: 22px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
text-indent: -9999px;
display: none;
}
/*#header .mobile-menu-toggle.active {*/
#header #mobilemenu.mobile-menu-toggle[aria-expanded="true"] {
background: url(../images/icon/mobile-nav-close-icon.svg) no-repeat center center;
}
#header .mobile-menu-toggle .icon-bar {
background: white;
}
#header.style1 {
background: #01b7f2;
padding-top: 30px;
/* Main menu */
}
#header.style1 * {
color: #fff;
}
#header.style1 .logo {
margin: 0;
float: none;
position: absolute;
left: 50%;
margin-left: -77px;
top: 32px;
}
#header.style1 .logo a {
width: 155px;
position: relative;
/* background: none;*/
}
#header.style1 .logo a:after {
position: absolute;
display: block;
width: 130px;
height: 30px;
background: url("../images/logo_txt.png") no-repeat #01b7f2;
content: "";
top: 0;
right: 0;
}
#header.style1 .logo img {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#header.style1 .social-icons {
float: right;
}
#header.style1 .social-icons li a {
background: none;
border: 1px solid transparent;
overflow: hidden;
}
#header.style1 .social-icons li a:hover {
border: 1px solid #40cbf8;
}
#header.style1 .social-icons li a:hover i {
display: block;
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
#header.style1 .contact-details {
float: left;
margin-bottom: 30px;
}
#header.style1 .contact-details .contact-phone {
font-size: 1.1667em;
font-weight: bold;
}
#header.style1 .contact-details .contact-phone i {
border-color: #40cbf8;
}
#header.style1 #main-menu {
border-top: 1px solid #40cbf8;
}
#header.style1 #main-menu ul.menu {
margin: 0 auto;
float: none;
}
#header.style1 #main-menu ul.menu > li {
padding-left: 0;
padding-right: 0px;
margin-right: 15px;
}
#header.style1 #main-menu ul.menu > li > a {
padding-left: 20px;
padding-right: 20px;
height: 50px;
line-height: 50px;
font-weight: bold;
}
#header.style1 #main-menu ul.menu > li.active > a, #header.style1 #main-menu ul.menu > li:hover > a {
color: #fff;
background: #40cbf8;
}
#header.style1 #main-menu ul.menu > li:hover > ul, #header.style1 #main-menu ul.menu > li:hover > .megamenu-wrapper {
top: 47px;
}
#header.style2 {
z-index: 99;
/* Main menu */
}
#header.style2 .topnav {
height: auto;
background: #2d3e52;
}
#header.style2 .topnav ul.quick-menu > li > a {
color: #7c9abd;
height: 50px;
line-height: 50px;
}
#header.style2 .topnav ul.quick-menu > li > a:hover {
color: #fff;
}
#header.style2 .topnav ul.quick-menu > li.ribbon:hover > ul.menu {
top: 47px;
}
#header.style2 .topnav ul.quick-menu > li.ribbon > a:after {
color: #7c9abd;
}
#header.style2 .logo {
margin-top: 28px;
}
#header.style2 .logo a {
background-size: auto 22px;
}
#header.style2 .logo a img {
width: auto;
height: 22px;
}
#header.style2 .header-search {
padding-top: 22px;
text-align: left;
height: 78px;
}
#header.style2 .header-search [class^="col-"] {
padding: 0;
}
#header.style2 .header-search .where {
border: 1px solid #dbdbdb;
border-right: none;
}
#header.style2 .header-search .check-in {
border: 1px solid #dbdbdb;
border-right: none;
}
#header.style2 .header-search .check-out {
border: 1px solid #dbdbdb;
border-right: none;
}
#header.style2 .header-search .guest span.custom-select {
border: 1px solid #dbdbdb;
}
#header.style2 #main-menu ul.menu {
margin: 0 auto;
float: none;
}
#header.style2 #main-menu ul.menu > li {
padding-left: 0;
padding-right: 0px;
margin-right: 10px;
}
#header.style2 #main-menu ul.menu > li > a {
padding-left: 15px;
padding-right: 15px;
height: 50px;
line-height: 50px;
color: #7c9abd;
}
#header.style2 #main-menu ul.menu > li.active > a, #header.style2 #main-menu ul.menu > li > a:hover {
color: #fff;
background: #263546;
}
#header.style2 #main-menu ul.menu > li:hover > ul, #header.style2 #main-menu ul.menu > li:hover > .megamenu-wrapper {
top: 47px;
}
#header.style3 {
/* Main menu */
}
#header.style3 .inspire-btn {
margin-top: 34px;
}
#header.style3 .logo {
margin-top: 34px;
}
#header.style3 .logo a {
background-size: auto 26px;
}
#header.style3 #main-menu .menu {
margin-right: 40px;
}
#header.style3 #main-menu .menu > li > a {
font-size: 1.1667em;
color: #d9d9d9;
height: 96px;
line-height: 96px;
}
#header.style3 #main-menu .menu > li:hover > a, #header.style3 #main-menu .menu > li.active > a {
color: #01b7f2;
}
#header.style4 {
padding-top: 30px;
/* Main menu */
}
#header.style4 .logo {
margin: 0;
margin-bottom: 16px;
}
#header.style4 .quick-search {
display: inline-block;
}
#header.style4 .quick-search .input-text {
width: 250px;
}
#header.style4 button {
padding: 0 15px;
}
#header.style4 .topnav {
float: right;
background: none;
width: auto;
height: auto;
}
#header.style4 .topnav ul.quick-menu > li > a {
line-height: 50px;
height: 50px;
color: inherit;
}
#header.style4 .topnav ul.quick-menu .ribbon:hover > ul.menu {
top: 48px;
}
#header.style4 .topnav ul.quick-menu .ribbon > a:after {
color: inherit;
}
#header.style4 .main-navigation {
border-top: 1px solid #f5f5f5;
}
#header.style4 #main-menu > ul.menu {
margin: 0 auto;
float: none;
}
#header.style4 #main-menu > ul.menu > li {
padding-left: 0;
padding-right: 0px;
margin-right: 2px;
}
#header.style4 #main-menu > ul.menu > li > a {
padding-left: 20px;
padding-right: 20px;
height: 50px;
line-height: 50px;
}
#header.style4 #main-menu > ul.menu > li.active > a, #header.style4 #main-menu > ul.menu > li:hover > a {
font-weight: bold;
color: inherit;
background: #f5f5f5;
}
#header.style4 #main-menu > ul.menu > li:hover > ul, #header.style4 #main-menu > ul.menu > li:hover > .megamenu-wrapper {
top: 48px;
}
#header.style5 #main-menu > ul > li > a {
line-height: 48px;
height: 48px;
}
#header.style5 #main-menu > ul > li:hover > ul, #header.style5 #main-menu > ul > li:hover > .megamenu-wrapper {
top: 46px;
}
#header.style5 .logo {
margin-top: 14px;
min-height: initial;
}
#header.style5 .logo img {
height: 20px;
}
#header.style5 .logo a {
background-size: auto 20px;
}
#header.style6 {
padding-top: 20px;
/* Main menu */
}
#header.style6 .logo {
margin: 0;
}
#header.style6 .logo img {
height: 24px;
}
#header.style6 .logo a {
background-size: auto 24px;
}
#header.style6 button {
padding: 0 15px;
}
#header.style6 .topnav {
float: left;
background: none;
width: auto;
height: auto;
margin: 0 0 22px 20px;
}
#header.style6 .topnav ul.quick-menu > li > a {
line-height: 30px;
height: 30px;
color: inherit;
}
#header.style6 .topnav ul.quick-menu .ribbon:hover > ul.menu {
top: 28px;
}
#header.style6 .topnav ul.quick-menu .ribbon > a:after {
color: inherit;
}
#header.style6 .main-navigation {
background: #fdb714;
}
#header.style6 #main-menu > ul.menu {
margin: 0 auto;
float: none;
}
#header.style6 #main-menu > ul.menu > li {
padding-left: 0;
padding-right: 0px;
margin-right: 2px;
}
#header.style6 #main-menu > ul.menu > li > a {
padding-left: 20px;
padding-right: 20px;
height: 50px;
line-height: 50px;
font-weight: bold;
color: #d07f00;
}
#header.style6 #main-menu > ul.menu > li.active > a, #header.style6 #main-menu > ul.menu > li:hover > a {
color: #fff;
background: #efa300;
}
#header.style6 #main-menu > ul.menu > li:hover > ul, #header.style6 #main-menu > ul.menu > li:hover > .megamenu-wrapper {
top: 48px;
}
#header.style6 .social-icons {
margin-top: 10px;
}
#header.style6 .social-icons li > a {
background: none;
color: #d07f00;
}
#header.style6 .social-icons li > a:hover {
color: #fff;
}
#header.style6 .social-icons li > a:hover i {
display: block;
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
#header.style7 {
/* Main menu */
}
#header.style7 .logo {
margin: 32px 0 0;
}
#header.style7 .logo img {
height: 28px;
}
#header.style7 .logo a {
background-size: auto 28px;
}
#header.style7 .topnav {
float: left;
background: none;
width: auto;
height: auto;
margin: 0;
}
#header.style7 .topnav ul.quick-menu > li > a {
line-height: 36px;
height: 36px;
color: inherit;
}
#header.style7 .topnav ul.quick-menu .ribbon:hover > ul.menu {
top: 34px;
}
#header.style7 .topnav ul.quick-menu .ribbon > a:after {
color: inherit;
}
#header.style7 .contact-details {
text-transform: uppercase;
margin: 0;
line-height: 36px;
}
#header.style7 .contact-details i {
color: #01b7f2;
vertical-align: middle;
}
#header.style7 .contact-details .contact-phone {
color: inherit;
font-size: 0.8333em;
}
#header.style7 .contact-details .contact-phone i {
font-size: 14px;
}
#header.style7 .contact-details .contact-email {
color: inherit;
font-size: 0.8333em;
padding: 0 0 0 10px;
}
#header.style7 .contact-details .contact-email i {
font-size: 20px;
}
#header.style7 .main-navigation {
background: #2d3e52;
}
#header.style7 #main-menu > ul.menu {
float: right;
}
#header.style7 #main-menu > ul.menu > li {
padding-left: 0;
padding-right: 0px;
margin-right: 2px;
}
#header.style7 #main-menu > ul.menu > li > a {
padding-left: 20px;
padding-right: 20px;
height: 96px;
line-height: 96px;
font-weight: bold;
color: #7c9abd;
}
#header.style7 #main-menu > ul.menu > li.active > a, #header.style7 #main-menu > ul.menu > li:hover > a {
color: #fff;
}
#header.style7 #main-menu > ul.menu > li:hover > ul, #header.style7 #main-menu > ul.menu > li:hover > .megamenu-wrapper {
top: 94px;
}
#header.style7 .social-icons {
margin-top: 32px;
}
#header.style7 .social-icons li > a {
background: none;
color: #7c9abd;
overflow: hidden;
}
#header.style7 .social-icons li > a:hover {
background: #01b7f2;
color: #fff;
}
#header.style7 .social-icons li > a:hover i {
display: block;
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
#header .logo a, #footer .logo a, .chaser .logo a {
color: #f0548d;
/*background: url("../images/logo.png") no-repeat 0 0;
display: block;*/
}
#header .logo img, #footer .logo img, .chaser .logo img {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
/* 3.1.3. Navigation */
.menu > li {
position: relative;
}
/* 3.1.4. Language flags */
.lang-flag {
padding-left: 20px !important;
}
.lang-flag.en-us {
background: url(../images/icon/flags/en-us.png) no-repeat left center;
}
/* 3.1.5. Main Menu */
#main-menu ul.menu li:not(.megamenu-menu) ul, .chaser .menu li:not(.megamenu-menu) ul, .topnav .container > ul ul, .megamenu-wrapper {
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-moz-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
-webkit-transition: opacity 0.2s ease-in;
-ms-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
#main-menu ul.menu, .chaser ul.menu {
margin: 0;
float: right;
/* 1st level */
/* 2nd level */
/* 3rd level */
/* 3.1.6. Mega Menu */
}
#main-menu ul.menu li, .chaser ul.menu li {
-webkit-backface-visibility: hidden;
-webkit-transform: none !important;
}
#main-menu ul.menu > li, .chaser ul.menu > li {
color: #fff;
/*opacity: 0.8;*/
float: left;
padding-left: 20px;
padding-right: 20px;
}
#main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child {
padding-left: 0;
}
#main-menu ul.menu > li:last-child, .chaser ul.menu > li:last-child {
padding-right: 0;
}
#main-menu ul.menu > li:hover > ul, .chaser ul.menu > li:hover > ul {
top: 50px;
visibility: visible;
height: auto !important;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
z-index: 1000;
}
#main-menu ul.menu > li > a, .chaser ul.menu > li > a {
font-weight: bold;
display: block;
padding: 0;
height: 60px;
line-height: 60px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
#main-menu ul.menu > li.active > a, .chaser ul.menu > li.active > a {
color: #f0548d;
font-weight: bold;
}
#main-menu ul.menu > li:hover > a, .chaser ul.menu > li:hover > a {
color: #f0548d;
}
#main-menu ul.menu > li > ul.left, .chaser ul.menu > li > ul.left {
left: auto;
right: -10px;
}
#main-menu ul.menu > li ul, .chaser ul.menu > li ul {
visibility: hidden;
position: absolute;
left: 0px;
top: -9999px;
z-index: -1;
width: 180px;
padding: 0;
background: linear-gradient(50deg, #f0548d, #fb9a68)!important;
}
#main-menu ul.menu > li ul li, .chaser ul.menu > li ul li {
text-align: left;
position: relative;
}
#main-menu ul.menu > li ul li:first-child, .chaser ul.menu > li ul li:first-child {
border-top: none;
}
#main-menu ul.menu > li ul li:hover > ul, .chaser ul.menu > li ul li:hover > ul {
top: 0;
display: block;
visibility: visible;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
z-index: 1000;
}
#main-menu ul.menu > li ul li > a, .chaser ul.menu > li ul li > a {
/*border-top: 1px solid #04afe7;*/
white-space: nowrap;
color: #fff;
padding: 12px 20px 12px 18px;
display: block;
font-size: 0.9167em;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#main-menu ul.menu > li ul li:hover > a, #main-menu ul.menu > li ul li.active > a, .chaser ul.menu > li ul li:hover > a, .chaser ul.menu > li ul li.active > a {
background: linear-gradient(50deg, #fb9a68, #f0548d)!important;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#main-menu ul.menu > li.menu-color-blue ul, .chaser ul.menu > li.menu-color-blue ul {
background: #01b7f2;
}
#main-menu ul.menu > li.menu-color-blue ul li:hover > a, #main-menu ul.menu > li.menu-color-blue ul li.active > a, .chaser ul.menu > li.menu-color-blue ul li:hover > a, .chaser ul.menu > li.menu-color-blue ul li.active > a {
background: #04afe7;
}
#main-menu ul.menu > li.menu-color-blue ul li > a, .chaser ul.menu > li.menu-color-blue ul li > a {
border-top: 1px solid #04afe7;
}
#main-menu ul.menu > li.menu-color-yellow ul, .chaser ul.menu > li.menu-color-yellow ul {
background: #fdb714;
}
#main-menu ul.menu > li.menu-color-yellow ul li:hover > a, #main-menu ul.menu > li.menu-color-yellow ul li.active > a, .chaser ul.menu > li.menu-color-yellow ul li:hover > a, .chaser ul.menu > li.menu-color-yellow ul li.active > a {
background: #f5b010;
}
#main-menu ul.menu > li.menu-color-yellow ul li > a, .chaser ul.menu > li.menu-color-yellow ul li > a {
border-top: 1px solid #f5b010;
}
#main-menu ul.menu > li.menu-color-green ul, .chaser ul.menu > li.menu-color-green ul {
background: #98ce44;
}
#main-menu ul.menu > li.menu-color-green ul li:hover > a, #main-menu ul.menu > li.menu-color-green ul li.active > a, .chaser ul.menu > li.menu-color-green ul li:hover > a, .chaser ul.menu > li.menu-color-green ul li.active > a {
background: #91c63d;
}
#main-menu ul.menu > li.menu-color-green ul li > a, .chaser ul.menu > li.menu-color-green ul li > a {
border-top: 1px solid #91c63d;
}
#main-menu ul.menu > li li > ul, .chaser ul.menu > li li > ul {
left: 180px;
}
#main-menu ul.menu > li li > ul.left, .chaser ul.menu > li li > ul.left {
left: -180px;
}
#main-menu ul.menu > .megamenu-menu:hover > .megamenu-wrapper, .chaser ul.menu > .megamenu-menu:hover > .megamenu-wrapper {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
top: 66px;
z-index: 1002;
visibility: visible;
}
#main-menu ul.menu > .megamenu-menu:hover > .megamenu-wrapper ul, .chaser ul.menu > .megamenu-menu:hover > .megamenu-wrapper ul {
visibility: visible;
}
#main-menu ul.menu > .megamenu-menu .megamenu-wrapper, .chaser ul.menu > .megamenu-menu .megamenu-wrapper {
position: absolute;
z-index: -1;
left: 0;
top: -9999px;
visibility: hidden;
overflow: hidden;
display: none;
padding: 0;
}
#main-menu ul.menu > .megamenu-menu .megamenu-wrapper ul, .chaser ul.menu > .megamenu-menu .megamenu-wrapper ul {
position: static;
width: 100%;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#main-menu ul.menu > .megamenu-menu .megamenu-holder, .chaser ul.menu > .megamenu-menu .megamenu-holder {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu, .chaser ul.menu > .megamenu-menu ul.megamenu {
display: table;
table-layout: fixed;
width: 100%;
background: #01b7f2;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children.active > a, #main-menu ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children:hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children.active > a, .chaser ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children:hover > a {
background: none;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children ul, .chaser ul.menu > .megamenu-menu ul.megamenu li.menu-item-has-children ul {
background: none;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li {
display: table-cell;
float: none;
padding-bottom: 25px;
border: none;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a {
border-top: none;
padding-left: 40px;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
filter: alpha(opacity=100) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
opacity: 1 !important;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li > a:hover, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a:hover {
background: none;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-1 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-1 .sub-menu > li {
width: 100%;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-2 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-2 .sub-menu > li {
width: 50%;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-3 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-3 .sub-menu > li {
width: 33.3333%;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-4 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-4 .sub-menu > li {
width: 25%;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-5 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-5 .sub-menu > li {
width: 20%;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-6 .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-6 .sub-menu > li {
width: 16.6666%;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul > li {
float: left;
border: none;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu:after, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu:after {
display: table;
content: "";
clear: both;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li {
display: block;
float: none;
padding-left: 15px;
padding-right: 15px;
border: none;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li > a, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li > a {
border-top: none;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li a, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li a {
white-space: normal;
padding-right: 0;
font-size: 0.9167em;
border-bottom: 1px solid #04afe7;
position: relative;
padding-left: 40px;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li a:before, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li a:before {
font-family: FontAwesome;
content: "\f111";
display: block;
font-size: 5px;
position: absolute;
left: 25px;
font-weight: normal;
}
#main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu ul.sub-menu li li.active > a {
font-weight: bold;
}
#main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu {
background: #01b7f2;
}
#main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a {
border-bottom-color: #04afe7;
}
#main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.active > a {
background: #04afe7;
}
#main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu {
background: #fdb714;
}
#main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a {
border-bottom-color: #f5b010;
}
#main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.active > a {
background: #f5b010;
}
#main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu {
background: #98ce44;
}
#main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a {
border-bottom-color: #91c63d;
}
#main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.active > a {
background: #91c63d;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper {
border: 2px solid #01b7f2;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu {
background: #fff;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu > li > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu > li > a {
color: #2d3e52 !important;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a {
color: #838383;
border-bottom: 1px solid #f5f5f5;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active > a {
background: #f5f5f5;
color: #2d3e52;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.active > a:before {
color: #01b7f2;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper {
border-color: #01b7f2;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.active > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.active > a:before {
color: #01b7f2;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper {
border-color: #fdb714;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.active > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.active > a:before {
color: #fdb714;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper {
border-color: #98ce44;
}
#main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.active > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.active > a:before {
color: #98ce44;
}
/* 3.1.7. Mini Menu */
ul.menu.mini {
min-width: 180px;
border: 2px solid #01b7f2;
background: #fff;
}
ul.menu.mini li {
padding: 0 20px;
float: none;
margin: 0;
}
ul.menu.mini li a {
border-bottom: 1px solid #f5f5f5;
display: block;
padding: 10px 0;
color: inherit;
line-height: normal;
font-size: 0.9167em;
text-align: left;
}
ul.menu.mini li:hover, ul.menu.mini li.active {
background: #f5f5f5;
}
ul.menu.mini li:hover a, ul.menu.mini li.active a {
color: #01b7f2;
font-weight: bold;
}
.menu-color-skin ul.menu.mini, .menu-color-blue ul.menu.mini, .menu-color-yellow ul.menu.mini, .menu-color-green ul.menu.mini {
border: none;
padding: 10px 0;
}
.menu-color-skin ul.menu.mini li a, .menu-color-blue ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a, .menu-color-green ul.menu.mini li a {
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
font-size: 0.8333em;
}
.menu-color-skin ul.menu.mini li:last-child a, .menu-color-blue ul.menu.mini li:last-child a, .menu-color-yellow ul.menu.mini li:last-child a, .menu-color-green ul.menu.mini li:last-child a {
border: none;
}
.menu-color-skin ul.menu.mini li:hover a, .menu-color-blue ul.menu.mini li:hover a, .menu-color-yellow ul.menu.mini li:hover a, .menu-color-green ul.menu.mini li:hover a, .menu-color-skin ul.menu.mini li.active a, .menu-color-blue ul.menu.mini li.active a, .menu-color-yellow ul.menu.mini li.active a, .menu-color-green ul.menu.mini li.active a {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.menu-color-skin ul.menu.mini, .menu-color-blue ul.menu.mini, .menu-color-yellow ul.menu.mini, .menu-color-green ul.menu.mini {
background: #01b7f2;
}
.menu-color-skin ul.menu.mini li a, .menu-color-blue ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a, .menu-color-green ul.menu.mini li a {
border-color: #04afe7;
}
.menu-color-skin ul.menu.mini li:hover, .menu-color-blue ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li:hover, .menu-color-green ul.menu.mini li:hover, .menu-color-skin ul.menu.mini li.active, .menu-color-blue ul.menu.mini li.active, .menu-color-yellow ul.menu.mini li.active, .menu-color-green ul.menu.mini li.active {
background: #04afe7;
}
.menu-color-blue ul.menu.mini {
background: #01b7f2;
}
.menu-color-blue ul.menu.mini li a {
border-color: #04afe7;
}
.menu-color-blue ul.menu.mini li:hover, .menu-color-blue ul.menu.mini li.active {
background: #04afe7;
}
.menu-color-yellow ul.menu.mini {
background: #fdb714;
}
.menu-color-yellow ul.menu.mini li a {
border-color: #f5b010;
}
.menu-color-yellow ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li.active {
background: #f5b010;
}
.menu-color-green ul.menu.mini {
background: #98ce44;
}
.menu-color-green ul.menu.mini li a {
border-color: #91c63d;
}
.menu-color-green ul.menu.mini li:hover, .menu-color-green ul.menu.mini li.active {
background: #91c63d;
}
/* 3.1.8. Mobile Menu */
#header .mobile-menu {
background: linear-gradient(50deg, #f0548d, #fb9a68)!important;
text-align: left;
}
#header .mobile-menu a {
color: #fff;
/*filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;*/
display: block;
padding: 15px 0;
background: none !important;
}
#header .mobile-menu label {
color: #fff;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#header .mobile-menu li.active > a, #header .mobile-menu li:hover > a {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#header .mobile-menu > ul.menu > li {
float: none;
padding-left: 15px;
padding-right: 15px;
}
#header .mobile-menu > ul.menu > li > a {
font-size: 1.1667em;
border-top: 1px solid #04afe7;
}
#header .mobile-menu > ul.menu > li > a {
text-transform: uppercase;
font-weight: bold;
}
#header .mobile-menu > ul.menu > li.menu-item-has-children {
position: relative;
}
#header .mobile-menu > ul.menu > li.menu-item-has-children.open {
background: linear-gradient(50deg, #fb9a68, #f0548d)!important;
}
#header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle {
position: absolute;
right: 1px;
top: 7px;
height: 34px;
line-height: 34px;
padding: 0 15px;
background: none;
display: inline-block;
font-family: FontAwesome;
font-size: 1.3333em;
font-weight: normal;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
width: 100%;
text-align: right;
}
#header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle:after {
content: "\f056";
}
#header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle.collapsed:after {
content: "\f055";
}
#header .mobile-menu > ul.menu > li.menu-item-has-children.open > a {
color: #fff;
/*border-top-color: $skin-bg-color;*/
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#header .mobile-menu > ul.menu > li.menu-item-has-children.open > .dropdown-toggle {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#header .mobile-menu > ul.menu > li.menu-item-has-children:hover > a, #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > .dropdown-toggle {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#header .mobile-menu > ul.menu > li.menu-item-has-children > ul {
border-top: 1px solid #01b7f2;
}
#header .mobile-menu > ul.menu > li:first-child > a {
border-top: none;
}
#header .mobile-menu > ul.menu > li:last-child > a {
border-bottom: 1px solid #04afe7;
}
#header .mobile-menu > ul.menu > li > ul {
/*background: $skin-mobile-menu-color;*/
}
#header .mobile-menu > ul.menu > li > ul li > a {
padding-left: 15px;
font-size: 1.0833em;
position: relative;
}
/*#header .mobile-menu > ul.menu > li > ul li > a:before {
font-family: FontAwesome;
content: "\f111";
display: block;
font-size: 4px;
position: absolute;
left: 0px;
}*/
#header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a {
padding-left: 0;
color: #fff;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
font-size: 1.1667em;
font-weight: bold;
text-transform: uppercase;
}
#header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a:before {
content: "";
display: none;
}
#header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > ul {
border-bottom: 1px solid #01b7f2;
}
#header .mobile-menu > ul.menu > li > ul li.menu-item-has-children:last-child > ul {
border-bottom: none !important;
}
#header .mobile-menu > ul.menu > li li li.menu-item-has-children > a {
padding-left: 10px;
}
#header .mobile-menu > ul.menu > li li li.menu-item-has-children > a:before {
display: none;
}
#header .mobile-menu .mobile-topnav {
margin: 0 auto;
padding: 0 5px;
}
#header .mobile-menu .mobile-topnav > li {
float: left;
position: relative;
color: #40cbf8;
}
#header .mobile-menu .mobile-topnav > li > a {
font-size: 0.8333em;
padding: 0 10px;
margin: 22px 10px;
line-height: 1em;
width: auto;
}
#header .mobile-menu .mobile-topnav > li:after {
content: "|";
position: absolute;
right: -1px;
top: 50%;
margin-top: -10px;
}
#header .mobile-menu .mobile-topnav > li:last-child:after {
display: none;
}
#header .mobile-menu .mobile-topnav > li:first-child a {
margin-left: 0;
}
#header .mobile-menu .mobile-topnav .menu.mini {
left: 0;
top: 40px;
visibility: visible;
display: none;
min-width: 100px;
}
#header .mobile-menu .mobile-topnav .menu.mini li > a {
padding: 10px 0;
}
#header .mobile-menu .mobile-topnav .menu.mini.left {
left: 0;
right: auto;
}
#header .mobile-menu.menu-color-blue .mobile-topnav li:after, #header .mobile-menu.menu-color-yellow .mobile-topnav li:after, #header .mobile-menu.menu-color-green .mobile-topnav li:after {
color: #fff;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#header .mobile-menu.menu-color-blue {
background: #01b7f2;
}
#header .mobile-menu.menu-color-blue ul.menu > li > a {
border-top-color: #04afe7;
}
#header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open {
background: #04afe7;
}
#header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children > ul {
border-top-color: #01b7f2;
}
#header .mobile-menu.menu-color-blue ul.menu > li:last-child > a {
border-bottom-color: #04afe7;
}
#header .mobile-menu.menu-color-blue ul.menu > li > ul li.menu-item-has-children > ul {
border-bottom-color: #01b7f2;
}
#header .mobile-menu.menu-color-yellow {
background: #fdb714;
}
#header .mobile-menu.menu-color-yellow ul.menu > li > a {
border-top-color: #f5b010;
}
#header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open {
background: #f5b010;
}
#header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children > ul {
border-top-color: #fdb714;
}
#header .mobile-menu.menu-color-yellow ul.menu > li:last-child > a {
border-bottom-color: #f5b010;
}
#header .mobile-menu.menu-color-yellow ul.menu > li > ul li.menu-item-has-children > ul {
border-bottom-color: #fdb714;
}
#header .mobile-menu.menu-color-green {
background: #98ce44;
}
#header .mobile-menu.menu-color-green ul.menu > li > a {
border-top-color: #91c63d;
}
#header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open {
background: #91c63d;
}
#header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children > ul {
border-top-color: #98ce44;
}
#header .mobile-menu.menu-color-green ul.menu > li:last-child > a {
border-bottom-color: #91c63d;
}
#header .mobile-menu.menu-color-green ul.menu > li > ul li.menu-item-has-children > ul {
border-bottom-color: #98ce44;
}
/* 3.1.9. Sticky Header */
.chaser {
/*background: rgba(red($skin-bg-color), green($skin-bg-color), blue($skin-bg-color), 0.8); left: 0; padding: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999;*/
background: rgba(255, 255, 255, 0.95);
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 999;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
-webkit-backface-visibility: hidden;
}
.chaser ul.menu > li > a {
line-height: 48px;
height: 48px;
}
.chaser ul.menu > li:hover > ul, .chaser ul.menu > li:hover > .megamenu-wrapper {
top: 46px !important;
}
.chaser .logo {
margin-top: 14px;
min-height: initial;
padding: 0;
height: auto;
margin-bottom: 0;
}
.chaser .logo img {
height: 20px;
}
.chaser .logo a {
background-size: auto 20px;
}
.no-rgba .chaser {
background: #fff;
filter: alpha(opacity=95);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
.no-backgroundsize .chaser .logo a {
background-size: auto 20px;
background-image: none;
/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='scale')";*/
}
/* 3.2. Slideshow ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#slideshow {
position: relative;
width: 100%;
padding: 0;
min-height: 100px;
}
/* background slideshow */
.slideshow-bg {
position: relative;
}
.slideshow-bg #slideshow {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
margin: 0;
padding: 0;
}
.slideshow-bg .flexslider {
height: 100%;
border: none;
box-shadow: none;
}
.slideshow-bg .flexslider .slides, .slideshow-bg .flexslider .slides > li {
height: 100%;
}
.slideshow-bg .flexslider .slidebg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.slideshow-bg #main {
position: relative;
z-index: 2;
}
.slideshow-bg .custom-select, .slideshow-bg .input-text {
-webkit-backface-visibility: hidden;
}
/* 4. Search Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 4.1. Default Style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.search-box-wrapper {
/*background: #1e063c;*/
}
.search-box {
margin-top: -80px;
position: relative;
z-index: 99;
}
ul.search-tabs {
margin: 0;
padding: 0;
}
ul.search-tabs li {
float: left;
padding-right: 4px;
}
ul.search-tabs li a {
color: #333;
display: block;
padding: 0 30px;
background: #fff;
font-size: 1em;
font-weight: bold;
height: 40px;
line-height: 40px;
text-decoration: none;
filter: alpha(opacity=40);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
letter-spacing: 0.04em;
text-transform: uppercase;
}
ul.search-tabs li a:hover {
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
ul.search-tabs li.active a {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
color: #01b7f2;
}
.visible-mobile .search-tabs li {
float: none;
}
.visible-mobile .search-tabs li a {
color: #01b7f2;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
padding: 0 80px;
text-align: center;
}
.visible-mobile .search-tabs li a:hover {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.search-tab-content {
padding: 0px 0px 5px 0px;
}
.search-tab-content .tab-pane {
display: none;
}
.search-tab-content .tab-pane.active {
display: block;
}
.search-tab-content h4.title {
margin: 10px 0;
height: 20px;
}
.search-tab-content .fixheight {
padding-top: 40px;
}
/* search box for mobile */
.search-box #mobile-search-tabs > li {
display: none;
}
.search-box .bx-wrapper .bx-viewport {
box-shadow: none;
border: none;
left: 0;
}
.search-box .bx-wrapper .bx-prev, .search-box .bx-wrapper .bx-next {
background: #01b7f2;
font-family: FontAwesome;
}
.search-box .bx-wrapper .bx-controls-direction a {
width: 30px;
height: 22px;
margin-top: -11px;
}
.search-box .bx-wrapper .bx-controls-direction a.disabled {
display: block;
background: #d9d9d9;
}
.search-box .bx-wrapper .bx-prev:before, .search-box .bx-wrapper .bx-next:before {
display: block;
position: absolute;
text-indent: 0;
line-height: 20px;
text-align: center;
width: 30px;
color: #fff;
}
.search-box .bx-wrapper .bx-prev:before:hover, .search-box .bx-wrapper .bx-next:before:hover {
color: white;
}
.search-box .bx-wrapper .bx-prev:before {
content: "\f177";
}
.search-box .bx-wrapper .bx-next:before {
content: "\f178";
}
/* 4.2. Style1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.search-box-wrapper.style1 {
background: none;
}
.search-box-wrapper.style1 .search-box {
margin: 0;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs {
margin-top: 80px;
float: left;
width: 31%;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li {
float: none;
margin-right: 0;
padding-right: 0;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li > a {
filter: alpha(opacity=65);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
-moz-opacity: 0.65;
-khtml-opacity: 0.65;
opacity: 0.65;
height: 57px;
line-height: 57px;
border-bottom: 1px solid #0d9dec;
border-right: 1px solid #0d9dec;
position: relative;
padding-left: 50px;
overflow: hidden;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li > a:hover {
filter: alpha(opacity=85);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li > a:hover i {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li > a > i {
position: absolute;
left: 15px;
font-size: 24px;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li.active > a {
border-right-color: #fff;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li.active > a > i {
color: #fdb714;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li.active > a:after {
content: "\e88b";
font-family: "soap-icons";
position: absolute;
right: 15px;
color: #01b7f2;
font-size: 20px;
}
.search-box-wrapper.style1 .search-box > ul.search-tabs li:last-child > a {
border-bottom: none;
}
.search-box-wrapper.style1 .search-tab-content {
background: #fff;
float: left;
width: 69%;
padding: 0;
}
.search-box-wrapper.style1 .search-tab-content .title-container {
background: #fdb714;
padding: 15px 40px 0 25px;
height: 80px;
position: relative;
}
.search-box-wrapper.style1 .search-tab-content .title-container > i {
font-size: 48px;
position: absolute;
right: 25px;
top: 50%;
margin-top: -24px;
}
.search-box-wrapper.style1 .search-tab-content .title-container * {
color: #fff;
}
.search-box-wrapper.style1 .search-tab-content .title-container .search-title {
margin: 0;
font-weight: bold;
}
.search-box-wrapper.style1 .search-tab-content .search-content {
padding: 18px 25px 25px;
}
.search-box-wrapper.style1 .search-tab-content .search-content .choose-travel label.radio {
color: #2d3e52;
font-size: inherit;
}
.search-box-wrapper.style1 .search-tab-content .search-content .choose-travel > div {
margin-bottom: 0;
}
.search-box-wrapper.style1 .search-tab-content .search-content label {
font-size: 0.8333em;
}
/* 4.3. Style2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.search-box-wrapper.style2 {
background: none;
}
.search-box-wrapper.style2 .search-box {
margin: 0 auto;
background: rgba(0, 0, 0, 0.5);
padding: 5px;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs {
display: table;
width: 100%;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs li {
padding-right: 5px;
display: table-cell;
float: none;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs li:last-child {
padding-right: 0;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs li > a {
/*margin-bottom: 5px;*/
height: 35px;
line-height: 35px;
background: #01b7f2;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
color: #fff;
padding: 0;
text-align: center;
overflow: hidden;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs li > a i {
font-size: 1.6666em;
vertical-align: middle;
margin-right: 10px;
line-height: 0;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs li > a span {
vertical-align: middle;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs li > a:hover i:before {
-webkit-animation: toTopFromBottom 0.35s forwards;
-moz-animation: toTopFromBottom 0.35s forwards;
animation: toTopFromBottom 0.35s forwards;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs li.advanced-search > a {
background: #fdb714;
}
.search-box-wrapper.style2 .search-box > ul.search-tabs li.active > a {
margin-bottom: 0;
height: 40px;
background: #fff;
color: #01b7f2;
}
.search-box-wrapper.style2 .search-tab-content {
background: #fff;
padding: 20px;
}
.search-box-wrapper.style2 .search-tab-content .tab-pane [class^="col-"], .search-box-wrapper.style2 .search-tab-content .tab-pane [class*=" col-"] {
padding-left: 5px;
padding-right: 5px;
}
.search-box-wrapper.style2 .search-tab-content .tab-pane .row {
margin-left: -5px;
margin-right: -5px;
}
.search-box-wrapper.style2 .search-tab-content input.input-text, .search-box-wrapper.style2 .search-tab-content select, .search-box-wrapper.style2 .search-tab-content textarea, .search-box-wrapper.style2 .search-tab-content span.custom-select {
background: #fff;
border: 1px solid #d1d1d1;
}
.search-box-wrapper.style2 .search-tab-content .selector span.custom-select:before {
background: #d1d1d1;
}
.search-box-wrapper.style2 .search-tab-content .datepicker-wrap:after {
background: transparent;
color: #d1d1d1;
}
.search-box-wrapper.style2 .search-tab-content button {
font-size: 1.1667em;
font-weight: bold;
}
/* 4.4. Map Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.search-box-wrapper .main-search-box {
padding: 20px 0 10px;
}
.search-box-wrapper .main-search-box .row {
margin: 0;
}
.search-box-wrapper .main-search-box .row > div {
padding: 0;
}
.search-box-wrapper .main-search-box .title {
line-height: 43px;
margin: 0;
}
.search-box-wrapper .main-search-box button {
font-size: 1em;
}
.image-box.style2.activities .details {
padding-top: 10px;
}
.image-box.style2.activities.innerstyle {
margin-top: 20px;
}
.image-box.style2.activities.innerstyle .details {
padding-right: 0;
}
.image-box.style2.activities .review-score {
float: right;
text-transform: uppercase;
}
.image-box.style2.activities .review-score .reviews {
font-size: 0.8333em;
}
.image-box.style2.activities .five-stars-container {
float: left;
margin-right: 10px;
}
.image-box.style2.activities .details-header {
border-bottom: 1px solid #f5f5f5;
margin-bottom: 15px;
}
.image-box.style2.activities > * {
padding-bottom: 15px;
border-bottom: 1px solid #f5f5f5;
margin-bottom: 20px;
}
.image-box.style2.activities > *:last-child {
border-bottom: none;
padding-bottom: 0;
}
.image-box.style2.activities.no-bottom-border > * {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 30px;
}
/* 7. jQuery UI Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 7.1. UI Slider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider.ui-slider-horizontal {
height: 10px;
}
.ui-slider.ui-slider-horizontal .ui-slider-range {
height: 100%;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle {
margin-left: -10px;
top: -5px;
}
.ui-slider.ui-widget-content {
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: #f5f5f5;
}
.ui-slider .ui-slider-range {
display: block;
position: absolute;
z-index: 1;
border: none;
background: #01b7f2;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.ui-slider.slider-color-yellow .ui-slider-range {
background: #fdb714;
}
.ui-slider.slider-color-blue .ui-slider-range {
background: #01b7f2;
}
.ui-slider.slider-color-green .ui-slider-range {
background: #98ce44;
}
.ui-slider .ui-slider-handle {
cursor: default;
position: absolute;
z-index: 2;
width: 20px;
height: 20px;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
background: #2d3e52;
border: 2px solid #fff;
}
.filters-container #rating {
font-size: 24px;
}
.filters-container #rating, .editable-rating {
display: inline-block;
}
.filters-container #rating.ui-widget-content, .editable-rating.ui-widget-content {
background: none;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-ms-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
.filters-container #rating.ui-slider-horizontal, .editable-rating.ui-slider-horizontal {
height: auto;
}
.filters-container #rating.ui-slider-horizontal .ui-slider-handle, .editable-rating.ui-slider-horizontal .ui-slider-handle {
margin: 0;
width: 0;
height: 0;
padding: 0;
top: 0;
visibility: hidden;
}
/* 7.2. DatePicker ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.datepicker-wrap {
position: relative;
}
.datepicker-wrap .ui-datepicker-trigger {
width: 30px;
height: 100%;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background-color: transparent;
z-index: 1;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.datepicker-wrap:after {
display: block;
font-family: "soap-icons";
content: "\e86a";
font-size: 25px;
color: #fff;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 30px;
height: 100%;
text-align: center;
line-height: 34px;
background: #f7498e;
}
.datepicker-wrap.yellow:after {
background: #f7498e;
}
.datepicker-wrap.green:after {
background: #98ce44;
}
.datepicker-wrap.blue:after {
background-color: #01b7f2;
}
.datepicker-wrap.dark-blue:after {
background-color: #2d3e52;
}
.datepicker-wrap.transparent:after {
background-color: transparent;
color: #fdb714;
}
.ui-datepicker {
width: 20em;
padding: 0;
display: none;
background: #fff;
border: 1px solid #fdb714;
z-index: 101 !important;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
background: #fdb714;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 11px;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled {
visibility: hidden;
}
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.ui-datepicker .ui-datepicker-prev {
left: 24px;
}
.ui-datepicker .ui-datepicker-prev:before {
border-right: 8px solid #fff;
}
.ui-datepicker .ui-datepicker-next {
right: 24px;
}
.ui-datepicker .ui-datepicker-next:before {
border-left: 8px solid #fff;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: none;
}
.ui-datepicker .ui-datepicker-title {
margin: 5px;
text-align: center;
color: #fff;
font-size: 1.1667em;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: 12px;
border-collapse: collapse;
}
.ui-datepicker th {
width: 30px;
height: 30px;
line-height: 30px;
background: #f5f5f5;
}
.ui-datepicker th span {
display: block;
text-align: center;
font-size: 1.1667em;
font-weight: normal;
color: #fdb714;
}
.ui-datepicker span.ui-datepicker-month {
font-weight: bold;
}
.ui-datepicker .ui-datepicker-calendar td {
vertical-align: middle;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
color: inherit;
display: block;
height: 30px;
line-height: 30px;
}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
color: #dbdbdb;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-calendar td a:hover {
background: #fdb714;
color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
position: relative;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:before {
content: "";
border-right: 5px solid #fdb714;
border-top: 5px solid transparent;
position: absolute;
bottom: 4px;
right: 4px;
}
.ui-datepicker.yellow {
border: 1px solid #fdb714;
}
.ui-datepicker.yellow .ui-datepicker-header {
background: #fdb714;
}
.ui-datepicker.yellow th span {
color: #fdb714;
}
.ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.yellow .ui-datepicker-calendar td a:hover {
background: #fdb714;
}
.ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-today a:before {
border-right-color: #fdb714;
}
.ui-datepicker.green {
border: 1px solid #98ce44;
}
.ui-datepicker.green .ui-datepicker-header {
background: #98ce44;
}
.ui-datepicker.green th span {
color: #98ce44;
}
.ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.green .ui-datepicker-calendar td a:hover {
background: #98ce44;
}
.ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-today a:before {
border-right-color: #98ce44;
}
.ui-datepicker.blue {
border: 1px solid #01b7f2;
}
.ui-datepicker.blue .ui-datepicker-header {
background: #01b7f2;
}
.ui-datepicker.blue th span {
color: #01b7f2;
}
.ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.blue .ui-datepicker-calendar td a:hover {
background: #01b7f2;
}
.ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-today a:before {
border-right-color: #01b7f2;
}
.ui-datepicker.dark-blue {
border: 1px solid #2d3e52;
}
.ui-datepicker.dark-blue .ui-datepicker-header {
background: #2d3e52;
}
.ui-datepicker.dark-blue th span {
color: #2d3e52;
}
.ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.dark-blue .ui-datepicker-calendar td a:hover {
background: #2d3e52;
}
.ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-today a:before {
border-right-color: #2d3e52;
}
/* 8. Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
/* menu position */
}
#footer .footer-wrapper {
padding: 40px 0;
}
#footer .footer-wrapper > .container > .row > div {
margin-top: 20px;
}
#footer .discover li {
line-height: 2.6667em;
font-size: 1.0833em;
}
#footer h2 {
margin-bottom: 20px;
}
#footer .travel-news li {
margin-bottom: 30px;
}
#footer .travel-news li .s-title {
margin-bottom: 5px;
}
#footer .travel-news li .date {
color: #9e9e9e;
}
#footer .travel-news li .thumb {
float: left;
width: 70px;
}
#footer .travel-news li:after {
clear: both;
content: " ";
display: table;
}
#footer .travel-news li .description {
padding-left: 78px;
}
#footer .travel-news li .description span.date {
display: block;
margin-top: 5px;
font-size: 0.9133em;
}
#footer .bottom {
height: 60px;
}
#footer .bottom .logo {
margin: 18px 0 0;
}
#footer .bottom .copyright {
font-size: 1.0833em;
margin: 23px 20px 0;
}
#footer .bottom #back-to-top {
margin-top: 20px;
display: block;
font-size: 16px;
color: #2d3e52;
}
#footer .bottom #back-to-top i {
border-color: #01b7f2;
font-weight: bold;
overflow: hidden;
}
#footer .bottom #back-to-top:hover > i:before {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
display: inline-block;
}
#footer.style1 {
background: url("../images/themes/footer/style01/sand.png") no-repeat center top;
padding-top: 132px;
margin-top: 40px;
}
#footer.style1 .footer-wrapper {
background: #f5e1ba;
padding-top: 0;
}
#footer.style1 p, #footer.style1 span, #footer.style1 input, #footer.style1 li, #footer.style1 .travel-news li .date {
color: #c29f5a;
}
#footer.style1 .social-icons li a {
background: #e6c687;
}
#footer.style1 .social-icons li:hover a {
background: #e01a33;
}
#footer.style1 ul.triangle li:before {
color: #c29f5a;
}
#footer.style1 ul.triangle li:hover:before, #footer.style1 ul.triangle li:hover a, #footer.style1 ul.triangle li.active:before, #footer.style1 ul.triangle li.active a {
color: #2d3e52;
}
#footer.style1 .travel-news li .title, #footer.style1 .contact-details .contact-email, #footer.style1 .contact-details .contact-phone i {
color: #2d3e52;
}
#footer.style1 .travel-news .s-title {
color: #2d3e52;
}
#footer.style1 .travel-news .s-title a:hover {
color: #e01a33;
}
#footer.style1 h2, #footer.style1 .contact-details .contact-phone {
color: #e01a33;
}
#footer.style1 .footer-wrapper > .container:first-child {
position: relative;
padding-top: 80px;
}
#footer.style1 .footer-wrapper > .container:first-child:before, #footer.style1 .footer-wrapper > .container:first-child:after {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
}
#footer.style1 .footer-wrapper > .container:first-child:before {
width: 113px;
height: 61px;
top: -77px;
left: 0;
background-image: url("../images/113x61");
}
#footer.style1 .footer-wrapper > .container:first-child:after {
width: 197px;
height: 144px;
top: -148px;
right: 0;
background-image: url("../images/197x144");
}
#footer.style1 .bottom {
background: #fff;
}
#footer.style1 .logo a {
background-image: url("../images/logo/skin2-logo.png");
}
#footer.style1 .copyright p {
color: #9e9e9e;
}
#footer.style1 #back-to-top i {
border-color: #e01a33;
}
#footer.style2 {
background: url("../images/themes/footer/style02/sky.png") no-repeat center top;
padding-top: 132px;
margin-top: 80px;
}
#footer.style2 .footer-wrapper {
background: #daf8ff;
padding-top: 0;
}
#footer.style2 p, #footer.style2 span, #footer.style2 input, #footer.style2 .contact-details .contact-phone, #footer.style2 li {
color: #12a0c3;
}
#footer.style2 .travel-news li .date {
color: #69c9e0;
}
#footer.style2 .travel-news .s-title {
color: #ff6000;
}
#footer.style2 .travel-news .s-title a:hover {
color: #ff3e3e;
}
#footer.style2 .social-icons li a {
background: #95e0f2;
}
#footer.style2 .social-icons li:hover a {
background: #ff6000;
}
#footer.style2 ul.triangle li:before {
color: #95e0f2;
}
#footer.style2 ul.triangle li:hover:before, #footer.style2 ul.triangle li:hover a, #footer.style2 ul.triangle li.active:before, #footer.style2 ul.triangle li.active a {
color: #ff6000;
}
#footer.style2 .travel-news li .title, #footer.style2 .contact-details .contact-email, #footer.style2 .contact-details .contact-phone i {
color: #ff6000;
}
#footer.style2 .footer-wrapper > .container:first-child {
position: relative;
padding-top: 80px;
}
#footer.style2 .footer-wrapper > .container:first-child:before, #footer.style2 .footer-wrapper > .container:first-child:after {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
}
#footer.style2 .footer-wrapper > .container:first-child:before {
width: 463px;
height: 167px;
top: -175px;
left: -20px;
background-image: url("../images/463x167");
}
#footer.style2 .footer-wrapper > .container:first-child:after {
width: 241px;
height: 184px;
top: -168px;
right: 0;
background-image: url("../images/241x184");
}
#footer.style2 .bottom {
background: #fff;
}
#footer.style2 .logo a {
background-image: url("../images/logo/skin3-logo.png");
}
#footer.style2 .copyright p {
color: #9e9e9e;
}
#footer.style2 #back-to-top i {
border-color: #ff6000;
}
#footer.style3 {
background: url("../images/themes/footer/style03/sea.png") no-repeat center 60px #f8f7f3;
padding-top: 192px;
}
#footer.style3 .footer-wrapper {
padding-top: 0;
}
#footer.style3 .social-icons li a {
background: #e5e0cd;
}
#footer.style3 p, #footer.style3 span, #footer.style3 input, #footer.style3 .contact-details .contact-phone, #footer.style3 li {
color: #98a3ab;
}
#footer.style3 input {
background: #fff;
}
#footer.style3 ul.triangle li:hover:before, #footer.style3 ul.triangle li:hover a, #footer.style3 ul.triangle li.active:before, #footer.style3 ul.triangle li.active a {
color: #ff6000;
}
#footer.style3 .social-icons li a {
background: #e5e0cd;
}
#footer.style3 .social-icons li:hover a {
background: #ff6000;
}
#footer.style3 .travel-news li .title, #footer.style3 .contact-details .contact-email, #footer.style3 .contact-details .contact-phone i {
color: #ff6000;
}
#footer.style3 .travel-news .s-title {
color: #ff6000;
}
#footer.style3 .travel-news .s-title a:hover {
color: #ff3e3e;
}
#footer.style3 h2, #footer.style3 .contact-details .contact-phone {
color: #12a0c3;
}
#footer.style3 .footer-wrapper > .container:first-child {
position: relative;
padding-top: 80px;
}
#footer.style3 .footer-wrapper > .container:first-child:before, #footer.style3 .footer-wrapper > .container:first-child:after {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
}
#footer.style3 .footer-wrapper > .container:first-child:before {
width: 183px;
height: 81px;
top: -100px;
left: -50px;
background-image: url("../images/183x81");
}
#footer.style3 .footer-wrapper > .container:first-child:after {
width: 210px;
height: 203px;
top: -133px;
right: 0;
background-image: url("../images/210x203");
}
#footer.style3 .bottom {
background: #fff;
}
#footer.style3 .logo a {
background-image: url("../images/logo/skin3-logo.png");
}
#footer.style3 .copyright p {
color: #9e9e9e;
}
#footer.style3 #back-to-top i {
border-color: #ff6000;
color: #12a0c3;
}
#footer.style4 > .footer-wrapper {
background: url("../images/themes/footer/style04/sky.png") no-repeat center bottom;
padding-bottom: 0;
}
#footer.style4 > .footer-wrapper > .container:first-child {
position: relative;
padding-bottom: 180px;
}
#footer.style4 > .footer-wrapper > .container:first-child:before, #footer.style4 > .footer-wrapper > .container:first-child:after {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
}
#footer.style4 > .footer-wrapper > .container:first-child:before {
width: 267px;
height: 166px;
bottom: 20px;
left: -30px;
background-image: url("../images/267x166");
}
#footer.style4 > .footer-wrapper > .container:first-child:after {
width: 1171px;
height: 158px;
bottom: 0;
right: 0;
background-image: url("../images/1171x158");
}
#footer.style4 .bottom {
margin-top: 0;
}
#footer.style5 > .footer-wrapper {
background: url("../images/themes/footer/style05/sky.png") no-repeat center bottom;
padding-bottom: 0;
}
#footer.style5 > .footer-wrapper > .container:first-child {
position: relative;
padding-bottom: 150px;
}
#footer.style5 > .footer-wrapper > .container:first-child:before, #footer.style5 > .footer-wrapper > .container:first-child:after {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
}
#footer.style5 > .footer-wrapper > .container:first-child:before {
width: 463px;
height: 105px;
bottom: 0;
left: 0;
background-image: url("../images/463x105");
}
#footer.style5 > .footer-wrapper > .container:first-child:after {
width: 297px;
height: 145px;
bottom: 0;
right: 0;
background-image: url("../images/297x145");
}
#footer.style5 .bottom {
margin-top: 0;
}
#footer.style6 > .footer-wrapper {
background: url("../images/themes/footer/style06/sky.png") no-repeat center bottom;
padding-bottom: 0;
}
#footer.style6 > .footer-wrapper > .container:first-child {
position: relative;
padding-bottom: 180px;
}
#footer.style6 > .footer-wrapper > .container:first-child:before, #footer.style6 > .footer-wrapper > .container:first-child:after {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
}
#footer.style6 > .footer-wrapper > .container:first-child:before {
width: 115px;
height: 130px;
bottom: 0;
left: 0;
background-image: url("../images/115x130");
}
#footer.style6 > .footer-wrapper > .container:first-child:after {
width: 153px;
height: 149px;
bottom: 0;
right: 0;
background-image: url("../images/153x149");
}
#footer.style6 .bottom {
margin-top: 0;
}
#footer #main-menu .menu > li.menu-item-has-children > ul, #footer #main-menu .menu > li.menu-item-has-children > .megamenu-wrapper {
top: auto;
bottom: 66px;
}
/* 9.1.6. Homepage 9 */
#content.image-bg1 {
background: url("../images/2080x1362") no-repeat center center;
min-height: 880px;
}
/* 9.4. Extra Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.image-box .has-discount {
position: relative;
overflow: visible;
}
.image-box .has-discount:before {
content: "";
}
.image-box .has-discount:before, .image-box .discount {
display: block;
position: absolute;
left: -4px;
top: -4px;
width: 100px;
height: 102px;
color: #fff;
background: url(../images/icon/discount.png) no-repeat;
}
.image-box .discount {
z-index: 1;
line-height: 80px;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9167em;
letter-spacing: 0.04em;
text-indent: -3px;
}
.image-box .discount .discount-text {
display: inline-block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
writing-mode: lr-tb;
}
input.input-text, textarea, .selector select + .custom-select {
-moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
/*border: 1px solid transparent;*/
cursor: text;
}
input.input-text:focus, textarea:focus, .selector select:focus + .custom-select {
outline: none;
border: 1px solid #01b7f2;
box-shadow: 0 0 8px rgba(1, 183, 242, 0.6);
}
/* Updates.css */
@media (max-width: 767px) { #booking .booking-info .info { clear: both; } }
@media (max-width: 480px) { #booking .booking-info { padding-top: 20px; }
#booking .booking-info div.date { float: none; }
#profile .personal-details figure { width: auto; }
#booking .booking-info .info { float: none; width: auto; margin-top: 10px; }
#booking .booking-info .status { float: none; margin-bottom: 15px; } }
/* Version 2.6.3 */
.dashboard.style1 #content, .dashboard.style2 #content { -webkit-backface-visibility: visible; }
.search-box-wrapper.style1 .search-box:after { content: ""; display: table; clear: both; }
.search-box-wrapper.style1 .search-box > ul.search-tabs li > a:hover i { -webkit-animation: none; }
.chaser .logo { margin-top: 0; font-size: inherit; }
.chaser .logo a { height: 48px; line-height: 48px; background-position: left center; }
.chaser .logo img { display: inline-block; vertical-align: middle; max-height: 100%; }
.search-box, #slideshow .tp-rightarrow, #slideshow .tp-leftarrow { z-index: 98; }
/* Version 2.8 */
.style-changer#style-changer.opened { left: 0; }
.checkbox-inline, .radio-inline { padding-left: 0; }
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin: 0 7px 0 0; }
.checkbox label, .checkbox.label { padding-left: 0; }
/* Version 2.8.1 */
#footer.style2 .footer-wrapper > .container:first-child:before, #footer.style4 > .footer-wrapper > .container:first-child:after, #footer.style5 > .footer-wrapper > .container:first-child:before { max-width: 100%; background-size: cover; }
.image-style.style2 { overflow: hidden; }
@media (max-width: 480px) { .image-style.style1 ul li { clear: none; } }
/* Updates.css */
/* custom.css */
.keywordclickable {
width:310px;
height:80px;
margin: 15px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
padding-top:15px;
border-radius: 10px;
box-shadow: 0px 2px 18px rgb(255, 255, 255);
-moz-box-shadow: 0px 2px 18px rgb(255, 255, 255);
-webkit-box-shadow: 0px 2px 18px rgb(255, 255, 255);
-webkit-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
-moz-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
-o-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
}
.countryclickable {
width:310px;
height:138px;
margin: 15px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
padding-top:15px;
border-radius: 10px;
box-shadow: 0px 2px 18px rgb(255, 255, 255);
-moz-box-shadow: 0px 2px 18px rgb(255, 255, 255);
-webkit-box-shadow: 0px 2px 18px rgb(255, 255, 255);
-webkit-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
-moz-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
-o-transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
}
.countryclickable:hover, .keywordclickable:hover {
box-shadow: 0px 3px 18px rgb(245, 115, 126);
-moz-box-shadow: 0px 3px 18px rgb(245, 115, 126);
-webkit-box-shadow: 0px 3px 18px rgb(245, 115, 126);
}
#countries {
margin-left:auto;
margin-right:auto;
max-width:1100px;
text-align:center;
}
.countrytitle {
color:#f0548d;
font-size:22px;
margin:5px 0px 0px 0px;
letter-spacing: 1px;
}
.countrydomain {
opacity: 0.7 !important;
color:#fff;
font-size:18px;
margin: 0px 0px;
font-weight: 600;
}
#UKMobile {
display:none;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media (max-width:768px){
#countries {
max-width:90%;
}
.countryclickable {
margin: 7.5px 2.5px;
padding: 10px 5px;
text-align: center;
width:155px;
height:auto;
}
.countryimg {
width:55px;
height:auto;
margin-top: 5px;
}
.countrytitle {
margin:5px 0px 0px 0px;
font-size:13px;
}
.countrydomain {
margin: 0px;
font-size:11px;
}
#UKDesktop {
display:none;
}
#UKMobile {
display:block;
}
}
@media (max-width:382px){
.countryimg {
float:left;
width:60px;
padding-left:5px;
}
.countrytitle {
margin:0;
font-size:16px;
}
.countrydomain {
font-size:13px;
}
.countryclickable {
width:250px;
}
}
.country{
height: auto !important;
}
.country_flag{
height: 110px;
}
.details_slider{
/*height: auto !important;*/
}
.text_ellipsis{
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 200px;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
@media (max-width:991px){
.text_ellipsis{
min-width: auto;
}
}
.og_links li{
display: inline;
margin-right: 20px;
font-size: 15px;
}
.show_more_btn{
font-size: 13px;
border-radius: 4px;
background: #f7488e;
color: #fff;
}
.category_list li{
display: inline;
margin-right: 20px;
font-size: 15px;
}
.category_list{
margin-bottom: 10px;
margin-top: 10px;
}
#cities, #region {
margin-top: 50px;
padding: 5px;
}
#countries {
margin-top: 35px;
}
.title{
font-size: 2.9em !important;
font-weight: 500;
}
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
.description .h2_description{
margin-bottom: 0px;
padding-bottom: 50px;
}
.h2_description{
color: #fff !important;
opacity: 0.7;
font-size: 17px !important;
font-weight: normal !important;
}
.h2_footer_title{
font-size: 20px !important;
opacity: 0.9 !important;
margin-bottom: 10px;
font-weight: bold;
}
.h2_span{
color: #fff;
font-size: 30px;
font-weight: 700;
}
#topscrl {
text-align: center;
}
footer .glyphicon {
font-size: 20px;
color: #f7498e;
}
.keel-container p{
font-size: 1.6667em;
line-height: 1em;
margin: 0 0 15px;
font-weight: normal;
color: #697481;
}
label.error{
font-size: 10px;
font-weight: bold;
color: #f95353;
}
.partner_banner p{
margin: 0px !important;
line-height: 1.5;
}
.site_name_p{
color: #fff;
font-size: 17px;
}
.web_url_p{
color: #f7498e;
}
.description_p{
color: #fff;
opacity: 0.7;
}
.partner_banner a img{
width: 100%;
height: 130px;
}
.partner_banner a div{
text-align: center;
background: #000032;
width: 100%;
height: 130px;
font-size: 36px;
color: #fff;
opacity: 0.9;
line-height: 1em;
padding: 40px;
word-break: break-all;
}
@media (max-width: 767px){
.partner_banner a div{
padding: 25px;
font-size: 30px;
}
}
#partnerModal .close{
margin-top: -10px;
}
#partnerModal .close:hover {
background: #fff;
}
.h1_tag {
color: #fff;
font-size: 30px;
font-weight: 700;
}
.h2_tag {
color: #fff;
font-size: 30px;
font-weight: 700;
}
.h3_tag {
color: #fff;
opacity: 0.7 !important;
font-size: 17px !important;
}
@media (min-width: 992px){
.partner_desc{
height: 130px;
}
}
.alert{
font-size: 15px;
}
.submit-button{
border: none;
font-size: 15px;
background-color: #f7498e;
height: 34px;
padding: 0px;
color: #fff;
}
.submit-button:hover{
color: #fff;
}
@media (max-width: 767px){
/*.otherLink{
width: 125px;
}*/
.img_728_90 img{
width: 300px;
}
.img_300_250 img{
width: 180px;
}
.img_250_250 img{
width: 150px;
}
.img_160_600 img, .img_125_125 img{
width: 110px;
}
.img_468_60 img{
width: 180px;
}
}
.image_center{
text-align: center;
}
.bottom_section{
position: relative;
}
.curve_outer_div{
left: -50vw!important;
position: absolute!important;
margin-left: 50%!important;
right: -50vw!important;
margin-right: 50%!important;
width: 100vw!important;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
}
.curve_inner_div{
border-radius: 0!important;
background-repeat: no-repeat!important;
background-size: 100vw 100%!important;
height: 600vw!important;
clip-path: circle(300vw at center)!important;
margin-left: 50%!important;
left: -300vw!important;
width: 600vw!important;
right: -300vw!important;
margin-right: 50%!important;
top: 0!important;
background-position: 50%!important;
background-image: linear-gradient(95deg, rgba(58, 205, 252, .1), rgba(255, 71, 179, .1) 50%, rgba(255, 151, 38, .1))!important;
animation-timing-function: ease!important;
animation-duration: 1s!important;
position: absolute!important;
animation-name: fade-in!important;
animation-fill-mode: both!important;
}
/*@media (min-width: 568px){
.curve_outer_div {
height: calc(100% + 88px)!important;
}
}
@media (min-width: 768px){
.curve_outer_div {
height: calc(100% + 104px)!important;
}
}
@media (min-width: 1024px){
.curve_outer_div {
height: calc(100% + 120px)!important;
}
}
*/
/* Country Flag Sprite start*/
.country-denmark {
width: 75px; height: 47px;
object-fit: none; object-position: -10px -10px;
}
.country-france {
width: 75px; height: 47px;
object-fit: none; object-position: -100px -10px;
}
.country-italy {
width: 75px; height: 47px;
object-fit: none; object-position: -10px -77px;
}
.country-norway {
width: 75px; height: 47px;
object-fit: none; object-position: -100px -77px;
}
.country-sweden {
width: 75px; height: 47px;
object-fit: none; object-position: -190px -10px;
}
.country-uk {
width: 75px; height: 47px;
object-fit: none; object-position: -190px -77px;
}
/* custom.css */
@charset "utf-8";
/* CSS Document */
/* esc_theme.css */
/* Margin & Padding */
.pa-0{
padding: 0px !important;
}
.pa-10{
padding: 10px !important;
}
.pt-0 {
padding-top: 0px !important;
}
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pt-70 {
padding-top: 70px;
}
.pt-80 {
padding-top: 80px;
}
.pt-90 {
padding-top: 90px;
}
.pt-100 {
padding-top: 100px;
}
.pr-5 {
padding-right: 5px;
}
.pr-9 {
padding-right: 9px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pl-5 {
padding-left: 5px;
}
.pl-9 {
padding-left: 9px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.ma-0{
margin: 0px !important;
}
.ma-10{
margin: 10px !important;
}
.mr-5{
margin-right: 5px !important;
}
.mr-10{
margin-right: 10px !important;
}
.mt-0 {
margin-top: 0px !important;
}
.mt-5 {
margin-top: 5px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-15 {
margin-top: 15px !important;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mt-70 {
margin-top: 70px;
}
.mt-80 {
margin-top: 80px;
}
.mt-90 {
margin-top: 90px;
}
.mt-100 {
margin-top: 100px;
}
.mt-140 {
margin-top: 140px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-100 {
padding-bottom: 100px;
}
.mb-0 {
margin-bottom: 0px !important;
}
.mb-5 {
margin-bottom: 5px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-100 {
margin-bottom: 100px;
}
/* Font Color */
.text-white{
color: #fff;
}
/* Font Size Start*/
.fs-11{
font-size: 11px !important;
}
.fs-12{
font-size: 12px !important;
}
.fs-13{
font-size: 13px !important;
}
.fs-14{
font-size: 14px !important;
}
.fs-15{
font-size: 15px !important;
}
.fs-24{
font-size: 24px !important;
}
/* Font Size End*/
.description p {
line-height: 20px;
opacity: 0.7;
font-size: 20px;
color: #fff;
}
.notify_change{
text-transform: none;
font-size: 13px;
color: #516b99;
margin: 0px 17px;
}
#verification_link{
text-transform: uppercase;
font-size: 12px;
margin: 5px 15px;
}
.active_status_error{
font-size: 17px;
font-weight: bold;
color: #f95353;
}
.new-email{
color: #f7498e;
}
.h1_myprofile {
padding-top: 10px !important;
font-size: 19px !important;
text-transform: uppercase;
color: #f7498e;
font-weight: 600;
margin-bottom: 5px;
}
.h2_myprofile {
word-wrap: break-word;
font-size: 18px;
text-transform: capitalize;
}
.myprofile_div {
background: #fff !important;
}
.container-fluid {
padding-top: 10px;
}
.bg-grey {
background-color: #f6f6f6;
}
.logo-small {
color: #f7498e;
font-size: 50px;
}
.carousel-control.right, .carousel-control.left {
background-image: none;
color: #f4511e;
}
.carousel-indicators li {
border-color: #f4511e;
}
.carousel-indicators li.active {
background-color: #f4511e;
}
.item h4 {
font-size: 15px;
line-height: 1.375em;
font-weight: bold;
word-wrap: break-word;
}
.item span {
font-style: normal;
}
.panel {
background-color: transparent;
}
.myprofile_div .panel {
border: 1px solid #f7498e;
border-radius: 0px !important;
font-size: 15px;
}
.panel-footer .btn:hover {
border: 1px solid #f0548d;
background-color: #fff !important;
color: #f0548d;
}
.panel-heading {
color: #fff !important;
background: linear-gradient(50deg, #f0548d, #fb9a68);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.panel-footer {
background-color: white !important;
}
.panel-footer h3 {
font-size: 32px;
}
.panel-footer h4 {
color: #aaa;
font-size: 14px;
}
.panel-footer .btn {
margin: 15px 0;
background-color: #f0548d;
color: #fff;
}
.navbar {
position: inherit;
top: 0;
margin-bottom: 0;
background-color: #1e063c;
z-index: 9999;
border: 0;
font-size: 11px !important;
line-height: 1.42857143 !important;
letter-spacing: 0.088em;
border-radius: 0;
}
.mobflag a.dropdown-toggle:hover, .mobflag a.dropdown-toggle:focus{
background: none !important;
}
.navbar li a, .navbar .navbar-brand {
padding-left: 20px;
padding-right: 20px;
font-weight: bold;
/*opacity: 0.8;*/
color: #fff !important;
}
.navbar-nav li a:hover,
.navbar-nav li.active a {
font-weight: bold;
color: #f0548d !important;
background-color: #1e063c !important;
}
.navbar-default .navbar-toggle {
border-radius: 0px;
border-color: transparent;
color: #f0548d !important;
}
footer .glyphicon {
font-size: 20px;
color: #f7498e;
}
.slideanim {
visibility: hidden;
}
.slide {
animation-name: slide;
-webkit-animation-name: slide;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}
@keyframes slide {
0% {
opacity: 0;
transform: translateY(70%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
opacity: 0;
-webkit-transform: translateY(70%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
@media screen and (max-width: 767px) {
.col-sm-4 {
text-align: center;
/*margin: 5px 0;*/
}
.more_view_li {
padding-left: 5px !important;
padding-right: 5px !important;
text-align: center;
margin: 5px 0;
}
.btn-lg {
width: 100%;
}
}
@media screen and (max-width: 480px) {
/*.logo {
font-size: 150px;
}*/
.item h4 {
font-size: 14px;
}
}
/*----- :: Search Section ----- */
.search-bx {
float: right;
}
.input-search {
width: 125px;
height: 30px;
line-height: 1.5;
border-radius: 0px;
float: left;
}
#radius:disabled {
background: #ddd;
cursor: not-allowed;
}
.no_result{
margin-top: 15px;
}
.no_result img, .no_result_found img{
width: 300px;
margin-bottom: 20px;
}
.no_result_found{
margin-top: 100px;
}
@media (max-width: 450px) {
.no_result img, .no_result_found img{
width: 250px;
}
}
@media (max-width: 767px) {
.no_result_found{
margin-top: 20px;
margin-bottom: 50px;
}
}
/* Login Section */
.signin {
margin: 0 auto;
float: none;
}
#login .form-wrap {
margin: 0 auto;
margin-top: 0px;
}
#login .form-group {
margin-bottom: 25px;
}
#login .checkbox {
margin-top: 20px;
margin-bottom: 10px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#login .checkbox:before {
border: transparent !important;
}
#login .checkbox.show:before {
content: '\e013';
color: #1fa67b;
font-size: 17px;
margin: 1px 0 0 3px;
position: absolute;
pointer-events: none;
font-family: 'Glyphicons Halflings';
}
#login .checkbox .character-checkbox {
width: 25px;
height: 25px;
cursor: pointer;
border-radius: 6px;
border: 1px solid #ccc;
vertical-align: middle;
display: inline-block;
}
#login .checkbox .label {
color: #838383;
font-size: 14px;
font-weight: normal;
padding: .2em .3em .3em;
}
#login .btn.btn-custom {
border: none;
box-shadow: inset 0px 0px 4px 4px rgba(0,0,0,.125);
font-size: 15px;
background-color: #f7498e;
height: 34px;
padding: 0px;
}
.btn.active, .btn:active, .btn:hover {
/*border: none;*/
background-image: none;
outline: 0;
}
.contdition-check {
font-size: 15px;
text-align: center;
/*color: #f7498e;*/
text-decoration: none;
}
.forget, .sign_up_link, .login_link {
font-size: 15px;
text-align: center;
color: #838383;
text-decoration: none;
}
.forget:hover, .forget:focus, .sign_up_link:hover, .sign_up_link:focus, .login_link:hover, .login_link:focus {
text-decoration: underline;
color: #f7498e;
outline: none;
}
.forget {
float: right;
}
@media (max-width: 480px) {
.forget {
float: right;
/*display: flex;*/
margin-top: 1px;
margin-bottom: 10px;
}
}
.sign_up_link, .login_link{
margin-top: 10px;
}
.new_registration {
color: #fff !important;
margin-top: 15px;
background-color: #f7498e !important;
border-radius: 6px !important;
height: 34px;
padding: 0px;
}
#login label.error {
color: #f7498e;
font-size: 12px;
display: inline-block;
max-width: 100%;
font-weight: 700;
text-transform: capitalize;
}
/* Inputs & Buttons */
.form-control {
color: #838383;
}
.btn-custom {
color: #fff;
background-color: #f7498e;
}
.btn:hover,
.btn:focus {
color: #fff;
}
.btn-default:hover,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
.btn-default.focus,
.btn-default:focus {
color: #f7488e;
background-color: #ffffff;
border-color: #f7488e;
}
/* ------- */
.error-message {
text-align: center;
color: #f7498e;
}
.below-text {
font-size: 12px;
float: left;
width: 100%;
}
div#business1 {
float: left;
}
.omr {
float: left;
width: 140px;
}
/* ------- */
.profile-head {
width: 100%;
background-color: #f4511e;
float: left;
padding: 15px 5px;
border-bottom: 15px solid white;
}
.profile-head img {
height: 222px;
width: 222px;
margin: 0 auto;
border: 5px solid #fff;
border-radius: 0px;
}
.profile-head h5 {
width: 100%;
text-align: justify;
font-weight: bold;
color: #fff;
font-size: 18px;
text-transform: capitalize;
margin-bottom: 0;
}
.profile-head p {
width: 100%;
padding: 0px 5px 5px 5px;
color: #fff;
font-size: 17px;
text-transform: capitalize;
margin: 0;
}
.profile-head a {
width: 100%;
text-align: center;
padding: 10px 5px;
color: #fff;
font-size: 15px;
text-transform: capitalize;
}
.profile-head ul {
list-style: square;
padding: 15px;
}
.profile-head ul li {
color: #ffffff;
font-weight: 400;
font-size: 14px;
}
.profile-head ul li:hover span {
color: rgb(0, 4, 51);
}
.profile-head ul li span {
color: #ffffff;
padding-right: 10px;
}
.profile-head ul li a {
color: #ffffff;
}
.profile-head h6 {
width: 100%;
text-align: center;
font-weight: 100;
color: #fff;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 0;
}
.modal-header {
border-bottom: none !important;
}
.modal {
top: 30px !important;
}
@media (min-width: 1200px) {
.profilemodel .modal-dialog {
width: 1000px !important;
}
}
.profilemodel .modal-content {
max-height: 550px !important;
overflow: scroll !important;
}
.border {
margin-top: 10px;
text-align: center;
height: 10px;
}
.profile-head h6 {
word-wrap: break-word !important;
}
@media (max-width: 480px) {
.profile-head h5 {
font-size: 16px;
}
.profile-head ul li {
font-size: 13px;
}
.profile-head p {
font-size: 14px;
}
}
.btn_plan {
right: 15px;
}
.btn_new {
right: 80px;
}
.btn_plan,
.btn_new {
text-shadow: 1px 2px 0 #FF4800;
text-transform: uppercase;
color: #fff !important;
border: 1px solid #FF4800 !important;
background-color: #F90 !important;
position: absolute;
bottom: 12px;
cursor: context-menu !important;
font-size: 11px !important;
font-weight: 600 !important;
}
.btn_more {
color: #fff !important;
background-color: #f7498e !important;
}
.btn_more.focus,
.btn_more:focus,
.btn_more:hover {
color: #fff !important;
}
.btn-profile {
color: #f7498e;
background-color: #fff;
border-color: #fff;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
float: right;
}
.btn-profile.focus,
.btn-profile:focus,
.btn-profile:hover {
color: #f7498e;
text-decoration: none;
outline-color: transparent;
}
.btn-ad, .btn_purchase {
color: #fff;
background-color: #f7498e;
border-color: #f7498e;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 6px;
}
.btn-ad:hover, .btn-ad:focus, .btn_purchase:hover, .btn_purchase:focus {
color: #fff;
border-color: #f7498e;
text-decoration: none;
outline-color: transparent;
background-color: #f7498e;
}
.nopadding {
padding: 0px;
}
.list-group-item .btn_more {
position: absolute;
right: 7px;
bottom: 7px;
}
.user_desc {
padding-top: 10px;
padding-bottom: 7px;
}
/* Slider */
.carousel-inner {
height: 350px;
width: 389.66px;
}
.carousel-inner>.item>img {
width: 389.66px;
height: 350px;
}
.carousel-control {
width: 5%;
height: 0%;
top: 175px;
}
.benefits {
text-align: center;
}
.underlines {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 4px solid #f4511e;
width: 100px;
}
.bene {
margin-bottom: 50px;
}
.panelhead {
padding: 9px;
border-bottom: 1px solid #f4511e;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.panelbody {
padding: 5px;
}
.wrdbrk {
word-wrap: break-word;
}
.prohead {
text-transform: uppercase;
color: #f7498e;
font-weight: 600;
margin-top: 5px;
font-size: 19px !important;
}
#ProfilePhoneHyperLink, #ProfileWebHyperLink, #ProfileMessageHyperLink, #ProfileWishlistLink, #ProfileReportLink {
/*text-decoration: underline;*/
margin-bottom: 15px;
color: #f7498e;
letter-spacing: 1px;
}
/* Social Share*/
.listing_sharings {
text-align: center;
}
.listing_sharing {
display: inline-block;
height: 50px;
width: 50px;
background-repeat: no-repeat;
background-position: 50%;
background-size: 30px;
padding: 5px;
box-sizing: border-box;
background: transparent;
}
.listing_sharing:hover {
background: transparent;
}
@media (min-width: 768px) {
/*.listing_sharing-whatsapp, .listing_sharing-messenger, .listing_sharing-email {*/
.listing_sharing-whatsapp {
display: none;
}
}
.proout {
margin-bottom: 10px;
}
.proin {
word-wrap: break-word;
margin-bottom: -5px;
margin-top: 10px;
}
.icon-phone {
/*color: #f7498e;
padding: 0px 0px 0px 0px;
border-radius: 360px;*/
}
.phoneno {
padding: 10px;
font-size: 19px;
}
@media (min-width: 1200px) {
.prohead {
text-transform: uppercase;
color: #f7498e;
font-weight: 600;
float: left;
margin-top: 5px;
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.phoneno {
float: none;
}
}
@media (max-width: 767px) {
.phoneno {
float: none;
}
}
.fancybox-arrow:hover{
background: transparent !important;
}
.menucontain {
margin-left: auto;
margin-right: auto;
}
.cntrynav {
margin: 0px 50px;
}
.logonav {
letter-spacing: 0.04em;
font-weight: 700;
color: #f0548d !important;
margin: 0px 0px !important;
float: left;
height: 50px;
padding: 15px 0px;
font-size: 18px;
line-height: 20px;
}
@media (max-width: 767px) {
.logonav {
padding: 15px 15px;
}
}
.pd-10 {
margin-bottom: 0px !important;
border: 1px solid #eee;
}
.control-label1 {
width: 21%;
}
.control-label2 {
width: 20%;
}
@media (max-width: 760px) {
.control-label {
width: 35%;
}
.control-label1 {
width: 35%;
}
.controls1 {
width: 65%;
}
.controls {
text-align: left;
}
}
.faicon {
font-size: 18px;
margin-top: 2px;
}
.fabtn {
height: 30px;
width: 30px;
}
.btn-reg {
background-color: #f7498e;
color: #fff;
}
.input-msg {
padding: 0px;
padding-bottom: 5px;
}
@media (min-width: 992px) {
.msg1 {
padding-right: 2px;
}
.msg2 {
padding-left: 2px;
}
}
@media (max-width: 767px) {
.catg3 {
margin: 0px auto !important;
width: 100% !important;
}
}
.catg3 {
margin: 0px auto;
width: 50%;
}
.list-group-item-heading {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mypro_table {
white-space: nowrap;
}
.label_status {
font-size: 14px;
font-weight: normal;
cursor: pointer;
}
.inactive_status {
color: #fff;
font-size: 15px;
}
td.center.menu-action.rounded-btn {
text-align: center;
}
.repress_title {
margin-bottom: 10px !important;
}
.list-group-item .h2_title {
font-size: 17px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
color: #2d3e52;
}
.h4_title {
margin-top: 0px;
margin-bottom: -5px;
color: #337ab7;
}
.update {
margin-top: 5px;
margin-bottom: 0px;
color: #9e9e9e;
font-size: 12px;
}
/*Delete Ad Modal*/
.modal_footer {
padding: 0px;
text-align: center;
}
.btn_modal {
padding: 10px;
font-size: 18px;
border: none;
border-radius: 0px;
background-color: transparent;
color: #fff;
}
.btn-confirm-delete {
border: 1px solid #ff4848;
background: #ff4848;
}
.btn-confirm-delete:hover,
.btn-confirm-delete:active:focus,
.btn-confirm-delete:focus {
outline: none;
border: 1px solid #ff4848;
background-color: transparent;
color: #ff4848;
}
.btn-confirm-close {
border: 1px solid #018200;
background: #018200;
}
.btn-confirm-close:hover,
.btn-confirm-close:active:focus,
.btn-confirm-close:focus {
outline: none;
border: 1px solid #018200;
background-color: transparent;
color: #018200;
}
/* Delete & Repress & Boost Modal */
.delete_modal {
padding: 20px;
border-radius: 5px;
border: none;
text-align: center;
font-size: 14px;
}
.delete_modal h4,
.repress_modal h4,
.boost_modal h4 {
color: #636363;
text-align: center;
font-size: 25px;
margin: 30px 0 -10px;
}
.delete_modal .modal-body p {
font-size: 15px;
color: #999;
}
.icon-box {
width: 80px;
height: 80px;
margin: 0 auto;
border-radius: 50%;
z-index: 9;
text-align: center;
}
.icon-box i {
font-size: 46px;
display: inline-block;
margin-top: 13px;
}
.delete_modal .icon-box {
border: 3px solid #f15e5e;
}
.delete_modal .icon-box i {
color: #f15e5e;
}
.repress_modal .icon-box {
border: 3px solid #018200;
}
.repress_modal .icon-box i {
color: #018200;
}
.repress_modal, .boost_modal {
padding: 20px;
border-radius: 5px;
border: none;
text-align: center;
font-size: 14px;
}
.repress_modal_footer {
padding: 0px;
border: none;
text-align: center;
}
.repress_output, .boost_output {
font-size: 15px;
}
.repress_modal_close {
border: 1px solid #018200;
background: #018200;
color: #fff;
}
.repress_modal_close:hover,
.repress_modal_close:active:focus,
.repress_modal_close:focus {
outline: none;
border: 1px solid #018200;
background-color: transparent;
color: #018200;
}
/* Added by shail */
.boost_steps_modal .icon-box {
border: 3px solid #7B68EE;
}
.boost_steps_modal .icon-box i {
color: #7B68EE;
}
/* Added by shail */
.boost_modal .icon-box {
border: 3px solid #7B68EE;
}
.boost_modal .icon-box i {
color: #7B68EE;
}
.boost_pay {
border: 1px solid #7B68EE;
background: #7B68EE;
color: #fff;
}
.boost_pay:hover,
.boost_pay:active:focus,
.boost_pay:focus {
outline: none;
border: 1px solid #7B68EE;
background-color: transparent;
color: #7B68EE;
}
.boost_modal_close:hover,
.boost_modal_close:active:focus,
.boost_modal_close:focus{
color: #7B68EE;
background-color: #ffffff;
border-color: #7B68EE;
}
/* GRID CSS */
@charset "utf-8";
/* CSS Document */
.gr-sm {
padding: 9px;
border-radius: 0px;
}
.gr {
text-align: left;
min-height: 10px;
margin-bottom: 10px;
background-color: #f4511e;
border-radius: 0px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.thumbnail {
background: none;
border: none;
margin-bottom: 0px;
padding: 0px;
float: left;
width: 100%;
}
.list-group-item .thumbnail{
padding: 7px;
}
.h2_title{
font-size: 14px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
color: #2d3e52;
}
@media (max-width: 550px) {
.list-group-item .thumbnail{
padding: 0px;
}
}
@media (max-width: 350px) {
.list_caption_toggle{
height: 70px;
}
}
.list_caption_toggle, .list_caption{
background: #fff;
padding: 10px;
border-radius: 0px 0px 5px 5px;
}
.list-group-item .list_caption_toggle{
padding: 0px;
}
.list-group-item .list_caption{
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
}
.thumbnail img {
border-radius: 5px 5px 0px 0px;
width: 100%;
}
.item {
border-radius: 5px;
}
.thumbnail:hover {
border: none;
background-color: #efefef;
}
.item.list-group-item {
width: 100%;
margin-bottom: 0px;
}
.item.list-group-item:nth-of-type(odd):hover,
.item.list-group-item:hover {
}
.item.list-group-item .list-group-image {
margin-right: 10px;
width: 27%;
}
.item.list-group-item .thumbnail {
margin-bottom: 0px;
}
.item.list-group-item .caption {
padding: 0px;
}
.item.list-group-item:nth-of-type(odd) {
}
.item.list-group-item:before,
.item.list-group-item:after {
display: table;
content: " ";
}
.item.list-group-item img {
float: left;
}
.item.list-group-item:after {
clear: both;
}
.list-group-item-text {
margin: 0 0 11px;
font-size: 14px;
}
.list-padding{
padding: 5px;
}
.thumbnail .caption {
color: #2d3e52;
padding: 0px;
}
.list_caption{
position: absolute;
bottom: 12px;
left: 10px;
padding: 10px !important;
width: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
background-image: -moz-linear-gradient(rgba(255,255,255,0) 0%, #000 95%);
}
.age {
width: 100%;
font-size: 12px;
font-weight: 700;
margin-bottom: 0px;
color: #2d3e52;
}
.list_caption .age {
color: #ccc;
}
.lgitem {
font-size: 13px;
margin-bottom: 0px;
color: #2d3e52;
}
.agediv {
margin-left: 0px;
padding: 0px;
}
.item.itdiv {
padding: 10px;
}
.city_div, .region_div{
padding-left: 10px !important;
padding-right: 10px !important;
}
.list-group-item {
background: none;
/*margin-top: 7px;*/
padding: 0px 0px;
border: none;
}
#products .list-group-item .user_discription label {
cursor: pointer;
}
#products .user_discription {
display: none;
}
#products .list-group-item .user_discription {
word-break: normal;
display: block;
margin-bottom: 0px;
}
#products .list-group-item .listhide {
display: none;
}
@media (max-width: 550px) {
#products .list-group-item.last {
padding-bottom: 10px;
}
#products .user_discription {
display: none;
}
#products .list-group-item .user_discription {
display: none;
}
#products .list-group-item .listhide {
display: inline;
}
#products .list-group-image {
width: 100%;
}
#products .list-group-item .list-group-image {
width: 100%;
margin-bottom: 5px;
border-radius: 5px;
}
.list_caption h2{
color: #fff !important;
opacity: 0.7;
}
}
@media (max-width: 1200px) {
#products .list-group-item .user_desc {
display: none;
}
h2.group.inner.list-group-item-heading.user_discription {
margin-bottom: 5px !important;
}
.user_discription label {
padding: 0px;
}
}
@media (max-width: 480px) {
.age {
font-size: 12px;
}
.agediv {
padding-left: 0px;
}
.item {
padding-bottom: 0px;
}
}
.list_user_image {
height: 150px;
width: 150px;
}
@media (max-width: 767px) {
.adjustsrch {
width: 100%;
}
.input-sm{
margin-top: 5px;
}
input[name="incall_postal"],input[name="outcall_postal"],input[name="postal_code"],input[name="event_postal_code"]{
margin-top: 0px;
}
.form_group_width_postal{
margin-top: 5px !important;
}
.typeahead_ac {
margin-right: 1%;
width: 49%;
}
}
@media (min-width: 768px) {
.adjustsrch {
margin-top: 0px;
float: right;
width: 96%;
}
}
@media (min-width: 1145px) and (max-width: 1245px) {
.formsel {
width: 110px;
}
}
@media (min-width: 992px) and (max-width: 1144px) {
.formsel {
width: 103px !important;
}
}
@media (min-width: 768px) and (max-width: 870px) {
.formsel {
width: 140px !important;
}
}
.subbtn {
float: left;
font-size: 11px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
@media (max-width: 767px) {
.subbtn {
float: right !important;
}
}
/* category_list_dropdown Start */
.dropbtn {
border-radius: 4px;
font-size: 14px;
font-weight: normal;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
@media (max-width: 767px) {
.category_list_dropdown{
margin-bottom: 10px;
/*display: block;*/
}
.category_list{
display: none;
}
}
@media (min-width: 768px) {
.category_list_dropdown{
display: none;
}
.category_list{
display: block;
}
#cat_accordion {
display: none;
}
}
/* category_list_dropdown End */
#list,
#grid {
float: right;
color: #f0548d;
font-size: 30px;
height: 30px;
padding: 6px 5px;
}
#list .glyphicon,
#grid .glyphicon {
top: -11px;
}
.sbtn {
font-weight: bold;
color: #fff;
background-color: #f0548d;
border-color: #f0548d;
}
.sbtn:hover,
.sbtn:focus {
color: #fff;
background-color: #f0548d;
border-color: #f0548d;
outline: #f0548d;
}
@media (min-width: 768px) {
.sidenav{
padding-left: 5px;
padding-right: 5px;
}
}
@media (min-width: 992px) {
.fixads {
/*position: fixed;
width: 14%;*/
}
.sideads {
padding: 0px;
display: none;
margin-bottom: 8px;
background-color: #f5f5f5;
border-radius: 0px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.extraads {
padding: 0px;
display: none;
margin-bottom: 8px;
background-color: #f5f5f5;
border-radius: 0px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.exads {
padding: 0px;
display: none;
margin-bottom: 8px;
background-color: #f5f5f5;
border-radius: 0px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
}
@media (max-width: 991px) {
.sideads {
width: 25%;
margin: 0px;
padding: 0px;
background-color: #f5f5f5;
border-radius: 0px;
border: 1px solid #616161;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.extraads {
width: 25%;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
background-color: #f5f5f5;
border-radius: 0px;
border: 1px solid #616161;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.exads {
width: 25%;
margin: 0px;
padding: 0px;
display: none;
}
}
@media (max-width: 560px) {
.sideads {
width: 50%;
margin: 0px;
padding: 0px;
background-color: #f5f5f5;
border-radius: 0px;
border: 1px solid #616161;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.extraads {
width: 50%;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
background-color: #f5f5f5;
border: 1px solid #616161;
border-radius: 0px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.exads {
width: 50%;
margin: 0px;
padding: 0px;
display: none;
}
}
#adtbl {
font-size: 15px;
}
#adtbl>tbody>tr>td {
vertical-align: middle;
}
@media (max-width: 480px) {
#adtbl {
display: block;
}
}
div.pagination {
padding: 3px;
margin: 3px;
width: 100%;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #f4511e;
text-decoration: none;
color: #f4511e;
float: left;
}
div.pagination a:hover,
div.pagination a:active {
border: 1px solid #f4511e;
background-color: #f4511e;
color: #fff;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #f4511e;
font-weight: bold;
background-color: #f4511e;
color: #FFF;
float: left;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
float: left;
}
/* Slider */
.swiper-container {
width: 100%;
height: 100%;
background-color: transparent;
}
.swiper-wrapper {
padding-top: 2px;
}
.swiper-slide {
text-align: center;
font-size: 12px;
/*background: linear-gradient(50deg, #201a4f, #340f44);
*/
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.sliderLine {
color: #111;
font-size: 14px;
}
.sldspan {
color: #337ab7;
font-size: 15px;
font-weight: 600;
}
.slidimg {
border-radius: 5px 5px 0px 0px;
height: 195px;
width: 195px;
}
.show_slide {
padding: 5px;
width: 100%;
}
.slide_caption {
background: #fff;
}
.details_slider {
border-radius: 0px 0px 5px 5px;
height: 60px;
background: #fff;
padding: 10px;
text-align: center;
}
/*.text_ellipsis {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 100px;
}*/
.box-title {
margin: 0;
line-height: 1em;
letter-spacing: 0.04em;
}
label.box-title {
display: block;
margin-top: 5px;
}
.slider_label{
width: 100%;
}
@media (max-width: 1023px) {
.sldspan {
color: #111;
font-size: 14px;
}
}
@media (max-width: 480px) {
.sldspan {
color: #111;
font-size: 13px;
}
}
@media (max-width: 360px) {
.sldspan {
color: #111;
font-size: 12px;
}
}
.ribbon-wrapper {
z-index: 999;
border: 0px;
}
.kiwii-position-absolute {
position: absolute;
}
.kiwii-width-full,
.kiwii-searchform table.elements select.kiwii-width-full,
.kiwii-emailalert table.elements select.kiwii-width-full {
width: 100%;
}
.kiwii-height-full {
height: 100%;
}
.kiwii-no-text-decoration {
text-decoration: none;
text-shadow: 1px -2px 0 rgba(0, 0, 0, 0.3);
font-weight: 800
}
.ribbon-edge-bottomleft {
border-width: 0 5px 10px 0;
}
.ribbon-edge-topleft,
.ribbon-edge-bottomleft {
left: -5px;
border-color: transparent #645039 transparent transparent;
}
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
top: 30px;
}
.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
z-index: 1;
border-style: solid;
height: 0px;
width: 0px;
}
.ribbon-front {
background: linear-gradient(50deg, #D4AF37, #FFDF00) !important;
height: 30px;
position: relative;
left: -5px;
z-index: 2;
}
.kiwii-padding-hor-large {
padding-top: 8px;
padding-left: 30px;
padding-right: 30px;
}
/* THEME CSS */
.table .menu-action .menu-icon {
background: none;
color: #FFF;
font-size: 14px;
padding: 2px 6px;
margin-right: 2px;
}
.vd_bg-green {
color: #fff;
background-color: #1fae66 !important;
}
.vd_bg-yellow {
color: #fff;
background-color: #f89c2c !important;
}
.vd_bg-red {
color: #fff;
background-color: #f85d2c !important;
}
.vd_bg-slateblue {
color: #fff;
background-color: #7B68EE !important;
}
.vd_bg-gray{
color: #fff;
background-color: #f68175 !important;
}
.myprofile_tabs{
margin-bottom: 10px;
}
#myaccount_tabs{
font-size: 15px;
}
.my_profile_text{
font-size: 15px;
padding: 0px 15px;
line-height: 1.40em;
opacity: 0.85;
word-break: break-word;
}
.create_ads_payment {
font-size: 15px;
}
#myaccount_tabs h3{
font-size: 20px;
}
#myaccount_tabs h5{
font-size: 14px;
}
#setting-tab form label{
font-weight: 700;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.myprofile_tabs>li>a:focus,
.myprofile_tabs>li>a:hover {
color: #f7498e;
cursor: default;
background-color: #fff;
border: 1px solid #f7498e;
border-bottom-color: transparent;
border-radius: 0;
}
.tabs .nav-tabs {
background: linear-gradient(50deg, #f0548d, #fb9a68) !important;
color: #fff;
border-bottom: none;
}
.controls>a {
color: #818181;
text-decoration: none;
}
.controls>a:hover,
.controls>a:focus {
text-decoration: none;
color: #1f063c;
outline: none;
}
.mgbt-xs-0 {
margin-bottom: 2px !important;
}
#verify_emil_link{
cursor: pointer;
color: #147bf3;
}
.gr1 {
text-align: left;
min-height: 10px;
border-radius: 0px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.gr1-sm {
padding: 9px;
border-radius: 0px;
text-align: right;
}
#more_countries_collapse{
font-size: 17px;
}
#more_countries_collapse, #more_regions_collapse, #more_cities_collapse, #more_nationalities_collapse, #more_adservices_collapse {
-moz-transition: height 0s;
-ms-transition: height 0s;
-o-transition: height 0s;
-webkit-transition: height 0s;
transition: height 0s;
overflow: hidden;
}
#search_collapse {
transition-duration: 0s;
height: auto;
color: #838383;
width: 100%;
}
.oplink {
color: #337ab7;
text-decoration: underline;
}
a {
text-decoration: none;
color: inherit;
}
/* Read More */
a.morelink {
color: #fff;
text-decoration:none;
outline: none;
}
.morecontent span {
display: none;
}
/* Read More end */
a:hover,
a:focus {
text-decoration: none;
color: #f7498e;
}
.contact_user_detail, .similar_ads_user_detail, .share_user_detail{
border-bottom: 1px solid #f7498e;
padding: 10px;
}
.ud_sub_title{
color: #464646;
}
.pantab {
font-size: 15px;
background: #fff;
color: #464646;
border: 1px solid #f7498e;
border-radius: 4px !important;
}
.panel_user_detail{
padding: 10px;
}
.tabs_user_detail{
padding: 10px;
}
.pantab p, .pantab .controls {
line-height: 1.40em;
opacity: 0.85;
word-break: break-word;
}
.contact_user_detail label, .share_user_detail label{
font-size: 15px;
}
.contact_user_detail p, .share_user_detail p{
margin: 0px;
font-weight: bold;
}
.similar_ads_user_detail label{
font-size: 15px;
margin-top: 5px;
}
.tabnav {
padding-left: 10px;
}
.most_searched_container_ul{
padding: 0px 15px;
word-break: break-word;
}
.most_searched_container_li{
padding-bottom: 16px;
list-style: none;
display: inline-block;
color: #c4c4c4;
}
.most_searched_container_li a {
border-radius: 3px;
padding: 2px 0px;
color: #666;
font-weight: bold;
}
.most_searched_container_li a:hover {
text-decoration: underline;
color: #666;
font-weight: bold;
}
.most_searched_ul{
font-size: 15px;
padding: 0px 15px;
line-height: 1.40em;
opacity: 0.85;
word-break: break-word;
}
.most_searched_li{
padding-bottom: 16px;
list-style: none;
display: inline-block;
color: #c4c4c4;
}
.most_searched_li a {
border-radius: 3px;
background: #2e8b57;
padding: 2px 7px;
color: #fff;
}
@media (max-width: 767px) {
.pantab {
font-size: 13px;
}
.prohead{
font-size: 15px !important;
}
.most_searched_ul{
font-size: 15px;
}
}
@media (max-width: 350px) {
.no-padding-mob {
padding: 0px;
}
}
.formsel {
float: left;
margin-right: 5px;
}
.srch {
margin-bottom: 0px;
}
.imgexa {
height: 275px;
width: 100%;
object-fit: contain;
}
.nomargin {
margin: 0px;
}
#add_more {
color: #f0548d;
cursor: pointer;
text-decoration: underline;
}
.file_uploads {
margin-bottom: 5px;
}
@media (max-width: 767px) {
.formsel {
float: left;
margin-right: 5px;
margin-top: 5px;
}
.input-search {
width: 100%;
height: 30px;
line-height: 1.5;
border-radius: 0px;
float: left;
margin-right: 5px;
}
.sbtn {
margin-top: 5px;
}
}
.fabenefit {
font-size: 3em;
display: inline;
}
.contactmail {
color: #428bca;
}
.contactmail:hover,
.contactmail:focus {
color: #337ab7;
text-decoration: underline;
}
.btn:focus {
outline: 5px auto transparent;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 5px auto transparent;
outline-offset: -2px;
}
.sldimg {
width: 190px;
height: 190px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
@media (max-width: 1023px) {
.sldimg {
width: 180px;
height: 180px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 225px;
width: 100%;
}
}
@media (max-width: 767px) {
.sldimg {
width: 130px;
height: 130px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 225px;
width: 100%;
}
}
@media (max-width: 767px) {
.sldimg {
width: 170px;
height: 170px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 350px;
width: 50%;
}
}
@media (max-width: 670px) {
.sldimg {
width: 155px;
height: 155px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 300px;
width: 50%;
}
}
@media (max-width: 640px) {
.sldimg {
width: 135px;
height: 135px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 300px;
width: 50%;
}
}
@media (max-width: 568px) {
.sldimg {
width: 130px;
height: 130px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 275px;
width: 50%;
}
}
@media (max-width: 480px) {
.sldimg {
width: 125px;
height: 125px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 325px;
width: 100%;
}
}
@media (max-width: 375px) {
.sldimg {
width: 170px;
height: 170px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 325px;
width: 100%;
}
}
@media (max-width: 360px) {
.sldimg {
width: 160px;
height: 160px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 325px;
width: 100%;
}
}
@media (max-width: 340px) {
.sldimg {
width: 140px;
height: 140px;
border: 0;
padding: 3px;
margin-bottom: 3px;
}
.imgexa {
height: 300px;
width: 100%;
}
}
@media (max-width: 750px) {
.thumbglry {
display: none;
}
div.picturecount {
pointer-events: none;
display: block;
width: 50px;
height: 50px;
background: url('../../images/camera.png') no-repeat;
padding: 13px 0px 0px 0px;
font-size: 25px;
font-weight: bold;
box-sizing: border-box;
background-size: cover;
color: #f7498e;
}
.photo-label-detail {
display: table;
position: absolute;
background: #b9b9b900;
height: 25px;
line-height: 24px;
/*bottom: 0px;*/
right: 15px;
text-align: center;
vertical-align: middle;
font-size: 14px;
}
.photo-label-detail div {
float: left;
display: table;
}
}
/*@media (max-width: 568px) {
div.picturecount {
top: 35%;
}
}
@media (max-width: 420px) {
div.picturecount {
top: 39.5%;
}
}
@media (max-width: 380px) {
div.picturecount {
top: 36%;
}
}
@media (max-width: 330px) {
div.picturecount {
top: 32%;
}
}*/
@media (min-width: 750px) {
.picturecount {
display: none;
}
}
.welcome_icon {
background: none repeat scroll 0 0 transparent;
border: 2px solid #f4511e;
border-radius: 100%;
color: #f4511e;
margin: 0 auto;
padding: 35px;
text-align: center;
width: 140px;
height: 130px;
}
/*Sign Up */
#register {
border-radius: 6px;
font-size: 15px;
background-color: #f7498e;
color: #fff;
background-color: #f7498e;
border-color: #f7498e;
display: inline-block;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-image: none;
border: 1px solid transparent;
}
.input_border_radius {
border-radius: 4px !important;
}
@media (max-width: 767px) {
.signUpPanel{
padding: 0px;
}
}
#signupForm label.error {
color: #f7498e;
font-size: 12px;
}
#signupForm span.error {
color: #f7498e;
font-size: 12px;
font-weight: bold;
}
.register_btn {
height: 34px;
padding: 0px;
}
.langu {
padding: 15px;
}
@media (max-width: 1010px) {
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-collapse.collapse.in {
display: block!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
}
/* since 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
}
@media (max-height: 450px) {
.moblangdd {
max-height: 270px !important;
}
.navmobmenu {
max-height: 260px !important;
}
}
@media (max-height: 640px) {
.langdd {
max-height: 400px;
overflow: scroll;
}
}
.langdd,
li.profmenu a {
background: linear-gradient(50deg, #f0548d, #fb9a68) !important;
font-size: 13px;
min-width: max-content;
}
.langdd li a,
.langdd li.profmenu a {
color: #fff !important;
}
.langdd li a:hover,
li.profmenu a:hover {
background: linear-gradient(50deg, #fb9a68, #f0548d) !important;
color: #fff !important;
}
.moblangdd {
overflow: scroll;
}
.mobflag {
margin-top: 5px;
position: absolute;
right: 60px !important;
}
.mobile-menu-toggle {
background: #f0548d;
padding: 0;
margin: 0;
height: 50px;
width: 50px;
padding: 14px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
text-indent: -9999px;
display: none;
}
#header .language-menu-toggle {
position: absolute !important;
right: 40px !important;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: #fff;
color: #f0548d !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #f0548d;
}
.langmob:hover .dropdown-menu,
.myprofile:hover .dropdown-menu {
display: block;
margin-top: 0;
}
label#newpw-error,
label#oldpw-error {
color: #f95353;
}
#topscrl {
text-align: center;
}
.Footer_main {
margin-bottom: 10px;
}
.Footer_row {
margin-top: 15px;
margin-bottom: 15px;
}
.footer_ul {
list-style: none;
margin: 0px;
padding-left: 10px;
}
.Footer_main h3 {
border-bottom: 1px solid #BAC1C8;
color: #f7498e;
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
margin: 10px;
}
.Footer_main li {
line-height: 1.70
}
.footer_country {
list-style: none;
padding: 0px;
}
.footer_country li {
display: inline;
}
.footer_hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #BAC1C8;
}
.input-sm {
border: 1px solid #c4c4c4;
border-radius: 4px;
background: #fff;
padding: 5px !important;
}
.select_search_small {
width: 62px !important;
}
.search_title {
margin-top: 5px;
text-align: left;
}
.search-label{
margin-top: 5px;
text-align: center;
}
.manage_boot {
padding-bottom: 10px;
}
.key_title {
display: inline;
font-size: 20px;
color: #fff;
opacity: 0.75;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}
.key_description {
display: none;
margin-top: 10px;
margin-bottom: 20px;
font-size: 15px;
color: #fff;
opacity: 0.75;
font-weight: normal;
text-transform: none;
}
.search_link {
text-transform: capitalize;
}
.search_link:hover,
.search_link:focus {
text-decoration: underline;
color: inherit;
}
.show_more {
margin-top: 0px;
margin-bottom: 50px;
text-align: center;
}
.show_more_btn:active:focus,
.show_more_btn:focus {
outline: #f7498e;
color: #fff;
background-color: #f7498e;
border-color: #f7498e;
}
.show_more_btn {
color: #fff;
background-color: #f7498e;
border-color: #f7498e;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.04em;
}
.show_more_btn:hover {
color: #fff;
background-color: #f7498e;
border-color: #f7498e;
}
.ui-menu .ui-menu-item {
color: #818181;
}
.ui-menu .ui-menu-item .ui-state-hover,
.ui-menu .ui-menu-item .ui-state-active {
background: #0097CF;
color: #fff;
}
.ui-autocomplete {
font-size: 13px !important;
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
.typeahead_ac {
background-color: #fff !important;
}
/*#myPage {
background: #1e063c;
background-image: linear-gradient(95deg, rgba(58, 205, 252, .1), rgba(255, 71, 179, .1) 50%, rgba(255, 151, 38, .1));
}*/
.h2_tag {
color: #fff;
font-size: 30px;
font-weight: 700;
}
.h3_tag {
color: #fff;
opacity: 0.7 !important;
font-size: 17px !important;
}
/* Contact Us */
.contact-form {
margin: 0 auto;
float: none;
margin-bottom: 50px;
}
.btn_contact {
box-shadow: inset 0px 0px 4px 4px rgba(0,0,0,.125);
font-size: 15px;
background-color: #f7498e;
height: 34px;
padding: 0px;
}
.h1_label {
font-size: 36px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 500;
}
.adv_favicon {
font-size: 30px;
color: #f7498e;
}
.lg_show {
float: left;
}
/* MSGS CSS */
#custom-search-input {
background: #e8e6e7 none repeat scroll 0 0;
margin: 0;
padding: 10px;
}
#custom-search-input .search-query {
background: #fff none repeat scroll 0 0 !important;
border-radius: 4px;
height: 33px;
margin-bottom: 0;
padding-left: 7px;
padding-right: 7px;
}
#custom-search-input button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
color: #666666;
left: auto;
margin-bottom: 0;
margin-top: 7px;
padding: 2px 5px;
position: absolute;
right: 0;
z-index: 9999;
}
.search-query:focus+button {
z-index: 3;
}
.all_conversation button {
color: #636363;
background: #f5f3f3 none repeat scroll 0 0;
border: 1px solid #dddddd;
height: 38px;
text-align: left;
width: 100%;
}
.all_conversation i {
background: #e9e7e8 none repeat scroll 0 0;
border-radius: 100px;
color: #636363;
font-size: 17px;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
}
.all_conversation .caret {
bottom: 0;
margin: auto;
position: absolute;
right: 15px;
top: 0;
}
.all_conversation .dropdown-menu {
background: #f5f3f3 none repeat scroll 0 0;
border-radius: 0;
margin-top: 0;
padding: 0;
width: 100%;
}
.all_conversation ul li {
border-bottom: 1px solid #dddddd;
line-height: normal;
width: 100%;
}
.all_conversation ul li a:hover {
background: #dddddd none repeat scroll 0 0;
color: #333;
}
.all_conversation ul li a {
color: #333;
line-height: 30px;
padding: 3px 20px;
}
.member_list .chat-body {
margin-left: 47px;
margin-top: 0;
}
.top_nav {
overflow: visible;
}
.member_list .contact_sec {
margin-top: 3px;
}
.member_list li {
padding: 6px;
}
.member_list ul {
border: 1px solid #dddddd;
}
.chat-img img {
height: 34px;
width: 34px;
}
.member_list li {
border-bottom: 1px solid #dddddd;
padding: 6px;
}
.member_list li:last-child {
border-bottom: none;
}
.member_list {
height: auto;
max-height: 380px;
overflow-x: hidden;
overflow-y: auto;
}
.sub_menu_ {
background: #e8e6e7 none repeat scroll 0 0;
left: 100%;
max-width: 233px;
position: absolute;
width: 100%;
}
.sub_menu_ {
background: #f5f3f3 none repeat scroll 0 0;
border: 1px solid rgba(0, 0, 0, 0.15);
display: none;
left: 100%;
margin-left: 0;
max-width: 233px;
position: absolute;
top: 0;
width: 100%;
}
.all_conversation ul li:hover .sub_menu_ {
display: block;
}
.new_message_head button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
}
.new_message_head {
background: #f5f3f3 none repeat scroll 0 0;
float: left;
font-size: 13px;
font-weight: 600;
padding: 18px 10px;
width: 100%;
}
.message_section {
border: 1px solid #dddddd;
}
.chat_area {
float: left;
height: 300px;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
}
.chat_area li {
padding: 14px 14px 0;
}
.chat_area li .chat-img1 img {
height: 40px;
width: 40px;
}
.chat_area .chat-body1 {
margin-left: 50px;
}
.chat-body1 p {
background: #fbf9fa none repeat scroll 0 0;
padding: 10px;
}
.chat_area .admin_chat .chat-body1 {
margin-left: 0;
margin-right: 50px;
}
.chat_area li:last-child {
padding-bottom: 10px;
}
.message_write {
background: #f5f3f3 none repeat scroll 0 0;
float: left;
padding: 10px;
width: 100%;
}
.message_write textarea.form-control {
height: 51px;
padding: 10px;
}
.chat_bottom {
float: left;
margin-top: 10px;
width: 100%;
}
.upload_btn {
color: #777777;
}
.sub_menu_>li a,
.sub_menu_>li {
float: left;
width: 100%;
}
.member_list li:hover {
background: linear-gradient(50deg, #fb9a68, #f0548d);
color: #fff;
cursor: pointer;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #777 !important;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #fff !important;
border-radius: 10px;
}
.chat_time {
font-size: 11px;
}
.hr_lines {
border-top-style: none!important;
border-right-style: none!important;
border-radius: 2px!important;
border-left-style: none!important;
border-bottom-style: none!important;
background: linear-gradient(50deg, #f0548d, #fb9a68)!important;
margin-top: 0!important;
margin-right: auto!important;
margin-left: auto!important;
width: 90px !important;
border: 0;
height: 5px;
}
#mobile-indicator {
display: none;
}
@media (max-width: 767px) {
#mobile-indicator {
display: block;
}
}
/* Payment */
/*.paymentWrap {
padding: 50px;
}*/
@media (min-width: 768px){
.multi-step .modal-dialog {
width: 767px;
}
}
.paymentWrap .paymentBtnGroup {
max-width: 800px;
margin: auto;
}
.paymentWrap .paymentBtnGroup .paymentMethod {
/*padding: 40px;*/
box-shadow: none;
position: relative;
}
.paymentWrap .paymentBtnGroup .paymentMethod:hover {
color: inherit;
}
.paymentWrap .paymentBtnGroup .paymentMethod.active {
outline: none !important;
color: #333;
}
.paymentWrap .paymentBtnGroup .paymentMethod.active .method {
border-color: #f7498e;
outline: none !important;
box-shadow: 0px 3px 22px 0px #7b7b7b;
}
.paymentWrap .paymentBtnGroup .paymentMethod .method {
/*position: absolute;
right: 3px;
top: 3px;
bottom: 3px;
left: 3px;*/
border-radius: 15px;
white-space: normal;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: 2px solid transparent;
transition: all 0.5s;
padding: 20px 10px 0px 10px;
}
.radio,
.radio__label,
.radio__label:after,
.radio__label:before{
box-sizing: border-box;
}
.radio{
display: inline;
opacity: 0;
width: 0;
margin: 0;
overflow: hidden;
-webkit-appearance: none;
}
.radio__label{
display: inline-block;
height: 50px;
position: relative;
padding: 10px;
cursor: pointer;
vertical-align: bottom;
color: rgba(0, 0, 0, .54);
font: 300 14px/20px Helvetica, Arial, sans-serif;
transition: color 200ms ease;
}
.radio__label:before, .radio__label:after {
position: absolute;
content: "";
border-radius: 50%;
transition: transform 200ms ease, border-color 200ms ease;
}
.radio__label:before{
left: 0;
top: 15px;
width: 20px;
height: 20px;
border: 2px solid rgb(219, 219, 219);
}
.radio__label:after{
top: 20px;
left: 5px;
width: 10px;
height: 10px;
transform: scale(0);
background-color: #f7498e;
}
.radio__label:hover:before {
border-color: rgb(251, 135, 43);
}
.radio:checked .radio__label {
color: #000;
}
.radio:checked + .radio__label:before{
border-color: #f7498e;
}
.radio:checked + .radio__label:after{
transform: scale(1);
}
.paymentWrap .paymentBtnGroup .paymentMethod .method:hover {
color: #333;
border-color: #f7498e;
outline: none !important;
}
.paymentWrap .paymentBtnGroup .paymentMethod .method label {
font-size: 18px;
}
table.price_no,
table.sub_price_no {
position: relative;
margin: 0px 65px;
margin-top: 25px;
margin-bottom: 25px;
}
@media (max-width: 767px) {
table.price_no,
table.sub_price_no {
margin: 0px 100px;
}
#pricing-data .panel-footer{
text-align: -webkit-center !important;
}
}
table.price_no tr td.currency,
table.sub_price_no tr td.currency {
font-size: 25px;
font-weight: 600;
}
table.price_no tr td,
table.sub_price_no tr td {
padding: 0;
}
table.price_no tr td.bigno,
table.sub_price_no tr td.bigno {
font-size: 70px;
line-height: 74px;
margin: 0;
display: inline;
font-weight: 600;
margin-top: 0;
padding-top: 0;
}
table.price_no tr td.smallno,
table.sub_price_no tr td.smallno {
font-size: 20px;
font-weight: 400;
}
table.price_no tr td .month,
table.sub_price_no tr td .month{
font-size: 16px;
font-weight: 400;
position: absolute;
bottom: 7px;
text-align: left;
}
table.price_no tr td .cents,
table.sub_price_no tr td .cents {
position: absolute;
bottom: 40px;
}
/*.buttons_div{
padding-top: 170px;
}*/
.see_pricing a:hover{
color: #f7488e;
}
.see_pricing, .btn-prev{
color: #f7488e;
background-color: #ffffff;
border-color: #f7488e;
}
.multi-step .modal-body{
min-height: 330px;
padding: 15px;
}
.paymentWrap .paymentBtnGroup .paymentMethod .method img{
max-width: -webkit-fill-available;
height: 49px;
object-fit: cover;
margin-bottom: 10px;
}
#payment-form{
padding: 15px;
}
.amex {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACi1BMVEUAAAAAAAAAdKIAdqcGdqoDeqkDeKoDe6sFeqoFeqwCeqoGe6wGeasGeqwGe6wFeqwFeqwFeqsGe6oFeawEeqwEeqwFe6wHeaoFe6oFeasFe6wFeawHe6wIfKwJfKwKfa0Lfa0Mfq0Of64Pf64QgK8RgK8Sga8TgbAUgrAVgrAWg7EXg7EYhLEZhLIahbIbhbIdhrMfh7QgiLQhiLQjirUkirUli7YnjLYojLcqjbcsj7gtj7kukLkvkLkwkbkxkboykrozkro0k7s1k7s2lLs3lLw4lbw5lbw6lr07lr08l709l75Amb9Bmr9Dm8BFnMBHncFIncFJnsJKnsJLn8JMn8NNoMNOocRPocRQosRRosVUpMZVpMZWpcZXpcdYpsdZp8dap8dbqMheqclgqslhq8pjrMpkrMtnrsxpr8xqr81tsc5vss5wss9xs89ztNB0tdB1ttF6uNJ8udN9utN+utR/u9SAu9SBvNWCvNWDvdWEvdWGvtaHv9aIv9eKwNeMwdiPw9mQw9mRxNqTxdqUxtuVx9uWx9yXyNyYyNyZyd2ayd2byt2cyt6dy96fzN+gzN+hzd+izeCjzuCkzuCn0OGp0eKq0eKr0uOs0+Ot0+Ov1OSw1eSy1uWz1uW01+W32Oa62ui72+i82+i+3Om/3enC3urE3+vF4OvH4ezI4uzJ4u3K4+3L4+3N5O7O5e7P5e/R5u/S5/DT5/DV6PHW6fHX6fHY6vHa6/Lb7PPc7PPd7fPe7fTf7vTg7vTi7/Xj8PXk8fbm8vbn8vfo8/fp8/fq9Pjr9Pjs9fjt9fnu9vnv9vnw9/rx9/ry+Prz+Pv0+fv1+fv2+vz4+/z5+/37/P38/f7+/v7///+B6xdgAAAAHHRSTlMAARYaJ0FIT1pcYG6YmZyssrPDys3T2tvt9PX+1nJQbwAAAnFJREFUOMtjYOAWESMWiAqwMzBwyZAEOBn4SdMgzCBImgYJUjVI0UeDkoGBrq6BgZ6MhgECqAA56nJ6ICZIWN3AQAeuoevIrvOHDuy6ZLl1366ru3ft2nVl167dJ08cOXHo/P6Dl3Yd33Nm15mdJw+thGnQO2ei2nzDRaZp405Zmd2KxhYWW2TMTeUmJOWv0NOPKVJ1uNEi4329LByuoXKaabvZNZcQw8u5IUANrYuX7pA5eNSxJCk/OPfGBe2ZKotbnAw6kTSs8Axslpnh0mtRr74YqME7LGaHjI6G4uakfOfGG21q3c5hLf7TNDMQGhqUMjN9vFz6O2TCjgA11M+Zs13m4oXIvKT8bOs+i7DMNJks/xuhcggNKQ3b+vfGpS65kLTqVNyRpLi4uP1xl6d09jRPPF+blHC29WB+SsX5PXF1cA0lE/1lWiZOnFg2saZrIgxkgojiyr6JZTLxQFZ5ycSJpRTHdOAmMMiM2Agk103esGnTxiWzwELTVwOJyes29aFqiFtrCQR+x05FuVpaWqcfA3I8FlQDyandjpaWh5KtLI3RNCxTA8ZypHewb7vNrvWKk2QW7wiIzU3YteusXtXWrQvllm+diK5BRl6+4JyW2omJ2qkRiqtknN2VF+UCxWbmKCi5b3GU1fRE16B+4cK5RCe3pH6z6bP3nZOZsyYoMzftwsWrp4+skZt/4kA1mqfjVqgAgcORw/Z23kejg86r7JxXm1AIFOqzVdFLAEoahaNqiDgMBplZQGKNjC6QbD0MA3vmAomN5XTLcaQASQZe0jSIM3CQpoGPgZFHmgT1QkwMDAzMrOxEAjYWBgYAvI9h1MHdhQIAAAAASUVORK5CYII=") #fff;
}
.visa {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAABvFBMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e0mM3onNHspNXkqN30rN30sOH4tN3ovO4AwPIAyPoE1QYM3Q4Q4Q4U4RIU5RYY8R4g9SIhCTYtDToxGUY5HUo5JU49JVJBOWJJQW5RSXJVTXZZVX5dXYZhYYplaY5pfaJ1kbaBlbqFoaZFocaNpcqNqc6RtdqZvd6dzcpV0fKp2f6x5ga18g698hK99hK99hbB+hrCAh7GDi7OHjrWIj7aJkLeNk7mNlLqOlbqRl7yUmr6WnL6YnsCbocKepMSjqMekqceprsqrsMysscytss2uss2xts+xttC0uNG1udK1utK2utK3u9O6vdS7v9W8wNa9wda9wdfBxNnDx9rEx9vFyNzFydvHy93Kzd/Mz+DR0+LS1OPT1uTVnV/V1+XX2ebY2NjZuJbZ2+faoVza3Ojc3+rf4evf4ezi5O7j5e7n6fHp6/Lq6/Lr7PPsmC3snTfs7fPunjnu7/Tu7/Xw8fbx8vfy8/f09fj09fn19vn29/r3z5332LH39/r42LD42bL42bP5+fv76tX77dz7+/v7+/387dv9/f7+9ev//v3///9+dhG/AAAACXRSTlMAGxuq7e7u+vsOT6YMAAABbklEQVQ4y+WUV1cTYRQAlwSIsxoLltgLKgZ7AwV777FiL9gT1x4FGxpb0Gg0On/YBx83D+wz8z7nu+fe800QpNKtpTHSmk4FQUt7pu4YqWfaW4L0BBOQSQdt9SRCvS0omYjSOBZ+fB0d/f5T/VQoDHi6cF4b1/Zt6d9fUZ+cLFyMvfDny6vhN3/1EOwegW4/LAHgpb6bBpNr8ZE2PBz+rQvIvrgJ2+2DdaeOba7pXoBbceHAxHvfHIRNHoHjLobLqlZnkIeDcaHIlAeuh6Jb4bb9EG58rh6G4nTWNNnSHFYNZcnrcsKK1d4Qpl63MY9lrmRmE6GHcCdc0Q7mqt5ZAfM9C7uKvfA0LlyASSzUt7Daz+pIyGw7+c+JuPAxCxzV+7DHrq5tOzqhbxA6crlcSE+TS+dhVk0vwRk7AFhb64a76lIWva7EhKEoKqvvo6jqs6sD526UNYoeq5ajR78a4/k/JM5M4pAlTGUqSBrjf5znrWNE0ZcCAAAAAElFTkSuQmCC") #fff;
}
.mastercard {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACc1BMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e3MAADMAQHMBATNCQnOCwvODAzODg7PDwnPERHRGxvSFgfSHh7SHx/SIB7THhDTJCTTJibTJyfUKSnVIAXVLS3VMDDWMjLWNTXWNjbXIQDXLyLXNS7XNzfXOzvYLxbYPT3YPj7Y2NjZOy/ZRUXaSEjaSUnbLQDbLgDbS0vbTU3cSj/cU1PdNADdSjTdVVXdVlbeNwDeW1vfYmLgUDPgZWXgZmbgaGjhXkvhamrhbW3ia2Lib2/jXDfja1njdXXkeHjkeXnke3vlgIDlgYHmg4PmhITmhobnh4fniIjni4voVgDojIzokJDqXADqaiTqlpbqmJjqmZnqmprrnJzrn5/tpqbuqqrura3urq7vsbHvsrLvs7PwbADwbQDwtLTwtbXwt7fxvLzycgDyjULyvr7yv7/zdQDzmVvzn2fzxMTzxcXzx8f2fwD21tb3gQD3x6/3ybL32Nj4hAD43t7439/44OD5iQD54eH54uL65ub65+f76+v7+/v88vL89PT99/f9+Pj9+fn+lwD+/f3/mQD/mgT/nQv/nw//oRT/oRX/oRb/ohj/qCf/qSn/qSr/qy3/rDH/rjX/rjb/sT7/sj//s0L/tEX/tUf/tUj/tkn/t0v/uVD/uVH/u1X/vFj/vVr/vl7/v2H/w2n/xGz/x3P/yHb/yXr/zob/z4j/0Iv/1Zj/1pr/153/2J7/26X/3q7/4LL/4LP/4bX/4bb/5cD/5sL/58P/58T/58X/6sz/7NH/7dL/8d7/8t//9OX/9eb/9ef/9ur/9+v/+vT/+/X//Pj//fz///90HdR0AAAACXRSTlMAGxuq7e7u+vsOT6YMAAABmElEQVQ4y2NgYGJm0SISsDAzMTAwsrG3XiAStLKzMTIwc1wgAbAzM7C2kqKhlZVB6wJJQItSDS3R5orSmo7pPUD2+d2r506bvWzLKdwaOr14OSFAMuXCzqm9ENC//hwODc2KnHDAVdCLALNOYNXQLo9QzylgGoykY+YZbBqckNSrpKamdSPpWINFQw03kgZhJSUlSyQNfUcxNfjzyfFISUDUi5WCQO+EOZOgGmZswNSgY3VBpyPOxJZf1d4uWdxZW9k45+SBtStWTVowffH8o/MxNUgHNsY0entmxrW5R6VnhNb6NlVu6p247uCOs3sOH941DYuG9MTa3JCiGp+S+CzdrrziBOuK5b1L9x8/tG3vko0bsWjQafCKaIhNqon0qyvzqApyKZMtPLZl8/bTR1Zv3Xd6JRYnBeiJChkJGqppWIgoKKi7mTnIVC9YPHnhnHlTJiyaM3EDgWANz87OLicQrCgRx6VvYJBPIOJQk4ZNWD3BpIGS+DhdCSc+0pM3JAOpkpCBaJOnSS5mSC7ISCwqgYUriYUxAINRRW57ksG5AAAAAElFTkSuQmCC") #fff;
}
.discover {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACLlBMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e3vzbDvzbEBAQECAgIDAwMTExMUFBQWFhYYGBgZGRkeHh4jIyMmJiYnJycpKSksLCwtLS0uLi4wMDAzMzM0NDQ3Nzc6Ojo8PDw/Pz9CQkJDQ0NHR0dJSUlKSkpMTExOTk5PT09RUVFWVlZYWFhcXFxgYGBiYmJjY2Nra2tsbGxtbW1wcHBxcXF0dHR1dXV2dnZ3d3d4eHh8fHx9fX1+fn6AgICBgYGCgoKDg4OLi4uMjIyPj4+VlZWWlpabm5udnZ2enp6fn5+hoaGjo6OoqKirq6usrKyvr6+wsLCysrKzs7O4uLi7u7u8vLy9vb2/v7/AwMDBwcHExMTGxsbHx8fJycnLy8vQ0NDR0dHS0tLU1NTW1tbY2NjZ2dnb29vd3d3f39/h4eHi4uLn5+fo6Ojp6enr6+vs7Ozt7e3v7+/x8fHy8vL1giD1giH1gyP1hCT1iS31ii71izD1jDL2kTv2kjz2kz/2lED2lkP2lkT2l0X2mUn2pmH2pmL3m033n1X3oVf3pF73pV739/f4q2n4q2r4rWz4r3D4r3H4sXT4s3f5uoT5u4b5vov5+fn6xJb6yJ36yqD6zKT6+vr7zqj70a372Ln7+/v83sT838b84Mj84sv848785M/85dD89O78/Pz959X96Nb969z9/f3+8+r+9e7+9u/+9/H++PP++vb++vf+/Pn+/Pr+/fz+/v7////OeAUcAAAAC3RSTlMAGxuq7e7u+vv7+w/+RoMAAAGnSURBVDjLY2BgYmZJJRKwMDMxMDCysS/YSSRYwM7GyMDMsZMEwM7MwLqAFA0LWBlSd5IEUumkwc7A0HPBTuvcTAN13535FuqWJTsXdrdP2+IZuHOnR6iNgYHVDgMDsySEBin3QE2NnWJpKk6x8T1iDsku6UvKSktL+4Kld84RzBb3Co9ZyRPnJYikIXHnAr5ssTR9hYCVIfIg8UmlILBCOMFfa6e4jWvQWh5/e0kUDTuFMsTSpvvI6gUog8QngzVsdDRVC9spbu7st5bbmL8ASUNEipEi0ElRRQEyhYL+K/2Tl5cD1U/cmSMgsXOneHRe3krenSpuCA26ckp2xTu1s2xFZSJ3JqiJqKbvXNrbOWPrzp0m3jt36sjJyS2Q35ms0rNz53wSg3VRI2kaVlc1kKRhVU0pSRoWVZaSpGF2RSkpGjZNAMcM0RoW15aSomE9JOKJ1bB1VnUpCRq2z6srLSVew+ZZyMoJalgzpbq0lGgNG+Z2lGKAplQcxcy6uV3lpVhAKyuWgmzLwqktpTgAJzNaUblt2cz+xnocoLmNiw1YuJJYGAMAEKBGzN/0FVAAAAAASUVORK5CYII=") #fff;
}
.expiry-date-group input:focus {
position: relative;
z-index: 10;
}
.zip-code-group {
clear: both;
}
#PayButton {
outline: 0!important;
height: 42px;
font-size: 16px;
background-color: #54C7C3!important;
border: none;
}
#PayButton:hover {
background-color: #6DCECB!important;
}
#PayButton:active {
background-color: #4FBCB9!important;
}
#PayButton:disabled {
background: rgba(84, 199, 195, .5)!important;
color: #FFF!important;
}
.input-container {
position: relative;
}
.input-container input {
padding-right: 25px;
}
.input-container>i, a[role="button"] {
color: #d3d3d3;
width: 25px;
height: 30px;
line-height: 30px;
font-size: 16px;
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
text-align: center;
}
.input-container>i:hover, a[role="button"]:hover {
color: #777;
}
.amount-placeholder {
font-size: 20px;
height: 34px;
color: #f7498e;
font-weight: bold;
}
.amount-placeholder>button {
float: right;
width: 60px;
}
.amount-placeholder>span {
line-height: 34px;
}
.card-row {
text-align: center;
margin: 20px 25px 10px;
}
.card-row span {
width: 48px;
height: 30px;
margin-right: 3px;
background-repeat: no-repeat;
display: inline-block;
background-size: contain;
}
.card-image {
background-repeat: no-repeat;
padding-right: 50px;
background-position: right 2px center;
background-size: auto 90%
}
.cvc-preview-container {
overflow: hidden;
}
.cvc-preview-container.two-card div {
width: 48%;
height: 80px;
}
.cvc-preview-container.two-card div.amex-cvc-preview {
float: right;
}
.cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {
float: left;
}
.cvc-preview-container div {
height: 160px;
}
.amex-cvc-preview {
background: url("data:image/png;base64,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") center center/contain no-repeat;
}
.visa-mc-dis-cvc-preview {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACOCAMAAAASE4S+AAAAAXNSR0IArs4c6QAAAadQTFRFAAAAzbFj+NyAyLNg+N2DzbRk+96CzrVj+96AzrNj+92By7Rl+92AzbRl/eCDzrRl/t+DzrVl/t+CzbVm/t+C3MFt3MFv/N2B/N6CzrRm/uCDzrRm/uCC7M93/N6CAAAAAQEBAgIBBAQCBQUDBwcECQgFDAsGDg0HEA4IEQ8JFRMLFxUMIBwQIR0RJSETKyYWLikYLyoYMCsZMSsZNC4bNzEcOTIdQDkhQTkhQzsiRT0jRj4kSkEmTEMnWE4tWU8uWk8uXFEvXVIwXlMwX1QxaV02bWA4bmE5cWQ6eGo+eWs+fW5Afm9Bi3pHjHtIkH9KmIZOmYdPnIlQnYpRo5BUppJVqJRWqpZXq5dYrJdYrZhZuaNfvaZhvqdiwKljwapjxK1lybFnyrJoy7NozrVm1Ltq171u2L5v2b9s2b9t2sBt3cNy3zEx3zIx38Rz4MVz4cZ04kI552NI6GVJ6Mx36s5368957dF674xb79J78NN78dV78tV789Z99Nd99dh+9rZv9th+9tl+99l/+duA+sx5+sx6+t2B+92B/N6B/d+C/uCD////AikOogAAAB90Uk5TACQkJSU9PT4+Q0NERJqav7/AwNjY4uLi4u7u8/P6+u6knPAAAAJkSURBVHja7d3pTxNBGMfxQbwAW06Pcj0tntQT8b7v+0JFxaserQcuKlQUFbFUaqvjH+1uG0lMfEETie4z39+bJ/tik/1kjt3MbDLGBFkWbeu0CtPZFq03v7KwxSpO04KKcmm7VZ32xeW2VK70nUF7tlj1afJnH+tA6k3UBWbUrHKBudJ0u8DsNtaJwIQJEyZMmDBhwoQJEyZMmPPCFCcCEyZMmDBhwoQJEyZMmDBhwoQJEyZMmDBhwoQJ010m+5swYcKECRMmTJgwYcKECRMmTJgwYcIMFfPHP8/vz5PLjnpzzmg2F07mxIhXVUYmwsjMVan0nbkQMrOeN1aY+zAsjHleNoRMf1x+rWa6KfjjM4RMvxdWN63+4QaYMGHC/EvM6b0HgpI6tvtoyq9vz+4/clcf89sJ2eiXIZGEyJD9sEl6RAa1MVPbpczsk8vT52SHHZCDUxelXxtzW/x4wPx+6cxn+0A2208PX9pB2aONef7xk3JrBjkth4Jysnf9fX1T0Czzmqx+6pcvcel/pJd5RRLXg1p6d0vWvdHKHJCeG2XljLVb5aZS5r2E3A6uTiUu2Km1klLK3CXxZDK5xd6RNYd3St+MTuaryr94G6y92iuy77X+b9rSi/d8usOEyZIXC5gsR7O5MN9bRexvwoQJEyZMmDBhwoQJEyZMmDBhwoT5vzNLLihLJu8CM2+6XGB2meUuMFeYyEf9ysmIqcsUtSuLmQZjGp8pdxafNxtjamIZ1f12MhOrDQ6uXhRLD4/nVb4/S/nx4XRsSeUY8prGtOI0186eKl8Xae3QSOxojTSUgT8BEvkXyqDHONgAAAAASUVORK5CYII=") center center/contain no-repeat;
}
.submit-button-lock {
height: 20px;
margin-top: -2px;
margin-right: 7px;
vertical-align: middle;
background: url("data:image/png;base64,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NQxdFfpzGC4sNKwm7Hm4VXh+eHcELWJFREPEu0iPyNLIR4uNFksWd0bJR8VF1UdNRXtFl0VLl1gsWbPkRoxajCCmPRYfGxV7JHZyqffS3UuH4+ziCuPuLjNclrPs2nK15anLz66QX8FZcSoeGx8d3xD/iRPCqeVMrvRfuXflBNeTu4f7kufGK+eN8V34ZfyRBJeEsoTRRJfEXYljSa5JFUnjAk9BteB1sl/ygeSplJCUoykzqdGpzWmEtPi000IlYYqwK10zPSe9L8M0ozBDuspp1e5VE6JA0ZFMKHNZZruYjv5M9UiMJJslg1kLs2qy3mdHZZ/KUcwR5vTkmuRuyx3J88n7fjVmNXd1Z752/ob8wTXuaw6thdauXNu5Tnddwbrh9b7rj20gbUjZ8MtGy41lG99uit7UUaBRsL5gaLPv5sZCuUJR4b0tzlsObMVsFWzt3WazrWrblyJe0fViy+KK4k8l3JLr31l9V/ndzPaE7b2l9qX7d+B2CHfc3em681iZYlle2dCu4F2t5czyovK3u1fsvlZhW3FgD2mPZI+0MqiyvUqvakfVp+qk6oEaj5rmvep7t+2d2sfb17/fbX/TAY0DxQc+HhQcvH/I91BrrUFtxWHc4azDz+ui6rq/Z39ff0TtSPGRz0eFR6XHwo911TvU1zeoN5Q2wo2SxrHjccdv/eD1Q3sTq+lQM6O5+AQ4ITnx4sf4H++eDDzZeYp9qukn/Z/2ttBailqh1tzWibakNml7THvf6YDTnR3OHS0/m/989Iz2mZqzymdLz5HOFZybOZ93fvJCxoXxi4kXhzpXdD66tOTSna6wrt7LgZevXvG5cqnbvfv8VZerZ645XTt9nX297Yb9jdYeu56WX+x+aem172296XCz/ZbjrY6+BX3n+l37L972un3ljv+dGwOLBvruLr57/17cPel93v3RB6kPXj/Mejj9aP1j7OOiJwpPKp6qP6391fjXZqm99Oyg12DPs4hnj4a4Qy//lfmvT8MFz6nPK0a0RupHrUfPjPmM3Xqx9MXwy4yX0+OFvyn+tveV0auffnf7vWdiycTwa9HrmT9K3qi+OfrW9m3nZOjk03dp76anit6rvj/2gf2h+2P0x5Hp7E/4T5WfjT93fAn88ngmbWbm3/eE8/syOll+AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAAgYMEyIzOUpTVFViY3N2gJmcnaipq7fX3ebx+Pn8eTEuDQAAAI9JREFUKM/N0UkOglAQRdFHDyK90n64+9+lAyQgookjuaNKTlJJpaQlO2n6sW8SW/uCjrku2EloWDLhi3gDa4O3pTtA5Tt+BXDbiDsBmSQpAyZ3pRhoLUmS1QLxSilQPOcCSFfKgfxgPgfZ9ch7Y21LCcdd5wVH5SckEzkXc0ylpPJnMpETmX/d9eUpH1/5AKrsQVrz7YPBAAAAAElFTkSuQmCC") center center/contain no-repeat;
width: 14px;
display: inline-block;
}
.align-middle {
vertical-align: middle;
}
@media (min-width: 768px){
.exp_grp{
padding-right: 0px;
}
.paymentWrap .paymentBtnGroup .paymentMethod{
padding-top: 15px;
}
.payment_methods{
padding-top: 80px !important;
}
#final_payment, #final_payment_boost {
margin: 0px 100px;
}
}
.payable_amt_div{
font-size: 20px;
}
.multi-step .modal-header {
background: linear-gradient(50deg, #f0548d, #fb9a68) !important;
}
.multi-step .modal-content{
border-radius: 0px;
}
.multi-step .modal-title{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff;
}
.payable_amt, .payable_amt_boost, .payable_currency{
color: #f7498e;
font-weight: bold;
}
.multi-step .modal-header .close {
font-size: 30px;
margin-top: -7px;
}
.payment-errors{
font-size: 17px;
font-weight: bold;
color: #f95353;
}
.stripe_pay_card{
max-width: 100%;
}
@media (max-width: 767px){
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 12px;
}
::-webkit-scrollbar:horizontal {
height: 15px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(50deg, #f0548d, #fb9a68) !important;
border-radius: 10px;
border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
}
.user-detail-ribbon {
position: absolute;
right: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.ribbon {
position: absolute;
right: 5px;
top: 0px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.corner-ribbon {
font-size: 12px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px; right: -21px;
}
/* Colors */
.corner-ribbon.gold{
color: #fff;
background: linear-gradient(50deg, #D4AF37, #FFDF00) !important;
}
.corner-ribbon.silver{
color: #fff;
background: linear-gradient(50deg, #c1c1c1, #868686) !important
}
.corner-ribbon.bronze{
color: #fff;
background: linear-gradient(50deg, #996600, #996633) !important;
}
.corner-ribbon.gold::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #ffcc00;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #ffcc00;
}
.corner-ribbon.gold::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #ffcc00;
border-bottom: 3px solid transparent;
border-top: 3px solid #ffcc00;
}
.corner-ribbon.silver::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #868686;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #868686;
}
.corner-ribbon.silver::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #868686;
border-bottom: 3px solid transparent;
border-top: 3px solid #868686;
}
.corner-ribbon.bronze::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #996633;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #996633;
}
.corner-ribbon.bronze::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #996633;
border-bottom: 3px solid transparent;
border-top: 3px solid #996633;
}
/* Pricing Page Ribbon Start */
.pricing-ribbon {
position: absolute;
right: 11px;
top: -4px;
z-index: 1;
overflow: hidden;
width: 75px; height: 75px;
text-align: right;
}
.pricing-ribbon .pricing-corner-ribbon {
font-size: 12px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px; right: -21px;
}
/* Colors */
.pricing-corner-ribbon.gold{
color: #fff;
background: linear-gradient(50deg, #D4AF37, #FFDF00) !important;
}
.pricing-corner-ribbon.silver{
color: #fff;
background: linear-gradient(50deg, #c1c1c1, #868686) !important
}
.pricing-corner-ribbon.bronze{
color: #fff;
background: linear-gradient(50deg, #996600, #996633) !important;
}
.pricing-ribbon .pricing-corner-ribbon.gold::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #ffcc00;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #ffcc00;
}
.pricing-ribbon .pricing-corner-ribbon.gold::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #ffcc00;
border-bottom: 3px solid transparent;
border-top: 3px solid #ffcc00;
}
.pricing-ribbon .pricing-corner-ribbon.silver::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #868686;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #868686;
}
.pricing-ribbon .pricing-corner-ribbon.silver::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #868686;
border-bottom: 3px solid transparent;
border-top: 3px solid #868686;
}
.pricing-ribbon .pricing-corner-ribbon.bronze::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #996633;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #996633;
}
.pricing-ribbon .pricing-corner-ribbon.bronze::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #996633;
border-bottom: 3px solid transparent;
border-top: 3px solid #996633;
}
/* Pricing Page Ribbon End */
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 30%;
position: relative;
transition: all 5s ease-in-out;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #06D85F;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
/*@media screen and (max-width: 700px){
.box{
width: 70%;
}
.popup{
width: 70%;
}
}*/
/* Login BG */
.bg_search_img{
position: absolute;
width: 100%;
height: 6%;
}
@media (max-width:991px){
.bg_search_img{
height: 5.5%;
}
}
@media (max-width:767px){
.bg_search_img{
height: 6%;
}
}
@media (max-width:650px){
.bg_search_img{
height: 6.75%;
}
}
@media (max-width:480px){
.bg_search_img{
height: 5.5%;
}
}
@media (max-width:381px){
.bg_search_img{
height: 5.55%;
}
}
@media (max-width:350px){
.bg_search_img{
height: 6%;
}
}
.index_bg_cover {
min-height: 450px;
color: #fff;
display: flex;
flex-direction: column;
position: absolute;
width: 100%;
top: 0px;
left: 0;
}
@media (max-width:991px){
.index_bg_cover {
top: 0px;
}
}
@media (min-width: 35.5em){
.index_bg_cover .bg_imgLayer {
display: block;
}
}
.index_bg_cover .bg_imgLayer {
width: 100%;
height: 100%;
position: absolute;
}
@media (min-width: 35.5em){
.index_bg_cover .bg_layout {
display: block;
}
}
.index_bg_cover .bg_layout {
position: absolute;
width: 100%;
height: 200%;
overflow: hidden;
}
.index_bg_cover .tmpImg {
visibility: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
}
img {
border-style: none;
}
.index_bg_cover .bgSvg, .index_bg_cover .circleSvg {
display: none;
}
svg:not(:root) {
overflow: hidden;
}
.index_bg_cover .bg_circleImgLayer {
top: calc(25% - 30px);
left: 52%;
width: calc(380px + 140px + 10vw);
max-width: 720px;
transform: translateY(-50%);
position: relative;
}
.index_bg_cover .bg_circleImgLayer:before {
content: "";
display: block;
padding-top: 100%;
}
.index_bg_cover .bg_circleImgLayer_svg {
display: none;
position: absolute;
/*top: 0;
left: 0;
width: 100%;
height: 100%;*/
top: 80px;
left: 40px;
width: 86%;
height: 75%;
}
.index_bg_cover .circleSvg {
position: relative;
top: 50%;
left: 50%;
width: 125%;
/*height: 135%;*/
transform: translateY(-50%) translateX(-50%);
}
/* Login BG End*/
#header ol, #header ul {
list-style: none;
margin: 0;
padding: 0px;
}
#header button, #header input[type="button"].button, #header a.button {
border: none;
color: #fff;
padding: 0 15px;
white-space: nowrap;
}
.privacy_policy{
font-size: 15px;
line-height: 2em;
}
.terms-policy p{
line-height: 1;
font-size: 15px;
}
.terms-policy ul {
margin-top: 0;
margin-bottom: 10px;
list-style-type: disc;
padding-inline-start: 40px;
font-size: 15px;
}
.terms-policy li {
display: list-item;
text-align: -webkit-match-parent;
}
#registar_section{
font-size: 15px;
}
#signupForm label{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
text-transform: capitalize;
font-size: 15px;
}
.adserviceCheckbox{
margin-right: 5px !important;
}
.adserviceLabel{
font-weight: normal !important;
display: contents !important;
}
.input_compulsory{
color: #ef238b;
font-size: 19px !important;
}
.file_uploads::-webkit-file-upload-button
{
visibility: hidden;
}
.file_uploads::before
{
display: inline-block;
background: -webkit-linear-gradient(top, #f7498e, #f7498e);
border: 1px solid #f7498e;
border-radius: 3px;
padding: 5px 8px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
text-shadow: 1px 1px #fff;
font-weight: 700;
font-size: 10pt;
}
.file_uploads{
color: transparent;
}
.file_uploads:hover::before
{
border-color: black;
}
.file_uploads:active::before {
background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
#advance_search{
float: right;
padding-left: 10px;
padding-right: 5px;
}
.container_search{
height: 60px;
/*padding-left: 10px;
padding-right: 10px;*/
}
@media (min-width: 991px){
.bg-image-class{
background-image: url(../adimages/bagrund.png);
background-repeat: no-repeat;
background-position: center top;
cursor: pointer;
position: absolute;
height: 70%;
width: 100%;
}
#top_image_div, #bottom_image_div{
clear: both;
width: 930px;
margin-left: auto;
margin-right: auto
}
}
#top_image_div,#bottom_image_div{
cursor: pointer;
}
@media (max-width: 991px){
.container_search{
height: 50px;
}
}
@media (min-width: 768px){
.similar_ad_rows{
margin: 10px;
}
}
@media (max-width: 767px){
.similar_ad_rows{
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}
.user_detail_padding{
padding: 0px;
}
#top_image_div{
background: #1e063c;
/*background-image: linear-gradient(95deg, rgba(58, 205, 252, .1), rgba(255, 71, 179, .1) 50%, rgba(255, 151, 38, .1));*/
overflow: hidden;
top: 0;
width: 100%;
position: fixed !important;
z-index: 1000;
}
#bottom_image_div{
background: #1e063c;
/*background-image: linear-gradient(95deg, rgba(58, 205, 252, .1), rgba(255, 71, 179, .1) 50%, rgba(255, 151, 38, .1));*/
overflow: hidden;
bottom: 0;
left:0;
width: 100%;
position: fixed !important;
z-index: 1000;
}
}
.similar_ad_image{
width: 35%;
float: left;
}
.similar_ad_image img{
width: 100%;
padding-right: 10px;
}
.detail_similar_ad_title{
font-size: 15px;
word-break: break-word;
width: 65%;
float: left;
text-align: left;
}
@media (min-width: 450px) and (max-width: 767px){
.similar_ad_image{
width: 20%;
}
.detail_similar_ad_title{
width: 80%;
}
}
@media (max-width: 449px){
.similar_ad_image{
width: 30%;
}
.detail_similar_ad_title{
width: 70%;
}
}
.last_update_view{
border-top: 1px solid #f7498e;
}
/* Breadcrumb Start */
.breadcrumbs {
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumbs li {
list-style: none;
margin: 0;
padding: 0;
display: block;
float: left;
font-family: Helvetica Neue,sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: .05em;
line-height: 20px;
color: hsl(0, 0%, 30%);
margin-bottom: 10px;
}
.breadcrumbs li a {
display: block;
padding: 0 40px 0 0px;
color: hsl(0, 0%, 78%);
text-decoration: none;
height: 20px;
position: relative;
perspective: 700px;
}
.breadcrumbs li a:after {
content: '';
top: 6px;
width: 8px;
height: 8px;
border-color: #bbb;
border-style: solid;
border-width: 1px 1px 0 0;
-webkit-backface-visibility: hidden;
outline: 1px solid transparent;
position: absolute;
right: 20px;
-webkit-transition: all .15s ease;
-moz-transition: all .15s ease;
-ms-transition: all .15s ease;
transition: all .15s ease;
-webkit-transform: rotateZ(45deg) skew(10deg, 10deg);
-moz-transform: rotateZ(45deg) skew(10deg, 10deg);
-ms-transform: rotateZ(45deg) skew(10deg, 10deg);
transform: rotateZ(45deg) skew(10deg, 10deg);
}
.breadcrumbs li a:hover:after {
right: 15px;
-webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);
-moz-transform: rotateZ(45deg) skew(-10deg, -10deg);
-ms-transform: rotateZ(45deg) skew(-10deg, -10deg);
transform: rotateZ(45deg) skew(-10deg, -10deg);
}
@media (max-width: 767px){
/*.breadcrumbs {
display: block !important;
}*/
.breadcrumbs li {
font-size: 12px;
}
.breadcrumbs li a {
padding: 0 25px 0 0px;
}
.breadcrumbs li a:after {
top: 7px;
width: 7px;
height: 7px;
right: 10px;
}
}
/* Breadcrumb End */
.vd_btn{
height: 25px;
}
/*Loader */
#loader{
position : fixed;
background-size: 150px;
z-index: 100;
background-image : url('../../images/loaderIcon.gif');
background-color:#e8e8e8;
opacity : 0.4;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}
#show_more_gif{
display: none;
min-height: 100px;
background-size: 100px;
background-image : url('../../images/show_more_gif.gif');
background-repeat : no-repeat;
background-position : center;
}
/* esc_theme.css */
/* Ad services Checkbox Start */
#more_ads_services_collapse{
transition-duration: 0s;
}
#more_ads_services{
font-size: 18px;
margin-left: 20px;
color: #f7498e;
}
.adserviceCheckbox:checked + label::after {
content: '';
position: absolute;
width: 17px;
height: 8px;
background: rgba(0, 0, 0, 0);
top: 4px;
left: 17px;
border: 3px solid #ff00b1;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.adserviceCheckbox {
line-height: 2.1ex;
}
.adserviceCheckbox {
position: absolute;
left: -999em;
}
.adserviceCheckbox + label {
position: relative;
overflow: hidden;
cursor: pointer;
}
.adserviceCheckbox + label::before {
content: "";
display: inline-block;
vertical-align: -25%;
height: 20px;
width: 20px;
background-color: white;
border: 1px solid rgb(166, 166, 166);
border-radius: 4px;
box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);
margin-right: 0.5em;
}
/* Ad services Checkbox End */
.ajax-action-links {
color: #f7498e;
margin: 10px 0px;
cursor:pointer;
}
.ajax-action-button {
border:#f7498e 1px solid;
color: #f7498e;
margin: 10px 0px;
cursor:pointer;
display: inline-block;
padding: 10px 20px;
}
/*Small Loader */
#sml-loader{
position : fixed;
background-size: 150px;
z-index: 100;
background-image : url('../../images/loaderIcon.gif');
background-color:#e8e8e8;
opacity : 0.4;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}
.cus_modal .iframe_c {
width: 100%;
height: 700px;
}
.cus_modal .close_btn {
position: absolute;
right: 8px;
top: 1px;
cursor: pointer;
z-index: 99;
font-size: 28px;
line-height: 1.2;
padding: 3px 9px;
background: transparent;
}
.cus_modal .iframe_c ::-webkit-scrollbar {
width: 10px;
}
.cus_modal .iframe_c ::-webkit-scrollbar-track {
background: #f1f1f1;
}
.cus_modal .iframe_c ::-webkit-scrollbar-thumb {
background: #888;
}
.cus_modal .iframe_c ::-webkit-scrollbar-thumb:hover {
background: #555;
}
@media screen and (max-width:450px){
.cus_modal .iframe_c {height: 80vh;}
}
.profile_modal .iframe_c {
width: 100%;
height: 700px;
}
.profile_modal .close_btn {
position: absolute;
right: 20px;
top: 1px;
cursor: pointer;
z-index: 99;
font-size: 28px;
line-height: 1.2;
padding: 3px 9px;
background: transparent;
}
.profile_modal .iframe_c ::-webkit-scrollbar {
width: 10px;
}
.profile_modal .iframe_c ::-webkit-scrollbar-track {
background: #f1f1f1;
}
.profile_modal .iframe_c ::-webkit-scrollbar-thumb {
background: #888;
}
.profile_modal .iframe_c ::-webkit-scrollbar-thumb:hover {
background: #555;
}
@media screen and (max-width:450px){
.profile_modal .iframe_c {height: 300vh;}
}
.menu-horizontal-menu-container {
overflow-x: auto;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
clear: both;
padding: 3px;
font-size: 15px;
background: #ff000000;
position: relative;
float: left;
width: 100%;
display: none;
z-index: 999;
}
@media (max-width: 767px) {
.menu-horizontal-menu-container {
display: block;
}
#content .search-box-wrapper{
margin-top: 80px!important;
}
#header .mobile-menu label {
text-align: left!important;
margin-left:4px!important;
}
}
.menu-horizontal-menu-container ul.menu {
display: inline-block;
padding: 0;
margin: 0;
list-style: none;
}
.menu-horizontal-menu-container ul.menu li {
display: inline-block;
margin-right: 12px;
}
.menu-horizontal-menu-container ul.menu li:nth-child(1) {
margin-left: 7px;
}
.menu-horizontal-menu-container ul.menu li a {
color: #fff;
font-size: 15px;
}
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/* //////////////////////////new css //////////// */
.htag-top {
text-align: center;
width: 100%;
font-size: 20px !important;
padding: 10px 0;
margin: 0px;
}
h1.inside_logo {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 250px;
font-size: 24px !important;
}
@media (max-width: 767px) {
.inside_logo {
max-width: 75% !important;
}
#header {
margin-bottom: 30px;
}
}
menu-horizontal-menu-container {
z-index: 0;
top: 52px !important;
}
.text-center .no-padding , .text-center{
text-align: center;
}