/*
Theme Name: Studylms HTML Template
Author: Markhor Themes bnmn
Author URI: https://themeforest.net/user/htmlbeans
Version: 1
Description: Base theme for HTML5
Text Domain: base
Tags: one-column, two-columns, three-columns
Theme URI: http://www.htmlbeans.com/html/studylms/
*/
/*------------------------------------------------------------------
1. import files / import files
2. Embedded fonts styles.video-container ul
3. General reset.plan-section .nav-tabs
4. Wrapper / #wrapper
5. Page Header / #page-header
6. Top Bar / .top-bar
7. Bar links / .top-links
8. User links / .user-links
9. Header holder / .header-holder
10. Logo / .logo
11. Nav / #nav
12. Navbar search form / .navbar-search-form
13. Main navigation / .main-navigation
14. Intro block / .intro-block
15. Intro block slide / .intro-block-slide
16. Fade slider / .fade-slider
17. Feature aside / .feacture-aside
18. Popular posts block / .popular-posts-block
19. Popular posts hand / .popular-posts-hand
20. Popular post / .popular-post
21. Post author / .post-auther
22. Post statuses list / .post-statuses-list
23. Popular post slider / .popular-post-slider
24. Coounter aside / .counter-aside
25. Upcoming events block / .upcoming-events-block
26. Block header / .block-header
27. Upcoming events list / .upcoming-events-list
28. Course search aside / .course-search-aside
29. Course search form / .course-search-form
30. Categories aside / .Categories-aside
31. Categories list / .Categories-list
32. Getstarted block / .getstarted-block
33. Limit counter / .limit-counter
34. Getstarted bar / .getstarted-bar
35. Testimonials block / .testimonials-block
36. Textimonial quote / .textimonial-quote
37. Textimonial slider / .textimonial-slider
38. Seperator hand / .seperator-hand
39. News block / .news-block
40. News post / .news-post
41. Subscription aside block / .subscription-aside-block
42. Newsletter sub form / .newsletter-sub-form
43. Footer area / .footer-area
44. aside / .aside
45. Widget cources list / .widget-cources-list
46.Fooer-navigation / .fooer-navigation
47. Ft address / .ft-address
48. Social networks / .social-networks
49. Page footer / .page-footer
50. Heading banner / .heading-banner
51. Breadcrumb / .breadcrumb
52. Show head / .show-head
53. Pagination / .pagination
54. Two columns / #two-columns
55. Content / #content
56. Widget / .widget
57. Widget search / .widget-search
58. Search form / .search-form
59. Widget intro / .widget-intro
60. Single head / .single-haad
61. Profiler wrap / .profiler-wrap
62. Content heading / .content-heading
63. View header / .view-header
64. Content aligncenter / .content-aligncenter
64. SectionRowPanelGroup / .sectionRowPanelGroup
65. BookmarkFoot / .bookmarkFoot
66. instructorInfoBox / .instructorInfoBox
67. ReviewsList / .reviewsList
68. ReviesSubmissionForm / .reviesSubmissionForm
69. Widget box / .widget-box
70. Widget course select / .widget-course-select
71. Tag clouds / .tag-clouds
72. VisualImageHolder / .visualImageHolder
73. CaptionAddress / .captionAddress
74. TicketsInfoAside / .ticketsInfoAside
75. TicketsInfoList / .ticketsInfoList
76. EventContentTabsWrap / .eventContentTabsWrap
77. ListDefault / .listDefault
78. MapHolder / .mapHolder
79. ShareWrap / .shareWrap
80. Widget archives / .widget_archives
81. PostActionsInfo / .postActionsInfo
82. BlogPost / .blogPost
83. ContentRightImage / .contentRightImage
84. WriterAsideInfo / .writerAsideInfo
85. CommentsList / .commentsList
86. CommentForm / .commentForm
87. Text info block / .text-info-block
88. Why lms block / .why-lms-block
89. Sep heading / .Sep-heading
90. Why say slider / .why-say-slider
91. Say quote / .say-quote
92. Why panel group / .why-panel-group
93. Aside note block / .aside-note-block
94. Professionals block / .professionals-block
95. Pro column / .pro-column
96. Contact block / .contact-block
97. Detail column / .detail-column
98. Sep or / .sep-or
99. Contact form / .contact-form
100. Btn aside block / .btn-aside-block
101. User log block / .user-log-block
102. User log form / .user-log-form
103. Custom check wrap / .custom-check-wrap
104. Instructor profile block / .instructor-profile-block
105. Profiler aside / .profiler-aside
106. Profiler info / .profiler-info
107. Text form / .text-form
108. Profile desription content/ .profile-desription-content
109. List feature box/ .list-feature-box
110. Table wrap/ .table-wrap
111. Topics data table / .topics-data-table
112. Forum table / .forum-table
113. Product module / .product-module
114. Filter ranger form / .filter-ranger-form
115. Reviews wrap / .reviews-wrap
116. Product description column / .product-description-column
117. Pro descr tab list / .pro-descr-tab-list
118. Cart content block / .cart-content-block
119. Cart data table / .cart-data-table
120. Table cart total / .table-cart-total
121. Radio list / .radio-list
122. Custom radio wrap / .custom-radio-wrap
122. Checkout block / .checkout-block
123. Strip note / .strip-note
124. Checkout form / .checkout-form
125. Confirmation box / .confirmation-box
126. Order data table / .order-data-table
127. No page block / .no-page-block
128. Intro learn search block / .intro-learn-search-block
129. Learn search form / .learn-search-form
130. Learning cources list / .learning-cources-list
131. Featured columns aside / .featured-columns-aside
132. Featured columns / .featured-columns
133. How work block / .how-work-block
134. Steps guide holder / .steps-guide-holder
135. Guide column / .guide-column
136. News column post / .news-column-post
137. Nav holder / .nav-holder
138. H address / .h-address
139. Courses column aside / .courses-column-aside
140. Descr column / .descr-column
141. Become aside block / .become-aside-block
142. Details block / .details-block
143. Price box column / .price-box-column
144. Parteners aside block / .parteners-aside-block
145. Logos slider / .logos-slider
146. Logo wrap / .logo-wrap
147. Back Top / #back-top
148. Loader Holder / .loader-holder
149. Example lightbox / .example-lightbox
150. Intro Aside / .intro-aside
151. Price block / .price-block
152. Price List / .price-list
153. Partner block / .partner-block
-------------------------------------------------------------------*/
.mobile-toggle{
display:none;
}
.mobile-toggle li.dropdown a:after {
content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
float: right;
vertical-align: middle;
margin-top: 5px;
}
.mobile-toggle .dropdown-menu a:after{
display:none;
}
.mobile-toggle a.closebtn {
font-size: 20px;
text-align: right;
padding: 10px 16px !important;
}
.top-header-cart-menu {
position: absolute;
background-color: #ffc000;
border-radius: 100%;
top: -22px;
right: 25px;
height: 22px;
width: 22px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.top-header-cart-menu li a{
padding:0 !important;
}
.i.fa.fa-bars.top-header-m-t{
display:none;
}
.stripe-search-detail{
margin-top:20px;
}
.stripe .table {
margin-top: 20px;
}
.sell-an-add-edit .progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}
.sell-an-add-edit .progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.sell-an-add-edit .progress-bar-striped {
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size: 1rem 1rem;
}
.sell-an-add-edit .progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease;
}
.sell-an-add-edit #heading {
text-transform: uppercase;
color: #ffc000;
font-weight: normal;
margin-top:40px;
}
.sell-an-add-edit #msform {
text-align: center;
position: relative;
margin-top: 20px
}
.sell-an-add-edit #msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
.sell-an-add-edit .form-card {
text-align: left
}
.sell-an-add-edit #msform fieldset:not(:first-of-type) {
display: none
}
.sell-an-add-edit #msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #ffc000;
outline-width: 0
}
.sell-an-add-edit #msform .action-button {
width: 100px;
background: #ffc000;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 0px 10px 5px;
float: right
}
.sell-an-add-edit #msform .action-button:hover,
#msform .action-button:focus {
background-color: #333333;
}
.sell-an-add-edit #msform .action-button-previous {
width: 100px;
background: #616161;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px 10px 0px;
float: right
}
.sell-an-add-edit #msform .action-button-previous:hover,
#msform .action-button-previous:focus {
background-color: #000000
}
.sell-an-add-edit .card {
z-index: 0;
border: none;
position: relative
}
.sell-an-add-edit .fs-title {
font-size: 25px;
color: #ffc000;
margin-bottom: 15px;
font-weight: bold;
text-align: left;
}
.sell-an-add-edit .purple-text {
color: #ffc000;
font-weight: bold
}
.sell-an-add-edit .steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: normal;
text-align: right
}
.sell-an-add-edit .fieldlabels {
color: #666666;
text-align: left;
text-transform: capitalize;
}
.sell-an-add-edit #progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey;
width:100%;
}
.sell-an-add-edit #progressbar .active {
color: #ffc000
}
.sell-an-add-edit #progressbar li {
list-style-type: none;
font-size: 15px;
width: 25%;
float: left;
position: relative;
font-weight: 400
}
.sell-an-add-edit #progressbar #account:before {
font-family: FontAwesome;
content: "\f0a6";
}
.sell-an-add-edit #progressbar #personal:before {
font-family: FontAwesome;
content: "\f0f6"
}
.sell-an-add-edit #progressbar #payment:before {
font-family: FontAwesome;
content: "\f030"
}
.sell-an-add-edit #progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
.sell-an-add-edit #progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px
}
.sell-an-add-edit #progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
.sell-an-add-edit #progressbar li.active:before,
#progressbar li.active:after {
background: #673AB7
}
.sell-an-add-edit .progress {
height: 20px;
width:100%;
}
.sell-an-add-edit span.select2-selection.select2-selection--single{
line-height: initial;
padding: 0px 12px;
color: #6e6b6b !important;
width: 100%;
align-items: center;
display: flex;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border-color: #e8e8e8;
}
.sell-an-add-edit .select2-container--default .select2-selection--single .select2-selection__rendered{
color: #6e6b6b !important;
}
.sell-an-add-edit .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 28%;
right: 1px;
width: 20px;
}
.sell-an-add-edit .dropzone .dz-preview.dz-complete .dz-progress {
display: none !important
}
.sell-an-add-edit .dropzone .dz-preview.dz-error:hover .dz-error-message {
display: none !important
}
.sell-an-add-edit .dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
display: none !important
}
.sell-an-add-edit .dropzone .dz-preview .dz-details .dz-size {
display: none !important
}
.sell-an-add-edit .dropzone .dz-preview .dz-image img {
display: block;
margin-left: auto;
margin-right: auto;
height:100%;
}
.sell-an-add-edit .dropzone button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #ea5455;
margin-top: 15px;
border-radius: 0.358rem;
padding: 0.486rem 1rem;
font-size: 15px;
margin-left: auto;
margin-right: auto;
display: block;
cursor: pointer;
font-weight: bold;
}
.dropzone .dz-button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sell-an-add-edit .dropzone .dz-message{
display:none;
}
.sell-an-add-edit .dropzone .dz-preview.dz-image-preview {
background: transparent;
}
/* terms-container */
.sell-an-add-edit .dropzone .dz-preview {
padding-bottom: 30px;
}
.sell-an-add-edit textarea{
height:200px !important;
}
.progress {
height: 20px;
width:100%;
}
.sell-an-add-edit .progress-bar {
background-color: #ffc000
}
.sell-an-add-edit .fit-image {
width: 16%;
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
}
.sell-an-add-edit .progress.active .progress-bar,
.progress-bar.active {
animation(progress-bar-stripes 2s linear infinite);
}
.sell-an-add-edit .progress-striped .progress-bar,
.progress-bar-striped {
gradient-striped;
background-size: 40px 40px;
}
.sell-an-add-edit #progressbar li.active:before, #progressbar li.active:after {
background: #ffc000;
}
.sell-an-add-edit .fieldlabels {
color: #a3a3a3;
text-align: left;
font-size: 16px;
}
.sell-an-add-edit input, select, textarea {
line-height: initial;
color: #6e6b6b;
padding:15px;
width: 100%;
height: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow:0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border:1px solid #e8e8e8;
}
.sell-an-add-edit .form-submit{
line-height: initial;
color: #b6b8b9;
width: 100%;
height: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow:0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border:1px solid #e8e8e8;
}
.sell-an-add-edit div#document-dropzone {
background-image: url(/images/take-pic-2.png);
background-repeat: no-repeat;
background-size: auto;
background-position: bottom;
border: none !important;
height: auto;
min-height: auto;
padding: 30px 0px;
float: left;
width: 100%;
}
.sell-an-add-edit .panel-heading{
display: block;
clear: both;
float: left;
border-bottom: 1px solid rgba(0,47,52,.36);
margin-bottom: 30px;
width: 100%;
padding:0rem 0rem 2rem 1.6rem;
}
.sell-an-add-edit .new_checkbox {
width: 25px;
height: 28px;
float: left;
margin-right: 10px;
}
.sell-an-add-edit .col-sm-12.dropzone-col{
padding-bottom: 30px;
}
.sell-an-add-edit #progressbar #adress:before {
font-family: FontAwesome;
content: "\f041";
}
.sell-an-add-edit #progressbar li.active:before, #adress li.active:after {
background: #ffc000;
}
.sell-an-add-edit #progressbar #terms:before {
font-family: FontAwesome;
content: "\f15c";
}
.sell-an-add-edit #progressbar li.active:before #terms li.active:after {
background: #ffc000;
}
.sell-an-add-edit #address-map{
height: 300px;
}
.sell-an-add-edit #address-input{
position: relative;
margin-bottom: 15px;
border-radius:6px;
}
.sell-an-add-edit p.new_checkbox-text {
color: #a3a3a3;
font-weight: 600;
margin-left: 3px;
line-height: 20px;
text-align: left;
margin-top: 20px;
}
/* terms-container */
.sell-an-add-edit .terms-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.sell-an-add-edit .terms-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.sell-an-add-edit .terms-container .checkmark {
position: absolute;
top: 3px;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius:0;
}
/* On mouse-over, add a grey background color */
.sell-an-add-edit .terms-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.sell-an-add-edit .terms-container input:checked ~ .checkmark {
background-color: #ffc000;
}
/* Create the checkmark/indicator (hidden when not checked) */
.sell-an-add-edit .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.sell-an-add-edit .terms-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.sell-an-add-edit .terms-container .checkmark:after {
left: 9px;
top: 3px;
width: 7px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@-webkit-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// Spec and IE10+
@keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
@mixin animation($animation) {
-webkit-animation: $animation;
-o-animation: $animation;
animation: $animation;
}
.stripe {
width: 100%;
float: left;
clear: both;
height: auto;
justify-content: center;
align-items: center;
padding: 50px 0px;
}
.stripe .text-right strong{
font-size:15px;
}
.stripe thead {
background-color: whitesmoke;
}
.stripe .panel-title {
display: inline;
font-weight: bold;
color: #777777;
font-size: 17px;
}
.stripe h1 {
text-align: center;
font-size: 27px;
margin-bottom: 20px;
}
.stripe input{
line-height: initial;
color: #6e6b6b;
padding: 15px;
width: 100%;
height: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
margin-bottom: 5px;
border: 1px solid #e8e8e8;
}
.stripe-footer {
clear: both;
float: left;
width: 100%;
margin-top: 10px;
}
.stripe input:hover, active, focus{
line-height: initial;
color: #6e6b6b;
padding: 15px;
width: 100%;
height: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border: 1px solid #e8e8e8;
}
.stripe form#payment-form{
display:block;
}
.stripe button {
width: auto;
background: #ffc000;
font-weight: bold;
color: white !important;
border: 0 none !important;
border-radius: 0px !important;
cursor: pointer;
padding: 10px 10px !important;
margin: 0;
float: right;
font-size: 16px;
line-height: 24px;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: 0 8px 4px -8px black !important;
height: 52px;
}
#package_body .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
vertical-align: middle;
}
#package_body .category-details-right-bar-a{
margin-top:0 !important;
}
#package_body .col-sm-4.text-right{
margin-top:15px;
font-weight: 600;
}
#package_body #package_category{
margin-bottom:15px;
}
#package_body h2.modal-title {
font-size: 25px;
font-weight: bold;
color: #fab300;
}
.reset-pass .row.justify-content-center {
clear: both;
}
.reset-pass form{
display:block;
}
.reset-pass{
width: 100%;
clear: both;
padding: 149px 0px;
text-align: center;
}
.reset-pass .btn-primary {
color: #fff;
background-color: #ffc000;
border-color: #ffc000;
font-weight: 600;
line-height: initial !important;
padding: 15px !important;
font-size: 16px;
width: auto;
font-style: normal;
outline: 0;
transition: all .2s !important;
box-sizing: border-box !important;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px !important;
height: 52px !important;
border: 1px solid #e8e8e8 !important;
}
.reset-pass .btn-primary:active{
background-color: #ffc000;
outline: none;
}
.reset-pass .col-md-8{
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
.reset-pass input {
margin: 20px 0px;
line-height: initial !important;
color: #6e6b6b !important;
padding: 15px;
width: 100%;
height: 52px !important;
font-size: 16px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s !important;
box-sizing: border-box !important;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px !important;
border: 1px solid #e8e8e8 !important;
}
.reset-pass .card-header{
font-size:17px;
}
.reset-pass label{
font-size:18px;
}
._2NfXw.THEME_ADVANCED_PLANS {
background: #222222;
height: auto;
}
._2NfXw {
display: flex;
align-items: center;
flex-direction: column;
background-color: #fff;
padding-top: 30px;
padding-bottom: 1px;
}
._2NfXw h1._3GrXJ {
font-size: 32px;
margin: 0;
font-weight: 800!important;
}
.Text2738849357__root.Text2738849357---weight-6-normal.Text2738849357---size-6-medium {
width: 740px;
font-size: 18px!important;
font-family: var(--wix-font-stack);
text-align: center;
line-height: 30px!important;
color:#ffc000 !important;
}
.select2-container{
width:100% !important;
}
.nwkoA {
background-color: #fff;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
.nwkoA ._1WwKX {
padding-bottom: 30px;
max-width: 1140px;
line-height: 15px;
margin: auto;
}
.Text2738849357__root.Text2738849357---skin-8-standard.Text2738849357--secondary {
color: var(--wsr-text-color-secondary, #32536A);
font-weight: var(--wsr-font-weight-regular, 400);
font-size: 12px;
line-height: 15px;
font-family: var(--wsr-font-family, HelveticaNeueW01-55Roma, HelveticaNeueW02-55Roma, HelveticaNeueW10-55Roma),"Helvetica Neue","Helvetica","Arial","\30E1\30A4\30EA\30AA","meiryo","\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro","sans-serif";
}
._29y1E {
border-top: 1px solid #dfe5eb;
width: 100%;
display: flex;
padding-bottom: 48px;
padding-top: 36px;
}
._29y1E ._2d5ry {
flex: 1 1 0;
position: relative;
padding-right: 42px;
}
._29y1E ._2d5ry ._2FZH2 {
padding-right: 42px;
align-items: flex-start;
flex-direction: column;
}
._29y1E ._2d5ry ._2FZH2 .OuDF- {
margin: 7px 0 10px;
display: block;
font-size: 12px;
line-height: 15px;
font-weight: 600;
font-family: var(--wsr-font-family, HelveticaNeueW01-75Bold, HelveticaNeueW02-75Bold, HelveticaNeueW10-75Bold),"Helvetica Neue","Helvetica","Arial","\30E1\30A4\30EA\30AA","meiryo","\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro","sans-serif";
}
._29y1E ._2d5ry ._2FZH2 ._1M3PM {
display: inline-block;
padding-right: 10px;
}
._9kRGq {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='9.034%25' y1='54.872%25' x2='93.312%25' y2='44.849%25' id='a'%3E%3Cstop stop-color='%231C1E3F' offset='0%25'/%3E%3Cstop stop-color='%23294389' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M34.118 24.556H4.048a3.465 3.465 0 01-3.465-3.465V4.02A3.465 3.465 0 014.05.556h30.069a3.465 3.465 0 013.465 3.465v17.07a3.465 3.465 0 01-3.465 3.465z' fill='%23FFF'/%3E%3Cpath d='M13.255 8.16L10.9 14.113 9.947 9.05c-.112-.565-.553-.891-1.043-.891h-3.85L5 8.414c.79.171 1.688.448 2.232.744.333.18.428.339.538.768l1.804 6.98h2.391l3.666-8.746h-2.376m3.347 0l-1.872 8.746h2.263l1.87-8.746h-2.261m12.972 2.362l.685 3.285h-1.877l1.192-3.285m-.332-2.362c-.434 0-.8.253-.963.641l-3.394 8.105h2.374l.473-1.306h2.901l.274 1.306H33L31.174 8.16h-1.932m-9.761 2.73c-.016 1.26 1.122 1.963 1.98 2.38.881.43 1.177.705 1.174 1.088-.007.587-.703.846-1.355.856-1.137.018-1.797-.307-2.323-.552l-.41 1.916c.528.243 1.504.455 2.516.464 2.376 0 3.931-1.173 3.94-2.992.009-2.308-3.193-2.435-3.171-3.467.007-.313.306-.647.96-.732.324-.042 1.217-.075 2.23.391l.398-1.854A6.063 6.063 0 0023.303 8c-2.236 0-3.81 1.189-3.822 2.89' fill='url(%23a)'/%3E%3Cpath d='M34.075 1A2.928 2.928 0 0137 3.925v17.15A2.928 2.928 0 0134.075 24H3.925A2.928 2.928 0 011 21.075V3.925A2.928 2.928 0 013.925 1h30.15zm0-1H3.925A3.925 3.925 0 000 3.925v17.15A3.925 3.925 0 003.925 25h30.15A3.925 3.925 0 0038 21.075V3.925A3.925 3.925 0 0034.075 0z' fill='%23E3EAED'/%3E%3C/g%3E%3C/svg%3E");
background-size: 38px 25px;
}
._1SJS3, ._9kRGq {
width: 38px;
height: 25px;
display: inline-block;
}
._1c_WJ, ._1Tgv9 {
width: 38px;
height: 25px;
display: inline-block;
}
._1c_WJ {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='25' width='38'%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cpath fill='%23fff' d='M33.804 24.556H4.363a3.78 3.78 0 01-3.78-3.779V4.336a3.78 3.78 0 013.78-3.78h29.44a3.78 3.78 0 013.78 3.78v16.44a3.78 3.78 0 01-3.78 3.78z'/%3E%3Cpath fill='%23E3EAED' d='M34.075 1A2.928 2.928 0 0137 3.925v17.15A2.928 2.928 0 0134.075 24H3.925A2.928 2.928 0 011 21.075V3.925A2.928 2.928 0 013.925 1h30.15zm0-1H3.925A3.925 3.925 0 000 3.925v17.15A3.925 3.925 0 003.925 25h30.15A3.925 3.925 0 0038 21.075V3.925A3.925 3.925 0 0034.075 0z'/%3E%3Cg fill-rule='nonzero'%3E%3Cpath fill='%23000' d='M12.047 20.834v-1.109c0-.425-.259-.702-.702-.702a.73.73 0 00-.629.314c-.129-.203-.314-.314-.591-.314a.595.595 0 00-.517.259v-.222H9.22v1.774h.388v-.98c0-.314.166-.462.425-.462s.388.167.388.462v.98h.388v-.98c0-.314.185-.462.425-.462.258 0 .388.167.388.462v.98h.425zm5.747-1.774h-.629v-.536h-.388v.536h-.35v.351h.35v.813c0 .406.166.647.61.647.166 0 .351-.056.48-.13l-.11-.332a.606.606 0 01-.333.092c-.185 0-.259-.111-.259-.296v-.794h.628v-.351zm3.289-.037a.52.52 0 00-.462.259v-.222h-.388v1.774h.388v-.998c0-.296.129-.462.369-.462.074 0 .167.018.24.037l.111-.37c-.074-.018-.184-.018-.258-.018zm-4.971.185c-.185-.13-.443-.185-.72-.185-.444 0-.74.222-.74.573 0 .295.222.462.61.517l.185.019c.203.036.314.092.314.184 0 .13-.148.222-.407.222-.258 0-.462-.092-.591-.185l-.185.296c.204.148.48.222.758.222.517 0 .813-.241.813-.573 0-.314-.24-.481-.61-.536l-.185-.019c-.166-.018-.295-.055-.295-.166 0-.129.129-.203.332-.203.222 0 .444.092.555.148l.166-.314zm10.311-.185a.52.52 0 00-.462.259v-.222h-.388v1.774h.388v-.998c0-.296.129-.462.369-.462.074 0 .167.018.241.037l.111-.37c-.074-.018-.185-.018-.259-.018zm-4.952.924c0 .536.369.924.942.924.259 0 .444-.056.628-.204l-.184-.314a.748.748 0 01-.462.167c-.315 0-.536-.222-.536-.573 0-.333.221-.555.536-.573.166 0 .314.055.462.166l.184-.314c-.184-.148-.369-.203-.628-.203-.573 0-.942.388-.942.924zm3.584 0v-.887h-.388v.222a.665.665 0 00-.554-.259c-.499 0-.887.388-.887.924s.388.924.887.924c.259 0 .444-.093.554-.259v.222h.388v-.887zm-1.422 0c0-.314.203-.573.535-.573.315 0 .536.24.536.573 0 .314-.221.573-.536.573-.332-.019-.535-.259-.535-.573zm-4.638-.924c-.518 0-.887.369-.887.924 0 .554.369.924.905.924.259 0 .517-.074.721-.241l-.185-.277a.884.884 0 01-.517.185c-.241 0-.481-.111-.536-.425h1.312v-.148c.018-.573-.315-.942-.813-.942zm0 .332c.24 0 .406.148.443.425h-.924c.037-.24.203-.425.481-.425zm9.627.592v-1.589h-.388v.924a.667.667 0 00-.555-.259c-.499 0-.887.388-.887.924s.388.924.887.924c.259 0 .444-.093.555-.259v.222h.388v-.887zm-1.423 0c0-.314.203-.573.536-.573.314 0 .536.24.536.573 0 .314-.222.573-.536.573-.333-.019-.536-.259-.536-.573zm-12.972 0v-.887h-.388v.222a.666.666 0 00-.554-.259c-.5 0-.887.388-.887.924s.388.924.887.924c.258 0 .443-.093.554-.259v.222h.388v-.887zm-1.441 0c0-.314.203-.573.536-.573.314 0 .535.24.535.573 0 .314-.221.573-.535.573-.333-.019-.536-.259-.536-.573z'/%3E%3Cpath fill='%23FF5F00' d='M15.983 5.59h5.82v10.458h-5.82z'/%3E%3Cpath fill='%23EB001B' d='M16.352 10.819a6.67 6.67 0 012.532-5.23 6.648 6.648 0 00-10.755 5.23 6.648 6.648 0 0010.755 5.229 6.642 6.642 0 01-2.532-5.23z'/%3E%3Cpath fill='%23F79E1B' d='M29.657 10.819a6.648 6.648 0 01-10.755 5.229c1.552-1.22 2.532-3.104 2.532-5.23s-.998-4.01-2.532-5.229a6.611 6.611 0 014.102-1.423c3.678 0 6.653 2.994 6.653 6.653z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: 38px 25px;
}
._2eGwG, ._2su0_ {
width: 38px;
height: 25px;
display: inline-block;
}
._2eGwG {
background: url("https://static.parastorage.com/services/premium-purchase-plan/1.2805.0/media/amex.a5d39823.svg");
background-size: 38px 25px;
}
._1SJS3, ._9kRGq {
width: 38px;
height: 25px;
display: inline-block;
}
._1SJS3 {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='25' width='38'%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cpath fill='%23EA2229' d='M7.6 1H17c1 0 1.9.7 1.9 1.7 0 .2 0 .4-.1.6L14.4 22c-.4 1.3-1.5 2.3-2.9 2.4H3.1c-1 0-2.9-2.1-2.8-2.3L4.6 3.4C5 2 6.2 1.1 7.6 1z'/%3E%3Cpath fill='%230473BA' d='M16.1 1h10.8c1.3 0 .7 1.1.4 2.4L23 22.1c-.3 1.3-.2 2.4-1.5 2.4H10.7c-1 0-1.9-.7-1.9-1.7 0-.2 0-.4.1-.6l4.4-18.7c.3-1.5 1.4-2.4 2.8-2.5z'/%3E%3Cpath fill='%23109FA4' d='M26.5 1h9.4c1 0 1.9 2.1 1.8 2.3L33.3 22c-.4 1.3-1.5 2.3-2.9 2.4H21c-1 0-1.9-.7-1.9-1.7 0-.2 0-.4.1-.6l4.4-18.7c.3-1.4 1.5-2.3 2.9-2.4z'/%3E%3Cpath fill='%23fff' d='M24.9 18.6h.9l.3-.8h-.9l-.3.8zm.7-2.3l-.3 1c.2-.1.3-.2.5-.2s.5-.1.5-.1l.2-.7h-.9zm.5-1.5l-.3 1c.2-.1.3-.1.5-.2.1 0 .3-.1.5-.1l.2-.7h-.9zm1.9 0l-1.1 3.8h.3l-.2.8h-.3l-.1.2h-1.1l.1-.2h-2.2l.2-.7h.2l1.2-3.8.2-.8h1.1l-.1.4.6-.3c.3-.1 1.9-.1 1.9-.1l-.2.8-.5-.1z'/%3E%3Cpath fill='%23fff' d='M28.5 14h1.2v.4c0 .1.1.1.2.1h.2l-.2.7h-.6c-.6 0-.8-.2-.7-.5l-.1-.7zM28.7 17.5h-1.1l.2-.6H29l.2-.6h-1.3l.2-.7h3.5l-.2.7h-1.2l-.2.6h1.2l-.2.6h-1.3l-.2.3h.5l.1.8v.2h.5l-.2.8h-.7c-.1 0-.2-.1-.3-.1-.1-.1-.2-.2-.2-.3l-.1-.8-.6.8c-.2.3-.5.5-.9.4h-.8l.2-.7h.3c.1 0 .2 0 .2-.1.1 0 .1-.1.2-.1l1-1.2zM16.3 15.7h3l-.2.7h-1.2l-.2.6h1.2l-.2.7h-1.2l-.3 1c0 .1.3.1.4.1l.6-.1-.2.9h-1.7c-.1 0-.2-.1-.2-.2-.1-.1-.1-.2-.1-.3l.4-1.3h-.7l.2-.7h.7l.2-.6h-.7l.2-.8zM18.3 14.4h1.2l-.2.7h-1.7l-.2.2c-.1 0-.1.1-.2.1-.2.1-.4.1-.5.1h-.5l.2-.7h.5l.2-.2.3-.6h1.2l-.3.4zM20.7 15.7c.3-.2.6-.4.9-.4h.9l.1-.4h-1.7l-.2.8zm1.6.3h-1.7l-.1.3h1.7l.1-.3zm-2.2-2h1l-.1.6c.2-.1.4-.3.6-.4s.5-.1.7-.2H24l-.6 2-.3.6-.3.3c-.1.1-.3.1-.4.1h-2.1l-.5 1.5c0 .1-.1.2 0 .3 0 0 .1.1.2.1l.7-.1-.2.8h-1.4c-.1 0-.2 0-.3-.1s-.2-.1-.2-.2.1-.3.1-.4l1.4-4.9z'/%3E%3Cpath fill='%23fff' d='M23.1 17.1l-.1.5c0 .1-.1.3-.2.3-.2.1-.4.2-.6.2h-.6v.5c0 .1 0 .1.1.2h.9l-.2.8h-.6c-.3 0-.6 0-.9-.1-.1-.1-.1-.2-.1-.3v-2h1v.4h.4l.1-.1.1-.3.7-.1zM8.7 7c0 .2-.7 3.2-.7 3.2 0 .5-.2 1-.6 1.3-.2.2-.4.2-.7.2-.4 0-.7-.2-.7-.6v-.2l.1-.8s.7-2.7.8-3.1H5.3v.2l-.7 3.1-.1.3-.1.9c0 .2 0 .4.1.6.4.5 1.1.7 1.7.6.6 0 1.2-.1 1.7-.4.6-.4 1-1 1.1-1.7l.1-.3.8-3.2C9.6 7 9.1 7 8.7 7zM12.5 12.6h-1.2c0-.2.1-.4.1-.6l.1-.3c.1-.4.2-1 .2-1.1.1-.1 0-.3-.1-.3h-.1c-.1 0-.2.1-.4.1-.1.2-.2.9-.3 1.2-.1.6-.1.7-.2 1H9.4c.1-.4.2-.8.3-1.1.2-.6.3-1.3.4-1.9.5-.1.7-.1 1.3-.2v.1l-.1.3c.1-.1.2-.1.3-.2.2-.1.5-.2.8-.2s.5.1.7.4c.1.4 0 .8-.1 1.2l-.1.3c-.2.6-.2.8-.4 1.3zM14.5 12.6h-1.2c0-.2.1-.3.1-.5.1-.2.1-.3.1-.5.1-.4.1-.6.2-.8 0-.2.1-.4.1-.6.3 0 .5-.1.6-.1.2 0 .4-.1.7-.1-.1.2-.1.4-.2.7-.1.2-.1.4-.2.7-.1.5-.1.7-.2.8.1.1.1.1 0 .4zM17.5 10.9c0 .3-.1.5-.3.8-.1.1-.2.2-.4.2s-.3-.1-.3-.3v-.1c0-.2 0-.4.1-.5 0-.4.2-.8.6-1 .4 0 .4.4.3.9zm1.2.1c.2-.4.1-.9-.1-1.3-.3-.3-.7-.5-1.1-.4-.5 0-1 .2-1.4.5-.3.3-.5.8-.6 1.2-.3.6 0 1.2.5 1.5.2.1.5.1.8.1.6 0 1.1-.2 1.5-.6.1-.2.3-.6.4-1zM30.9 9.3c-.6.1-.7.1-1.3.2v.1c-.1-.2-.2-.3-.4-.3-.5-.1-1 .1-1.3.5-.3.3-.5.8-.6 1.2-.3.6 0 1.2.5 1.5.2.1.4.1.7.1.2 0 .5-.1.6-.3 0 .1 0 .1-.1.2H30.4c.1-.5.2-1 .4-1.9-.1-.3 0-.8.1-1.3zm-1.8 2.5c-.1.1-.3.2-.5.2s-.3-.1-.3-.3v-.1c0-.2 0-.4.1-.5 0-.4.2-.8.6-1 .2 0 .4.2.3.6 0 .1 0 .2-.1.3 0 .2-.1.3-.1.5.1.1 0 .2 0 .3zM21.9 12.6h-1.2c0-.2.1-.4.1-.6l.1-.3c.1-.4.2-.7.2-1.1.1-.1 0-.3-.1-.3h-.1c-.1 0-.2 0-.4.1-.1.2-.2.9-.3 1.2-.1.6-.1.7-.2 1h-1.2c.1-.4.2-.8.3-1.1.2-.6.3-1.3.4-1.9.5-.1.7-.1 1.3-.2v.1l-.1.3c.1-.1.2-.1.3-.2.2-.1.5-.2.8-.2s.5.1.7.4c.1.4 0 .8-.1 1.2l-.1.3c-.2.6-.3.8-.4 1.3zM26 7h-2v.2l-.4 1.7s-.9 3.6-.9 3.8h1.4c0-.2.2-1.2.2-1.2s.2-.7.2-.8l.1-.1h.1c.8.1 1.6-.1 2.3-.5.5-.4.8-.9.9-1.5.1-.1.1-.3.1-.5s-.1-.5-.2-.6c-.5-.5-1.2-.7-1.8-.5zm.5 1.7c-.1.4-.3.7-.6.8s-.6.2-.9.1h-.2v-.1l.4-1.7v-.2h.2l.8.1c.3.3.4.7.3 1zM34.9 9.3c-.6.1-.7.1-1.3.2-.4.9-.4.7-.7 1.4v-.1l-.1-1.6-.1-.1-1.2.2v.1c.1.3.1.6.1.8 0 .3.1.6.1.8.1.5.1.7.2 1.4-.4.6-.5.9-.8 1.4v.1h1.1l.1-.1c.2-.5 2.6-4.5 2.6-4.5zM15 9.7c.3-.2.4-.5.1-.7-.3-.1-.7-.1-1 .1s-.3.5-.1.7c.3.2.7.1 1-.1zM32.2 14.1l-.5.8c-.2.3-.5.5-.8.5h-.7l.2-.7H30.7s.1 0 .1-.1l.3-.4 1.1-.1z'/%3E%3Cpath fill='%23E3EAED' d='M34.075 1A2.928 2.928 0 0137 3.925v17.15A2.928 2.928 0 0134.075 24H3.925A2.928 2.928 0 011 21.075V3.925A2.928 2.928 0 013.925 1h30.15zm0-1H3.925A3.925 3.925 0 000 3.925v17.15A3.925 3.925 0 003.925 25h30.15A3.925 3.925 0 0038 21.075V3.925A3.925 3.925 0 0034.075 0z'/%3E%3C/g%3E%3C/svg%3E");
background-size: 38px 25px;
}
._29y1E ._2d5ry ._2FZH2 ._1M3PM:last-child {
padding-right: 0;
}
._11sGi {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='25' width='38'%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cpath fill='%23fff' d='M33.478 24.556H4.689a4.105 4.105 0 01-4.106-4.105V4.662A4.106 4.106 0 014.69.556h28.789a4.105 4.105 0 014.105 4.106V20.45a4.105 4.105 0 01-4.105 4.105z'/%3E%3Cpath fill='%230069AA' d='M20.545 19.629c3.897.019 7.455-3.178 7.455-7.067 0-4.253-3.558-7.192-7.455-7.191H17.19C13.246 5.37 10 8.31 10 12.561c0 3.891 3.247 7.087 7.19 7.068h3.355z'/%3E%3Cpath fill='%23fff' d='M18.687 16.349V8.626a4.141 4.141 0 012.657 3.862 4.144 4.144 0 01-2.657 3.861m-5.617-3.861a4.144 4.144 0 012.655-3.861v7.72a4.142 4.142 0 01-2.655-3.86m4.136-6.526a6.527 6.527 0 10.004 13.054 6.527 6.527 0 00-.004-13.055'/%3E%3Cpath fill='%23E3EAED' d='M34.075 1A2.928 2.928 0 0137 3.925v17.15A2.928 2.928 0 0134.075 24H3.925A2.928 2.928 0 011 21.075V3.925A2.928 2.928 0 013.925 1h30.15zm0-1H3.925A3.925 3.925 0 000 3.925v17.15A3.925 3.925 0 003.925 25h30.15A3.925 3.925 0 0038 21.075V3.925A3.925 3.925 0 0034.075 0z'/%3E%3C/g%3E%3C/svg%3E");
background-size: 38px 25px;
}
._11sGi, ._23p06 {
width: 38px;
height: 25px;
display: inline-block;
}
._29y1E ._2d5ry:not(:last-child):after {
display: inline-block;
content: "";
width: 1px;
height: 30px;
background-color: #dfe5eb;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
margin-right: 42px;
}
._29y1E ._2d5ry {
flex: 1 1 0;
position: relative;
padding-right: 42px;
}
._29y1E ._2d5ry ._2FZH2 {
padding-right: 42px;
align-items: flex-start;
flex-direction: column;
}
._29y1E ._2d5ry ._2FZH2 .judA4 {
display: flex;
flex-direction: row;
align-items: center;
align-content: center;
gap: 15px;
}
._29y1E ._2d5ry ._2FZH2 .H-Vqs {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='32.998%25' y1='-10.088%25' y2='83.136%25'%3E%3Cstop offset='0%25' stop-color='%23F0F4F7' stop-opacity='0'/%3E%3Cstop offset='100%25' stop-color='%23F8F8F9'/%3E%3C/linearGradient%3E%3Ccircle id='a' cx='15' cy='18' r='15'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg opacity='.345' transform='translate(0 1)'%3E%3Cuse fill='%23CD68ED' xlink:href='%23a'/%3E%3Cuse fill='url(%23b)' xlink:href='%23a'/%3E%3C/g%3E%3Cpath stroke='%23CD68ED' stroke-linecap='round' d='M14.84 37C24.87 37 33 28.941 33 19S24.87 1 14.84 1c-2.462 0-4.81.486-6.95 1.366A18.197 18.197 0 002 6.272m4.102.017l-4.436.138L.668 2'/%3E%3Cpath d='M8.481 24.812h1.26c.204 0 .402-.033.594-.099.192-.066.363-.175.513-.329.15-.153.27-.352.36-.598.09-.246.135-.546.135-.9 0-.324-.031-.616-.095-.878a1.75 1.75 0 00-.31-.67 1.377 1.377 0 00-.572-.428c-.237-.099-.529-.148-.877-.148H8.481v4.05zm-1.413-5.238H9.84c.414 0 .8.066 1.156.198.358.132.666.33.927.594.262.264.465.594.612.99.148.396.221.861.221 1.395 0 .468-.06.9-.18 1.296s-.301.738-.545 1.026a2.551 2.551 0 01-.909.68c-.363.165-.79.247-1.282.247H7.068v-6.426zm6.78 3.204c.018-.3.093-.549.225-.747.132-.198.3-.357.504-.477.204-.12.432-.205.684-.257.252-.05.51-.076.774-.076.234 0 .471.016.711.05.24.033.459.097.657.193s.36.231.486.405c.126.174.189.399.189.675v2.421c0 .21.012.411.036.603.024.192.066.336.126.432h-1.296a1.834 1.834 0 01-.09-.45c-.204.21-.444.358-.72.445-.276.088-.558.131-.846.131-.222 0-.429-.028-.621-.086a1.482 1.482 0 01-.504-.256 1.173 1.173 0 01-.338-.432 1.46 1.46 0 01-.121-.621c0-.264.045-.481.135-.653.09-.17.21-.307.36-.409.15-.102.32-.178.509-.23.189-.05.382-.091.58-.121.198-.03.387-.054.567-.072.18-.018.34-.045.482-.081a.861.861 0 00.337-.158c.084-.069.126-.169.126-.301a.678.678 0 00-.068-.329.496.496 0 00-.18-.189.708.708 0 00-.26-.09 2.136 2.136 0 00-.32-.022c-.246 0-.442.054-.59.162-.147.108-.232.288-.256.54h-1.278zm2.952.945a.573.573 0 01-.203.112c-.08.028-.167.05-.26.068a3.89 3.89 0 01-.297.045 4.265 4.265 0 00-.302.045 2.02 2.02 0 00-.288.072.85.85 0 00-.238.122.565.565 0 00-.167.197.629.629 0 00-.063.293c0 .12.021.217.063.293a.492.492 0 00.171.18.722.722 0 00.252.094c.096.018.195.027.297.027.252 0 .447-.042.585-.126a.843.843 0 00.306-.301.964.964 0 00.122-.356c.015-.12.022-.216.022-.288v-.477zm4.863 2.862c-.138.372-.33.64-.576.805-.246.166-.588.248-1.026.248-.132 0-.262-.005-.392-.014a18.7 18.7 0 01-.391-.031V26.54l.369.036c.126.012.252.015.378.009a.519.519 0 00.441-.315.678.678 0 00.054-.27.768.768 0 00-.054-.288l-1.638-4.365h1.368l1.053 3.186h.018l1.017-3.186h1.323l-1.944 5.238zm-11.367-7.77h3.887v-1.264h-1.171V11H11.82a1.637 1.637 0 01-.798.41 4.934 4.934 0 01-.902.108v1.099h1.337v4.934h-1.16v1.264zm9.616-1.72v1.72h-1.524v-1.72h-3.369v-1.472l3.245-4.52h1.648v4.727h1.046v1.265h-1.046zm-1.524-4.146l-2 2.881h2V12.95z' fill='%23AA4DC8'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
width: 41px;
height: 38px;
padding-right: 24px;
}
._29y1E ._2d5ry ._2FZH2 .OuDF- {
margin: 7px 0 10px;
display: block;
}
._29y1E ._2d5ry:not(:last-child):after {
display: inline-block;
content: "";
width: 1px;
height: 30px;
background-color: #dfe5eb;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
margin-right: 42px;
}
._29y1E ._2d5ry:last-child, ._29y1E ._2d5ry:last-child ._2FZH2 {
padding-right: 0;
}
._29y1E ._2d5ry ._2FZH2 ._3xj1V {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='14.676%25' x2='80.501%25' y1='14.864%25' y2='76.57%25'%3E%3Cstop offset='0%25' stop-color='%23FFF' stop-opacity='0'/%3E%3Cstop offset='100%25' stop-color='%23F8F8F9'/%3E%3C/linearGradient%3E%3Cpath id='a' d='M13 33s13-6.6 13-16.5V3.3L13 0 0 3.3v13.2C0 26.4 13 33 13 33z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' transform='translate(1 1)'%3E%3Cuse fill='%2360BC57' fill-opacity='.34' xlink:href='%23a'/%3E%3Cuse fill='url(%23b)' stroke='%2360BC57' stroke-width='2' xlink:href='%23a'/%3E%3Cpath stroke='%23FFF' stroke-width='2' d='M13 31.864l.069-.039c.429-.24.909-.527 1.426-.855a33.95 33.95 0 004.34-3.255C22.706 24.277 25 20.49 25 16.5V4.078L13 1.032 1 4.078V16.5c0 3.991 2.294 7.777 6.164 11.215A33.95 33.95 0 0013 31.864z'/%3E%3Cpath d='M13 33s13-6.6 13-16.5V3.3L13 0 0 3.3v13.2C0 26.4 13 33 13 33z'/%3E%3Cpath stroke='%2361AD5A' stroke-width='2' d='M17 12l-4.375 7L10 16.429'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
width: 28px;
height: 35px;
padding-right: 20px;
}
.ag_sU ._2qSMp ._1V5Jq>div {
display: flex;
justify-content: center;
}
._3Pc5e ._3iti7 p.Text2738849357__root.Text2738849357---size-6-medium.Text2738849357---skin-8-standard.Text2738849357---weight-6-normal.Text2738849357---list-style-9-checkmark {
text-align: left;
width: 100%;
}
@media (min-width: 1024px){
._3Pc5e ._3iti7 {
padding:20px 30px;
}
}
._3Pc5e ._3iti7 {
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: 1140px;
margin-left:auto;
margin-right:auto;
}
@media (min-width: 1024px){
._3O2Sw {
max-width: 100%;
margin-right: 0px;
}
}
._3O2Sw {
display: flex;
flex-direction: column;
}
.Heading779561862__root.Heading779561862---appearance-2-H2 {
text-align: center;
margin-top: 30px;
font-family: HelveticaNeueW01-65Medi,HelveticaNeueW02-65Medi,HelveticaNeueW10-65Medi,"Helvetica Neue","Helvetica","Arial","\30E1\30A4\30EA\30AA","meiryo","\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro","sans-serif";
font-family: var(--wsr-font-family, HelveticaNeueW01-65Medi, HelveticaNeueW02-65Medi, HelveticaNeueW10-65Medi),"Helvetica Neue","Helvetica","Arial","\30E1\30A4\30EA\30AA","meiryo","\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro","sans-serif";
font-weight: 400;
font-weight: var(--wsr-font-weight-bold, 400);
font-size: 28px;
line-height: 36px;
color: var(--wsr-text-color-primary, #162D3D);
}
._3O2Sw .Text2738849357__root.Text2738849357---weight-6-normal.Text2738849357---size-6-medium a {
color: #fff !important;
font-weight: bold;
}
.Text2738849357__root.Text2738849357---weight-6-normal.Text2738849357---size-6-medium {
text-align: center;
width: auto !important;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
border-radius: 6px;
padding: 10px 12px !important;
font-size: 14px !important;
background-color: #ffc000;
color: #fff !important;
display: table;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-weight: var(--wsr-font-weight-medium, 400);
font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,"Helvetica Neue","Helvetica","Arial","\30E1\30A4\30EA\30AA","meiryo","\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro","sans-serif";
font-family: var(--wsr-font-family, HelveticaNeueW01-55Roma, HelveticaNeueW02-55Roma, HelveticaNeueW10-55Roma),"Helvetica Neue","Helvetica","Arial","\30E1\30A4\30EA\30AA","meiryo","\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro","sans-serif";
}
p.Text2738849357__root.Text2738849357---size-6-medium.Text2738849357---skin-8-standard.Text2738849357---weight-6-normal.Text2738849357---list-style-9-checkmark.fKXFG.THEME_ADVANCED_PLANS {
background-color: transparent;
color: #ffc000 !important;
padding: 0;
font-size: 14px;
}
.TextButton1723105313__root.TextButton1723105313---size-6-medium.TextButton1723105313---weight-4-thin {
font-size: 16px;
line-height: 24px;
text-decoration: none;
font-weight: 400;
font-weight: var(--wsr-font-weight-regular, 400);
font-family: HelveticaNeueW01-45Ligh,HelveticaNeueW02-45Ligh,HelveticaNeueW10-45Ligh,"Helvetica Neue","Helvetica","Arial","\30E1\30A4\30EA\30AA","meiryo","\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro","sans-serif";
font-family: var(--wsr-font-family, HelveticaNeueW01-45Ligh, HelveticaNeueW02-45Ligh, HelveticaNeueW10-45Ligh),"Helvetica Neue","Helvetica","Arial","\30E1\30A4\30EA\30AA","meiryo","\30D2\30E9\30AE\30CE\89D2\30B4 pro w3","hiragino kaku gothic pro","sans-serif";
}
._3Pc5e ._2agPL {
flex: 1;
}
/* Accordion styles */
._2agPL .tabs {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
._2agPL .tab {
width: 100%;
color: white;
overflow: hidden;
}
._2agPL .tab-label {
display: flex;
justify-content: space-between;
padding: 1em;
background: #2c3e50;
font-weight: bold;
cursor: pointer;
/* Icon */
}
._2agPL .tab-label:hover {
background: #ffc000;
}
._2agPL .tab-label::after {
content: "❯";
width: 1em;
height: 1em;
text-align: center;
transition: all 0.35s;
}
._2agPL .tab-content {
max-height: 0;
padding: 0 1em;
color: #2c3e50;
background: white;
transition: all 0.35s;
}
._2agPL .tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
background: #2c3e50;
cursor: pointer;
}
._2agPL .tab-close:hover {
background: #1a252f;
}
._2agPL input:checked + .tab-label {
background: #ffc000;
}
._2agPL input:checked + .tab-label::after {
transform: rotate(90deg);
}
._2agPL input:checked ~ .tab-content {
max-height: 100vh;
padding: 1em;
}
._2agPL input {
position: absolute;
opacity: 0;
z-index: -1;
}
._3Pc5e{
float:left;
width:100%;
clear:both;
background-color: #f3f6f9;
padding-bottom:30px;
}
.plan-section {
width: 100%;
float: left;
clear: both;
padding: 50px 0px;
font-family: proxima-nova, helvetica, arial, sans-serif !important;
border-top: 1px solid;
padding-top: 0;
}
.plan-section #root {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.plan-section .ag_sU {
position: relative;
background-color: #fff;
}
.plan-section ._2nYmI {
top: 48px;
left: 0;
width: 100%;
z-index: 9999;
}
.Notification2465431951__root {
position: relative;
z-index: 4000;
}
.ag_sU ._2qSMp ._1V5Jq {
width: 100%;
min-height: 160px;
padding-top: 0px;
}
.ag_sU ._2qSMp ._1V5Jq>div {
display: flex;
justify-content: center;
margin-top: 50px;
}
._3xdNG>:first-of-type {
position: relative!important;
}
._3wYo1:not(._20bTL) {
max-width: 1140px;
width: 100%;
padding: 0 0px;
}
.plan-section ._1bSNQ {
margin: auto;
position: relative;
overflow-anchor: none;
}
.plan-section ._1bSNQ {
flex: 1;
}
._1bSNQ ._39_hc {
grid-template-columns: auto auto auto auto auto;
/*grid-template-columns: 312px repeat(var(--gridColumns),minmax(0,1fr));*/
}
._1bSNQ ._39_hc {
border-top: 1px solid #dfe5eb;
display: grid;
grid-auto-rows: auto;
}
._1bSNQ ._39_hc ._3rsvh {
display: contents;
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC:first-child {
border-left: 1px solid #dfe5eb;
font-size: 20px;
font-weight: 600;
color: #000;
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC {
max-height: 312px;
transition: max-height .24s linear;
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC {
box-sizing: border-box;
transition: all .42s cubic-bezier(.19,1,.22,1) 0s;
border-right: 1px solid #dfe5eb;
border-bottom: 1px solid #dfe5eb;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 30px 15px;
flex: 1 1 0;
position: -webkit-sticky;
position: sticky;
background: #ffffff;
z-index: 2;
top: var(--headerHeight);
}
.plan-section ._2rI1h {
padding: 7px 9px;
max-width: 150px;
max-height: 44px;
background: #fff;
box-shadow: 0 4px 12px 0 rgba(0,0,0,.03),0 7px 25px 0 rgba(0,0,0,.03),0 0 0 1px rgba(0,0,0,.05);
}
._2rI1h, ._2rI1h.THEME_EDITOR_X, ._33gjI {
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
position: absolute;
margin: auto;
opacity: 0;
border-radius: 3px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: center;
top: 0;
transform: translateY(-50%);
}
.Text2738849357__root.Text2738849357---skin-7-premium {
color: #ffc000 !important;
}
.Text2738849357__root {
white-space: pre-line;
color: #162D3D !important;
}
span.Text2738849357__root.Text2738849357---size-4-tiny.Text2738849357--secondary.Text2738849357---skin-8-standard.Text2738849357---weight-4-thin.Text2738849357---list-style-9-checkmark {
display: block;
text-align: left;
}
._1F-16._2rI1h, ._1F-16._33gjI {
opacity: 1;
}
.plan-section .gtEGW {
margin-top: 0px;
}
.Text2738849357__root.Text2738849357---weight-4-bold.Text2738849357---size-4-tiny {
font-size: 12px;
line-height: 15px;
font-weight: 400;
font-weight: var(--wsr-font-weight-bold, 400);
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
justify-content: space-between;
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu ._1SvCM {
flex-grow: 1;
justify-content: space-between;
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu ._1SvCM, ._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu .gtEGW {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #000;
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu ._1fLsH {
flex: 1 0 auto;
margin-bottom: 6px;
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu ._1fLsH .dCoEr {
font-size: 17px;
font-weight:600;
}
._1bSNQ ._39_hc ._3rsvh ._3s7Ox {
overflow: hidden;
}
._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu .u7Ey7 {
margin-top: 3px;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
}
.plan-section ._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu .u7Ey7 span {
display: none;
flex: 1;
}
.plan-section .Text2738849357__root.Text2738849357---weight-4-thin.Text2738849357---size-5-small {
font-size: 15px;
line-height: 18px;
font-weight: 400;
font-weight: var(--wsr-font-weight-regular, 500);
color:#162D3D;
}
.plan-section ._1bSNQ ._39_hc ._3rsvh ._1RIgC .SNWBu .gtEGW {
min-width: 0;
}
.plan-section .SvkpJ.THEME_ADVANCED_PLANS, .SvkpJ.THEME_EDITOR_X {
padding: 0;
}
.plan-section .bGk8h._3TJw6, .bGk8h._3yAMo {
margin-bottom: 0;
}
.plan-section .bGk8h {
position: relative;
display: flex;
margin-bottom: 12px;
}
.plan-section ._3TJw6._5MtvL, ._3TJw6.FqURM {
padding-top: 5px;
}
.plan-section ._17AWM {
flex: 1;
display: flex;
justify-content: flex-end;
margin-right: 4px;
top:0 !important;
font-size:16px;
}
.plan-section sup.FqURM._2ZzXO._3TJw6 {
font-size: 16px;
}
.plan-section ._2CAym ._3sJ79 ._3Yze7 ._1E1ek {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h13v13H0z'/%3E%3Ccircle stroke='%237A92A5' stroke-linecap='round' stroke-linejoin='round' cx='6.5' cy='6.5' r='5.597'/%3E%3Cpath stroke='%237A92A5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6.5 4.333h.005'/%3E%3Cpath stroke='%237A92A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M5.958 6.5H6.5v2.167h.542'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;
min-width: 11px;
min-height: 11px;
margin-right: 3px;
display: inline-block;
}
.plan-section span.Text2738849357__root.Text2738849357---size-4-tiny.Text2738849357--secondary.Text2738849357---skin-8-standard.Text2738849357--light.Text2738849357---weight-4-thin.Text2738849357---list-style-9-checkmark._3Yze7 {
color: #7aa0c5;
font-size: 12px;
}
.plan-section ._2ZzXO._2ZzXO._5MtvL, ._2ZzXO._2ZzXO.FqURM {
font-weight: var(--wix-font-weight-regular,400);
}
.plan-section ._3j1L7._3TJw6 {
font-size: 16px;
}
span.Text2738849357__root.Text2738849357---size-6-medium.Text2738849357---skin-8-standard.Text2738849357---weight-4-bold.Text2738849357---list-style-9-checkmark.dCoErs {
clear: both;
width: 100%;
display: block;
font-size: 16px;
font-weight: 700;
color: #000 !important;
}
.plan-section ._1HlQn._2ZzXO {
line-height: normal;
font-weight: 700;
}
.plan-section ._1SORT {
display: flex;
flex-direction: column;
margin-left: 4px;
justify-content: space-between;
}
.plan-section ._2UR67 {
flex: 1;
margin-left: 4px;
align-items: flex-start;
}
.plan-section ._3jeTx._3TJw6 {
padding-bottom: 7px;
font-size: 14px;
}
.plan-section ._1bSNQ ._39_hc ._3rsvh ._1RIgC._30OLl {
background: #f7f8fa;
}
.plan-section ._1bSNQ ._39_hc ._3rsvh ._3s7Ox {
overflow: hidden;
}
.plan-section ._2CAym {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 42px;
display:none;
}
.plan-section ._2CAym ._7bdZK {
display: flex;
align-items: center;
}
.plan-section ._2CAym ._7bdZK .bJzfw {
background: #dfe5eb;
height: 2px;
width: 24px;
content: "";
}
.plan-section ._1bSNQ ._39_hc ._2xFDd {
display: contents;
border-left: 1px solid #dfe5eb;
}
.plan-section ._1bSNQ ._39_hc ._2xFDd .Fnbuv:first-child {
padding: 0 18px;
}
.plan-section ._1bSNQ ._39_hc ._2xFDd .Fnbuv:first-child {
display: flex;
height: auto;
justify-content: space-between !important;
align-items: center;
border-left: 1px solid #dfe5eb;
background-color:#fff;
gap: 15px !important;
}
.plan-section ._1bSNQ ._39_hc ._2xFDd .Fnbuv {
box-sizing: border-box;
transition: all .42s cubic-bezier(.19,1,.22,1) 0s;
border-right: 1px solid #dfe5eb;
border-bottom: 1px solid #dfe5eb;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 12px;
}
.plan-section .default-colors {
color: #AA4DC8 !important;
background-color: #FFF !important;
}
.plan-section .colors {
color: #AA4DC8 !important;
}
.plan-section .secondary-colors {
color: #CD68ED !important;
}
.plan-section .white-colors {
color: #FFF !important;
}
.plan-section .default-colors-hover:hover {
color: #FFF !important;
background-color: #CD68ED !important;
}
.plan-section .color-hover:hover {
color: #AA4DC8 !important;
}
.plan-section .bg-colors {
background-color: #AA4DC8 !important;
}
.plan-section .bg-colors-third {
background-color:#F7EDFA !important;
}
.plan-section .bg-colors-hover:hover {
background-color: #CD68ED !important;
}
.plan-section .bg-colors-after:after {
background-color: #AA4DC8 !important;
}
.plan-section .border-color {
border-color: #AA4DC8 !important;
}
.plan-section .box-shadow {
box-shadow: 0px 0px 0px 2px #AA4DC8, 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
}
.plan-section .box-shadow-thin {
box-shadow: 0px 0px 0px 1px rgba(170,77,200,0.6), 0px 7px 25px 0px rgba(0, 0, 0, 0);
}
.plan-section .box-shadow-thin:hover {
box-shadow: 0px 0px 0px 1px rgba(170,77,200,1), 0px 7px 25px 0px rgba(0, 0, 0, 0);
}
.plan-section .border-color-after:after {
border-top: 1px solid #AA4DC8 !important;
border-right: 1px solid #AA4DC8 !important;
}
.background-color-product-hat-mobile {
background: rgba(170,77,200,0.12);
}
.limited-time-offering-tooltip-mobile {
background: rgba(170,77,200,0.08);
}
.plan-section .tooltip-list {
padding: 0 15px;
}
._1bSNQ ._39_hc ._2xFDd .Fnbuv._30OLl {
background: #fff;
}
._17tXO {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h13v13H0z'/%3E%3Ccircle stroke='%237A92A5' stroke-linecap='round' stroke-linejoin='round' cx='6.5' cy='6.5' r='5.597'/%3E%3Cpath stroke='%237A92A5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6.5 4.333h.005'/%3E%3Cpath stroke='%237A92A5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M5.958 6.5H6.5v2.167h.542'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;
min-width: 15px;
min-height: 15px;
margin-right: 0;
display: block;
}
._1bSNQ ._39_hc ._2xFDd:hover .Fnbuv {
background-color: #f7f8fa !important;
color:#000;
}
._1bSNQ ._39_hc ._2xFDd{
color:#000;
}
._1kqJs{
font-weight:400;
}
.plan-section .nav-tabs {
margin-top: 50px;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
border-bottom:0px;
display: flex;
}
.plan-section .nav-tabs > li {
float: left;
margin-bottom: -2px;
display: inline-flex;
}
.plan-section #home ._1bSNQ ._39_hc{
grid-template-columns: auto auto auto auto auto auto !important;
}
.plan-section #menu1 ._1bSNQ ._39_hc{
grid-template-columns:auto auto auto auto auto !important;
}
.plan-section .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
font-size: 18px;
background-color: #ffffff !important;
color: #ffc000 !important;
border-radius: 8px 8px 0 0;
font-weight: bold;
}
.plan-section .nav-tabs > li > a {
font-size: 18px;
padding: 15px 40px;
width: 336px;
border-radius: 8px 8px 0 0;
background-color: #ffc000;
margin-right: 0;
float: left;
border: none;
color:#fff;
}
.plan-section .nav-tabs > li{
float:none;
}
.plan-section div#home .Fnbuv {
justify-content: center;
}
._1bSNQ ._39_hc ._2xFDd .Fnbuv._30OL2 {
background-color: #f7f8fa;
}
@media screen and (min-width:1px)and (max-width:1199px){
.top-header-toggle-bar{
display:none;
}
.cart-container{
padding:0px 15px;
}
#container{
width:100% !important;
}
.top-header-cart-menu{
top: 0px !important;
height: 24px !important;
width: 24px !important;
position: inherit;
right:0 !important;
}
.mobile-d{
display:none !important;
}
.top-header-m-t{
display: block !important;
cursor: pointer;
color: #fff !important;
order: 2;
margin-right: 38px;
font-size:18px !important;
}
._3wYo1:not(._20bTL){
max-width:100% !important;
display: block;
overflow-x: auto;
}
.plan-section .nav-tabs > li > a{
width:auto !important;
padding: 10px 28px !important;
}
a.category-details-right-bar-a{
float: left;
clear: both;
width: 100%;
}
}
.top-bar .top-bar-holder select.select-value {
height: 41px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
z-index: 9999;
position: relative;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
/*------------------------------------------------------------------
home
-------------------------------------------------------------------*/
body{
overflow-x:hidden;
}
.Homepage h1.Hero__title.dbz-header span{
margin-top: -230px;
}
.under-item-grid img {
width: 50%;
float:right;
}
h2.blogTitle {
margin-bottom: 10px;
}
.under-item-grid{
padding:10px;
}
#mixedSlider {
position: relative;
}
form#nav-search-bar-form{
display:block;
margin-bottom: 0;
}
#mixedSlider .MS-content {
white-space: nowrap;
overflow: hidden;
margin: 0 5%;
}
#mixedSlider .MS-content .item {
display: inline-block;
/*width: 33.3333%;*/
width:100%;
position: relative;
vertical-align: top;
overflow: hidden;
height: auto;
white-space: normal;
padding: 0 10px;
text-align:left;
}
#mixedSlider .MS-content .item .under-item {
background-color: #fff;
padding: 17px;
border-radius: 10px;
display: grid;
grid-template-columns: auto auto auto;
}
@media (max-width: 991px) {
#mixedSlider .MS-content .item {
width: 50%;
}
}
@media (max-width: 767px) {
body #my-container select{
padding:10px !important;
}
#mixedSlider .MS-content .item {
width: 100%;
}
}
#mixedSlider .MS-content .item .imgTitle {
position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
margin: 0;
text-align: left;
letter-spacing: 2px;
color: #2f3041;
font-style: italic;
/*position: absolute;*/
/* background-color: rgba(255, 255, 255, 0.5);*/
width: 100%;
text-align:center;
bottom: 0;
font-weight: bold;
padding: 10px 0px;
font-size:22px;
}
#mixedSlider .MS-content .item .imgTitle img {
height: 70%;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
#mixedSlider .MS-content .item p {
font-size: 16px;
margin: 8px;
text-indent: 0px;
line-height: 26px;
}
#mixedSlider .MS-content .item a {
float: right;
margin: 0 20px 0 0;
font-size: 16px;
font-style: italic;
color: rgba(173, 0, 0, 0.82);
font-weight: bold;
letter-spacing: 1px;
transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
position: absolute;
border: none;
background-color: transparent;
outline: 0;
font-size: 50px;
top: 95px;
color: rgba(0, 0, 0, 0.4);
transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
#mixedSlider .MS-controls button {
font-size: 30px;
}
}
@media (max-width: 767px) {
#mixedSlider .MS-controls button {
font-size: 20px;
}
}
#mixedSlider .MS-controls .MS-left {
left: 0px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-left {
left: -10px;
}
}
#mixedSlider .MS-controls .MS-right {
right: 0px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-right {
right: -10px;
}
}
video::-webkit-media-controls {
display: none;
}
.Homepage video{
width: 100%;
height: 100%;
position: absolute;
float: left;
clear: both;
object-fit: cover;
}
.video-text-section{
position: relative;
z-index: 2;
}
.video-text-section .first-row{
height: 100%;
}
.m-espot {
border-left: 1px solid rgba(255,255,255,0.3);
border-bottom: 1px solid rgba(255,255,255,0.3);
border-top: none;
background: rgba(0,0,0,0.5);
height: 22.125em;
position: relative;
width: 100%;
height: calc(100% - 50%);
}
img.a-image.-espotImage{
object-fit: cover;
width: 100%;
height: 100%;
opacity:0;
transition: opacity 0.5s;
}
.m-espot a:hover img{
opacity: 1;
}
.m-espot__title {
bottom: 0;
position: absolute;
color: #fff;
text-transform: none;
padding: 1em;
width: 100%;
font-weight: 300;
margin: 0.5em auto 0 auto;
line-height: 1.1em;
font-size: 2em;
text-align: center;
font-family: "Lato",Helvetica,Arial,sans-serif;
}
.m-espot__title:after {
content: "+";
position: absolute;
top: 50%;
right: 1em;
transform: translate(0, -50%);
}
a.m-espot__link{
width: 100%;
height: 100%;
display: block;
}
.header-holder.home-nav-menu nav#nav {
display: none;
}
.Rent_category_list {
padding-top: 20px;
background-color: #e6eaf3;
padding-bottom: 40px;
}
.Rent_category_list h2{
margin-bottom: 47px;
}
.testimonials-block h1{
margin-bottom:30px;
}
.Rent_category_list h2{
font-size: 32px;
font-weight: 600 !important;
line-height: 38px;
}
.Rent_category_list .padding-left-left{
padding-left:0;
}
.top-equipment-rentals h3 {
color: #fff;
background-color: #181818;
padding: 20px 0px;
text-align: center;
}
.top-equipment-rentals {
width: 100%;
clear: both;
float: left;
padding: 20px 0px;
background-color: #f5f5f5;
}
.top-equipment-rentals img {
width: 100%;
height: 170px;
background-color: #fff;
padding: 19px;
border-bottom: 1px solid #a79494;
}
.top-equipment-rentals h2 {
color: #181818;
text-align: center;
margin-bottom: 20px;
font-size: 32px;
font-weight: 600 !important;
line-height: 38px;
}
.top-equipment-rentals a{
margin-bottom: 20px;
width: 100%;
display: block;
text-align: center;
text-transform: capitalize;
background-color: #ffc000;
color: #878058;
padding: 6px 0px;
font-size: 15px;
}
.top-equipment-rentals .box-shadow-equipment:hover{
box-shadow: 0 0 50px rgb(0 0 0 / 60%);
}
.Rent_category_list h2{
text-align: center;
}
.popular-post{
margin-bottom:0;
}
/* The home-search-container */
.home-search-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
margin-left: 15px;
}
.Homepage .d-flex {
display: flex;
justify-content: space-between;
width: 19%;
}
/* Hide the browser's default radio button */
.home-search-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
position: absolute;
top: 7px;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.home-search-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.home-search-container input:checked ~ .checkmark {
background-color: #ffc000;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.home-search-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.home-search-container .checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
.transportation{
text-align:left;
}
.container-fluid.under-home-tab .d-flex {
margin-top: 20px;
}
.container-fluid.under-home-tab .transportation {
margin-top: 20px;
}
.container-fluid.under-home-tab {
clear: both;
}
.m-espot.m-espot-top .m-espot__title {
top: 0;
}
.m-espot.m-espot-top .m-espot__title:after{
top: 10%;
}
.video-container {
position: relative;
width: 100%;
}
.video-image {
display: block;
width: 100%;
height: auto;
}
.video-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #fcbf0f;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.video-text img {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
width:45%;
margin-top: 10px;
}
.video-container:hover .video-overlay {
height: 100%;
}
.video-text {
color: white;
font-size: 20px;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: left;
height: 100%;
}
.video-container ul li a i{
text-align: right;
float: right;
}
.video-container ul li a {
width: 100%;
text-decoration: none;
color: #000;
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid;
cursor:pointer;
}
.video-container ul li h2{
color:#fff;
border-bottom: 1px solid #000;
padding-bottom: 5px;
}
.video-container ul{
padding: 22px;
list-style: none;
position: absolute;
width: 100%;
bottom: 0;
}
/* insurance-modal The Modal (background) */
.insurance-modal .modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.insurance-modal .modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 40%;
top: 60px;
position: relative;
}
/* The Close Button */
.insurance-modal .close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
position: absolute;
top: 0;
right: 15px;
z-index: 9999;
}
.insurance-modal .close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.fheader-section .logo-site {
text-align: center;
margin: 0 0 29px;
}
.fheader-section .logo-site img {
width: 20%;
margin-top: 0;
}
.fheader-section .logo-site a {
display: inline-block;
border-bottom: 0;
}
.fheader-section .step-parent {
text-align: center;
margin: 0 0 30px;
}
.fheader-section .step-circle {
display: inline-block;
text-align: center;
margin: 0 61px;
position:relative;
vertical-align: middle;
}
.fheader-section .outer-circle {
width: 60px;
height: 53px;
border: 5px solid #cbc9ce;
border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow: 0px 1px 5px #aba9ae;
text-align: center;
display: table;
position: relative;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.fheader-section .outer-circle:before {
position: absolute;
content: "";
width: 74px;
height: 77px;
border: 3px dashed #989898;
border-radius: 50%;
-webkit-border-radius: 50%;
top: -12px;
left: -12px;
}
.fheader-section .step-circle:after {
position: absolute;
content: "";
width: 90px;
border: 2px dashed #989898;
top: 50%;
transform: translateY(-50%);
right: -110px;
}
.fheader-section .step-circle:last-child:after {
display:none;
}
.fheader-section .outer-circle a {
display: table-cell;
vertical-align: middle;
font-size: 28px;
font-weight: 600;
color: #404040;
overflow: hidden;
border-bottom: 0;
}
.fheader-section .outer-circle.active a {
color:#fdc010;
font-size:35px;
}
.fheader-section .outer-circle.active {
border:7px solid #fdc010;
width: 75px;
height: 68px;
}
.fheader-section .outer-circle.active:before {
border: 4px dashed #fdc010;
width: 93px;
height: 98px;
top: -16px;
left: -16px;
}
.fheader-section .form-inner label {
font-size: 13px;
color: #636363;
font-weight: 700;
display: block;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
margin: 0 0 2px;
float:left;
}
.fheader-section .form-inner label var {
color:#ff1c0b;
}
.fheader-section .form-section, form {
width: 100%;
margin: 0 0 21px;
display: flex;
flex-wrap: wrap;
}
.fheader-section .pum-content.popmake-content .et_pb_section, .pum-content.popmake-content .et_pb_row {
padding: 0 !important;
}
.fheader-section .form-inner {
margin: 0 0 8px;
padding: 0 1.5%;
}
.fheader-section .submit-btn {
width: 50%;
padding: 0 1.5%;
}
.fheader-section .health-insurance .step2 .submit-btn, .health-insurance .step3 .submit-btn {
margin: 0 auto 0;
display: inline-block;
}
.fheader-section .form-section select, .form-section input, .form-section textarea {
background: #f7f7f7;
border: 1px solid #dedede;
font-size: 15px;
color: #636363;
border-radius: 3px;
-webkit-border-radius: 3px;
font-weight: 300;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
outline:none;
width:100% !important;
padding: 10px;
height: 47px;
box-shadow: none !important;
}
.fheader-section .form-section input[type="radio"], .form-section input[type="checkbox"] {
width:auto !important;
}
.fheader-section .button-alignment {
text-align:center;
}
.fheader-section .form-inner.one-half {
width: 50%;
padding: 0 1.5%;
}
.fheader-section .form-inner.one-fourth {
width: 25%;
padding: 0 1.5%;
}
.fheader-section .submit-btn button, .submit-btn input[type="submit"] {
background: #fdc010 !important;
padding: 6px 15px !important;
font-size: 14px !important;
color: #fff !important;
width: 100% !important;
border-radius: 3px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 700 !important;
border: solid #876400;
border-width: 0px 0px 4px 0px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
cursor: pointer;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-left: 0;
text-align: center;
white-space: pre-wrap;
line-height: 15px;
height: 46px;
}
.fheader-section .submit-btn button:hover, .submit-btn button:focus, .submit-btn input[type="submit"]:hover, .submit-btn input[type="submit"]:focus {
background:#e24100;
border-color:#9a2e01;
}
.fheader-section .form-inner.half-width, .form-inner .hafl-width {
width:50%;
padding-right:3%;
}
.fheader-section .form-inner .hafl-width {
width:60%;
display: table-cell;
}
.fheader-section .arabic-form.form-inner .hafl-width {
padding-left:3%;
padding-right:0;
}
.fheader-section .form-inner.half-width:nth-child(2), .form-inner.half-width:nth-child(4), .form-inner.half-width:nth-child(7) {
padding-right:0;
}
.fheader-section .form-inner .hafl-width:last-child {
padding-right:0;
}
.fheader-section .arabic-form.form-inner .hafl-width:last-child {
padding-left:0;
}
.fheader-section .one-third {
width: 33.3333%;
padding: 0 1.5%;
}
.fheader-section .one-third:last-child {
margin-right:0;
}
.fheader-section .client-section {
text-align: center;
padding-bottom: 0;
}
.fheader-section .client-section .image-section.one-half {
width: 275px;
display: inline-block;
text-align: center;
margin: 0;
padding: 0;
}
.fheader-section .client-section .one-half {
display: inline-block;
width: 443px;
vertical-align: middle;
padding-left: 5px;
text-align: center;
}
.fheader-section .image-section h3 {
margin: 2px 0;
font-size: 16px;
color: #636363;
font-weight: 700;
font-family: 'Open Sans';
}
.fheader-section .image-section {
position:relative;
margin: 0 0 45px;
}
.fheader-section .image-section:before {
position: absolute;
content: "";
left: -18px;
bottom: 0px;
background: url(../images/left-arrow.png) no-repeat;
width: 115px;
height: 112px;
}
.fheader-section .client-section p {
padding: 0;
}
.fheader-section .rate:not(:checked) > input {
position: absolute;
top: -9999px;
}
.fheader-section .rate:not(:checked) > label {
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ccc;
}
.fheader-section .rate:not(:checked) > label:before { content: '★ '; }
.fheader-section .rate > input:checked ~ label { color: #ffd004; }
.fheader-section .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label { color: #deb217; }
.fheader-section .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label { color: #c59b08; }
/* wrapper divs */
.custom-radio {
position: relative;
display:inline-block;
}
/* input, label positioning */
.fheader-section .custom-radio input {
position: absolute;
left: 2px;
top: 3px;
margin: 0;
z-index: 0;
opacity:0;
}
.fheader-section .custom-radio label {
display: block;
position: relative;
z-index: 1;
padding-left:27px;
cursor: pointer;
margin-right: 20px;
margin-top: 5px;
}
/* states */
.fheader-section .custom-radio label { background: url(../images/radiobutton.png) no-repeat; }
.fheader-section .custom-radio label {
background-position: -5px -9px;
}
.fheader-section .custom-radio label.checked {
background-position: -5px -119px;
}
.fheader-section .custom-radio label.focus {
outline:none;
}
/*** Custom Radio Field End ***/
.fheader-section .form-inner > div label {
font-size: 14px;
font-weight: 400;
}
.fheader-section .google-rating {
text-align: center;
margin: 0 0 42px;
}
.fheader-section .partner-logo {
display: table;
position: relative;
padding-top: 0;
text-align: center;
margin: 0 auto;
padding: 0;
}
.fheader-section .partner-logo h2 {
font-size: 18px;
font-weight: 700;
font-family: 'Open Sans';
margin: 0 0 11px;
}
.fheader-section .partner-logo:before {
content: "";
position: absolute;
left: 20px;
top: 40%;
width: 80px;
height: 98px;
background: url(../images/Alfred11.png) no-repeat;
transform: translateX(-50%) scale(1);
-webkit-transform: translateX(-50%) scale(1);
}
.fheader-section .partner-img {
width: 20%;
display: inline-block;
vertical-align: middle;
margin: 0 0 6px;
}
.fheader-section .form-section.form-section2 {
margin: 0 auto 14px;
}
.fheader-section .note-section {
text-align: center;
margin-top: 14px;
width: 100%;
}
.fheader-section .note-section h2 {
margin: 0 0 20px;
font-size: 18px;
color: #636363;
font-weight: 700;
}
.fheader-section .note-outer {
display: inline-block;
width: 30%;
padding: 0 1%;
vertical-align: top;
}
.fheader-section .note-img {
height: 43px;
margin: 0 0 10px;
}
.fheader-section .note-content p{
font-size: 13px;
line-height: 24px;
font-weight: 400;
color: #535353;
}
.fheader-section .ui-widget.ui-widget-content {
list-style: none;
background: rgba(26,58,81,0.8);
border-top: none;
-moz-border-radius-bottomright: 10px 10px;
-moz-border-radius-bottomleft: 10px 10px;
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.6);
-webkit-border-bottom-right-radius: 10px 10px;
-webkit-border-bottom-left-radius: 10px 10px;
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.6);
border-radius-bottom-right: 10px 10px;
border-radius-bottom-left: 10px 10px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.6);
width: 32% !important;
}
.fheader-section .ui-menu .ui-menu-item-wrapper {
padding: 6px 12px !important;
color: #fff;
text-align: left;
font-weight: 500;
text-transform: capitalize;
}
.fheader-section .hint {
display: none;
position: absolute;
right: 300px;
width: 200px;
margin-top: -4px;
border: 1px solid #c93;
padding: 10px 12px;
background: #ffc no-repeat -10px 5px;
text-align: left;
z-index: 1000
}
.fheader-section .hint .hint-pointer {
position: absolute;
right: -10px;
top: 5px;
width: 10px;
height: 19px;
background: right top no-repeat;
z-index: 1000
}
.fheader-section .iframe_hint{
right: -180px !important;
width: 50% !important;
font-size: 10px;
line-height: 16px;
border-radius: 10px !important;
word-wrap: break-word;
z-index: 1000;
background: #fff !important;
border: 4px solid #ccc;
-webkit-border-radius: 6px 6px;
-webkit-box-shadow: 0px 2px 4px #666;
-moz-border-radius: 6px 6px;
-moz-box-shadow: 0px 2px 4px #666;
border-radius: 6px 6px;
box-shadow: 0px 2px 4px #666;
background: #f5f5f5;
white-space: normal;
margin-top:-50px;
color:#000;
}
.fheader-section .iframe_hint:before {
content:"";
border-color: transparent #CCC transparent transparent;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;
left: -24px;
top: 7px;
position: absolute;
}
.fheader-section .iframe_hint_form:before {
content:"";
border-color: transparent #CCC transparent transparent;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;
left: -24px;
top: 7px;
position: absolute;
}
.fheader-section .iframe_hint:after {
content:"";
border-color: transparent #F5F5F5 transparent transparent;
border-style: solid;
border-width: 7px;
height: 0;
width: 0;
left: -14px;
top: 10px;
position: absolute;
}
.fheader-section .iframe_hint_form:after {
content:"";
border-color: transparent #F5F5F5 transparent transparent;
border-style: solid;
border-width: 7px;
height: 0;
width: 0;
left: -14px;
top: 10px;
position: absolute;
}
.fheader-section .form-section3 .iframe_hint {
right: -100px !important;
width: 70% !important;
}
.fheader-section .form-section .car-load_pic {
width: 100%;
left:0;
}
.fheader-section .form-section i {
font-size: 20px;
margin: 4px 0px 0px 5px;
float: left;
color: #505050;
}
.fheader-section .form-section.for-tooltip label, .for-tooltip label {
display: inline-block;
}
.fheader-section .form-section a.tip {
border-bottom: none;
text-decoration: none;
}
.fheader-section .form-section a.tip {
position: relative;
display: block;
vertical-align: text-bottom;
}
.fheader-section .form-section a.tip em {
display: none;
color: #333;
font-size: 13px;
font-style: normal;
line-height: 20px;
border-radius: 10px !important;
border: 4px solid #ccc;
padding: 8px;
z-index: 999;
background: #fff !important;
width: 180px;
position: absolute;
text-decoration: none;
opacity:0;
left: 34px;
top: -5px;
word-break: break-word;
}
.fheader-section .form-section a.tip:hover em, .form-section a.tip:focus em {
display:block;
opacity:1;
}
.fheader-section .form-section a.tip em:before, .form-section a.tip.tip_right em:before {
content: "";
border-color: transparent #CCC transparent transparent;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;
left: -24px;
top: 7px;
position: absolute;
}
.fheader-section .form-section a.tip em:after, .form-section a.tip.tip_right em:after {
content: "";
border-color: transparent #F5F5F5 transparent transparent;
border-style: solid;
border-width: 7px;
height: 0;
width: 0;
left: -14px;
top: 10px;
position: absolute;
}
.fheader-section .form-section a.tip.tip_right em:before {
left:auto;
right:-24px;
}
.fheader-section .form-section a.tip.tip_right em:after {
left:auto;
right:-14px;
}
.fheader-section .form-section a.tip.tip_right em:before, .form-section a.tip.tip_right em:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
}
.fheader-section .mandatory {
border: 1px solid red !important;
}
.fheader-section .needsfilled_radio {
outline: 1px solid red!important;
}
.fheader-section .full-textarea{
padding: 6px;
background: #f7f7f7;
border: 1px solid #dedede;
font-size: 15px;
color: #636363;
border-radius: 3px;
-webkit-border-radius: 3px;
font-weight: 300;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
outline: none;
width: 100%;
}
.fheader-section input[type=checkbox].needsfilled {
outline: red solid 1px;
}
.fheader-section .half-textarea{
padding: 4px;
background: #f7f7f7;
border: 1px solid #dedede;
font-size: 15px;
color: #636363;
border-radius: 3px;
-webkit-border-radius: 3px;
font-weight: 300;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
outline: none;
width: 100%;
}
.fheader-section .one-third-form {
width: 33.3333%;
padding-right: 3%;
display:table-cell;
}
.fheader-section .form-inner.one-half .one-third-form:last-child {
padding-right:0;
}
.fheader-section .iframe_hint_form {
right: -125px !important;
width: 50% !important;
font-size: 10px;
line-height: 16px;
border-radius: 10px !important;
word-wrap: break-word;
z-index: 1000;
background: #fff !important;
border: 4px solid #ccc;
-webkit-border-radius: 6px 6px;
-webkit-box-shadow: 0px 2px 4px #666;
-moz-border-radius: 6px 6px;
-moz-box-shadow: 0px 2px 4px #666;
border-radius: 6px 6px;
box-shadow: 0px 2px 4px #666;
background: #f5f5f5;
white-space: normal;
margin-top: -50px;
color: #000;
}
.fheader-section .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fheader-section .tooltip_car {
font-size: 20px;
margin: 4px 0px 0px 5px;
float: left;
color: #505050;
}
.fheader-section .form-section a.tip_right em {
display: none;
color: #333;
font-size: 13px;
font-style: normal;
line-height: 20px;
border-radius: 10px !important;
border: 4px solid #ccc;
padding: 8px;
z-index: 999;
background: #fff !important;
width: 180px;
position: absolute;
text-decoration: none;
opacity: 0;
left: -186px !important;
top: -5px;
}
.fheader-section .home-multiple .one-third-form {
vertical-align: top;
}
.fheader-section .radio-button {
display: inline-block;
padding-right: 10px;
}
.fheader-section .radio-button input[type="radio"] {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
/** .life-step .outer-circle.active, .life-step .outer-circle.active:before {
border-color:#56a328;
}
.life-step .outer-circle.active a {
color:#56a328;
} **/
.fheader-section .life-form-section1 .submit-btn button, .life-form-section2 .submit-btn input[type="submit"] {
background:#85057c;
border-color:#680461;
display: inline-block;
width: 100%;
font-size: 15px;
}
.fheader-section .life-form-section1 .submit-btn button:hover, .life-form-section1.submit-btn button:focus,
.life-form-section2 .submit-btn input[type="submit"]:hover, .life-form-section2 .submit-btn input[type="submit"]:focus {
background:#62035b;
border-color:#3e003a;
display: inline-block;
}
.fheader-section .alferd-note {
text-align:center;
}
.fheader-section .alferd-note h2 {
font-size: 25px;
font-weight: 700;
color: #535353;
margin: 0 0 4px;
}
.fheader-section .alferd-note h3 {
font-size: 20px;
font-weight: 400;
color: #535353;
margin: 0 0 24px;
}
.fheader-section .box-section {
display: table;
width: 100%;
}
.fheader-section .fourth-box{
display: table-cell;
vertical-align: top;
width: 26%;
padding: 0 12px;
}
.fheader-section .fourth-box p {
font-size: 13px;
line-height: 15px;
color: #535353;
margin: 30px 0 0;
}
.fheader-section .partner-logo.life-insurance-partner {
margin: 0;
padding: 115px 0 0;
}
.fheader-section .partner-logo.life-insurance-partner .partner-img {
margin:0;
width:14.2857%;
}
.fheader-section .partner-logo.life-insurance-partner:before {
left:50%;
background: url(../images-multipleform/lalferd-image.png) no-repeat;
width: 153px;
height: 112px;
top: 4px;
}
.fheader-section .life-form-section2 .submit-btn.submit-btnlast {
margin:0 auto;
}
.fheader-section .health-form-section .submit-btn.green-btn button, .health-form-section .submit-btn.green-btn input[type="submit"] {
background: #3d9105;
border-color: #2c6704;
width: 100%;
}
.fheader-section .health-form-section .submit-btn.green-btn button, .health-form-section .submit-btn.green-btn input[type="submit"] {
background: #3d9105;
border-color: #2c6704;
width: 100%;
}
.fheader-section .life-form-section1 .submit-btn.green-btn button:hover, .life-form-section1 .submit-btn.green-btn input[type="submit"]:hover {
background: #255b01;
border-color: #143200;
}
.fheader-section .checkbox-health {
padding-right: 5px;
font-size: 13px;
display: inline-block;
}
.fheader-section .checkbox-health input {
display: inline-block;
vertical-align: middle;
margin-right: 2px;
}
.fheader-section .client-section.health-section .image-section.one-half {
width: 240px;
}
.fheader-section .client-section.health-section .one-half {
width: 470px;
}
.fheader-section .client-section.health-section .image-section h3 {
margin: 7px 0 5px;
line-height: 18px;
}
.fheader-section .submit-btn.submit-btnlast.green-btn {
margin: 0 auto;
}
.fheader-section.fheader-margin {
margin:0;
}
.fheader-section .google_logo{
text-align:center !important;
}
.fheader-section .partner_logos{
display: inline-block;
width: 13.5% !important;
padding: none !important;
vertical-align: top;
}
.fheader-section .alfred_logos {
display: inline-block;
width: 14%;
padding: no;
vertical-align: top;
float: left;
}
.fheader-section .submit-previous{
width:50%;
display:inline-block;
}
.fheader-section .submit-previous button, .submit-previous input[type="submit"] {
background: #3d9105;
padding: 11px 10px 10px;
font-size: 20px;
color: #fff;
width: 100%;
border-radius: 3px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 700;
border: solid #2c6704;
border-width: 0px 0px 4px 0px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
cursor: pointer;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.fheader-section .previous-buttons{
margin-top: 12px;
text-align: center;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.fheader-section .health-section-mobile {
margin-top: 12px;
}
.fheader-section .step2 .form-section2.health-form-section .previous-buttons {
text-align: center;
margin: 15px 0;
}
.fheader-section .step3 .form-section2.health-form-section .previous-buttons {
text-align: center;
margin: 15px 0;
}
.fheader-section .submit-previous-life{
width: 35% !important;
display:inline-block;
}
.fheader-section .submit-previous-life button, .submit-previous-life input[type="submit"] {
background: #85057c;
padding: 11px 10px 10px;
font-size: 20px;
color: #fff;
width: 100%;
border-radius: 3px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 700;
border: solid #680461;
border-width: 0px 0px 4px 0px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
cursor: pointer;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
}
.fheader-section .form-inner.full-width {
padding: 0 1.5%;
width: 100%;
}
.fheader-section .submit-previous-car button, .submit-previous-car input[type="submit"] {
background: #cbc9ce;
padding: 11px 10px 10px;
font-size: 15px;
color: #636363;
width: 100%;
border-radius: 3px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 700;
border: solid #2c2927;
border-width: 0px 0px 4px 0px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
cursor: pointer;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
height: 46px;
white-space: pre-wrap;
outline: none;
}
.fheader-section .submit-previous-car {
width:50%;
padding: 0 1.5%;
}
.fheader-section .form-inner.one-half:first-child .form-inner.one-half {
padding-left: 0;
}
.fheader-section .submit-previous-life button, .submit-previous-life input[type="submit"] {
font-size: 15px;
}
.fheader-section .form-section.newlayoutdesign-section a.tip {
display: inline-block;
}
.fheader-section .iframe-form1 input,
.iframe-form1 select {
font-size: 13px;
}
.fheader-section .pum-container.pum-responsive.pum-responsive-medium {
width: 100%;
max-width: 690px !important;
border: none;
background:transparent;
padding: 0px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
margin: 0;
left: 50% !important;
border-radius: 0;
transform: translateX(-50%);
margin: 0!important
}
.fheader-section .pum-content.popmake-content {
margin: 0 0 50px;
padding: 15px 0 30px;
background:#fff;
}
.fheader-section .pum-content.popmake-content .et_pb_section {
background-color:transparent;
}
.fheader-section .pum-theme-lightbox {
/*background-color: rgba(68, 68, 68 ) !important;*/
}
.fheader-section .et_divi_theme .pum-content, .et_divi_theme .pum-theme-lightbox .pum-content, .et_divi_theme .pum-content {
font-size: 14px !important;
color: #636363 !important;
line-height: 26px !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif!important;
font-weight: 400!important;
}
.fheader-section .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
right: 2px;
top: -40px;
font-size: 32px;
line-height: 32px;
border: none;
box-shadow: none;
text-shadow: none;
background-color: rgba(255, 0, 0, 0.95);
font-weight: 700;
width: 32px;
height: 32px;
border-radius: 32px;
}
.fheader-section .container {
max-width:100%;
width:100%;
padding:0;
}
.fheader-section .body-background {
background: transparent;
padding: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
margin: 0;
position: relative;
}
.fheader-section .form-inner.full {
width: 100%;
padding: 0 1.5%;
}
.fheader-section .pum-content.popmake-content .et_pb_row {
max-width: 100%;
width: 100%;
}
.fheader-section #ui-id-1 {
z-index: 9999999999;
}
.fheader-section .form-inner.newd-section, .step1-health .form-inner.one-third {
width: 100%;
}
.fheader-section .step2-life .form-inner.one-half .form-inner.one-half {
display: table-cell;
}
.fheader-section .step1-home .form-inner.newd-section {
position:relative;
}
.fheader-section #home_contents, #personal_belongings_home {
margin-right: 10px;
}
@media screen and (max-width:800px) {
.fheader-section .container{width: 100%;margin: 0 auto;}
.fheader-section .image-section:before {left: -30px;transform: scale(0.6);-webkit-transform: scale(0.6);
bottom: -30px;}
.fheader-section .form-section i {font-size: 18px;}
.fheader-section .form-section select, .form-section input {height:44px;font-size: 15px;}
.fheader-section .client-section p {padding: 0;}
.fheader-section .ui-widget.ui-widget-content {width: 55% !important;}
.fheader-section .iframe_hint {width: 25% !important;}
.fheader-section .form-inner.one-half {vertical-align:top;}
.fheader-section .client-section.health-section .image-section.one-half {
width: 30%;
}
.fheader-section .submit-btn button, .submit-btn input[type="submit"], .submit-previous-car button, .submit-previous-car input[type="submit"] {
font-size: 16px;
}
.fheader-section .home-previous button{
font-size: 16px !important;
}
.fheader-section .step2 .submit-previous.green-btn button {
font-size:16px;
}
.fheader-section .step3 .submit-previous.green-btn button {
font-size:16px;
}
.fheader-section .submit-previous-life button, .submit-previous-life input[type="submit"] {
font-size:16px;
}
.fheader-section .life-form-section1 .submit-btn button, .life-form-section2 .submit-btn input[type="submit"] {
min-height: 54px;
vertical-align: middle;
}
.fheader-section .submit-previous-life button, .submit-previous-life input[type="submit"] {
min-height: 54px;
vertical-align: middle;
}
.fheader-section .step-circle {
margin: 0px 50px;
}
}
@media screen and (max-width:640px) {
.fheader-section .logo-site img {width:80%;}
.fheader-section .step-circle {margin:0 8%;}
.fheader-section .outer-circle a {font-size:24px;}
.fheader-section .partner-logo:before {top: 25%;}
.fheader-section .partner-logo {margin: 0 74px 0 80px;}
.fheader-section .form-inner.half-width{width: 100%;padding-right: 0;}
.fheader-section .submit-btn.submit-btnlast {width: 100%;}
.fheader-section .submit-btn .form-inner .hafl-width {width: 100%;margin: 0 0 15px;padding: 0;}
.fheader-section .submit-btn.submit-btnlast .hafl-width {width: 100%;}
..fheader-section ui-widget.ui-widget-content {width: 71% !important;}
.fheader-section .iframe_hint {width:65% !important;right: -20px !important;}
.fheader-section body {font-size: 13px;line-height: 25px;}
.fheader-section .client-section .image-section.one-half {width: 40%;padding: 0 0 0 40px;}
.fheader-section .client-section .one-half {width: 58%;}
.fheader-section .note-outer {width:32%;}
.fheader-section .note-content p {line-height:18px;}
.fheader-section .step-circle:after {right: -80px;width: 115%;}
.fheader-section .form-section a.tip em {font-size: 10px;line-height: 14px;width: 100px;}
.fheader-section .form-section a.tip em.tip_em_width {font-size: 10px;line-height: 14px;width: 156px;}
.fheader-section .form-section a.tip_right em {font-size: 9px;line-height: 14px;width: 130px;
left: -135px !important;}
.fheader-section .form-section a.tip.tipchange-mobile-right em {left: auto;right: 25px;}
.fheader-section .form-section a.tip.tipchange-mobile-right em:before {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);left: auto;right: -24px;}
.fheader-section .form-section a.tip.tipchange-mobile-right em:after {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);left: auto;right: -14px;}
.fheader-section .step2 .form-section a.tip em {width: 130px;}
.fheader-section .step2 .form-section a.tip_right em {left: -117px !important;}
.fheader-section .alferd-note h2 {font-size: 20px;margin: 0 0 2px;}
.fheader-section .alferd-note h3 {font-size: 16px;margin: 0 0 20px;}
.fheader-section .fourth-box {padding:0 5px;width:25%;}
.fheader-section .form-inner.one-fourth {width: 50%;}
.fheader-section .form-inner label {font-size: 11px;line-height: 15px;display: inline-block;}
.fheader-section .radio-button {padding-right: 0px;}
.fheader-section .health-insurance .step2 .form-section a.tip_right em {left: -135px !important;}
.fheader-section #ui-id-1 {height: 260px;overflow: auto;}
}
@media screen and (max-width:480px) {
.fheader-section .form-section select, .form-section input {font-size: 14px;height: 40px;}
.fheader-section .submit-btn button, .submit-btn input[type="submit"] {padding: 10px 0 8px;font-size: 15px;}
.fheader-section .previous-buttons .submit-btn {width: 50%;}
.fheader-section .previous-buttons .submit-btn button {padding: 11px 10px 10px; font-size: 20px;}
.fheader-section .image-section:before {display:none;}
.fheader-section body{font-size:14px;}
.fheader-section .image-section {margin: 0 0 30px;}
.fheader-section .outer-circle:before {width: 60px;height: 60px;}
.fheader-section .step-circle {margin: 0 6%;}
.fheader-section .step-parent {margin: 0 0 20px;}
.fheader-section .step-circle:after {right: -40px;width: 60%;}
.fheader-section .one-third:last-child {margin:0;}
.fheader-section .note-inner {width:100%;}
.fheader-section .note-section h2 {font-size:18px;}
.fheader-section .note-content {padding-left: 5%;}
.fheader-section .iframe_hint {width: 40% !important;padding: 8px;line-height: 14px;right: 0px !important;}
.fheader-section .ui-widget.ui-widget-content {width: 80% !important;}
.fheader-section .form-inner.newd-section {width: 100%;padding: 1.5%;}
.fheader-section .client-section .image-section.one-half{width: 100%;text-align: center;}
.fheader-section .client-section .one-half {width: 100%;padding-left: 0;}
.fheader-section .partner-logo {width:100%;}
.fheader-section .partner-logo h2 {font-size: 13px;}
.fheader-section .partner-logo:before {top: 20%;transform: translateX(-50%) scale(0.7);-webkit-transform: translateX(-50%) scale(0.7);}
.fheader-section .partner-logo {padding: 0 0 25px 50px;}
.fheader-section .note-outer {display: block;width: 100%;margin: 0 0 20px;}
.fheader-section .form-inner.select-section-width {width: 100%;display: inline-block;padding: 0;}
.fheader-section .outer-circle.active {width: 58px;height: 58px;}
.fheader-section .outer-circle.active:before {width: 76px;height: 76px;}
.fheader-section .outer-circle.active a {font-size:30px;}
.fheader-section .outer-circle:before {width: 58px;height: 58px;}
.fheader-section .outer-circle {width: 43px;height: 43px;}
.fheader-section .logo-site {margin: 0 0 20px;}
.fheader-section .client-section, .partner-logo, .note-section, .alferd-note {display:none;}
.fheader-section .body-background {padding: 10px 14px 10px;min-height:460px;}
.fheader-section .form-section3 .iframe_hint {right: 0px !important;}
.fheader-section .form-section a.tip {display:inline-block;}
.fheader-section .step2 .form-section a.tip_right.mobile-position em,
.fheader-section .step1 .form-section a.tip_right.mobile-position em
{left: 28px !important;width:170px;}
.fheader-section .form-section a.tip.tip_right.mobile-position em:before,
.fheader-section .form-section a.tip.tip_right.mobile-position em:after {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.fheader-section .form-section a.tip.tip_right.mobile-position em:before {
left: -21px;
right: auto;
}
.fheader-section .form-section a.tip.tip_right.mobile-position em:after {
left: -14px;
right: auto;
}
.fheader-section .form-section a.tip.mobile-position-left em {left:-140px}
.fheader-section .form-section a.tip.mobile-position-left em:before {
left: auto;
right: -24px;
transform: rotate(180deg);-webkit-transform: rotate(180deg);
}
.fheader-section .form-section a.tip.mobile-position-left em:after {
left: auto;
right: -14px;
transform: rotate(180deg);-webkit-transform: rotate(180deg);
}
.fheader-section .checkbox-health {font-size:11px;line-height: 18px;}
.fheader-section .form-section.life-form-section1 .form-inner.one-half.full-width-bobile {width:100%;}
.fheader-section .life-form-section1 .form-inner.one-half.full-width-bobile .one-third-form {width:32%;}
.fheader-section .health-section-mobile {display:none;}
.fheader-section .previous-buttons .submit-previous {font-size:12px;}
.fheader-section .step2 .submit-previous.green-btn button, .step3 .submit-previous.green-btn button {
font-size: 12px;
}
.fheader-section .previous-buttons .submit-previous > button, .previous-buttons .submit-btn > button {
font-size: 12px; padding: 10px 10px 8px;
}
.fheader-section .form-section a.tip.left-mobile-position em {
left: -110px;
}
.fheader-section .form-inner label {
font-size: 11px;
}
.fheader-section .form-section a.tip.left-mobile-position em:before {
left: auto;
right: -23px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.fheader-section .form-section a.tip.left-mobile-position em:after {
left: auto;
right: -16px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.fheader-section .form-section a.tip_right.right-mobile-position em {
left: 35px !important;
}
.fheader-section .submit-btn button, .submit-btn input[type="submit"], .submit-previous-car button, .submit-previous-car input[type="submit"] {
font-size: 12px !important;
min-height: 42px;
vertical-align: middle;
line-height: 14px;
padding: 0 !important;
white-space: normal;
letter-spacing: -0.03em;
}
.fheader-section .submit-previous-car button, .submit-previous-car input[type="submit"] {
padding: 10px 0 8px;
}
.fheader-section .submit-previous-life button, .submit-previous-life input[type="submit"] {
font-size: 12px;
padding: 10px 0 8px;
}
.fheader-section .submit-previous-life button {
font-size: 13px;
padding: 10px 0 8px;
height: 48px;
display: inline-block;
vertical-align: middle;
line-height: 14px;
min-height: 48px;
}
.fheader-section .submit-previous-life {
display: inline-block;
margin: 12px 0 0;
}
.fheader-section .life-form-section2 .submit-btn.life-submit input[type="submit"] {
display: inline-block;
width: 100%;
white-space: normal;
vertical-align: top;
height: 48px;
font-size: 12px;
line-height: 14px;
padding: 5px 10px 5px;
min-height: 48px;
}
.fheader-section .step1 .form-section.life-form-section1 a.tip_right.mobile-position em {
width:100px;
}
.fheader-section .life-form-section2 .one-half.form-inner > .form-inner.one-half {
width: 50%;
display: inline-block;
}
.fheader-section .form-inner.one-third.fullwidth-mobile {
width:100%;
}
.fheader-section .step2 .submit-previous.green-btn button, .step3 .submit-previous.green-btn button {
font-size: 13px;
min-height: 42px;
}
.fheader-section .step2 .previous-buttons .submit-btn > button {
font-size: 13px;
}
.fheader-section .form-inner.full-width {
padding: 0;
}
.fheader-section .form-inner.one-third.mobile-fullwidth {width: 100% !important;}
.fheader-section .form-section a.tip em.tip_em_width {
font-size: 9px;
line-height: 11px;
width: 88px;
letter-spacing: -0.029em;
padding: 4px;
}
.fheader-section .form-section a.tip em {
font-size: 9px;
line-height: 12px;
letter-spacing: -0.05em;
}
.fheader-section .form-section .form-inner.padding-right a.tip.mobile-position em {
left: 25px !important;
top: -10px;
}
.fheader-section .step2 .form-section a.tip em {
width: 93px;
}
.fheader-section .step2 .form-section a.tip_right.mobile-position em, .step1 .form-section a.tip_right.mobile-position em {
left: 28px !important;
width: 105px;
}
.fheader-section .step2 .form-section a.tip_right.mobile-position em, .step1 .form-section a.tip_right.mobile-position em {
width: 80px;
}
.fheader-section .step2 .form-section a.tip.mobile-left em, .step1 .form-section a.tip.mobile-left em {
left: -105px !important;
right: auto;
}
.fheader-section .step2 .form-section a.tip.mobile-left em:before, .step1 .form-section a.tip.mobile-left em:before {
left: auto;
right: -24px;
border-color: transparent transparent transparent #CCC;
}
.fheader-section .step2 .form-section a.tip.mobile-left em:after, .step1 .form-section a.tip.mobile-left em:after {
left: auto;
right: -18px;
border-color: transparent transparent transparent #F5F5F5;
}
.fheader-section .iframe-form1 label {
width: 100%;
float: none;
display: block;
text-align: left;
padding-right: 0;
}
.fheader-section .iframe-form1 input, .iframe-form1 select {
width: 100%!important;
max-width: 100% !important;
}
.fheader-section .pum-container.pum-responsive.pum-responsive-medium {
width: 94%;
}
.fheader-section .pum-content.popmake-content {
padding: 10px 0;
margin: 0 0 30px;
}
.fheader-section .form-inner.one-half, .step1-health .form-inner.one-third, .step3-health .form-inner.one-third,
.fheader-section .step3-life .form-inner.one-half.mobile-full-width{
width: 100%;
}
.fheader-section .form-section a.tip em {
width: 130px;
}
.fheader-section .one-third, .form-inner.one-half.changelayout, .step2-business .form-inner.one-half,
.fheader-section .step3-life .form-inner.one-half, .step2-life .form-inner.one-half .form-inner.one-half {
width: 50%;
}
.fheader-section .personal_belongings_mobile {
top:50px;
right:0px !important;
}
.fheader-section #building_aed, #personal_aed, #content_aed {
margin-bottom: 5px;
width: 100%;
padding: 0 1.5%;
}
}
@media screen and (max-width:384px) {
.fheader-section .step-circle:after {right: -40px;width: 30px;}
.fheader-section .step-circle {margin: 0 7%;}
.fheader-section .client-section {padding-bottom: 40px;}
.fheader-section .logo-site {margin: 0 0 18px;}
.fheader-section .step-parent {margin: 0 0 10px;}
.fheader-section .home_address_width{width:100% important;}
.fheader-section .form-section {margin: 0;}
.fheader-section .image-section {margin: 0 0 20px;}
.fheader-section .note-section h2 {font-size: 16px;margin: 0 0 20px;}
.fheader-section .iframe_hint {width: 40% !important;padding: 6px;line-height: 13px;font-size: 9px;}
.fheader-section .outer-circle.active {width: 48px;height: 48px;}
.fheader-section .outer-circle.active:before {width: 66px;height: 66px;}
.fheader-section .outer-circle.active a {font-size: 26px;}
.fheader-section .outer-circle {width: 33px;height: 33px;}
.fheader-section .outer-circle:before {width: 48px;height: 48px;}
.fheader-section .outer-circle a {font-size: 20px;}
.fheader-section #building_aed, #personal_aed, #content_aed {margin-top: 0 !important;}
.fheader-section #building_aed, .mobile-full-width {width:100%;}
.fheader-section .form-inner-bike {margin: 0 0 5px; width: 100%;}
.fheader-section .form-section .newd-section a.tip em {width: 140px;}
.fheader-section .form-section .mtrvnew a.tip em {width: 172px;}
.fheader-section .form-section .lmf-tooltip a.tip em {width: 131px;}
.fheader-section .form-inner label {font-size: 10px !important;}
.fheader-section .form-section i {font-size: 16px;margin: 1px 0px 0px 3px; }
}
.fheader-section .life-form-section2 .submit-btn button {
background: #85057c;
border-color: #680461;
display: inline-block;
width: 100%;
}
.fheader-section .step1 .submit-btn.green-btn {
width: 50%;
margin: 12px auto 0;
display: block;
}
.fheader-section .step1 .submit-btn.car-form{
width: 50%;
margin: 12px auto 0;
display: block;
}
.fheader-section .step2 .form-inner.one-third {
vertical-align: top;
}
.fheader-section .form-section .form-inner.one-half {
vertical-align: top;
}
.fheader-section .step1 .submit-btn.home-btn{
width: 50%;
margin: 12px auto 0;
display: block;
}
.fheader-section .personal_belongings{right: -45px !important;
top: 95px;
}
.fheader-section .personal_belongings_mobile{
width: 135px !important;
top: 69px;
right: 0px !important;
}
.fheader-section .life-submit{
margin: 12px auto 0;
display: inline-block;}
.fheader-section .home-previous button{
background: #FF4B00 !important;
padding: 11px 10px 10px;
font-size: 20px;
color: #fff;
width: 100%;
border-radius: 3px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 700;
border: solid #af3502;
border-width: 0px 0px 4px 0px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
cursor: pointer;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.fheader-section .home_address_width{
width:60%;
}
fheader-section .googlerating-section {
border-radius: 6px;
overflow: hidden;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,.3);
background-color: #fff;
padding: 15px;
text-align: center;
display: table;
margin: 0 auto;
}
fheader-section .googlerating-section img, .googlerating-section span {
display: table-cell;
vertical-align: middle;
}
fheader-section .googlerating-section span {
color: #666;
font-family: 'PT Sans',Helvetica,Arial,Lucida,sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
padding: 0 10px;
font-family: 'PT Sans',Helvetica,Arial,Lucida,sans-serif;
}
.fheader-section .clear {
width: 100%;
}
@media screen and (min-width:1200px)and (max-width:1400px){
.insurance-modal .modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
position: relative;
}
}
.home-page-section span.select2-selection.select2-selection--single{
line-height: initial;
padding: 0px 12px;
color: #6e6b6b !important;
width: 100%;
align-items: center;
display: flex;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
border-radius: 6px;
height: 47px;
border-color: #dedede;
}
.home-page-section .select2-container--default .select2-selection--single .select2-selection__rendered{
color: #6e6b6b !important;
}
.home-page-section .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 28%;
right: 1px;
width: 20px;
}
.home-page-section .select2-container{
width:100% !important
}
.home-page-section .select2-container--default .select2-selection--single{
background-color: #f7f7f7 !important;
}
/*------------------------------------------------------------------
home
-------------------------------------------------------------------*/
/*--------------------------------------
sell an add
---------------------------------------*/
.sell-an-add .progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}
.sell-an-add .progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.sell-an-add .progress-bar-striped {
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size: 1rem 1rem;
}
.sell-an-add .progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease;
}
.sell-an-add #heading {
text-transform: uppercase;
color: #ffc000;
font-weight: normal;
margin-top:40px;
}
.sell-an-add #msform {
text-align: center;
position: relative;
margin-top: 20px
}
.sell-an-add #msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
.sell-an-add .col-sm-3.preview {
margin-bottom: 23px;
padding-left: 0;
color: #4c4b4b;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
position:relative;
}
.sell-an-add .sell-row{
clear: both;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
.sell-an-add #img_preview img{
width: 130px;
height: 130px;
margin-right: 15px;
border-radius: 5px;
object-fit: cover;
}
.sell-an-add h2.Heading779561862__root.Heading779561862---appearance-2-H2._3QfYT{
text-align: center;
margin-top: 30px;
}
.sell-an-add ._3O2Sw {
max-width: 100%;
margin-right: 0px;
}
.sell-an-add ._3Pc5e ._3iti7 {
padding: 20px 30px;
}
.sell-an-add ._3Pc5e {
padding-bottom: 30px;
margin-bottom: 30px;
}
.sell-an-add ._3Pc5e ._3iti7 p.Text2738849357__root.Text2738849357---size-6-medium.Text2738849357---skin-8-standard.Text2738849357---weight-6-normal.Text2738849357---list-style-9-checkmark {
text-align: center;
width: 100%;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
line-height: 34px;
border-radius: 6px;
padding: 10px 12px !important;
font-size: 14px !important;
background-color: #ffc000;
color: #fff !important;
}
.sell-an-add .Text2738849357__root.Text2738849357---weight-6-normal.Text2738849357---size-6-medium{
text-align: center;
width: auto !important;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
border-radius: 6px;
padding: 10px 12px !important;
font-size: 14px !important;
background-color: #ffc000;
color: #fff !important;
display: table;
margin-left: auto;
margin-right: auto;
}
.sell-an-add p.Text2738849357__root.Text2738849357---size-6-medium.Text2738849357---skin-8-standard.Text2738849357---weight-6-normal.Text2738849357---list-style-9-checkmark.fKXFG.THEME_ADVANCED_PLANS {
background-color: transparent;
color: #ffc000 !important;
padding: 0;
font-size: 14px;
}
.sell-an-add div#img_preview {
margin-top: 20px;
}
.sell-an-add .col-sm-3.preview:before {
content: '';
position: absolute;
left: -17px;
background-color: #4c4b4b;
width: 7px;
height: 7px;
border-radius: 100%;
top: 5px;
}
.sell-an-add .col-sm-3.right {
text-transform: capitalize;
letter-spacing: 0.5px;
}
.sell-an-add .form-card {
text-align: left
}
.sell-an-add #msform fieldset:not(:first-of-type) {
display: none
}
.sell-an-add #msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #ffc000;
outline-width: 0
}
.sell-an-add #msform .action-button {
width: 100px;
background: #ffc000;
font-weight: bold;
color: white !important;
border: 0 none !important;
border-radius: 0px !important;
cursor: pointer;
padding: 10px 5px !important;
margin: 10px 0px 10px 5px;
float: right
}
.sell-an-add #msform .action-button:hover,
#msform .action-button:focus {
background-color: #333333;
}
.sell-an-add #msform .action-button-previous {
width: 100px;
background: #616161;
font-weight: bold;
color: white !important;
border: 0 none !important;
border-radius: 0px !important;
cursor: pointer;
padding: 10px 5px !important;
margin: 10px 5px 10px 0px;
float: right;
}
.sell-an-add #msform .action-button-previous:hover,
#msform .action-button-previous:focus {
background-color: #000000
}
.sell-an-add .card {
z-index: 0;
border: none;
position: relative
}
.sell-an-add .fs-title {
font-size: 25px;
color: #ffc000;
margin-bottom: 15px;
font-weight: bold;
text-align: left;
}
.sell-an-add .purple-text {
color: #ffc000;
font-weight: bold
}
.sell-an-add .steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: normal;
text-align: right
}
.sell-an-add .fieldlabels {
color: #666666;
text-align: left;
text-transform: capitalize;
}
.sell-an-add #progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey;
width:100%;
}
.sell-an-add #progressbar .active {
color: #ffc000
}
.sell-an-add #progressbar li {
list-style-type: none;
font-size: 15px;
width: 14.2%;
float: left;
position: relative;
font-weight: 400
}
.sell-an-add #progressbar #strip:before {
font-family: FontAwesome;
content: "\f145";
}
.sell-an-add #progressbar li.active:before, #strip li.active:after {
background: #ffc000;
}
.sell-an-add #progressbar #account:before {
font-family: FontAwesome;
content: "\f0a6";
}
.sell-an-add #progressbar #personal:before {
font-family: FontAwesome;
content: "\f0f6"
}
.sell-an-add #progressbar #payment:before {
font-family: FontAwesome;
content: "\f030"
}
.sell-an-add #progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
.sell-an-add #progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px
}
.sell-an-add #progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
.sell-an-add #progressbar li.active:before,
#progressbar li.active:after {
background: #673AB7
}
.sell-an-add .progress {
height: 20px
}
.sell-an-add .progress-bar {
background-color: #ffc000
}
.sell-an-add .fit-image {
width: 16%;
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// Spec and IE10+
@keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
@mixin animation($animation) {
-webkit-animation: $animation;
-o-animation: $animation;
animation: $animation;
}
.sell-an-add .progress.active .progress-bar,
.progress-bar.active {
animation(progress-bar-stripes 2s linear infinite);
}
.sell-an-add .progress-striped .progress-bar,
.progress-bar-striped {
gradient-striped;
background-size: 40px 40px;
}
.sell-an-add #progressbar li.active:before, #progressbar li.active:after {
background: #ffc000;
}
.sell-an-add .fieldlabels {
color: #a3a3a3;
text-align: left;
font-size: 16px;
}
.sell-an-add input, select, textarea {
line-height: initial !important;
color: #6e6b6b !important;
padding: 15px !important;
font-size: 16px;
width:100%;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s !important;
box-sizing: border-box !important;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px !important;
height: 52px !important;
border: 1px solid #e8e8e8 !important;
}
.sell-an-add textarea{
height:200px !important
}
.sell-an-add .form-submit{
line-height: initial;
color: #b6b8b9;
width: 100%;
height: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow:0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border:1px solid #e8e8e8;
}
.sell-an-add span.select2-selection.select2-selection--single{
line-height: initial;
padding: 0px 12px;
color: #6e6b6b !important;
width: 100%;
align-items: center;
display: flex;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border-color: #e8e8e8;
}
.sell-an-add .select2-container--default .select2-selection--single .select2-selection__rendered{
color: #6e6b6b !important;
}
.sell-an-add .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 28%;
right: 1px;
width: 20px;
}
.sell-an-add .dropzone .dz-preview.dz-complete .dz-progress {
display: none !important
}
.sell-an-add .dropzone .dz-preview.dz-error:hover .dz-error-message {
display: none !important
}
.sell-an-add .dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
display: none !important
}
.sell-an-add .dropzone .dz-preview .dz-details .dz-size {
display: none !important
}
.sell-an-add .dropzone .dz-preview .dz-image img {
display: block;
margin-left: auto;
margin-right: auto;
object-fit: contain;
}
.sell-an-add .dropzone button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #ea5455;
margin-top: 15px;
border-radius: 0.358rem;
padding: 0.486rem 1rem;
font-size: 15px;
margin-left: auto;
margin-right: auto;
display: block;
cursor: pointer;
font-weight: bold;
}
.sell-an-add .dropzone .dz-button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sell-an-add div#document-dropzone {
/* height: auto;
min-height: auto;
color: rgb(224, 0, 0);
text-align: center;
border-color: rgb(224, 0, 0);
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
font-size: 15px;
padding: 11px 16px !important*/
background-image: url(/images/take-pic-2.png);
background-repeat: no-repeat;
background-size: auto;
background-position: bottom;
border: none !important;
height: auto;
min-height: auto;
padding: 30px 0px;
float: left;
width: 100%;
}
.sell-an-add .dropzone .dz-message{
display:none;
}
.sell-an-add .dropzone .dz-preview.dz-image-preview {
background: transparent;
}
.sell-an-add .panel-heading{
display: block;
clear: both;
float: left;
border-bottom: 1px solid rgba(0,47,52,.36);
margin-bottom: 30px;
width: 100%;
padding:2rem 1.6rem;
}
.sell-an-add .new_checkbox {
width: 25px;
height: 28px;
float: left;
margin-right: 10px;
}
.sell-an-add .col-sm-12.dropzone-col{
padding-bottom: 30px;
}
.sell-an-add #progressbar #adress:before {
font-family: FontAwesome;
content: "\f041";
}
.sell-an-add #progressbar li.active:before, #adress li.active:after {
background: #ffc000;
}
.sell-an-add #progressbar #terms:before {
font-family: FontAwesome;
content: "\f15c";
}
.sell-an-add #progressbar li.active:before #terms li.active:after {
background: #ffc000;
}
.sell-an-add #progressbar li.active:before #preview li.active:after {
background: #ffc000;
}
.sell-an-add #progressbar #preview:before {
font-family: FontAwesome;
content: "\f06e";
}
.sell-an-add #address-map{
height: 300px;
}
.sell-an-add #address-input{
position: relative;
margin-bottom: 15px;
border-radius:6px;
}
.sell-an-add p.new_checkbox-text {
color: #a3a3a3;
font-weight: 600;
margin-left: 3px;
line-height: 20px;
text-align: left;
margin-top: 20px;
}
/* terms-container */
.sell-an-add .terms-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.sell-an-add .terms-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.sell-an-add .terms-container .checkmark {
position: absolute;
top: 3px;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius:0% !important;
}
/* On mouse-over, add a grey background color */
.sell-an-add .terms-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.sell-an-add .terms-container input:checked ~ .checkmark {
background-color: #ffc000;
}
/* Create the checkmark/indicator (hidden when not checked) */
.sell-an-add .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.sell-an-add .terms-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.sell-an-add .terms-container .checkmark:after {
left: 9px;
top: 3px;
width: 7px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* terms-container */
.sell-an-add .sell-an-add .dropzone .dz-preview {
padding-bottom: 30px;
}
.sell-an-add .nav-search-field input {
border-radius: 0 !important;
}
.sell-an-add .select2-container {
width: 100% !important;
}
/*--------------------------------------
sell an add
---------------------------------------*/
/*--------------------------------------
place-an-add
---------------------------------------*/
.place-an-add .sell-row {
clear: both;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
.place-an-add .col-sm-3.preview {
margin-bottom: 23px;
padding-left: 0;
color: #4c4b4b;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
position: relative;
}
.place-an-add .col-sm-3.preview:before {
content: '';
position: absolute;
left: -17px;
background-color: #4c4b4b;
width: 7px;
height: 7px;
border-radius: 100%;
top: 5px;
}
.place-an-add .user-log-form .form-group {
margin-bottom: 21px;
float: left;
clear: both;
width: 100%;
}
.place-an-add .form-row {
float: left;
width: 100%;
display: flex;
}
.place-an-add .place-an-add-price-setion{
width: 100%;
clear: both;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
.place-an-add ._3O2Sw {
max-width: 100%;
margin-right: 0px;
}
.place-an-add .nav-search-field input{
border-radius:0 !important;
}
.place-an-add .progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}
.place-an-add .progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.place-an-add .progress-bar-striped {
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size: 1rem 1rem;
}
.place-an-add .progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease;
}
.place-an-add #heading {
text-transform: uppercase;
color: #ffc000;
font-weight: normal;
margin-top:40px;
}
.place-an-add #msform {
text-align: center;
position: relative;
margin-top: 20px
}
.place-an-add #msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
.place-an-add .form-card {
text-align: left
}
.place-an-add #msform fieldset:not(:first-of-type) {
display: none
}
.place-an-add #msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #ffc000;
outline-width: 0
}
.place-an-add #msform .action-button {
width: 100px;
background: #ffc000;
font-weight: bold;
color: white !important;
border: 0 none !important;
border-radius: 0px !important;
cursor: pointer;
padding: 10px 5px;
margin: 10px 0px 10px 5px;
float: right
}
.place-an-add #msform .action-button:hover,
#msform .action-button:focus {
background-color: #333333;
}
.place-an-add #msform .action-button-previous {
width: 100px;
background: #616161;
font-weight: bold;
color: white !important;
border: 0 none !important;
border-radius: 0px !important;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px 10px 0px;
float: right
}
.place-an-add #msform .action-button-previous:hover,
#msform .action-button-previous:focus {
background-color: #000000
}
.place-an-add .card {
z-index: 0;
border: none;
position: relative
}
.place-an-add .fs-title {
font-size: 25px;
color: #ffc000;
margin-bottom: 15px;
font-weight: bold;
text-align: left;
}
.place-an-add .purple-text {
color: #ffc000;
font-weight: bold
}
.place-an-add .steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: normal;
text-align: right
}
.place-an-add .fieldlabels {
color: #666666;
text-align: left;
text-transform: capitalize;
}
.place-an-add #progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey;
width:100% !important;
}
.place-an-add #progressbar .active {
color: #ffc000
}
.place-an-add #progressbar li {
list-style-type: none;
font-size: 15px;
width: 14.2%;
float: left;
position: relative;
font-weight: 400
}
.place-an-add h2.Heading779561862__root.Heading779561862---appearance-2-H2._3QfYT {
text-align: center;
margin-top: 30px;
}
.place-an-add .Text2738849357__root.Text2738849357---weight-6-normal.Text2738849357---size-6-medium a{
text-decoration:none;
text-align: center;
width: auto !important;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
border-radius: 6px;
font-size: 14px !important;
background-color: #ffc000;
color: #fff !important;
display: table;
margin-left: auto;
margin-right: auto;
}
.place-an-add p.Text2738849357__root.Text2738849357---size-6-medium.Text2738849357---skin-8-standard.Text2738849357---weight-6-normal.Text2738849357---list-style-9-checkmark.fKXFG.THEME_ADVANCED_PLANS {
background-color: transparent;
color: #ffc000 !important;
padding: 0;
font-size: 14px;
}
.place-an-add ._3Pc5e ._3iti7 {
padding: 20px 30px;
}
.place-an-add #progressbar #account:before {
font-family: FontAwesome;
content: "\f0a6";
}
.place-an-add #progressbar #personal:before {
font-family: FontAwesome;
content: "\f0f6"
}
.place-an-add #progressbar #payment:before {
font-family: FontAwesome;
content: "\f030"
}
.place-an-add #progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
.place-an-add #progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px
}
.place-an-add #progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
.place-an-add #progressbar li.active:before,
#progressbar li.active:after {
background: #673AB7
}
.place-an-add .progress {
height: 20px
}
.place-an-add .progress-bar {
background-color: #ffc000
}
.place-an-add .fit-image {
width: 16%;
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// Spec and IE10+
@keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
@mixin animation($animation) {
-webkit-animation: $animation;
-o-animation: $animation;
animation: $animation;
}
.place-an-add .progress.active .progress-bar,
.progress-bar.active {
animation(progress-bar-stripes 2s linear infinite);
}
.place-an-add .progress-striped .progress-bar,
.progress-bar-striped {
gradient-striped;
background-size: 40px 40px;
}
.place-an-add #progressbar li.active:before, #progressbar li.active:after {
background: #ffc000;
}
.place-an-add .fieldlabels {
color: #a3a3a3;
text-align: left;
font-size: 16px;
}
.place-an-add input, select, textarea {
line-height: initial !important;
color: #6e6b6b !important;
padding:15px;
width: 100%;
height: 52px !important;
font-size: 16px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s !important;
box-sizing: border-box !important;
box-shadow:0 8px 4px -8px black !important;
border-radius: 6px !important;
border:1px solid #e8e8e8 !important;
}
.place-an-add textarea{
height:200px !important
}
.place-an-add .form-submit{
line-height: initial;
color: #b6b8b9;
width: 100%;
height: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow:0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border:1px solid #e8e8e8;
}
.place-an-add .select2-container{
width:100% !important;
}
.place-an-add span.select2-selection.select2-selection--single{
line-height: initial;
padding: 0px 12px;
color: #6e6b6b !important;
width: 100%;
align-items: center;
display: flex;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border-color: #e8e8e8;
}
.place-an-add .select2-container--default .select2-selection--single .select2-selection__rendered{
color: #6e6b6b !important;
}
.place-an-add .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 28%;
right: 1px;
width: 20px;
}
.place-an-add .dropzone .dz-preview.dz-complete .dz-progress {
display: none !important
}
.place-an-add .dropzone .dz-preview.dz-error:hover .dz-error-message {
display: none !important
}
.place-an-add .dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
display: none !important
}
.place-an-add .dropzone .dz-preview .dz-details .dz-size {
display: none !important
}
.place-an-add .dropzone .dz-preview .dz-image img {
display: block;
margin-left: auto;
margin-right: auto;
object-fit: contain;
}
.place-an-add .dropzone button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #ea5455;
margin-top: 15px;
border-radius: 0.358rem;
padding: 0.486rem 1rem;
font-size: 15px;
margin-left: auto;
margin-right: auto;
display: block;
cursor: pointer;
font-weight: bold;
}
.place-an-add .dropzone .dz-button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.place-an-add div#document-dropzone {
background-image: url(/images/take-pic-2.png);
background-repeat: no-repeat;
background-size: auto;
background-position: bottom;
border: none !important;
height: auto;
min-height: auto;
padding: 30px 0px;
float: left;
width: 100%;
}
.place-an-add .dropzone .dz-message{
display:none;
}
.place-an-add .dropzone .dz-preview.dz-image-preview {
background: transparent;
}
.place-an-add .panel-heading{
display: block;
clear: both;
float: left;
border-bottom: 1px solid rgba(0,47,52,.36);
margin-bottom: 30px;
width: 100%;
padding: 2rem 1.6rem;
}
.place-an-add input{
border:1px solid #b6b8b9 !important;
}
.place-an-add div#img_preview {
margin-top: 20px;
}
.place-an-add #img_preview img {
width: 130px;
height: 130px;
margin-right: 15px;
border-radius: 5px;
object-fit: cover;
}
.place-an-add .new_checkbox {
width: 25px;
height: 28px;
float: left;
margin-right: 10px;
}
.place-an-add .col-sm-12.dropzone-col{
padding-bottom: 30px;
}
.place-an-add #progressbar #adress:before {
font-family: FontAwesome;
content: "\f041";
}
.place-an-add #progressbar li.active:before, #adress li.active:after {
background: #ffc000;
}
.place-an-add #progressbar #terms:before {
font-family: FontAwesome;
content: "\f15c";
}
.place-an-add #progressbar li.active:before #terms li.active:after {
background: #ffc000;
}
.place-an-add #progressbar li.active:before #preview li.active:after {
background: #ffc000;
}
.place-an-add #progressbar #preview:before {
font-family: FontAwesome;
content: "\f06e";
}
.place-an-add #address-map{
height: 300px;
}
.place-an-add #address-input{
position: relative;
margin-bottom: 15px;
border-radius:6px;
}
.place-an-add p.new_checkbox-text {
color: #a3a3a3;
font-weight: 600;
margin-left: 3px;
line-height: 20px;
text-align: left;
margin-top: 20px;
}
/* terms-container */
.place-an-add .terms-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.place-an-add .terms-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.place-an-add .terms-container .checkmark {
position: absolute;
top: 3px;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius:0% !important;
}
/* On mouse-over, add a grey background color */
.place-an-add .terms-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.place-an-add .terms-container input:checked ~ .checkmark {
background-color: #ffc000;
}
/* Create the checkmark/indicator (hidden when not checked) */
.place-an-add .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.place-an-add .terms-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.place-an-add .terms-container .checkmark:after {
left: 9px;
top: 3px;
width: 7px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* terms-container */
.place-an-add .dropzone .dz-preview {
padding-bottom: 30px;
}
/*--------------------------------------
place-an-add
---------------------------------------*/
/*--------------------------------------
edit-form
---------------------------------------*/
.edit-form .nav-search-field input {
border-radius: 0 !important;
}
.edit-form #regForm {
background-color: #ffffff;
margin: 20px auto;
padding: 40px;
width: 100%;
}
.edit-form h1 {
text-align: center;
margin-bottom: 20px;
}
.edit-form input,
select,
textarea {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: initial;
color: #b6b8b9;
padding: 14px 16px 12px;
width: 100%;
height: auto;
border: 1px solid #b6b8b9 !important;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: none !important;
border-radius: 6px;
padding: 11px 16px !important;
color: #2b2d2e;
caret-color: #e00000;
margin-bottom: 0px;
display: block;
box-shadow: 0 8px 4px -8px black !important;
}
.edit-form .upload-file {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #fff;
border-color: var(--color-flame);
color: #ffc000;
border: 1px solid;
font-size: 16px;
line-height: 46px;
padding: 0 24px;
font-weight: 600;
border-radius: 6px;
}
.edit-form .enter-details-form .paa-field.is-auto_options_recommended,
.paa-ui-wrapper .paa-field.is-auto_options_recommended {
border: 1px solid #eef0f1;
border-radius: 6px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.edit-form .enter-details-form .paa-field__header,
.paa-ui-wrapper .paa-field__header {
position: relative;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
height: 48px;
padding: 8px 16px;
border-bottom: 1px solid #eef0f1;
}
.edit-form .enter-details-form .paa-field__title,
.paa-ui-wrapper .paa-field__title {
display: -ms-flexbox;
-js-display: flex;
display: flex;
direction: ltr;
font-size: 15px;
font-weight: 600;
line-height: 32px;
color: #2b2d2e;
}
.edit-form .enter-details-form .paa-field__toggler,
.paa-ui-wrapper .paa-field__toggler {
display: -ms-flexbox;
-js-display: flex;
display: flex;
outline: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 48px;
font-weight: 600;
background: 0 0;
border: 0;
position: absolute;
z-index: 1;
top: 0;
right: 12px;
font-size: 15px;
padding: 0;
color: #e00000;
cursor: pointer;
}
.edit-form .enter-details-form .paa-field__toggler__more,
.paa-ui-wrapper .paa-field__toggler__more {
display: block;
}
.edit-form .enter-details-form .paa-field__toggler.is-active .paa-field__toggler__more,
.enter-details-form .paa-field__toggler__less,
.paa-ui-wrapper .paa-field__toggler.is-active .paa-field__toggler__more,
.paa-ui-wrapper .paa-field__toggler__less {
display: none;
}
.edit-form .enter-details-form .paa-field__toggler svg,
.paa-ui-wrapper .paa-field__toggler svg {
position: relative;
top: 16px;
margin-left: 4px;
}
.edit-form .enter-details-form .paa-field.is-checkboxselectmultiple ul,
.paa-ui-wrapper .paa-field.is-checkboxselectmultiple ul {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
}
.edit-form .enter-details-form .paa-field.is-checkboxselectmultiple li,
.paa-ui-wrapper .paa-field.is-checkboxselectmultiple li {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin: 0;
list-style: none;
}
.edit-form .enter-details-form .paa-field.is-checkboxselectmultiple li label,
.paa-ui-wrapper .paa-field.is-checkboxselectmultiple li label {
display: grid;
grid-template-columns: 1fr 15fr;
-ms-flex-align: start;
align-items: flex-start;
padding: 4px 8px;
margin-bottom: 4px;
border-radius: 6px;
transition: background-color .2s;
color: #2b2d2e;
cursor: pointer;
}
.edit-form .enter-details-form .paa-field.is-checkboxselectmultiple li label input,
.paa-ui-wrapper .paa-field.is-checkboxselectmultiple li label input {
margin: 0 8px 0 0;
position: relative;
top: 6px;
}
.edit-form .enter-details-form {
float: left;
width: 100%;
margin-bottom: 30px;
}
.edit-form .dropzone .dz-preview.dz-complete .dz-progress {
display: none !important
}
.edit-form .dropzone .dz-preview.dz-error:hover .dz-error-message {
display: none !important
}
.edit-form .dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
display: none !important
}
.edit-form .dropzone .dz-preview .dz-details .dz-size {
display: none !important
}
.edit-form .dropzone .dz-preview .dz-image img {
display: block;
margin-left: auto;
margin-right: auto;
object-fit: contain;
}
.edit-form .dropzone button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #ea5455;
margin-top: 15px;
border-radius: 0.358rem;
padding: 0.486rem 1rem;
font-size: 15px;
margin-left: auto;
margin-right: auto;
display: block;
cursor: pointer;
font-weight: bold;
}
.edit-form .dropzone .dz-button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.edit-form .select2-selection {
margin-bottom: -18px !important;
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: initial;
color: #b6b8b9;
padding: 14px 16px 12px;
width: 100%;
height: auto;
border: 1px solid #b6b8b9 !important;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: none !important;
border-radius: 6px;
padding: 0px !important;
color: #2b2d2e;
caret-color: #e00000;
margin-bottom: 20px;
display: block;
}
.edit-form .select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: auto !important;
user-select: none;
-webkit-user-select: none;
border-color: #b6b8b9 !important;
}
.edit-form .select2-container {
width: 100% !important;
height: 48px
}
.edit-form .select2-dropdown {
z-index: 98
}
.edit-form .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 9px 16px !important;
box-shadow: 0px 10px 4px -8px #999999 !important;
}
.edit-form .Tell-us-about-your-car {
margin-top: 0px;
}
.edit-form #main #regForm .col-sm-6,
.col-sm-4,
.col-sm-12 {
margin-bottom: 25px;
}
body {
overflow-x: hidden;
}
.edit-form .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
}
.edit-form .select2-container .select2-selection--single .select2-selection__clear {
position: relative;
margin-right: 6px;
}
.edit-form textarea {
margin-bottom: 30px;
}
.edit-form #main #regForm .section.dog-ear.flame-ui__container {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 48px;
box-sizing: border-box;
}
.edit-form #main #regForm .short-term__rules {
max-width: 432px;
padding: 0 24px;
background-size: 100%;
text-align: center;
margin: 0 auto;
}
.edit-form #main #regForm .flame-text {
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
margin: 0;
padding: 0;
}
.edit-form #main #regForm h1.flame-text.flame-text--title4 {
font-weight: 700;
padding: 0px 24px 0;
}
.edit-form #main #regForm h3#rules-read-aloud {
width: 100%;
margin: 0 auto 24px;
padding: 0;
color: #000000;
font-weight: bold;
font-size: 16px;
line-height: 1.4;
margin-top: 10px;
}
.edit-form #main #regForm p.new-paa__sub_subheader {
text-align: left;
font-size: 14px;
line-height: 1.4;
color: #626465;
margin-bottom: 24px;
padding: 0 24px
}
.edit-form #main #regForm ol#rules-list {
counter-reset: section;
margin: 0;
padding-left: 24px;
text-align: left;
list-style: none;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.edit-form #main #regForm ol#rules-list li {
font-size: 14px;
margin-bottom: 24px;
position: relative;
font-weight: bold;
color: #000;
}
.edit-form #main #regForm ol#rules-list li:before {
display: block;
counter-increment: section;
font-size: 16px;
content: counter(section);
width: 30px;
position: absolute;
margin-left: -40px;
text-align: left;
font-weight: 700;
top: 0;
background-color: #f6c53c;
border-radius: 100%;
height: 30px;
text-align: center;
color: #fff;
}
.edit-form #main #regForm p.dog-ear_for--more-info {
font-size: 14px;
color: #626465;
text-align: center;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-right: 80px;
}
.edit-form #main #regForm a#tcs {
text-decoration: none;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #1270ec;
margin-bottom: 24px;
outline: 0;
border: none;
background: 0 0;
display: inline-block;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-right: 80px;
}
/* Multi-Part CSS */
.edit-form .form-container input[type=checkbox] {
position: absolute;
/* Position the checkbox in upper left corner */
opacity: 0;
}
/* Styling Parts */
.edit-form .form-container #part1,
#part2,
#part3 {
z-index: 2;
display: block;
height: auto;
opacity: 1;
transition: opacity 1s ease-in-out;
}
/* Hidden Parts */
.edit-form .form-container #part2,
#part3 {
opacity: 0;
height: 0;
overflow: hidden;
}
/* Show Step 2 & Hide Step 1 */
.edit-form .form-container #step2:checked~#part2 {
opacity: 1;
height: auto;
}
.edit-form .form-container #step2:checked~#part1 {
opacity: 0;
height: 0;
display: none;
}
/* Show Step 3 & Hide Step 2 */
.edit-form .form-container #step3:checked~#part3 {
opacity: 1;
height: auto;
}
.edit-form .form-container #step3:checked~#part2 {
opacity: 0;
width: 0;
height: 0;
}
.edit-form #main #regForm .panel-primary {
border: none;
outline: none;
box-shadow: none;
}
.edit-form #main #regForm .panel-primary>.panel-heading {
color: #fff;
background-color: transparent;
border-color: transparent;
padding: 0;
}
.edit-form #main #regForm .btn {
font-size: 14px;
}
.edit-form #main .col-sm-6.center{
margin-left: auto;
display: block;
margin-right: auto;
float: none;
}
.edit-form #main .col-sm-6.center h1{
font-size: 20px;
line-height: 26px;
}
.edit-form #main .col-sm-6.center .btn-group.btn-group-lg{
width: 100%;
margin-left: 0;
margin-right: 0;
float: left;
}
.edit-form #main .col-sm-6.center .btn-group.btn-group-lg label{
width: 100%;
}
.edit-form #main .col-sm-6.center .btn-group.btn-group-lg .btn{
width: 97%;
display: block;
margin: 0 auto;
}
.edit-form #main .col-sm-6.center .btn-group.btn-group-lg.btn-group-justified.grid{
display: grid;
grid-template-columns: auto 1fr;
padding-left: 15px;
padding-right: 7px;
}
.edit-form #address-map{
height: 300px;
}
.edit-form #address-input{
position: relative;
margin-bottom: 15px;
}
.edit-form fieldset{
border:none;
margin-top:10px;
padding-left: 0;
padding-right: 0;
}
.edit-form .dz-default.dz-message{
display:none;
}
.edit-form div#document-dropzone {
/* height: auto;
min-height: auto;
color: rgb(224, 0, 0);
text-align: center;
border-color: rgb(224, 0, 0);
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
font-size: 15px;
padding: 11px 16px !important*/
background-image: url("https://alpha.therentalz.com/images/take-pic.png");
background-repeat: no-repeat;
background-size: 100% 58px;
background-position: bottom;
border: none !important;
height: auto;
min-height: auto;
padding: 30px 0px;
margin-bottom: 20px;
}
.edit-form .dropzone .dz-preview.dz-image-preview {
background: transparent;
}
.edit-form img.no-shrink.hidden-xs {
position: relative;
display: inline-block;
vertical-align: top;
margin: 15px;
height: 60px;
width: 60px;
border-radius: 20px;
}
.edit-form #progressbar{
width:100%;
}
/*--------------------------------------
edit-form
---------------------------------------*/
.edit-form-sec .progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem;
}
.edit-form-sec .progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
}
.edit-form-sec .progress-bar-striped {
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size: 1rem 1rem;
}
.edit-form-sec .progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease;
}
.edit-form-sec #heading {
text-transform: uppercase;
color: #ffc000;
font-weight: normal;
margin-top:40px;
}
.edit-form-sec #msform {
text-align: center;
position: relative;
margin-top: 20px
}
.edit-form-sec #msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
.edit-form-sec .form-card {
text-align: left
}
.edit-form-sec #msform fieldset:not(:first-of-type) {
display: none
}
.edit-form-sec #msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #ffc000;
outline-width: 0
}
.edit-form-sec #msform .action-button {
width: 100px;
background: #ffc000;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 0px 10px 5px;
float: right
}
.edit-form-sec #msform .action-button:hover,
#msform .action-button:focus {
background-color: #333333;
}
.edit-form-sec #msform .action-button-previous {
width: 100px;
background: #616161;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px 10px 0px;
float: right
}
.edit-form-sec #msform .action-button-previous:hover,
#msform .action-button-previous:focus {
background-color: #000000
}
.edit-form-sec .card {
z-index: 0;
border: none;
position: relative
}
.edit-form-sec .fs-title {
font-size: 25px;
color: #ffc000;
margin-bottom: 15px;
font-weight: bold;
text-align: left;
}
.edit-form-sec .purple-text {
color: #ffc000;
font-weight: bold
}
.edit-form-sec .steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: normal;
text-align: right
}
.edit-form-sec .fieldlabels {
color: #666666;
text-align: left;
text-transform: capitalize;
}
.edit-form-sec #progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey;
width:100%;
}
.edit-form-sec #progressbar .active {
color: #ffc000
}
.edit-form-sec #progressbar li {
list-style-type: none;
font-size: 15px;
width: 25%;
float: left;
position: relative;
font-weight: 400
}
.edit-form-sec #progressbar #account:before {
font-family: FontAwesome;
content: "\f0a6";
}
.edit-form-sec #progressbar #personal:before {
font-family: FontAwesome;
content: "\f0f6"
}
.edit-form-sec #progressbar #payment:before {
font-family: FontAwesome;
content: "\f030"
}
.edit-form-sec #progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
.edit-form-sec #progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px
}
.edit-form-sec #progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
.edit-form-sec #progressbar li.active:before,
#progressbar li.active:after {
background: #673AB7
}
.edit-form-sec .progress {
height: 20px
}
.edit-form-sec .progress-bar {
background-color: #ffc000
}
.edit-form-sec .fit-image {
width: 16%;
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// Spec and IE10+
@keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
@mixin animation($animation) {
-webkit-animation: $animation;
-o-animation: $animation;
animation: $animation;
}
.edit-form-sec .progress.active .progress-bar,
.progress-bar.active {
animation(progress-bar-stripes 2s linear infinite);
}
.edit-form-sec .progress-striped .progress-bar,
.progress-bar-striped {
gradient-striped;
background-size: 40px 40px;
}
.edit-form-sec #progressbar li.active:before, #progressbar li.active:after {
background: #ffc000;
}
.edit-form-sec .fieldlabels {
color: #a3a3a3;
text-align: left;
font-size: 16px;
}
.edit-form-sec textarea {
height:200px !important;
}
.edit-form-sec input, select, textarea {
line-height: initial;
color: #6e6b6b;
padding:15px;
width: 100%;
height: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow:0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border:1px solid #e8e8e8;
}
.edit-form-sec .form-submit{
line-height: initial;
color: #b6b8b9;
width: 100%;
height: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow:0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border:1px solid #e8e8e8;
}
.edit-form-sec span.select2-selection.select2-selection--single{
line-height: initial;
padding: 0px 12px;
color: #6e6b6b !important;
width: 100%;
align-items: center;
display: flex;
font-size: 16px;
line-height: 24px;
font-weight: 400;
font-style: normal;
outline: 0;
transition: all .2s;
box-sizing: border-box;
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
height: 52px;
border-color: #e8e8e8;
}
.edit-form-sec .select2-container--default .select2-selection--single .select2-selection__rendered{
color: #6e6b6b !important;
}
.edit-form-sec .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 28%;
right: 1px;
width: 20px;
}
.edit-form-sec .dropzone .dz-preview.dz-complete .dz-progress {
display: none !important
}
.edit-form-sec .dropzone .dz-preview.dz-error:hover .dz-error-message {
display: none !important
}
.edit-form-sec .dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
display: none !important
}
.edit-form-sec .dropzone .dz-preview .dz-details .dz-size {
display: none !important
}
.edit-form-sec .dropzone .dz-preview .dz-image img {
display: block;
margin-left: auto;
margin-right: auto;
height:100%;
}
.edit-form-sec .dropzone button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #ea5455;
margin-top: 15px;
border-radius: 0.358rem;
padding: 0.486rem 1rem;
font-size: 15px;
margin-left: auto;
margin-right: auto;
display: block;
cursor: pointer;
font-weight: bold;
}
.edit-form-sec .dropzone .dz-button {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.edit-form-sec div#document-dropzone {
/* height: auto;
min-height: auto;
color: rgb(224, 0, 0);
text-align: center;
border-color: rgb(224, 0, 0);
box-shadow: 0 8px 4px -8px black !important;
border-radius: 6px;
font-size: 15px;
padding: 11px 16px !important*/
background-image: url(/images/take-pic-2.png);
background-repeat: no-repeat;
background-size: auto;
background-position: bottom;
border: none !important;
height: auto;
min-height: auto;
padding: 30px 0px;
float: left;
width: 100%;
}
.dropzone .dz-message{
display:none;
}
.edit-form-sec .dropzone .dz-preview.dz-image-preview {
background: transparent;
}
.edit-form-sec .panel-heading{
display: block;
clear: both;
float: left;
border-bottom: 1px solid rgba(0,47,52,.36);
margin-bottom: 30px;
width: 100%;
padding:0rem 0rem 2rem 1.6rem;
}
.edit-form-sec .new_checkbox {
width: 25px;
height: 28px;
float: left;
margin-right: 10px;
}
.edit-form-sec .col-sm-12.dropzone-col{
padding-bottom: 30px;
}
.edit-form-sec #progressbar #adress:before {
font-family: FontAwesome;
content: "\f041";
}
.edit-form-sec #progressbar li.active:before, #adress li.active:after {
background: #ffc000;
}
.edit-form-sec #progressbar #terms:before {
font-family: FontAwesome;
content: "\f15c";
}
.edit-form-sec #progressbar li.active:before #terms li.active:after {
background: #ffc000;
}
.edit-form-sec #address-map{
height: 300px;
}
.edit-form-sec #address-input{
position: relative;
margin-bottom: 15px;
border-radius:6px;
}
.edit-form-sec p.new_checkbox-text {
color: #a3a3a3;
font-weight: 600;
margin-left: 3px;
line-height: 20px;
text-align: left;
margin-top: 20px;
}
/* terms-container */
.edit-form-sec .terms-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.edit-form-sec .terms-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.edit-form-sec .terms-container .checkmark {
position: absolute;
top: 3px;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius:0px;
}
/* On mouse-over, add a grey background color */
.edit-form-sec .terms-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.edit-form-sec .terms-container input:checked ~ .checkmark {
background-color: #ffc000;
}
/* Create the checkmark/indicator (hidden when not checked) */
.edit-form-sec .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.edit-form-sec .terms-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.edit-form-sec .terms-container .checkmark:after {
left: 9px;
top: 3px;
width: 7px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* terms-container */
.edit-form-sec .dropzone .dz-preview {
padding-bottom: 30px;
}
/*--------------------------------------
edit-form-sec
---------------------------------------*/
/*--------------------------------------
edit-form-sec
---------------------------------------*/
.main-navigation .dropdown-menu > li > a, .main-navigation.nav .dropdown-menu > li > a, .main-navigation.navbar-nav .dropdown-menu > li > a, .main-navigation.navbar-right .dropdown-menu > li > a {
cursor: pointer;
}
.testimonials-block {
width:100%;
float:left;
clear:both;
}
.testimonials-block .media-body {
margin-top: 10px;
}
.testimonials-block .half-color-box {
background: var(--gradient);
height: 300px;
margin-bottom: 100px;
}
.testimonials-block .por {
position: relative;
}
.testimonials-block .review-box .quote {
position: absolute;
width: 40px;
right: 10px;
bottom: 10px;
}
.testimonials-block .test-arrowbox {
position: absolute;
right: 20px;
display: flex;
top: 40px;
}
.testimonials-block .review-box {
border-radius: 3px;
background: #fff;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
padding: 30px;
}
.testimonials-block .review-box h5 {
margin: 0;
font-weight: bold;
color: #000;
font-size: 17px;
}
.testimonials-block .review-box .media img {
width: 70px;
object-fit: contain;
}
.testimonials-block .review-box p {
margin-bottom: 0;
margin-top: 10px;
color: #7d8597;
}
.testimonials-block .user-post {
font-size: 14px;
margin: 0 !important;
}
.testimonials-block .swiper-testimonial {
padding: 100px 20px;
padding-top: 30px;
}
.testimonials-block .half-color-box {
background: var(--gradient);
height: 300px;
margin-bottom: 140px;
}
.testimonials-block .test-arrowbox .swiper-button-next-test,
.test-arrowbox .swiper-button-prev-test {
margin-right: 20px;
/* background: var(--comp-color);2 */
border-radius: 50%;
--size: 55px;
width: var(--size);
height: var(--size);
display: flex;
align-items: center;
justify-content: center;
}
.testimonials-block .arrow-right {
transform: rotate(180deg);
margin-top: -8px;
}
.testimonials-block .arrow {
cursor: pointer;
transition: all 0.2s ease-in;
}
.testimonials-block .arrow:hover {
transform: translateX(-15px);
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #ffc000 !important;
}
.testimonials-block .review-box article.popular-post {
margin-bottom: 0;
margin-top: 0;
box-shadow: none;
border: none;
}
.testimonials-block .review-box article.popular-post footer.post-foot.gutter-reset{
box-shadow: none;
}
.bar-links > li > a{
position:relative;
}
.bar-links > li > a .toll-us {
position: absolute;
top: 2px;
left: 0;
width: auto;
clear: both;
text-align: center;
color: #fff;
right: 0;
}
.bar-links > li > a span.fas.fa-phone-square {
transform: rotate(90deg);
font-size: 18px;
}
.login_background .invalid-feedback{
color:red;
}
.my-profile #nav {
float: left;
}
.my-profile .my-profile-mobile-dashboard{
display:none;
}
.my-profile #nav .nav li:first-child {
margin-left: 0;
}
.my-profile div#bs-example-navbar-collapse-1 {
padding-left: 0;
padding-right: 0;
}
.my-profile #profile-content {
margin: 0px 0px;
padding: 0;
float: left;
width: 100%;
}
.my-profile #profile-content h3 {
padding: 0 0 3px 20px;
margin: 1px 0;
color: #666;
font-size: 14px;
float: left;
position: relative;
z-index: 10;
}
.my-profile #profile-content h3 span {
font-size: 12px;
color: #666;
font-weight: 400;
}
.my-profile .clear {
clear: both;
height: 0;
line-height: 0;
}
.my-profile #profile-content .avatar-col {
float: left;
width: 130px;
margin: 10px 0 0 20px;
}
.my-profile .dashboard-heading{
margin-bottom:20px;
}
.my-profile #profile-content .profile-photo {
float: left;
width: 120px;
height: 120px;
margin: 0;
border: 0;
}
.my-profile .initials {
height: 55px;
width: 60px;
line-height: 50px;
font-size: 17px;
margin: 10px auto;
padding-top: 5px;
}
.my-profile #profile-content .chng-avatar {
display: none;
background-color: #333;
opacity: .8;
font-size: 11px;
z-index: 10;
border: 0;
width: 100px;
height: 100px;
margin-top: -82px;
float: left;
border-radius: 5px;
margin-left: 3px;
position: relative;
}
.my-profile #profile-content .chng-avatar-link {
font-size: 13px;
color: #f9f9f9;
margin: 48px 0 0;
float: left;
width: 100px;
text-decoration: underline;
text-align: center;
}
.my-profile #profile-content .content-col {
margin: -22px 0 0 10px;
float: left;
width: 820px;
}
.my-profile .flex {
display: -ms-flexbox;
-js-display: flex;
display: flex;
justify-content: center;
}
.my-profile #container {
width: 1000px;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 auto;
z-index: 1;
background-color: #fff;
}
.my-profile .initials,
.initials-thumbnail {
background: #F2643E;
border-radius: 50%;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.my-profile #classified-listing-body #content-wrapper {
padding-left: 0;
overflow: hidden;
}
.my-profile .breadcrumbs {
clear: both;
float: left;
margin: 12px 0 12px 14px;
font-weight: 700;
}
.my-profile .breadcrumbs a {
color: #004276;
font-size: 14px;
}
.my-profile .profile-headline-right {
float: right;
width: 40%;
min-width: 245px;
}
.my-profile .profile-controls {
text-align: right;
float: right;
margin: 0px 0 0 150px;
position: absolute;
width: 245px;
z-index: 10;
}
.my-profile .acc-settings {
padding: 0 8px;
font-weight: 700;
font-size: 13px;
color: #004276;
}
.my-profile #account-tabs {
float: left;
list-style: none;
position: relative;
background: none;
width: 100%;
margin-top: 0;
padding-left: 0;
clear: both;
height: 100%;
padding-top:50px;
background-color: #222222;
}
.my-profile #account-tabs li.active {
color: #fff;
border-color: #66676b;
background-color: rgba(255,255,255,0.04);
border-left: 5px solid #fdc010;
}
.my-profile #account-tabs li a{
width: 100%;
padding: 20px 10px 20px 10px;
display:block;
cursor:pointer;
}
.my-profile #account-tabs li a i {
margin-right: 5px;
}
.my-profile #account-tabs li.active .lefttab {
display:none;
background: url(/images/prTabactive_left.png) left top no-repeat #fff;
}
.my-profile #account-tabs li.active .tabcontent {
border-bottom: transparent;
background: transparent;
}
.my-profile #containers {
margin-top: 50px;
}
.my-profile #account-tabs li.active .tabcontent a {
color: #fff;
background-color: transparent;
}
.my-profile #account-tabs li.dropdown {
position: relative;
}
.my-profile #account-tabs li {
float: left;
font-weight: 700;
font-size: 15px;
display: block;
height: auto;
line-height: normal;
margin: 0;
width: 100%;
}
.my-profile #profile-content .stats .stat {
float: left;
width: 100px;
min-height: 70px;
text-align: center;
padding: 11px 12px 0;
border-right: 1px solid #ccc;
}
.my-profile #profile-content .stats .stat.first {
padding-left: 0;
}
.my-profile #profile-content .stats #prAds,
#profile-content .stats #prPerf,
#profile-content .stats #prRev,
#profile-content .stats #prSrch,
#profile-content .stats #prWch {
padding: 0;
}
.my-profile #profile-content .stats .stat span {
display: block;
}
.my-profile #profile-content .stats .num-ads {
font-size: 20px;
font-weight: 700;
}
.my-profile #profile-content .stats .num-views {
font-size: 11px;
}
.my-profile #profile-content .stats .col-title {
font-size: 12px;
font-weight: 700;
margin: 0 -4px 0 0;
padding: 0 0 10px;
color: #333;
}
.my-profile #profile-content .widgets-column {
float: right;
position: relative;
margin-top: 20px;
padding: 12px;
width: 350px;
box-shadow: #eef0f1 0 0 20px;
border: 1px solid #eef0f1;
border-radius: 6px;
}
.my-profile #edit-profile-wrapper {
max-width: 450px;
}
.my-profile #profile-content .table {
margin-top: 0px;
margin-bottom:0;
}
.my-profile .edit-profile-wrapper{
box-shadow: 0 0 12px 0 rgb(0 0 0 / 6%);
}
.my-profile #profile-content .basic-info-div {
float: left;
width: 420px;
padding-top: 10px;
}
.my-profile #profile-content .row {
float: left;
width: 100%;
padding: 0px 0 0;
line-height: 31px;
}
.my-profile #profile-content .col {
float: left;
min-width: 150px;
}
.my-profile #profile-content .fields {
width: 230px;
}
.my-profile #profile-content .selectbox,
#profile-content .textbox {
width: 100%;
margin: 5px 2px;
}
.my-profile #profile-content .stats .stat.last {
border-right: 0;
padding-right: 0;
}
.my-profile #profile-content .stats #prAds,
#profile-content .stats #prPerf,
#profile-content .stats #prRev,
#profile-content .stats #prSrch,
#profile-content .stats #prWch {
padding: 0;
}
.my-profile #account-tabs .tabcontent,
#account-tabs .tabcontent a {
color: #fff;
text-decoration: none;
}
.my-profile #account-tabs .tabcontent {
background: url(/images/prTabinactive_gr.png) left top repeat-x;
display: block;
font-size: 16px;
padding: 0px;
width:100%;
float: left;
background-image:none;
}
.my-profile #account-tabs li a:hover {
background-color: #ffc000;
}
.my-profile {
width: 100%;
float: left;
clear: both;
margin-top: 0;
margin-bottom: 0px;
background-color: #fff;
}
.my-profile #profile-content .selectbox,
#profile-content .textbox {
width: 100%;
margin: 5px 2px;
}
.my-profile .headding-name-profile{
background-color: #fbfbfb;
width: 100%;
font-size: 16px;
font-weight: 600;
margin: 0;
padding: 25px 30px;
color: #333;
display: block;
border-bottom: 1px solid #eaeaea;
border-radius: 4px 4px 0 0;
height: auto;
float:left;
}
.my-profile .headding-name-profile label {
line-height: normal;
display:block;
margin-bottom:0;
font-family: 'Raleway', sans-serif;
color: #333;
}
.my-profile .headding-name-profile .row{
padding-top:0 !important;
}
.my-profile .content-name-profile label {
font-size: 15px;
color: #333;
margin-bottom: 15px;
line-height: normal;
display: block;
font-family: 'Raleway', sans-serif;
width: 100%;
}
.my-profile #profile-content .selectbox, #profile-content .textbox {
height: 51px !important;
line-height: 51px !important;
padding: 0 15px !important;
outline: none !important;
font-size: 15px !important;
color: #808080 !important;
margin: 0 0 16px 0 !important;
max-width: 100% !important;
width: 100%;
box-sizing: border-box !important;
display: block;
background-color: #fff !important;
border: 1px solid #dbdbdb !important;
box-shadow: 0 1px 3px 0px rgb(0 0 0 / 6%) !important;
font-weight: 500 !important;
opacity: 1;
margin-bottom: 25px !important;
border-radius: 3px !important;
}
.my-profile .content-name-profile{
width: 100%;
clear: both;
float: left;
padding: 30px;
background-color: #fff;
}
.my-profile input[type=text],
select {
transition: all .2s;
box-sizing: border-box;
box-shadow: none;
border-radius: 6px;
padding: 4px;
color: #2b2d2e;
caret-color: #e00000;
border: 1px solid #b6b8b9;
}
.my-profile #profile-content #id_dob_day {
width: 55px;
}
.my-profile #profile-content #id_dob_month {
width: 100px;
}
.my-profile #profile-content #id_dob_year {
width: 65px;
}
.my-profile #nav .nav li a {
color: #f5c12f !important;
border-bottom: 1px solid #f5c12f;
font-weight: bold;
}
div.my-profile .cart-data-table .col01>div,
.cart-data-table.table .col01>div {
padding-left: 20px !important;
}
.my-profile .panel-heading .panel-title {
display: flex;
}
.my-profile .panel-heading .panel-title p {
margin-bottom: 0;
font-weight: 400;
color: #000;
width: 100%;
}
.my-profile .panel-heading .panel-title a {
display: block;
padding: 3px 19px 3px 28px;
background: url(/images/edit.gif) 10px 50% no-repeat #fff;
text-align: center;
}
.my-profile .container-fluid{
padding-left:0;
}
span.righttab {
display: none;
}
span.lefttab {
display: none;
}
.my-profile .panel-heading .panel-title a {
float: right;
margin-right: 0px;
margin-top: 0px;
border-radius: 4px;
}
.my-profile .panel-body .col {
float: left;
margin-right: 10px;
font-size: 12px;
}
.home-nav-menu {
background-color: white !important;
}
.home-nav-menu li:first-child {
margin-left: 0 !important
}
.home-nav-menu #nav {
padding-top: 0 !important;
justify-content: center;
}
.home-nav-menu #nav li a {
color: #000 !important;
}
.home-nav-menu #nav li a:hover {
color: #fff !important;
}
div.home-nav-menu .main-navigation>li,
.main-navigation.nav>li,
.main-navigation.navbar-nav>li,
.main-navigation.navbar-right>li {
margin-left: 60px;
}
div.home-nav-menu .main-navigation>li>a,
.main-navigation.nav>li>a,
.main-navigation.navbar-nav>li>a,
.main-navigation.navbar-right>li>a {
font-size: 14px;
line-height: 1.15385;
padding: 0;
display: inline;
font-weight: 600;
padding: 10px 15px;
border-radius: 16px;
}
.home-nav-menu li a:hover {
color: #fff !important;
background-color: #ffc000 !important;
}
.home-nav-menu {
padding-top: 25px !important;
}
.Homepage .Searchbox__bottom {
padding: 16px;
display: -ms-flexbox;
display: flex;
}
.Homepage{
clear:both;
width:100%;
float:left;
/*background: url("../../images/header-banner.png");*/
background-size: cover;
background-repeat: no-repeat;
padding: 0px 0px;
height: 80%;
position: relative;
justify-content: center;
align-items: center;
}
.Homepage:before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
z-index: 1;
}
.Homepage input[type=text],
select {
transition: all .2s;
box-sizing: border-box;
box-shadow: none;
border-radius: 6px;
padding: 4px;
color: #2b2d2e;
caret-color: #e00000;
border: 1px solid #b6b8b9;
width: 100%;
}
.Homepage .Searchbox__search__button {
background: #ffc000;
padding: 12px;
border: none;
color: #fff;
font-size: 16px;
border-radius: 6px;
cursor: pointer;
font-weight: 700;
width: 178px;
margin-left: auto;
}
.Homepage .nav>li>a {
color: #fff;
}
/* Style the tab */
.Homepage .tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
.Homepage .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
color: #fff;
background-color: #ffc000;
border: none;
border-bottom-color: transparent;
cursor: default;
}
.Homepage .nav-tabs>li>a {
margin-right: 2px;
line-height: 1.85714;
border: 1px solid transparent;
border-radius: 0 0 0 0;
border-radius: 16px;
}
.Homepage .nav-tabs>li>a:hover {
background-color: #ffc000;
color: #fff;
}
.Homepage .nav-tabs {
border-bottom: none;
text-align: left;
padding-top: 16px;
padding-left: 16px;
}
/* Style the buttons inside the tab */
.Homepage .tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of buttons on hover */
.Homepage .tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.Homepage .tab button.active {
background-color: #ccc;
}
/* Style the tab content */
.Homepage .tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.Homepage .Searchbox__basic__search select {
padding: 12px !important;
font-size: 16px !important;
outline: 0;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
border-radius: 6px;
box-sizing: border-box;
margin-bottom: 8px;
width: 100%;
}
.Homepage .Searchbox__basic__search {
width: 100%;
clear: both;
margin-top: 20px;
}
.Homepage .container {
/*background-image: linear-gradient(rgb(46 35 35 / 50%), rgb(8 8 8 / 50%)), url(https://alpha.therentalz.com/images/slider/tanker.jpg);*/
background-repeat: no-repeat;
margin-top: 0px;
min-height: auto;
padding: 24px;
box-sizing: border-box;
clear: both;
padding-top: 20px;
background-size: cover;
background-position: center;
}
.Homepage{
clear: both;
float: left;
width: 100%;
}
.Homepage h1.Hero__title.dbz-header {
text-transform: capitalize;
text-shadow: 0 2px 4px rgb(0 0 0 / 100%);
font-size: 40px;
line-height: 1.33;
font-weight: 900;
text-align: left;
color: #fcbf11 !important;
height: 100%;
display: flex;
align-items: center;
font-family: "Lato",Helvetica,Arial,sans-serif;
font-weight: normal;
line-height: 1.2em;
}
.Homepage .Searchbox__square {
font-size: 16px;
font-weight: 700;
color: #fff;
margin-right: 20px;
}
.Homepage .nav-tabs>li {
float: none;
display: inline-block;
}
.Homepage .hero__container {
/*background-color: rgba(33, 34, 35, .6);*/
background-color: rgb(51 51 51);
z-index: 100;
margin: 24px 58px 0;
display:none;
}
.Homepage input.Searchbox__keyword__input {
margin-right: 8px;
width: 100%;
}
.popular_category_list .grid-container {
display: grid;
grid-template-columns: auto auto auto auto auto;
}
.popular_category_list {
width: 100%;
clear: both;
margin-top: 40px;
}
.popular_category_list .homepage-card-section {
margin: 16px 0;
font-family: proxima-nova, noto, helvetica, arial, sans-serif;
font-size: 27px;
font-weight: 600;
line-height: .89;
color: #2b2d2e;
}
.popular_category_list .popular_category_heading .popular_category_heading-link .popuplar-category-icon {
margin-right: 8px;
}
.popular_category_list .popular_category_heading .popular_category_heading-link .popular_category_title {
font-size: 16px;
font-weight: 600;
line-height: 1.5;
color: #2b2d2e;
}
.popular_category_list .popular_category_heading .popular_category_heading-link .popular_category_listing_count {
font-weight: 400;
line-height: 1.33;
color: #b6b8b9;
margin: 0 8px;
font-size: 12px;
}
.popular_category_list ul {
padding-left: 0;
}
.popular_category_list ul li a {
font-size: 14px;
font-weight: 400;
line-height: 1.43;
color: #2b2d2e;
margin-bottom: 4px;
display: block;
}
.popular_category_list ul li {
list-style: none;
}
.popular_category_list .allin_category_cta a {
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #e00000;
font-family: proxima-nova, noto, helvetica, arial, sans-serif;
text-decoration: none;
}
.popular_category_list .allin_category_cta-link:after {
background: url(/images/arrow-icon.svg) 8px center no-repeat;
background-size: 12px;
position: absolute;
content: "";
width: 30px;
height: 20px;
color: #e00000;
transition: .2s;
}
.popular_category_list .grid-container .grid-item {
margin-bottom: 50px;
}
.popular_category_list .popular_category_heading {
margin-bottom: 8px;
}
.intro-block {
float: left;
width: 100%;
}
.intro-block-slide .align-wrap .align {
padding: 177px 0 177px !important;
}
.Homepage__card {
width: 100%;
clear: both;
margin-top: 50px;
margin-bottom: 50px
}
.Homepage__card .grid-container {
display: grid;
grid-template-columns: auto auto auto auto auto;
grid-gap: 7px;
}
.Homepage__card .homepage-card-section {
margin: 16px 0;
font-family: proxima-nova, noto, helvetica, arial, sans-serif;
font-size: 27px;
font-weight: 600;
line-height: .89;
color: #2b2d2e;
}
.Homepage__card .recent-listing-wrapper .recent-listing {
cursor: pointer;
border-radius: 6px;
padding: 8px;
text-decoration: none;
}
.Homepage__card .recent-listing-image-wrapper {
position: relative;
box-sizing: border-box;
}
.Homepage__card .recent-listing-image {
width: 216px;
height: 152px;
border-radius: 6px;
object-fit: cover;
}
.Homepage__card .listing-head-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
box-sizing: border-box;
height: 24px;
}
.Homepage__card .lisitng-price {
height: 24px;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
color: #e00000;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 160px;
}
.Homepage__card .recent-listing-title {
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #2b2d2e;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 216px;
height: 20px;
}
.Homepage__card .recent-listing-details {
font-size: 14px;
line-height: 1.43;
color: #626465;
max-width: 216px;
display: -ms-flexbox;
display: flex;
}
.Homepage__card .detail-items {
display: inline-block;
}
.Homepage__card .recent-listing:hover {
transition: .2s;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .12);
text-decoration: none;
}
.Homepage__card .recent-listing {
display: block;
padding: 8px;
}
.top-header-sub-menu .login-dropdown {
margin-left: 0 !important;
}
.top-header-sub-menu .login-dropdown a.dropdown-toggle.user-links{
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 128px;
display: block;
text-align: center;
text-transform: capitalize;
}
.top-header-sub-menu .login-dropdown a.dropdown-toggle.user-links:hover{
color:#878047 !important;
}
.top-header-sub-menu .user-links {
padding: 8px 18px;
border-radius: 0 !important;
color: #878069;
}
.top-header-sub-menu a.dropdown-toggle.user-links {
padding: 8px 18px;
border-radius: 0 !important;
/*color: #878069;*/
color:#fff;
background-color: transparent;
text-decoration: none;
}
.top-header-sub-menu .user-links:hover {
background-color: #ffc000 !important;
color: #878069 !important;
}
.top-header-sub-menu .user-links>li>a:hover {
color: #878069 !important;
}
.top-header-sub-menu {
margin-bottom: 0;
}
.verify {
clear: both;
width: 100%;
padding: 20px 0px;
}
.verify .card button {
font-weight: bold;
padding: 8px 18px;
border-radius: 0 !important;
color: #878069;
background-color: #ffc000;
font-size: 13px;
line-height: 1.33333;
text-transform: capitalize;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
display: block;
margin-left: auto;
margin-right: auto;
}
.verify .card .card-body p {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
margin-bottom: 12px;
margin-top: 0px;
font-size: 16px;
}
.verify .card .card-header {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
font-size: 20px;
}
.verify .card .d-inline {
margin-bottom: 0px;
}
/* ---------------------------------------------------------
slider style
---------------------------------------------------------*/
.swiper-slide {
background-size: cover;
background-position: center;
}
.gallery-top {
width: 100%;
}
.gallery-thumbs {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-slide.swiper-slide-active {
width: 100%;
background-color: transparent;
object-fit: contain !important;
object-position: center center !important;
}
.swiper-wrapper {
margin-top: 10px !important;
}
.newClass {
box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 20%);
box-sizing: border-box !important;
margin: 0px !important;
display: flex !important;
position: fixed !important;
top: 55px !important;
left: 0px !important;
width: 100%;
background: white !important;
z-index: 9 !important;
border-bottom: rgb(182, 184, 185) !important;
transition: transform 0.5s ease 0s, box-shadow 0.5s ease 0s !important;
transform: translate3d(0px, 0px, 0px) !important;
box-shadow: rgba(145, 145, 145, 0.15) 0px 5px 15px 1px !important;
display:none !important;
}
#dynamic .ghbYkI {
font-size: 2em;
font-weight: bold;
line-height: 1.25em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
}
#dynamic .kHpGMl {
font-size: 0.625em;
}
#dynamic .gEKKIA {
margin: 0px 5px;
font-size: 20px;
}
#dynamic .gVA-dSX {
box-sizing: border-box;
margin: 0px auto;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 16px 24px;
display: flex;
width: 1200px;
align-items: center;
}
#dynamic svg.StyledIconBase-ea9ulj-0.hPhvO.il7hse-8.eOxVtE{
width:16px;
height:16px;
}
#dynamic .brYnnN {
white-space: nowrap;
font-weight: 600;
margin-right: 8px;
display: flex;
-webkit-box-align: center;
align-items: center;
font-size: 17px;
line-height: 17px;
padding: 10px 20px;
}
#dynamic .enFrTd {
box-sizing: border-box;
margin: 3px 8px 0px 0px;
display: flex;
}
#dynamic .jqhhEB {
box-sizing: border-box;
margin: 0px;
position: relative;
}
#dynamic .bVGmew {
background: none;
border: 0px;
padding: 0px;
margin: 0px;
cursor: pointer;
}
#dynamic .ffKVhP {
box-sizing: border-box;
margin: 0px;
display: flex;
-webkit-box-align: center;
align-items: center;
}
#dynamic .fDOxnx {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
border: 1px solid #ffc000;
outline: none;
transition: all 0.2s ease 0s;
box-sizing: border-box;
cursor: pointer;
text-align: center;
text-decoration: none;
appearance: none;
border-radius: 6px;
background-color: rgb(255, 255, 255);
color: #ffc000;
}
#dynamic .izAtLx {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
border: 1px solid #ffc000;
outline: none;
transition: all 0.2s ease 0s;
box-sizing: border-box;
cursor: pointer;
text-align: center;
text-decoration: none;
appearance: none;
border-radius: 6px;
background-color: #ffc000;
color: rgb(255, 255, 255);
}
#dynamic {
box-sizing: border-box;
margin: 0px;
display: flex;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background: white;
z-index: 9;
border-bottom: rgb(182, 184, 185);
box-shadow: none;
transform: translate3d(0px, -400%, 0px);
transition: transform 0.5s ease 0s, box-shadow 0.5s ease 0s;
display:none !important;
}
.slider-section-sidebar {
top: 110px;
position: sticky;
}
.sticky-height{
height: calc(100vh + 100vh);
}
.iqikYk {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(255 192 0);
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 24px;
}
.bukKTc {
box-sizing: border-box;
margin: 0px 0px 32px;
}
.hjpqAU {
color: rgb(43, 45, 46);
font-size: 2em;
line-height: 1em;
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.jPnZil {
font-size: 0.625em;
}
.kHpGMl {
font-size: 0.625em;
}
.hLEBPZ {
display: flex;
margin-top: 1em;
margin-bottom: 1em;
}
.dzUtCZ {
display: flex;
-webkit-box-align: center;
align-items: center;
margin-right: 26px;
font-size: 20px;
color: rgb(43, 45, 46);
}
.dzUtCZ>svg {
margin-right: 10px;
}
.iSMDlX {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(43, 45, 46);
font-weight: 600;
}
h5.Text__Root-sc-1q498l3-0.Text___StyledRoot-sc-1q498l3-1.iSMDlX span {
font-size: 20px;
}
.jniGPG {
font-size: 24px;
line-height: 29px;
color: rgb(43, 45, 46);
}
.cOrysj {
box-sizing: border-box;
margin: 0px 0px 16px;
position: relative;
padding-bottom: 56px;
}
.hEJRBT {
position: relative;
color: #ffc000;
font-weight: 600;
margin-top: 16px;
margin-bottom: 16px;
}
.ihixGD {
position: absolute;
background: transparent;
cursor: pointer;
outline: none;
border: 0px;
padding: 0px;
margin: 0px;
left: 0px;
}
.eUwvQL {
font-size: 24px;
line-height: 29px;
color: rgb(43, 45, 46);
}
.gokxCK {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
margin: 0px;
padding: 0px;
list-style: none;
}
.nbKCJ {
box-sizing: border-box;
width: 33.333%;
margin-bottom: 24px;
}
.gpAaRN {
box-sizing: border-box;
margin: 0px;
display: flex;
}
.bYmgfU {
color: rgb(98, 100, 101);
margin-top: 4px;
margin-right: 12px;
}
.cQtcph {
font-size: 24px;
line-height: 29px;
color: rgb(43, 45, 46);
}
.krJMcc {
box-sizing: border-box;
margin: 0px 0px 32px;
padding: 12px 0px;
border: 1px solid rgb(238, 240, 241);
border-radius: 8px;
}
.key-facts__wrapper {
margin: 0 24px;
}
.key-fact__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 20px;
color: #626465;
font-family: proxima-nova, sans-serif;
line-height: 24px;
margin: 16px 0;
}
.key-fact__wrapper img {
height: 18px;
width: 18px;
padding-top: 3px;
}
.key-fact__label {
-webkit-box-flex: 2;
-ms-flex: 2 1;
flex: 2 1;
}
.key-fact__value__container {
-webkit-box-flex: 3;
-ms-flex: 3 1;
flex: 3 1;
}
.hLzcJK {
box-sizing: border-box;
margin: 0px 0px 16px;
}
.cWeeLT {
font-size: 24px;
line-height: 29px;
color: rgb(43, 45, 46);
}
.jjtvGP {
position: relative;
top: 2px;
color: rgb(98, 100, 101);
margin-right: 5px;
}
.cPvZrC {
color: rgb(98, 100, 101);
font-size: 0.875em;
}
.fdZyqT {
box-sizing: border-box;
margin: 0px;
position: relative;
background-color: rgb(238, 240, 241);
background-image: url("https://dbzproperty-a.akamaihd.net/property/desktop/latest/assets/34cabd94.png");
background-size: cover;
background-position: center center;
border-radius: 6px;
overflow: hidden;
height: 384px;
}
.iRULM {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
cursor: pointer;
background: none;
border: 0px;
}
.gScQtQ {
box-sizing: border-box;
margin: 0px;
position: relative;
border: 1px solid rgb(238, 240, 241);
padding: 32px 24px;
border-radius: 8px;
box-shadow: none;
}
.cXXlpi {
box-sizing: border-box;
margin: 0px auto;
max-width: 418px;
}
.jLTgGY {
box-sizing: border-box;
margin: 0px 0px 32px;
display: flex;
padding: 16px;
border-radius: 8px;
border: 1px solid rgb(66, 148, 255);
box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 6px;
}
.dEENpn {
box-sizing: border-box;
margin: 0px 16px 0px 0px;
flex-shrink: 0;
color: rgb(66, 148, 255);
width: 20px;
padding-top: 1px;
}
.ffUwsW {
font-size: 1.25em;
line-height: 1.25em;
font-weight: bold;
}
.lnfnPG {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(43, 45, 46);
margin: 0px 0px 16px;
padding: 0px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.dmKjGs {
box-sizing: border-box;
margin: 0px;
text-align: right;
}
.dhZiCX {
text-decoration: none;
}
.cbnddc {
font-weight: bold;
text-align: right;
padding: 0px 10px !important;
}
.iqikYk {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(255 192 0);
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 24px;
}
.exyYxG {
font-weight: bold;
text-align: right;
padding: 0px 10px;
}
.jixmzu {
text-align: center;
font-weight: 700;
}
.kJYKlf {
box-sizing: border-box;
margin: 0px 0px 24px;
}
.bDezRm {
display: inline-block;
line-height: 24px;
margin-bottom: 4px;
font-weight: 400;
color: rgb(98, 100, 101);
cursor: pointer;
}
.iAHVZW {
position: relative;
max-width: 100%;
}
.fzvoVX {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
display: inline-block;
background: transparent;
width: 100%;
border: 1px solid rgb(182, 184, 185);
line-height: 22px;
font-weight: 400;
outline: none;
transition: all 0.2s ease 0s;
box-sizing: border-box;
border-radius: 6px;
padding: 12px 16px;
margin: 0px;
color: rgb(43, 45, 46);
caret-color: rgb(224, 0, 0);
}
.kHOyfA {
font-weight: 600;
display: block;
width: 100%;
margin-bottom: 1em;
font-size: 1.125em;
line-height: 3.25em;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 6px;
}
.lgjcDx {
margin-right: 8px;
}
.fDOxnx {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
display: inline-block;
border: 1px solid #ffc000;
outline: none;
transition: all 0.2s ease 0s;
box-sizing: border-box;
cursor: pointer;
text-align: center;
text-decoration: none;
appearance: none;
margin: 0px;
border-radius: 6px;
padding: 0px 12px;
background-color: rgb(255, 255, 255);
color: #ffc000;
}
.gBEoSw {
text-align: center;
}
.byUtTq {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(98, 100, 101);
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.jQBcNQ {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(43, 45, 46);
margin: 0px;
padding: 0px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.kNAFPu {
display: block;
width: 100%;
border: 0px;
background: none;
padding: 0px;
margin: 0px;
cursor: pointer;
text-align: center;
font-weight: 600;
}
.iqikYk {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: #ffc000;
font-size: 16px;
}
.tuzQZ {
display: block;
text-align: center;
font-weight: 600;
}
.swiper-slider-area .kiawOW {
font-weight: 800;
font-size: 20px;
line-height: 28px;
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(43, 45, 46);
margin: 0px 0px 16px;
padding: 0px;
margin-top:20px;
}
.slider-slider .swiper-slide img {
height: 100%;
object-fit: cover;
width: 100%;
}
.slider-slider .swiper-wrapper{
height: 57%;
}
.swiper-slider-area .cHkHUK {
flex-wrap: nowrap;
margin: 0px -8px 16px;
}
.swiper-slider-area .juhBur {
display: flex;
text-align: center;
}
.swiper-slider-area .fcxXHp {
border-radius: 6px;
padding: 16px;
flex: 1 1 0%;
-webkit-box-flex: 1;
margin: 0px 8px 16px;
flex-direction: column;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
min-width: 110px;
max-width: 152.8px;
min-height: 80px;
box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px -3px, rgba(0, 0, 0, 0.04) 0px 4px 6px -2px !important;
padding-left: 0;
padding-right: 0;
}
.swiper-slider-area .bBctPW {
font-weight: 600;
text-transform: uppercase;
text-align: center;
margin-bottom: 12px;
color: rgb(43, 45, 46);
font-size: 11px;
}
.swiper-slider-area .fpCRJj {
margin: -8px auto 8px;
}
.swiper-slider-area .mVwlw {
box-sizing: border-box;
margin: 0px;
-webkit-box-align: center;
align-items: center;
height: 100%;
}
.swiper-slider-area .kGCJRi {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(224, 0, 0);
margin: 0px;
padding: 0px;
}
.swiper-slider-area .bqVFfZ {
color: rgb(255 192 0);
background: rgb(255, 255, 255);
text-align: center;
border: none;
}
.swiper-slider-sec-area .eTMvHc {
border: 1px solid rgb(238, 240, 241);
border-radius: 6px;
padding: 0px;
margin: 0px;
list-style: none;
}
.swiper-slider-sec-area .ggfxis:not(:last-child) {
border-bottom: 1px solid rgb(238, 240, 241);
}
.swiper-slider-sec-area .ggfxis {
margin: 0px;
list-style: none;
padding: 16px 24px;
}
.swiper-slider-sec-area .cCmIEX {
margin: 0px;
}
.swiper-slider-sec-area .juhBur {
display: flex;
}
.swiper-slider-sec-area .hWsOmY {
box-sizing: border-box;
margin: 0px;
flex-wrap: nowrap;
align-items: flex-start;
-webkit-box-pack: start;
justify-content: flex-start;
}
.swiper-slider-sec-area .fobgGV {
box-sizing: border-box;
width: 50%;
padding: 0px;
}
.swiper-slider-sec-area .cuFNrP {
height: 100%;
}
.swiper-slider-sec-area p:last-child {
margin-bottom: 0px;
}
.swiper-slider-sec-area .iTXhvD {
font-weight: 600;
text-transform: capitalize;
}
.swiper-slider-sec-area .fobgGV {
box-sizing: border-box;
width: 50%;
padding: 0px;
}
.hjzeti {
margin: 0px 0px;
height: 1px;
background: rgb(221, 221, 221);
}
.slider-section-sidebar form h1 {
clear: both;
width: 100%;
float: left;
margin-top: 10px;
}
.cbwksk-0.hjzeti.hjzeti2 {
display: none;
}
.swiper-slider-third-area .iZEvpU {
margin-bottom: 32px;
}
.swiper-slider-third-area .gklgS {
box-sizing: border-box;
margin: 0px;
}
.swiper-slider-third-area .ldrWJG {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(43, 45, 46);
margin: 0px 0px 16px;
padding: 0px;
font-size: 20px;
font-weight: 800;
line-height: 28px;
}
.swiper-slider-third-area .fiWoSG {
font-size: 16px;
word-break: break-word;
}
.swiper-slider-third-area .jPMTbp {
background: rgb(255 192 0 / 33%);
border: none;
color: rgb(255 192 0);
font-weight: 600;
border-radius: 14px;
margin-top: 6px;
padding: 2px 10px;
line-height: 22px;
transition: all 0.2s ease 0s;
}
.swiper-slider-four-area .juhBur {
display: flex;
}
.swiper-slider-four-area .iKudXy {
box-sizing: border-box;
margin: 0px;
-webkit-box-pack: justify;
justify-content: space-between;
}
.swiper-slider-four-area .fWVlsk {
margin-bottom: 32px;
}
.swiper-slider-four-area .gklgS {
box-sizing: border-box;
margin: 0px;
}
.swiper-slider-four-area .ldrWJG {
font-size: 20px;
font-weight: 800;
line-height: 28px;
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(43, 45, 46);
margin: 20px 0px 16px;
padding: 0px;
}
.swiper-slider-four-area .kzWrME {
box-sizing: border-box;
margin: 0px 0px 16px;
}
.swiper-slider-four-area .dcGvRV {
width: 18px;
height: 18px;
margin-left: -3px;
margin-right: 2px;
position: relative;
top: -1px;
}
.swiper-slider-four-area .gAeNAG {
background-image: url("https://dbzproperty-a.akamaihd.net/frontend-web/listings/_next/static/images/map_bg-ae291e090e1249a835c33be4263f0404.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 350px;
height: 96px;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
padding: 0px 60px;
cursor: pointer;
font-size: 16px;
direction: ltr;
}
.swiper-slider-five-area .eMVpmW {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(43, 45, 46);
margin: 0px;
padding: 0px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.swiper-slider-five-area .jXwvpX {
display: inline-block;
font-weight: 600;
border: 0px;
background: none;
padding: 0px;
margin: 0px;
cursor: pointer;
color: rgb(255 192 0);
}
.slider-section-sidebar form button{
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
border: 1px solid #ffc000;
outline: none;
transition: all 0.2s ease 0s;
box-sizing: border-box;
cursor: pointer;
text-align: center;
text-decoration: none;
appearance: none;
border-radius: 6px;
background-color: #ffc000;
color: rgb(255, 255, 255);
white-space: nowrap;
font-weight: 600;
margin-left: auto;
margin-right: auto;
display: block;
-webkit-box-align: center;
align-items: center;
font-size: 17px;
line-height: 17px;
padding: 10px 20px;
}
.slider-section-sidebar table tr td.text-bolder {
font-weight: bold;
color: #000;
}
.slider-section-sidebar table tr td select{
width:100%;
color: #878787;
font-weight: 400;
}
.slider-section-sidebar table tr {
margin-bottom: 0px;
display: -webkit-inline-box;
border-bottom: 1px solid #f7eeee;
padding-bottom: 5px;
clear: both;
width: 100%;
}
.slider-section-sidebar td {
width: 50%;
float: left !important;
color: #ffc000;
font-weight: 700;
}
.slider-section-sidebar form span {
cursor:pointer;
}
.slider-section-sidebar form .number {
margin: 15px 10px;
display: inline-flex;
width: 100%;
}
.slider-section-sidebar form .minus, .plus {
background: #ffc000;
padding: 10px;
border: none;
display: inline-block;
vertical-align: middle;
text-align: center;
color: #ffff;
line-height: 12px;
border: 0;
border-radius: 0;
font-size: 25px;
}
.slider-section-sidebar form table tr{
display:flex;
align-items: center;
}
.slider-section-sidebar form input {
height: 34px;
width: 100%;
text-align: center;
font-size: 20px;
border: 1px solid #ddd;
border-radius: 0px;
display: inline-block;
vertical-align: middle;
border-right: none;
border-left: none;
}
.slider-section-sidebar form tr .text-bolder-price{
text-align:right;
}
.slider-section-sidebar table{
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
.slider-section-sidebar .gklgS {
box-sizing: border-box;
margin: 0px;
}
.slider-section-sidebar .ddepHn {
background: rgb(255, 255, 255);
border-radius: 6px;
border: 1px solid rgb(238, 240, 241);
margin-bottom: 16px;
padding: 16px;
box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 16px;
}
.slider-section-sidebar .kzWrME {
box-sizing: border-box;
margin: 0px 0px 0x;
}
.slider-section-sidebar .juhBur {
display: flex;
}
.slider-section-sidebar .iKudXy {
box-sizing: border-box;
margin: 0px;
-webkit-box-pack: justify;
justify-content: space-between;
}
.slider-section-sidebar .gklgS {
box-sizing: border-box;
margin: 0px;
}
.slider-section-sidebar .eoIXmr {
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.slider-section-sidebar .jwzeLa {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
color: rgb(98, 100, 101);
margin: 0px;
padding: 0px;
}
.slider-section-sidebar p:last-child {
margin-bottom: 0px;
}
.slider-section-sidebar .hhbUhQ {
font-weight: 600;
}
.slider-section-sidebar .djvvez {
max-height: 48px;
max-width: 86px;
box-sizing: content-box;
border: 0px
}
.slider-section-sidebar .byUEje {
width: 100%;
display: block;
}
.slider-section-sidebar .doagVJ {
font-family: proxima-nova, ProximaNova, noto, GESS, GE-SS, "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
display: inline-block;
border: 1px solid #ffc000;
outline: none;
transition: all 0.2s ease 0s;
box-sizing: border-box;
cursor: pointer;
text-align: center;
text-decoration: none;
appearance: none;
margin: 0px;
font-size: 16px;
font-weight: 600;
line-height: 46px;
border-radius: 6px;
padding: 0px 24px;
background-color: rgb(255, 255, 255);
color: #ffc000;
}
.swiper-slider-buttons .dbYoQM {
position: absolute;
z-index: 2;
top: 16px;
right: 26px;
display: flex;
}
.swiper-slider-buttons .jwTlyU {
border: 1px solid rgb(182, 184, 185);
background: rgb(255, 255, 255);
color: rgb(43, 45, 46);
display: flex;
-webkit-box-pack: center;
justify-content: center;
min-width: 100px;
height: 36px;
line-height: 36px;
border-radius: 6px;
padding: 0px 16px;
cursor: pointer;
outline: 0px;
margin-right: 8px;
-webkit-box-align: center;
align-items: center;
}
.swiper-slider-buttons .hMUGtU {
margin-right: 4px;
}
.swiper-slider-buttons .hKQVrM {
display: block;
width: 15px;
height: 15px;
}
.swiper-slider-buttons .iEsIOL {
line-height: inherit;
}
.swiper-slider-buttons .eoIXmr {
font-size: 14px;
font-weight: 400;
}
.swiper-slider-buttons .jwTlyU:last-child {
margin-right: 0px;
margin-left: 0px;
}
.share-button-popup .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;
z-index: 99;
}
.share-button-popup .overlay:target {
visibility: visible;
opacity: 1;
}
.share-button-popup .popup {
clear: both;
height: auto;
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
display: table;
}
.share-button-popup .popup h2 {
margin-top: 0;
color: #333;
font-weight: bold;
margin-bottom: 25px;
}
.share-button-popup .popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.share-button-popup .popup .close:hover {
color: #f5c12f;
}
.share-button-popup .popup .content {
max-height: 30%;
}
@media screen and (max-width: 700px) {
.share-button-popup .popup {
width: 70%;
}
}
.share-button-popup #popup1 .content a img {
vertical-align: middle;
display: inline-block;
width: 48px;
height: 48px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
.share-button-popup #popup1 .content a {
margin-bottom: 20px;
display: block;
text-align: center;
text-decoration: none;
color: #000;
}
.share-button-popup #popup1 .content a {
font-size: 16px;
}
.popup1-section {
display: black;
text-decoration: none;
}
.list-content-slider .uDtAl {
margin: 0px 0px 16px;
display:none;
}
.list-content-slider .validation-text,
h1 {
color: rgb(255 192 0) !important;
}
.list-content-slider ol:last-child,
ul:last-child,
dl:last-child {
margin-bottom: 0px;
}
.list-content-slider .duTBVi {
display: block;
line-height: inherit;
}
.list-content-slider .kUIpvH {
font-size: 14px;
font-weight: 600;
border-radius: 14px;
padding: 1px 8px;
color: rgb(255 192 0);
background: rgb(255 192 0 / 33%);
margin: 0px 2px 4px;
}
.list-content-slider .iIUKOh {
display: block;
margin: 0px 8px;
line-height: inherit;
}
.list-content-slider .drcmMT {
list-style: none;
margin: 0px;
padding: 0px;
display: flex;
}
.list-content-slider .hjzeti {
margin: 24px 0px;
height: 1px;
background: rgb(221, 221, 221);
display:none;
}
.list-content-slider .ldmCnf {
margin-bottom: 16px;
}
.list-content-slider .juhBur {
display: flex;
box-sizing: border-box;
margin: 0px;
-webkit-box-pack: justify;
justify-content: space-between;
align-items: baseline;
}
.list-content-slider .GofEU {
font-weight: 700;
font-size: 28px;
line-height: 36px;
}
.list-content-slider p:last-child {
margin-bottom: 0px;
}
.list-content-slider .cRlgZx {
font-size: 28px;
flex-shrink: 0;
font-weight: bold;
text-align: right;
color: rgb(255 192 0);
}
.list-content-slider .bbPkAA {
font-size: 13px;
line-height: 1.33;
margin: 0px 0px 16px !important;
color: rgb(98, 100, 101);
}
.list-content-slider {
padding-top: 40px;
}
.slider-slider {
padding-bottom: 40px;
}
/* ---------------------------------------------------------
end slider style
---------------------------------------------------------*/
/* ---------------------------------------------------------
detail start slider style
---------------------------------------------------------*/
.breadcrumbs li,
.headless-modal li,
ul.as-list,
ul.as-selections {
list-style-type: none
}
.header-container:lang(ar),
.ui-datepicker-rtl {
direction: rtl
}
html.border-box {
box-sizing: border-box
}
.ui-widget-content a,
.ui-widget-header,
.ui-widget-header a {
color: #222
}
button {
cursor: pointer
}
#my-container a,
abbr,
acronym,
address,
article,
aside,
blockquote,
body,
caption,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
img,
label,
legend,
li,
nav,
object,
ol,
p,
pre,
q,
section,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline
}
#my-container h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700
}
#my-container article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
display: block
}
#my-container table {
border-collapse: separate;
border-spacing: 0
}
#my-container caption,
td,
th {
text-align: left;
font-weight: 400;
float: none!important
}
#my-container blockquote:after,
blockquote:before,
q:after,
q:before {
content: ''
}
#my-container blockquote,
q {
quotes: "" ""
}
#my-container a img {
border: none;
height: auto;
width: 100%;
object-fit: cover;
}
#my-container .swiper-wrapper{
padding-left: initial;
margin: 0;
height: 25% !important;
}
:focus {
outline: 0
}
.ui-helper-hidden {
display: none
}
.ui-helper-clearfix,
.ui-icon {
display: block
}
.ui-helper-hidden-accessible {
position: absolute
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
* html .ui-helper-clearfix {
height: 1%
}
.ui-helper-zfix,
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-helper-zfix {
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-state-disabled {
cursor: default!important
}
.ui-icon {
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1
}
.ui-accordion .ui-accordion-li-fix {
display: inline
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0!important
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: .5em .5em .5em .7em
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1
}
.ui-accordion .ui-accordion-content-active,
.ui-menu {
display: block
}
.ui-autocomplete {
position: absolute;
cursor: default
}
.ui-autocomplete-loading {
background: url(../../images/jquery-ui/ui-anim_basic_16x16.gif) right center no-repeat #fff
}
* html .ui-autocomplete {
width: 1px
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0
}
.ui-menu .ui-menu {
margin-top: -3px
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1
}
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-hover {
margin: -1px
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: .1em;
text-decoration: none!important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible
}
.ui-button-icon-only {
width: 2.2em
}
button.ui-button-icon-only {
width: 2.4em
}
.ui-button-icons-only {
width: 3.4em
}
button.ui-button-icons-only {
width: 3.7em
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px
}
.ui-button-text-icon .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em
}
input.ui-button {
padding: .4em 1em
}
.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon .ui-icon,
.ui-button-text-icons .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px
}
.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
left: .5em
}
.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
right: .5em
}
.ui-buttonset {
margin-right: 7px
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em
}
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.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: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: 700;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td a,
.ui-datepicker td span {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker-cover {
display: none;
display: block;
position: absolute;
z-index: -1;
filter: mask();
top: -4px;
left: -4px;
width: 200px;
height: 200px
}
.ui-dialog {
position: absolute;
padding: .2em;
width: 300px;
overflow: hidden
}
.ui-dialog .ui-dialog-titlebar {
padding: .5em 1em .3em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .2em 0
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 19px;
margin: -10px 0 0;
padding: 1px;
height: 18px
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px
}
.ui-dialog .ui-dialog-titlebar-close:focus,
.ui-dialog .ui-dialog-titlebar-close:hover {
padding: 0
}
.ui-dialog .ui-dialog-content {
border: 0;
padding: .5em 1em;
background: 0 0;
overflow: auto;
zoom: 1
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0;
background-image: none;
margin: .5em 0 0;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane button {
float: right;
margin: .5em .4em .5em 0;
cursor: pointer;
padding: .2em .6em .3em;
line-height: 1.4em;
width: auto;
overflow: visible
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-progressbar {
height: 2em;
text-align: left
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: .1px;
z-index: 99999;
display: block
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
#fancybox-right,
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: .7em;
height: 1em;
cursor: default
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider-horizontal {
height: .4em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-tabs {
position: relative;
padding: .2em;
zoom: 1
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 .2em 1px 0;
border-bottom: 0!important;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
cursor: text
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border: 0;
padding: 1em 1.4em;
background: 0 0
}
.ui-tabs .ui-tabs-hide {
display: none!important
}
.ui-widget {
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
font-family: Verdana, Arial, sans-serif;
font-size: 1em
}
.ui-widget-content {
border: 1px solid #aaa;
background: url(../../images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
color: #222
}
.ui-widget-header {
border: 1px solid #aaa;
background: url(../../images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
font-weight: 700
}
.ui-state-default,
.ui-widget-content .ui-state-default {
border: 1px solid #d3d3d3;
background: url(../../images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #EEF5FB;
font-weight: 400;
color: #555
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555;
text-decoration: none
}
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover {
border: 1px solid #999;
background: url(../../images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
font-weight: 400;
color: #212121
}
.ui-state-hover a,
.ui-state-hover a:hover {
color: #212121;
text-decoration: none
}
.ui-state-active,
.ui-widget-content .ui-state-active {
border: 1px solid #aaa;
background: url(../../images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
font-weight: 400;
color: #212121
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none
}
.ui-widget :active {
outline: 0
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
border: 1px solid #fcefa1;
background: url(../../images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;
color: #363636
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a {
color: #363636
}
.ui-state-error,
.ui-widget-content .ui-state-error {
border: 1px solid #cd0a0a;
background: url(../../images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
color: #cd0a0a
}
.ui-corner-tl,
.ui-corner-top {
-webkit-border-top-left-radius: 4px
}
.ui-corner-top,
.ui-corner-tr {
-webkit-border-top-right-radius: 4px
}
.ui-corner-bl,
.ui-corner-bottom {
-webkit-border-bottom-left-radius: 4px
}
.ui-corner-bottom,
.ui-corner-br {
-webkit-border-bottom-right-radius: 4px
}
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
-moz-border-radius-topright: 4px
}
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
-moz-border-radius-bottomright: 4px
}
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
-moz-border-radius-topleft: 4px
}
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
-moz-border-radius-bottomleft: 4px
}
.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text {
color: #cd0a0a
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary {
font-weight: 700
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: 400
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
background-image: url(../../images/jquery-ui/ui-icons_222222_256x240.png)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-state-default .ui-icon {
background-image: url(../../images/jquery-ui/ui-icons_888888_256x240.png)
}
.ui-state-active .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
background-image: url(../../images/jquery-ui/ui-icons_454545_256x240.png)
}
.ui-state-highlight .ui-icon {
background-image: url(../../images/jquery-ui/ui-icons_2e83ff_256x240.png)
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(../../images/jquery-ui/ui-icons_cd0a0a_256x240.png)
}
.ui-icon-carat-1-n {
background-position: 0 0
}
.ui-icon-carat-1-ne {
background-position: -16px 0
}
.ui-icon-carat-1-e {
background-position: -32px 0
}
.ui-icon-carat-1-se {
background-position: -48px 0
}
.ui-icon-carat-1-s {
background-position: -64px 0
}
.ui-icon-carat-1-sw {
background-position: -80px 0
}
.ui-icon-carat-1-w {
background-position: -96px 0
}
.ui-icon-carat-1-nw {
background-position: -112px 0
}
.ui-icon-carat-2-n-s {
background-position: -128px 0
}
.ui-icon-carat-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-off {
background-position: -96px -144px
}
.ui-icon-radio-on {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-first,
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-tl {
border-top-left-radius: 4px
}
.ui-corner-tr {
border-top-right-radius: 4px
}
.ui-corner-bl {
border-bottom-left-radius: 4px
}
.ui-corner-br {
border-bottom-right-radius: 4px
}
.ui-corner-top {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.ui-corner-bottom {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.ui-corner-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.ui-corner-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.ui-corner-all {
border-radius: 4px
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: url(../../images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px
}
#fancybox-close,
#fancybox-loading div {
background-image: url(../../images/modalbox/fancybox.png);
position: absolute
}
#fancybox-frame,
#fancybox-img {
width: 100%;
border: none;
height: 100%
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 20104;
display: none
}
* html #fancybox-loading {
position: absolute;
margin-top: 0
}
#fancybox-loading div {
top: 0;
left: 0;
width: 40px;
height: 480px
}
#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 20100;
display: none
}
* html #fancybox-overlay {
position: absolute;
width: 100%
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 20px;
z-index: 20101;
display: none;
box-sizing: content-box
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #FFF
}
#fancybox-inner {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
outline: 0;
overflow: hidden
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: 0 0
}
#fancybox-close {
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background-position: -40px 0;
cursor: pointer;
z-index: 20103;
display: none
}
#fancybox_error {
color: #444;
font: 400 12px/20px Arial;
padding: 7px;
margin: 0
}
.u-icon,
body,
html {
-webkit-font-smoothing: antialiased
}
#fancybox-content {
height: auto;
width: auto;
padding: 0;
margin: 0
}
#fancybox-img {
padding: 0;
margin: 0;
outline: 0;
line-height: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic
}
#fancybox-frame {
position: relative;
display: block
}
#fancybox-title {
position: absolute;
bottom: 0;
left: 0;
font-family: Arial;
font-size: 12px;
z-index: 20102
}
.fancybox-title-inside {
padding: 10px 0;
text-align: center;
color: #333
}
#fancybox-title-left,
#fancybox-title-right {
padding-left: 15px;
background-repeat: no-repeat;
background-image: url(../../images/modalbox/fancybox.png)
}
.fancybox-title-outside {
padding-top: 5px;
color: #FFF;
text-align: center;
font-weight: 700
}
.fancybox-title-over {
color: #FFF;
text-align: left
}
#fancybox-title-over {
padding: 10px;
background-image: url(../../images/modalbox/fancy_title_over.png);
display: block
}
#fancybox-title-wrap {
display: inline-block
}
#fancybox-title-wrap span {
height: 32px;
float: left
}
#fancybox-title-left {
background-position: -40px -90px
}
#fancybox-title-main {
font-weight: 700;
line-height: 29px;
background-image: url(../../images/modalbox/fancybox-x.png);
background-position: 0 -40px;
color: #FFF
}
#fancybox-title-right {
background-position: -55px -90px
}
#fancybox-left,
#fancybox-right {
position: absolute;
bottom: 0;
height: 100%;
width: 35%;
cursor: pointer;
outline: 0;
background-image: url(../../images/modalbox/blank.gif);
z-index: 20102;
display: none
}
#fancybox-left {
left: 0
}
#fancybox-left-ico,
#fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 20102;
display: block
}
#fancybox-left-ico {
background-image: url(../../images/modalbox/fancybox.png);
background-position: -40px -30px
}
#fancybox-right-ico {
background-image: url(../../images/modalbox/fancybox.png);
background-position: -40px -60px
}
#fancybox-left:hover,
#fancybox-right:hover {
visibility: visible
}
#fancybox-left:hover span {
left: 20px
}
#fancybox-right:hover span {
left: auto;
right: 20px
}
.fancy-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 20001
}
#fancy-bg-n,
#fancy-bg-s {
left: 0;
width: 100%;
background-image: url(../../images/modalbox/fancybox-x.png)
}
#fancy-bg-e,
#fancy-bg-w {
height: 100%;
background-image: url(../../images/modalbox/fancybox-y.png);
top: 0
}
#fancy-bg-n {
top: -20px
}
#fancy-bg-ne {
top: -20px;
right: -20px;
background-image: url(../../images/modalbox/fancybox.png);
background-position: -40px -162px
}
#fancy-bg-e {
right: -20px;
background-position: -20px 0
}
#fancy-bg-se {
bottom: -20px;
right: -20px;
background-image: url(../../images/modalbox/fancybox.png);
background-position: -40px -182px
}
#fancy-bg-s {
bottom: -20px;
background-position: 0 -20px
}
#fancy-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(../../images/modalbox/fancybox.png);
background-position: -40px -142px
}
#fancy-bg-w {
left: -20px
}
#fancy-bg-nw {
top: -20px;
left: -20px;
background-image: url(../../images/modalbox/fancybox.png);
background-position: -40px -122px
}
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999
}
#tiptip_holder.tip_top {
padding-bottom: 5px
}
#tiptip_holder.tip_bottom {
padding-top: 5px
}
#tiptip_holder.tip_right {
padding-left: 5px
}
#tiptip_holder.tip_left {
padding-right: 5px
}
#tiptip_content {
font-size: 11px;
font-family: verdana;
color: #000;
padding: 4px 8px;
border: 1px solid #cacaca;
background-color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px
}
.cplwidget-form .hint-text,
.cplwidget-form label,
.headless-modal .heading {
font-family: Arial, Helvetica, sans-serif
}
#tiptip_arrow,
#tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #cacaca
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #cacaca
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #cacaca
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #cacaca
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: #cacaca
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: #cacaca
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: #191919;
border-right-color: rgba(25, 25, 25, .92)
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: #191919;
border-left-color: rgba(25, 25, 25, .92)
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45, 45, 45, .88)
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20, 20, 20, .92)
}
}
.tippyHeader {
position: absolute;
z-index: 9000000;
padding: 10px;
background-color: #eef5fb;
border: 1px solid #C1E1F3;
border-radius: 5px;
left: 0;
top: 200px
}
.tippyVessel {
text-decoration: none;
font-weight: 400;
font-style: normal;
color: #666
}
.tippyArrow {
position: absolute;
z-index: 1000;
width: 9px;
height: 7px;
left: 25px;
bottom: -7px;
background: url(../../images/elements/prInfoArrow.gif) no-repeat
}
.ui-widget-overlay {
filter: Alpha(Opacity=30);
background: #777;
opacity: .5
}
.headless-modal {
background: 0 0;
border: 0;
width: 750px
}
.headless-modal .close-alt {
float: right;
background: #eee;
margin: 9px 0 0 715px;
padding: 10px 14px;
cursor: pointer;
color: #444;
font-weight: 700;
border: 0;
position: absolute;
z-index: 2;
top: 0;
left: 0;
box-shadow: 2px 0 5px #555
}
.headless-modal .heading {
font-size: 16px;
text-align: center;
padding: 10px 0 20px;
color: #004276
}
.headless-modal .cplwidget-form-content,
.headless-modal .cplwidget-success-msg {
float: left;
margin: 0;
padding: 20px;
width: 660px;
border-radius: 3px 0 3px 3px
}
.headless-modal .ui-dialog-titlebar,
.headless-modal .ui-dialog-titlebar-close {
display: none
}
.headless-modal .cplwidget-form-content {
background: #fff;
box-shadow: 0 0 15px #555
}
.headless-modal li {
float: left;
width: 100%;
padding: 5px 0
}
.headless-modal .powered-by {
float: left;
width: 100%;
padding: 40px 0 0
}
.powered-by .powered-by-text {
float: left;
width: 100%;
text-align: center;
font-size: 9px;
color: #777
}
.powered-by .partnerlogo {
float: left;
width: 150px;
height: 41px;
text-align: center;
margin: 0 250px;
padding: 10px
}
.cplwidget-container {
float: left;
width: 460px;
background: #f9f9f9;
padding: 15px 0
}
.cplwidget-form {
float: left;
width: 100%
}
.cplwidget-form label {
float: left;
width: 180px;
text-align: right;
padding: 3px 2px 0 0;
font-size: 12px;
font-weight: 700;
color: #666;
margin: 0 15px 0 0
}
.cplwidget-form .selectbox,
.cplwidget-form .textbox {
float: left;
width: 219px;
border: 1px solid #d0d0d0;
padding: 3px 2px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif
}
.cplwidget-form .selectbox {
width: 225px
}
.cplwidget-form .status {
float: left;
width: 10px;
margin: 1px 0 0 8px
}
#cpl-submit {
margin-left: 197px;
width: 220px;
font-size: 12px
}
#insure-car {
width: 170px;
text-align: center
}
.cplwidget-form sup {
color: red
}
.cplwidget-form .hint-text {
float: left;
font-size: 12px;
padding: 5px;
background: #f9f9f9;
width: 175px;
visibility: hidden;
position: absolute;
color: #666
}
.cplwidget-success-msg p {
font-size: 12px;
color: #444;
width: 550px;
padding: 0 0 25px;
margin: 0 30px
}
.insurecar-img,
.insurehome-img,
.insurehome2-img {
float: left;
width: 100px;
height: 85px;
padding: 15px 0 0 5px
}
.insurecar-info {
float: left;
width: 190px;
padding: 10px 0 0 3px;
color: #004276;
font-size: 13px;
font-weight: 700
}
.insure-car-text {
padding: 0 0 10px;
float: left;
width: 100%
}
.cplwidget-form .tick {
background: url(../../images/cplwidget/tick.png) no-repeat;
width: 12px;
height: 12px;
margin: 7px 0 0
}
.cplwidget-form .cross {
background: url(../../images/cplwidget/cross.png) no-repeat;
width: 12px;
height: 12px;
margin: 7px 0 0
}
.step-2 .heading {
text-align: left;
float: left;
width: 100%;
margin-left: 30px
}
#cpl-back-to-dubizzle {
margin: 0 205px;
color: #fff;
padding: 10px 12px;
text-align: left
}
.partnerlogo2 {
margin: 0 195px;
padding: 14px 0 20px
}
.shadow {
box-shadow: inset -2px 0 3px #ddd
}
.highlight-row {
background: #EEE;
box-shadow: inset -2px 0 3px #ccc
}
.cplwidget-property-main .insure-car-text {
color: #385715;
width: 167px
}
.cplwidget-container .checkbox {
float: left
}
.cplwidget-container label[for=id_cpl-minimum_amount],
.cplwidget-container label[for=id_cpl-minimum_deposit] {
float: right;
width: 245px;
text-align: left;
margin-left: 6px
}
#id_cpl-minimum_amount,
#id_cpl-minimum_deposit {
float: right;
text-align: right;
margin-top: 8px
}
#cpl-property-modal .powered-by .partnerlogo {
width: 144px;
height: 37px;
margin: 10px 260px
}
#cpl-property-modal .heading {
color: #385715;
width: 560px
}
#cpl-property-modal #cpl-back-to-dubizzle {
margin: 0 180px;
color: #fff;
padding: 7px 40px;
text-align: left
}
.watermark-img {
position: absolute;
bottom: 10px;
left: 18px;
width: 157px;
height: 113px;
background: url(../../images/cplwidget/homematters/house-small.jpg) no-repeat
}
.insurance_provided_by {
width: 140px;
height: 39px;
padding: 5px 0 15px 5px;
margin: 0 5px
}
.provided-by-text {
color: #AAA;
font-size: 9px;
margin: 0 45px;
width: 85px;
font-family: arial, sans-serif
}
.cplwidget-pets-main .insurance_provided_by {
width: 140px;
height: 50px
}
.cplwidget-pets-main .insurecar-info {
width: 100%;
text-align: center
}
.insure-pets-text {
width: 100%;
margin: 0 60px
}
.insure-pets-text span {
width: 185px;
float: left
}
.cpl-property-adf .insure-car-text {
color: #6C5744;
margin: 0 0 0 10px
}
.cpl-property-adf .cpl-generic-link {
margin: 0 0 0 10px
}
.lang-ar .cpl-property-adf .insure-car-text {
color: #A29062;
margin: 0 10px 0 0
}
.cpl-4c-main .insurance_provided_by {
width: 150px;
height: 35px
}
.cpl-4c-main .insure-car-text {
color: #0B4E83
}
ul.as-selections {
padding: 4px 0 4px 4px;
margin: 0 12px 0 0;
overflow: visible
}
ul.as-selections.loading {
background-color: #eee
}
ul.as-selections li {
margin: 1px 4px 1px 0
}
ul.as-selections li.as-selection-item {
color: #000!important;
font-size: 11px;
font-family: "Lucida Grande", arial, sans-serif;
background-color: #F4F4F4;
border: 1px solid #eee;
padding: 2px!important;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px
}
ul.as-selections li.as-selection-item:last-child {
margin-left: 30px
}
ul.as-selections li.as-selection-item a.as-close {
float: right;
padding: 0 2px;
cursor: pointer;
color: #5491be;
font-family: Helvetica, helvetica, arial, sans-serif;
font-size: 14px;
font-weight: 700;
text-shadow: 0 1px 1px #fff;
-webkit-transition: color .1s ease-in
}
ul.as-selections li.as-selection-item.blur {
color: #666;
background-color: #f4f4f4;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#d5d5d5));
border-color: #eee
}
ul.as-selections li.as-selection-item.blur a.as-close {
color: #999
}
ul.as-selections li:hover.as-selection-item {
color: #2b3840;
background-color: #eee;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbd4f1), to(#a3c2e5));
border-color: #666
}
ul.as-selections li:hover.as-selection-item a.as-close {
color: #4d70b0;
text-decoration: none
}
ul.as-selections li.as-selection-item.selected {
border-color: #333
}
ul.as-selections li.as-selection-item a:hover.as-close {
color: #1b3c65
}
ul.as-selections li.as-selection-item a:active.as-close {
color: #4d70b0
}
ul.as-selections li.as-original {
margin-left: 0
}
ul.as-selections li.as-original input {
outline: 0;
font-size: 11px;
width: 140px;
height: 14px
}
ul.as-list {
position: absolute;
margin: 2px 0 0;
padding: 0;
font-size: 14px;
color: #000;
font-family: "Lucida Grande", arial, sans-serif;
background-color: #fff;
background-color: rgba(255, 255, 255, .95);
z-index: 2;
box-shadow: 0 0 4px #222;
-webkit-box-shadow: 0 0 4px #222;
-moz-box-shadow: 0 0 4px #222;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
li.as-message,
li.as-result-item {
margin: 0;
padding: 5px 12px;
background-color: transparent;
border: 1px solid #fff;
border-bottom: 1px solid #ddd;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
#my-container li:first-child.as-result-item {
margin: 0
}
#my-container li.as-message {
margin: 0;
cursor: default
}
#my-container li.as-result-item.active {
background-color: #BC0000;
background-image: -webkit-gradient(linear, 0 0, 0 64%, from(#6e81f5), to(#3e52f2));
border-color: #640000;
color: #fff
}
#my-container li.as-result-item em {
font-style: normal;
background: #444;
padding: 0 2px;
color: #fff
}
#my-container li.as-result-item.active em {
background: #640000;
color: #fff
}
a:focus,
a:hover,
legend span {
color: #e00000
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.as-selections {
border-top-width: 2px
}
ul.as-selections li.as-selection-item {
padding-top: 3px;
padding-bottom: 3px
}
ul.as-selections li.as-selection-item a.as-close {
margin-top: -1px
}
ul.as-selections li.as-original input {
height: 19px
}
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
ul.as-list {
border: 1px solid #888
}
ul.as-selections li.as-selection-item a.as-close {
margin-left: 4px;
margin-top: 0
}
}
ul.as-list {
border: 1px solid #888\9
}
ul.as-selections li.as-selection-item a.as-close {
margin-left: 4px\9;
margin-top: 0\9
}
ul.as-list,
x:-moz-any-link,
x:default {
border: 1px solid #888
}
BODY:first-of-type ul.as-list,
x:-moz-any-link,
x:default {
border: none
}
.as-result-item {
font-size: 11px;
padding: 3px!important
}
.as-selection-item {
font-size: 11px
}
#as-original-id_places__id__in {
margin-top: 4px;
margin-bottom: 8px
}
#as-selections-id_location_enter {
padding: 2px 0 0 2px;
width: 166px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px
}
#search ul.as-selections {
width: 360px;
float: left;
padding-left: 0;
padding-top: 0;
margin-right: 0
}
#search ul.as-selections li.as-original {
clear: both
}
#search #as_values_top_places__id__in {
width: 344px
}
html {
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
scroll-behavior: smooth
}
body {
font-size: 13px;
font-family: proxima-nova, helvetica, arial, sans-serif;
margin: 0;
padding: 0
}
#page-wrapper {
display: -ms-flexbox;
-js-display: flex;
display: flex;
min-height: 100%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
#city-scape,
#page-wrapper {
background-repeat: repeat-x;
background-position: 50% 100%
}
#container {
width: 1000px;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 auto;
z-index: 1;
background-color: #fff
}
#container.dbz-header {
width: 1152px
}
@media screen and (min-width:1260px) and (max-width:1450px) {
.classified-listing-p #container {
margin-left: 16px
}
}
@media screen and (min-width:1450px) and (max-width:1600px) {
.classified-listing-p #container {
margin-left: 150px
}
}
#dfp-onebyone {
position: absolute
}
#top-leaderboard {
margin-top: 10px;
margin-bottom: 10px;
min-height: 90px;
min-width: 728px;
background-image: url('../../images/ads/728x90 Web Leaderboard Placeholder.png');
background-repeat: no-repeat;
background-position: center;
text-align: center
}
#leaderboard-bottom {
margin-bottom: 30px;
text-align: center
}
#header {
float: left;
width: 100%;
background: #fff;
min-width: 1150px
}
.header-top-bar,
.header-top-bar.ramadan {
background-size: 128px;
background-position: center
}
#logo {
text-align: center;
height: 80px
}
#logo a {
display: block;
height: 80px;
width: 300px
}
#logo img {
color: #bc0000;
font-size: 32px
}
#header-links {
float: right;
width: 828px;
height: 85px
}
.header-top-bar {
margin: 0 auto;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
height: 80px;
background-image: url(../../images/header/dubizzle_logo_new.png);
background-repeat: no-repeat;
width: 1000px
}
.page-peel-wrapper,
.page-peel-wrapper .page-peel-right {
border: 0;
padding: 0;
background-color: none;
height: 6px;
background-repeat: no-repeat
}
.header-top-bar.ramadan {
background-image: url(../../images/seasonal/ramadan/dubizzle-ramadan-logo-2016.png);
background-repeat: no-repeat
}
.header-top-bar__left {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
font-family: proxima-nova, noto
}
.header-top-bar__left:lang(ar) {
margin-left: 0
}
.header-top-bar__right {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center
}
.header-top-bar__right:lang(ar) {
-ms-flex: none;
flex: none;
margin-left: 0
}
#customize {
float: left;
width: 332px;
margin-top: 3px;
position: relative;
color: #004276
}
.page-peel-wrapper {
float: left;
width: 1000px;
background-image: url(../../images/elements/peel-left.gif);
background-position: 10px top
}
.page-peel-wrapper .page-peel-right {
float: right;
width: 100px;
background-image: url(../../images/elements/peel-right.gif);
background-position: right top;
margin-right: 10px
}
.page-peel-wrapper-bottom {
margin-bottom: 10px
}
.main-navigation>li>a:hover,
.main-navigation>li>a:focus,
.main-navigation>li>a:active,
.main-navigation.nav>li>a:hover,
.main-navigation.nav>li>a:focus,
.main-navigation.nav>li>a:active,
.main-navigation.navbar-nav>li>a:hover,
.main-navigation.navbar-nav>li>a:focus,
.main-navigation.navbar-nav>li>a:active,
.main-navigation.navbar-right>li>a:hover,
.main-navigation.navbar-right>li>a:focus,
.main-navigation.navbar-right>li>a:active {
background-color: transparent;
color: #ffc000 !important;
}
#nav {
clear: both;
background-color: #bc0000;
color: #fff;
height: 32px
}
#content-wrapper {
clear: both
}
#dbz-body #content-wrapper {
margin: 0 auto
}
#dbz-body #content-wrapper.dbz-header {
width: 1152px
}
#dbz-body.index-p #content-wrapper {
width: 1000px
}
#dbz-body.index-p #content-wrapper.dbz-header {
width: 1152px
}
#dbz-body.index-p #container.full-width-page #content-wrapper {
width: auto
}
#content {
width: 648px;
float: left;
padding: 6px 8px
}
#sidebar {
width: 304px;
float: right
}
#home-bottom {
clear: both;
float: left;
width: 100%
}
#home-bottom-main {
float: right;
width: 756px
}
.clear {
clear: both;
height: 0;
line-height: 0
}
.gmap {
border: 1px solid #cacaca;
width: 640px;
height: 214px;
float: left
}
.mini {
width: 298px;
float: right;
height: 224px;
margin-top: -10px;
overflow: hidden
}
.loading-thingy {
position: relative;
display: block;
height: 40px;
min-width: 40px;
width: 100%;
background: url(../../images/elements/loading.gif) no-repeat;
padding: 0 25px;
margin: 10px auto;
font-size: 14px
}
fieldset {
border: 2px solid #cacaca;
margin-bottom: 10px;
margin-top: 10px;
border-radius: 6px;
padding: 10px 8px
}
legend {
font-size: 20px;
padding: 0 6px 0 30px;
color: #000;
font-weight: 700;
background-image: url(../../images/icons/star-heading.gif);
background-position: 4px -2px;
background-repeat: no-repeat;
margin-left: 3px;
width: auto
}
a {
color: #424242;
text-decoration: none
}
#email-alerts-modal #unsub-delete:hover,
.ea-onoff-actions a:hover,
a:focus,
a:hover {
text-decoration: underline
}
img {
border: none;
z-index: 1
}
.block {
clear: both
}
.delete-button {
border: 1px solid #cacaca;
cursor: hand;
cursor: pointer;
background-color: #eee;
color: #333;
font-size: 12px
}
.validation-text,
h1 {
color: #bc0000
}
.hidden,
.spec-last-item {
display: none
}
.invisible {
visibility: hidden
}
.last-item {
border-bottom: none
}
/*category-detail-style*/
.category-details .category-detail-href{
display: block;
position: relative;
}
.category-details .category-detail-href:before {
content: "featured";
top: 10px;
background-color: red;
padding: 6px;
position: absolute;
z-index: 9;
left: 0;
font-size: 21px;
color: #fff;
display:none;
}
.category-details{
background-color: hsl(0deg 0% 96%);
padding:20px;
padding-bottom: 25px;
}
.category-details img{
width:100%;
}
.category-details .grid-container {
display: grid;
grid-template-columns: auto auto auto auto;
border-bottom: 1px solid hsl(0deg 0% 87%);
padding:10px 0px;
font-size: 14px;
padding-bottom: 20px;
grid-gap: 15px;
}
.category-details .grid-container i{
color:hsl(43deg 100% 49%);
}
.category-details h5 {
border-bottom: 1px solid hsl(0deg 0% 87%);
padding: 10px 0px;
font-weight: bold;
font-size: 13px !important;
}
.category-details .grid-container-sec{
display: grid;
grid-template-columns: auto auto ;
grid-gap: 15px;
padding:10px 0px;
}
.category-details .grid-container-sec ul {
padding-left: 0;
list-style: none;
}
.category-details .grid-container-sec ul li i{
display: block;
margin-right: 5px;
font-size:5px;
color:hsl(43deg 100% 49%);
}
.category-details .grid-container-sec ul li strong{
color:hsl(80deg 7% 17%);
align-items: center;
vertical-align: bottom;
display: flex;
font-weight: 500;
}
.category-details .grid-container-sec ul li span{
display: block;
font-weight: 100;
margin-left: 5px;
}
.category-details .category-details-right-bar{
background-color:#fff;
padding:10px;
text-align:center;
height:19%;
}
.category-details .category-details-right-bar h6{
margin-top: 23%;
border-bottom:0;
margin-bottom: 0;
font-size: 15px;
font-weight: bold;
}
.category-details .category-details-right-bar h1{
color: hsl(43deg 100% 49%);
}
.category-details button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-bottom: 0;
width: 100%;
text-align: center;
color: #fff;
border: none;
background-color: #fab300;
margin-top: 15px;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
line-height: 34px;
border-radius: 6px;
padding: 2px 12px;
}
a.category-details-right-bar-a:hover {
color: #fff !important;
text-decoration: none !important;
}
.category-details-right-bar-a {
display: -webkit-box;
display: -ms-flexbox;
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-bottom: 0 !important;
width: 100%;
text-align: center;
color: #fff;
border: none;
background-color: #fab300;
margin-top: 15px !important;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
line-height: 34px;
border-radius: 6px;
padding: 2px 12px !important;
}
.category-details .category-details-right-bar p{
margin-bottom:15px;
font-size: 14px
}
.category-details .grid-container-sec ul li {
font-size: 13px;
margin-bottom: 10px;
}
/*end-category-detail-style*/
#my-container h1 {
font-size: 20px
}
#my-container h2 {
font-size: 18px
}
#my-container h3 {
font-size: 16px
}
#my-container h4 {
font-size: 14px
}
#my-container h5 {
font-size: 12px
}
#my-container h6 {
/*font-size: 11px*/
}
.breadcrumbs {
clear: both;
float: left;
margin: 12px 0 12px 14px;
font-weight: 700
}
.breadcrumbs ul {
margin: 0;
padding: 0
}
.breadcrumbs li {
margin: 0 6px 0 0;
padding: 0 0 0 12px;
float: left;
font-size: 12px;
color: #999;
background: url(../../images/elements/breadcrumb-right.gif) 0 2px no-repeat;
line-height: 11px;
font-weight: 700
}
.breadcrumbs a {
color: #004276;
font-size: 14px
}
.breadcrumbs #home {
padding-left: 0;
background-image: none
}
#eam-save-search .checkbox {
float: left;
margin: 3px 10px 30px
}
.lang-fr #eam-save-search .checkbox {
margin-bottom: 50px
}
#eam-save-search .light {
color: #666;
margin-top: 15px;
display: block;
padding-left: 35px
}
#eam-save-search-button,
#eam-switch p {
display: none
}
#email-alerts-modal {
background: url(../../images/email_alerts/alert_listings.gif) 10px center no-repeat #fff;
border-color: #bc0000;
color: #bc0000;
font-size: 14px;
font-weight: 700;
margin: 0 0 20px;
padding: 10px 10px 10px 50px
}
#email-alerts-modal.heart-ticked {
background-image: url(../../images/email_alerts/heartTicked.jpg)
}
#email-alerts-modal #unsub-delete {
border: none;
cursor: pointer;
float: right;
margin-right: 5px
}
#email-alerts-modal .styledbtn,
#loading_layer {
-moz-border-radius: 4px;
-webkit-border-radius: 4px
}
#email-alerts-modal .styledbtn {
background: url(../../images/search/gray-btn-mini.png) #bc0000;
border: none;
border-radius: 4px;
color: #FFF;
font-size: 12px;
margin-top: 10px;
padding: 3px 6px
}
#email-alerts-modal a {
float: right;
padding-right: 6px
}
#email-alerts-modal h3 {
background: url(../../images/email_alerts/alert_listings.gif) left center no-repeat;
color: #BC0000;
display: block;
font-weight: 700;
height: 19px;
margin: 0 0 8px;
padding: 5px 0 1px 45px
}
#email-alerts-modal p {
line-height: 1.4em;
padding-left: 5px
}
#email-alerts-modal p b,
.dbz-red {
color: #bc0000
}
#email-alerts-modal2 {
border-color: #bc0000;
margin: 4px 8px 0;
min-width: 350px
}
#email-alerts-modal2 h3 {
color: red;
font-weight: 700
}
#ajax_saved_search_btn,
#saved_search_btn {
background-color: #eee;
background-image: url(../../images/email_alerts/email-alert-save.gif)
}
#email_alerts-wrap {
margin: 20px 0;
text-align: center;
font-size: 16px
}
.lang-fr #email_alerts-wrap a {
line-height: 1;
padding-top: 10px;
padding-bottom: 10px
}
#email_alerts-wrap a:hover,
a.ea-onoffinactive:hover {
text-decoration: none
}
#email_alerts-wrap em {
color: #004276;
font-weight: 700
}
#heart-status-off {
margin-right: 5px
}
#loading_layer {
background: #fff;
border: 3px solid #eee;
border-radius: 4px;
display: none;
font-size: 24px;
left: 50%;
margin: -10px 0 0 -10px;
padding: 20px;
position: absolute;
top: 50%;
z-index: 9788
}
#eam-content-wrap,
#saved-search-modal {
background: #f2f2f2;
float: left;
width: 550px
}
#saved-search-modal {
font-size: 13px;
width: 400px;
background-color: #f2f2f2;
text-align: center
}
#saved-search-modal #eam-switch {
background-color: #fff;
padding: 10px 0
}
#saved-search-modal #eam-switch a {
color: #004276
}
#saved-search-modal .alertsoff p.off,
#saved-search-modal .alertson p.on {
display: block
}
.col-sm-12.center.alert.alert-danger{
font-weight:bold;
}
#saved-search-modal .button-gray {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: url(../../images/email_alerts/button-bg.jpg);
border: 1px solid #cacaca;
border-radius: 4px;
color: #004276;
display: inline-block;
font-size: 13px;
margin-top: 15px;
margin-bottom: 15px;
padding: 3px 15px;
position: relative
}
#saved-search-modal .marginated {
margin: 15px
}
#saved-search-modal .eam-content {
width: 370px
}
#save-success-modal,
.search-saved {
width: 500px;
background: #f2f2f2;
overflow: hidden
}
#save-success-modal {
float: left
}
#save-success-modal .eam-button {
float: right;
margin-top: 35px
}
#save-success-modal .eam-button:hover {
text-decoration: underline;
cursor: pointer
}
#save-success-modal img {
float: right;
margin-right: 15px;
margin-bottom: 15px
}
#save-success-modal .marginated {
margin-top: 5px
}
#save-success-modal .hide-modal-close {
display: none
}
.search-saved {
height: 270px
}
.search-saved li {
list-style-position: outside;
list-style-type: decimal;
margin-top: 15px;
margin-left: 15px
}
.search-saved .marginated {
margin: 20px
}
.search-saved .marginated .content {
float: left;
width: 240px
}
.search-saved .marginated img {
float: right
}
.search-saved ol {
float: left;
width: 200px
}
.search-saved p {
float: left;
width: 220px
}
.search-saved #do-not-show-wrap {
clear: both;
width: 100%;
float: left
}
.search-saved #do-not-show-wrap span {
position: relative;
top: 20px
}
.search-saved #do-not-show-wrap input[type=checkbox] {
margin-left: 0
}
.search-saved #gotit-button {
float: right;
margin: 22px 0 0
}
.search-saved #gotit-button:hover {
cursor: pointer;
text-decoration: underline
}
#saved-search-modal #eam-save-search {
text-align: left
}
#eam-save-search {
float: left;
width: 50%;
margin-left: 5px;
margin-top: 20px
}
#search_exists-non-js #saved-search-modal {
background-color: #fff;
float: none;
margin: 0 auto;
padding-bottom: 10px
}
.ea-onoff-actions a {
color: #004276;
cursor: pointer;
text-decoration: underline
}
.eam-button,
.eam-content .modal-button-input {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: url(../../images/email_alerts/button-bg.jpg);
border: 1px solid #cacaca;
border-radius: 4px;
color: #004276;
display: inline-block;
font-size: 13px;
margin-top: 15px;
margin-bottom: 15px;
padding: 3px 15px
}
.eam-content {
float: left;
font-size: 13px;
margin: 0;
width: 550px
}
.eam-content .clear {
clear: both
}
.eam-content .eam-login-form .form-row {
display: block;
float: left;
margin-bottom: 10px;
margin-top: 10px;
min-height: 25px;
width: 100%
}
.eam-content .eam-login-form .form-row .errorlist li {
list-style: none;
width: 215px
}
.eam-content .eam-login-form .form-row .input input.eamtxtbox {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #CCC;
border-radius: 4px;
padding: 7px 4px;
width: 290px
}
.eam-content .eam-login-form .form-row .input input.eamtxtbox:focus {
border-color: #aaa
}
#saved-search-modal .search-saved img,
.eam-content .eam-login-form .form-row .input {
float: right
}
.eam-content .eam-login-form .form-row .label {
float: left;
margin-top: 2px
}
.eam-content .eam-login-form .form-row .label label {
font-weight: 700
}
.eam-content .eam-login-form .form-row .switch {
width: 300px
}
.eam-content .eam-login-form .form-row .switch label {
clear: both;
float: left;
font-weight: 400;
margin-bottom: 3px;
width: 300px
}
.eam-content .eam-login-form .form-row .switch label:hover {
cursor: pointer
}
.eam-content .eam-login-form .form-row p {
font-weight: 400;
margin-bottom: 3px
}
.eam-content .eam-login-form .form-row span.eam-font {
color: #666;
font-weight: 400
}
.eam-content .meta {
font-weight: 400
}
.eam-content .meta em {
color: #bc0000;
font-weight: 700
}
.eam-content .modal-button-input:focus {
background: #333
}
.eam-content .modal-button-input:hover {
border-color: #000
}
.eam-content .redSep {
margin: 20px 0 5px;
text-align: center
}
.eam-content a {
color: #004276!important
}
.eam-content ol {
list-style: decimal;
margin-left: 18px
}
.eam-content ol li {
line-height: 1.4em;
margin-bottom: 16px;
padding-left: 4px
}
.eam-content p {
font-weight: 700;
line-height: 1.4em;
margin-bottom: 10px
}
.eam-content-success p {
line-height: 1.5em
}
.eam-img1 {
float: right;
margin-right: 10px
}
.mysearches-p .profile-bottom .table .info {
width: 480px
}
#heart-status-off,
#heart-status-on,
.ea-actions,
.ea-onoff-actions,
.ea-title,
.savedsearch-modal {
float: left
}
#heart-status-on {
color: #004276
}
#heart-status-off {
color: #aaa
}
a.ea-onoffinactive {
color: #ccc;
cursor: default;
text-decoration: none
}
img.searches-ea {
display: block;
margin-left: 13px;
margin-top: 5px
}
span.ea-magnifier {
float: left;
padding: 4px 2px 0 0
}
span.ea-magnifier .u-icon {
font-size: 16px
}
span.ea-onoff-actions {
margin-left: 10px;
margin-right: 15px
}
#eam-content-wrap .eam-content-success {
padding: 20px 20px 7px
}
#eam-content-wrap .eam-content-success p {
margin-bottom: 14px
}
#classified-listing-body #content {
float: right;
padding-top: 0;
padding-left: 0;
padding-right: 0;
width: auto
}
#classified-listing-body #breadcrumbs {
color: #999;
font-size: 14px;
margin: 4px 0 10px 4px;
padding-bottom: 20px
}
#classified-listing-body #refine-search-wrapper {
float: left;
width: 200px
}
#classified-listing-body #refine-search,
#classified-listing-body #your-search {
width: 194px
}
#classified-listing-body #pets-warning .warning {
margin-left: 0;
margin-bottom: 10px
}
#classified-listing-body #content .block {
clear: both;
float: left;
width: 100%
}
#classified-listing-body #search-results-fieldset .fieldset-content {
padding-left: 0;
padding-right: 0
}
#classified-listing-body #refine-search #id_places__id__in {
width: 166px
}
#classified-listing-body #refine-search ul.as-selections li.as-original input {
border: none
}
#classified-listing-body ol#map-results {
color: #bc0000;
padding-left: 20px;
margin-top: 14px
}
#classified-listing-body ol#map-results li {
clear: both;
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px dotted #cacaca;
margin-right: 2px
}
#classified-listing-body ol#map-results h3 {
margin: 0;
font-weight: 400;
display: inline;
color: #bc0000
}
#classified-listing-body ol#map-results h3 a {
color: #bc0000
}
#classified-listing-body ol#map-results .price {
float: right;
color: #333
}
#classified-listing-body p.map-hint {
background-color: #EEF5FB;
border-bottom: 1px solid #CACACA;
border-top: 1px solid #CACACA;
margin: 0;
padding: 7px 0;
text-align: center
}
#classified-listing-body #no-results {
text-align: center;
color: #bc0000;
font-size: 18px;
width: 100%;
padding: 50px 0
}
#classified-listing-body .translate {
background: url(../../images/icons/translate.gif) 0 4px no-repeat;
margin-left: 4px;
padding: 0 18px 6px 0;
cursor: pointer;
text-decoration: none
}
#classified-listing-body .auto-model-browse-in select {
margin-bottom: 2px
}
#classified-listing-body #gmapTooltips .location {
width: auto
}
#classified-listing-body .paginator-simple {
float: right;
font-weight: 400;
color: #666;
clear: both;
font-size: 14px
}
#classified-listing-body .paginator-simple strong {
color: #333
}
#classified-listing-body .paginator-simple #prev-arrow-disabled {
background: url(../../images/elements/grey-arrow-left.gif) 0 50% no-repeat;
padding: 0 2px
}
#classified-listing-body .paginator-simple #next-arrow-disabled {
background: url(../../images/elements/grey-arrow-right.gif) 0 50% no-repeat;
padding: 0 2px
}
#classified-listing-body .paginator-simple #next-arrow {
background: url(../../images/elements/dark-arrow-right.gif) 0 50% no-repeat;
padding: 0 2px
}
#classified-listing-body .paginator-simple #prev-arrow {
background: url(../../images/elements/dark-arrow-left.gif) 0 50% no-repeat;
padding: 0 2px
}
#classified-listing-body .classified-top-confirm {
margin-top: 15px;
margin-bottom: 0
}
.group-set {
margin-bottom: 14px
}
.group-header {
font-size: 18px
}
.group-sub-header {
font-size: 11px;
font-weight: 700;
padding: 8px 0 4px;
margin-bottom: 10px;
background-color: #f4f4f4;
border-bottom: 1px solid #cacaca
}
.group-content {
padding: 0 10px;
clear: both
}
.group {
margin-bottom: 12px
}
label.heading {
color: #bc0000;
display: block;
margin-bottom: 4px
}
#tiptip_holder.tip_top #tiptip_arrow {
display: none!important
}
#classified-listing-body .breadcrumb-links {
color: #777
}
#classified-listing-body .results-list a.listing-favorite-icon {
font-size: 19px;
display: -ms-flexbox!important;
-js-display: flex!important;
display: flex!important;
-ms-flex-align: end;
align-items: flex-end;
color: #989898
}
.listing-favorite-icon {
background-color: #fff;
border: none
}
.vin-report .awesome {
display: inline-block;
height: 27px;
line-height: 29px;
font-size: 12px;
padding: 0 10px;
background: #e00000;
border-radius: 4px;
color: #fff;
font-weight: 600;
text-decoration: none!important
}
.vin-report .awesome i {
background: url(../../images/icons/report-icon.png) no-repeat;
padding-left: 10px;
padding-right: 0;
padding-bottom: 1px;
margin-left: 0;
margin-right: 5px
}
.premium-badge {
padding: 1px;
background: #eff0f1;
display: -ms-flexbox;
-js-display: flex;
display: flex;
height: 1.65rem;
width: 6rem;
border-radius: 15px
}
#classified-listing-body #content-wrapper {
padding-left: 0;
overflow: hidden
}
#search-widget-wrapper {
float: left;
width: 202px;
margin-top: 25px
}
#search-widget-ad {
margin-left: 12px
}
#search-widget {
background-color: #f5f5f5;
border-radius: 6px;
float: left;
padding: 12px;
/*width: 202px;*/
width:100%;
box-sizing: border-box
}
#search-widget input:not([type=submit]),
#search-widget label,
#search-widget select {
font-family: proxima-nova, noto, helvetica, arial, sans-serif;
font-size: 13px;
line-height: 1.5;
box-sizing: border-box
}
#search-widget-wrapper:lang(ar) #search-widget select {
height: 28px
}
#search-widget #email_alerts-top-wrap {
float: right
}
#search-widget #email_alerts svg {
position: relative;
top: 2px;
width: 12px
}
#search-widget #email_alerts svg path{
stroke: #2b2d2e;
}
#search-widget #search-header {
color: #333;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: 12px
}
#search-widget input:not([type=submit]) {
border: 1px solid #a6a6a6;
padding: 2px 8px 1px;
border-radius: 4px
}
#search-widget select {
background: #fff;
width: 100%;
cursor: pointer
}
#search-widget .heading {
color: #2b2d2e;
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 4px
}
#search-widget .clear-link {
float: right;
color: #004276;
font-size: 11px
}
#search-widget .clear-link:hover {
text-decoration: underline;
cursor: pointer
}
#search-widget .seperator {
border-top: 1px dotted #c3c3c3;
margin-bottom: 8px;
height: 10px;
margin-top: 8px
}
#search-widget .range-fields-inputs {
display: -ms-flexbox;
-js-display: flex;
display: flex
}
#search-widget .range-fields-inputs input,
#search-widget .range-fields-inputs select {
width: calc(50% - 4px)
}
#search-widget .range-fields-inputs input:first-child,
#search-widget .range-fields-inputs select:first-child {
margin-right: 4px
}
#search-widget .range-fields-inputs input:last-child,
#search-widget .range-fields-inputs select:last-child {
margin-left: 4px
}
#search-widget .range-fields-inputs input:first-child:lang(ar),
#search-widget .range-fields-inputs select:first-child:lang(ar) {
margin-right: 0;
margin-left: 4px
}
#search-widget .range-fields-inputs input:last-child:lang(ar),
#search-widget .range-fields-inputs select:last-child:lang(ar) {
margin-left: 0;
margin-right: 4px
}
#search-widget #id_places__id__in,
#search-widget .text-field {
width: 100%
}
#search-widget .checkboxes {
font-size: 11px
}
#search-widget .relative label {
display: block;
left: 0;
margin-top: 0
}
#search-widget ul {
margin: 0;
padding: 0
}
#search-widget li {
list-style-type: none;
margin-bottom: 4px
}
#search-widget li label {
cursor: pointer;
color: #333
}
#search-widget li label:hover {
color: #107dd6
}
#search-widget input[type=checkbox] {
margin: 0 2px 0 0
}
.lang-ar #search-widget li {
padding-left: 0;
padding-right: 3px
}
#search-widget .more-options {
color: #107dd6;
cursor: pointer;
margin: 6px 0 0 14px
}
#search-widget #clear-search-link,
#search-widget #div_year__gte {
margin-right: 6px
}
#search-widget .more-options:hover {
text-decoration: underline
}
#search-widget .fields {
margin-top: 12px
}
#search-widget #keywords,
#search-widget .group,
#search-widget .range-fields {
margin-bottom: 16px
}
#search-widget #div_year__gte,
#search-widget #div_year__lte {
float: left;
width: 85px
}
#search-widget .no-arrow .search-dropdown {
background: 0 0
}
#advanced-search-content input#search-button-mini,
#search-widget #email_alerts,
#search-widget #search-button {
width: 100%;
margin-bottom: 8px
}
#search-widget #search-button {
font-weight: 600
}
#search-widget #advanced-search-header {
color: #3b4245;
cursor: pointer;
padding: 12px;
transition: background-color .2s;
margin: 8px -12px -12px;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: space-between;
}
#search-widget #advanced-search-header:hover {
background: rgba(0, 0, 0, .1)
}
#search-widget #advanced-search-header-button {
background-color: transparent;
border: none;
color: #3B4245;
font-size: 15px;
font-weight: 700;
cursor: pointer;
margin: 0;
padding: 0;
pointer-events: none;
}
#search-widget #advanced-search-header span {
font-size: 15px;
float: right;
font-weight: 400
}
#search-widget #advanced-search-content select {
margin-bottom: 0
}
#search-widget #advanced-search-content {
margin-top: 24px
}
#search-widget #search-loading-icon {
height: 90px;
width: 172px;
display: none;
position: absolute;
margin-top: 4px;
z-index: 5543
}
#search-widget #search-loading-icon span {
background: url(../../images/elements/loading.gif) 50% 50% no-repeat #FFF;
display: block;
height: 35px;
margin: 0 auto;
text-align: center;
width: 45px;
z-index: 5544;
border-radius: 6px
}
#search-widget .hidden-element {
display: none
}
#search-widget .widget-dropdown {
margin-bottom: 12px
}
#search-widget .search-action-link {
display: block;
text-align: center
}
#search-widget .search-action-link a {
text-transform: capitalize
}
#search-widget .search-action-link svg {
position: relative;
top: 4px
}
#search-widget .buidling-input-original,
#search-widget .building_input_autocomplete {
border: 1px solid #cacaca;
font-size: 11px;
height: 19px;
padding: 2px;
width: 168px!important
}
@-moz-document url-prefix() {
#search-widget .buidling-input-original,
#search-widget .building_input_autocomplete {
font-size: 11px!important
}
}
#search-widget .buidling-input-original::-webkit-input-placeholder {
color: #111
}
#search-widget .buidling-input-original:-moz-placeholder {
color: #111
}
#search-widget .buidling-input-original:-ms-input-placeholder {
color: #111
}
#div_company_item_id input {
width: 168px
}
#search-widget .as-selections {
position: relative;
margin: 0;
padding: 36px 0 0
}
#search-widget .as-selections.loading {
opacity: 1;
background: 0 0
}
#search-widget .as-selections li {
width: 100%
}
#search-widget .as-selections li.as-original {
position: absolute;
top: 0
}
#search-widget .as-selections #as_values_id_auto_agent__id__in,
#search-widget .as-selections #as_values_id_places__id__in {
border: 1px solid #b6b8b9;
padding: 4px 7px;
height: auto;
border-radius: 6px;
width: 100%
}
#search-widget #as_values_id_places__id__in {
height: auto;
width: 100%;
border: 1px solid #a6a6a6;
padding: 3px 10px;
margin: 0;
border-radius: 5px
}
#advanced-search-content .range-fields,
#div_auto_agent__id__in {
position: relative
}
#auto_agent_more_choices {
color: #107dd6;
cursor: pointer;
margin: 6px 0 0 14px
}
#search-widget .as-results {
position: absolute;
top: 0;
margin-top: 57px;
max-height: 100px;
z-index: 1000
}
#search-widget .as-results ul.as-list {
border: 1px solid #a6a6a6;
border-radius: 5px;
max-height: 193px;
overflow-y: auto;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .24)
}
#search-widget .as-results li.as-message,
#search-widget .as-results li.as-result-item {
padding: 4px 10px!important;
color: #2b2d2e;
margin: 0!important;
border-left: 0 none;
border-right: 0 none;
border-top: 0 none;
border-radius: 0;
background-color: #fff;
transition: background-color .2s ease;
font-size: 11px
}
#search-widget .as-results li.as-message {
color: #e00000
}
#search-widget .as-results li.as-result-item.active {
background-color: #fff;
background-image: none;
border-color: #ddd
}
#search-widget .as-results li.as-result-item:hover {
background-color: #f5f5f8
}
#search-widget .as-results li.as-result-item:active {
background-color: #eef0f1
}
#search-widget .as-selections li.as-selection-item,
#search-widget .as-selections li.as-selection-item.blur,
#search-widget .as-selections li.as-selection-item:hover {
background-image: none!important
}
#search-widget .as-selections li.as-selection-item {
padding: 3px 10px!important;
border: 1px solid #b6b8b9;
border-radius: 5px;
position: relative;
line-height: 1em
}
#search-widget .as-selections li.as-selection-item a.as-close,
#search-widget .as-selections li.as-selection-item:hover a.as-close {
box-shadow: none;
text-shadow: none;
font-family: proxima-nova;
height: 12px;
width: 12px;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
right: 1px;
position: absolute;
transition: all .2s ease
}
#search-widget .as-selections li.as-selection-item a.as-close:lang(ar) {
right: auto;
left: 1px
}
#search-widget .as-selections li.as-selection-item a.as-close:hover {
background: #eef0f1;
border-radius: 50%;
text-decoration: none;
box-shadow: inset 1px 2px 20px 0 rgba(0, 0, 0, .17);
color: #2b2d2e
}
#search-widget .as-selections li.as-selection-item a.as-close:active {
background: #b6b8b9
}
#listing-results {
float: left;
/* width: 762px;*/
width:100%;
margin-top: 14px;
/*padding: 0 16px*/
}
#listing-results .group-header {
padding: 10px 0;
overflow: hidden
}
#listing-results .group-sub-header {
overflow: hidden;
background: 0 0;
border: none;
padding: 10px 0 30px;
margin: 0
}
#listing-results #results-top {
padding-bottom: 50px;
border-bottom: 1px solid #cacaca;
float: left;
}
#listing-results h1,
#listing-results h2:not(.site-description):not(.featured-ad-title):not(.title-wrap):not(.results-listing-title) {
font-size: 24px;
margin: 0;
padding: 6px 0;
color: #333
}
#listing-results #view-as-links {
float: left;
font-weight: 400;
font-size: 14px
}
#listing-results #view-as-links a {
color: #004276;
cursor: pointer;
font-size: 14px
}
#listing-results #view-as-links a.active {
color: #000
}
#listing-results #sort {
font-size: 14px;
width: 13%;
float: right;
}
#listing-results #sort select {
margin-left: 0px;
background-color: #fff
}
#listing-results .group-content {
clear: none;
padding: 0;
overflow: hidden;
padding-bottom: 40px;
}
#listing-results .site-heading {
padding-top: 6px;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 30px
}
#listing-results .site-heading__title {
line-height: inherit;
padding: 0
}
#listing-results .site-heading__results-count {
margin-left: 4px;
line-height: inherit
}
#listing-results h2.site-description,
#listing-results p.site-description {
line-height: 1.4;
color: #626465;
font-weight: 400;
font-size: 16px
}
#listing-results span.results-count {
line-height: 1.4;
color: #626465;
font-size: 17px;
font-weight: 400
}
#listing-results span.separator {
line-height: 1.4;
color: #626465;
font-size: 17px;
font-weight: 900;
display: inline-block;
margin: 0 4px
}
#browse_in_widget {
border-radius: 6px;
border: 1px solid #eef0f1 !important;
overflow: hidden;
margin: 0 0 30px;
padding: 12px 16px 4px
}
#browse_in_widget h4 {
margin: 0;
padding: 0;
font-weight: 400;
color: #004276;
float: left;
width: 690px
}
#browse_in_widget .breadcrumb-separator {
color: #e00000
}
#browse_in_widget #browse-in-show-hide {
float: right;
cursor: pointer;
font-size: 14px;
color: #000
}
#browse_in_widget .browse_in_list {
padding-top: 8px;
clear: both
}
#browse_in_widget #hide,
#browse_in_widget #show {
display: -ms-flexbox;
-js-display: flex;
display: flex
}
#browse_in_widget .browse_in_widget_col {
width: 33.33%;
margin: 0;
padding: 0;
list-style: none
}
#browse_in_widget .browse_in_widget_col.col-span-2 {
width: 50%
}
#browse_in_widget .browse_in_widget_col li {
padding: 1px 1px 1px 0;
margin-bottom: 4px;
color: #004276
}
#browse_in_widget .browse_in_widget_col a {
color: #107dd6
}
.browse-in-category-list-toggle {
text-align: center;
margin-top: 10px;
margin-bottom: 4px
}
#browse_in_widget #show-all-link {
text-align: center;
margin-top: -8px
}
#browse_in_widget #show-all-link a,
.browse-in-category-list-toggle a {
color: #2b2d2e;
font-weight: 600;
padding: 6px 12px;
border-radius: 6px;
transition: all .2s
}
#browse_in_widget #show-all-link a {
display: inline-block
}
#browse_in_widget #show-all-link a:active,
#browse_in_widget #show-all-link a:focus,
#browse_in_widget #show-all-link a:hover,
#browse_in_widget #show-all-link a:visited,
.browse-in-category-list-toggle a:active,
.browse-in-category-list-toggle a:focus,
.browse-in-category-list-toggle a:hover,
.browse-in-category-list-toggle a:visited {
text-decoration: none
}
#browse_in_widget #show-all-link a:hover,
.browse-in-category-list-toggle a:hover {
color: #000;
background: rgba(0, 0, 0, .05)
}
#browse_in_widget .hightlight {
font-weight: 700
}
#browse_in_widget span {
color: #000;
margin-right: 4px
}
#browse_in_widget #browse_in_breadcrumb {
font-size: 14px
}
#browse_in_widget #browse_in_breadcrumb div {
color: #1270ec
}
#browse_in_widget #browse_in_breadcrumb a {
color: #1270ec;
padding: 0 2px
}
#browse_in_widget strong {
color: #626465
}
#browse_in_widget #browse-in-category-list {
border-top: 1px solid #eef0f1;
width: 100%;
margin-top: 8px;
float: left
}
#browse_in_widget #browse-results-in {
clear: both
}
.seo_itemscope {
display: inline
}
.seo_itemscope .seo_itemprop-title {
display: none
}
#classified-detail-body #browse_in_widget {
width: 744px;
margin-top: 6px;
margin-bottom: 8px;
font-size: 12px
}
#classified-detail-body #browse_in_widget span {
margin-bottom: 4px;
margin-right: 0;
padding: 6px
}
#classified-detail-body #browse_in_widget #browse_in_breadcrumb {
padding: 0;
line-height: 26px;
width: 588px;
font-size: 14px;
color: #335e94
}
#classified-listing-body #browse_in_widget #browse_in_breadcrumb {
float: left
}
#browse_in_widget .job_roles_widget .browse_in_widget_col .job-role-text {
color: #107dd6;
font-weight: 400
}
#browse_in_widget .browse-list-tabs {
width: 100%;
clear: both;
margin-top: 32px;
border-top: 1px dotted #cacaca
}
#browse_in_widget .browse-list-tabs+#browse-in-category-list {
margin-top: 0
}
#browse_in_widget .browse-list-tabs>.list-tabs-links {
display: inline-block;
padding: 13px 4px;
color: #004276
}
#browse_in_widget .browse-list-tabs>.hover {
border-bottom: 2px solid #333;
margin-bottom: -2px;
text-decoration: none;
color: #000
}
#browse_in_widget .browse-list-tabs>.active {
color: #000;
font-weight: 700;
border-bottom: 2px solid #333;
margin-bottom: -2px
}
#browse_in_widget .browse-list-tabs>.no-hover {
border-bottom: 0;
margin-bottom: 0
}
#browse_in_widget .browse-list-tabs>.all-roles-link {
float: right;
margin-right: 0;
padding-right: 0;
font-size: 11px;
color: #004276
}
#browse_in_widget .all-roles-wrapper {
float: right;
font-size: 14px;
margin: 0 12px
}
#browse_in_widget .all-roles-wrapper:lang(ar) {
float: left
}
#roles-pagination {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 16px 0
}
#roles-pagination a {
margin: 0 2px;
border-width: 1px;
border-style: solid;
border-radius: 50%;
padding: 0 10px;
line-height: 36px;
min-width: 38px;
text-align: center;
text-decoration: none;
display: block;
box-sizing: border-box;
transition: all .2s
}
#roles-pagination a:hover {
background-color: #626465;
color: #fff;
border-color: #626465
}
#roles-pagination a.selected {
background-color: #e00000;
border-color: #e00000;
color: #fff
}
#classified-listing-body #search-results {
clear: both;
margin-top: 16px
}
#classified-listing-body #search-results legend span {
color: #BC0000
}
#classified-listing-body #search-results fieldset {
padding: 10px 0
}
#classified-listing-body #search-results legend {
margin-left: 10px
}
#classified-listing-body #results-header {
border-bottom: 2px solid #CACACA;
height: 34px;
background: url(../../images/gradients/listings-header-bg.gif)
}
#classified-listing-body #results-header .pagination-simple {
float: left;
margin-left: 26px;
margin-top: 13px;
font-size: 11px;
width: 200px;
color: #666
}
#classified-listing-body #results-header .arrows {
background-repeat: no-repeat;
padding: 0 4px;
text-decoration: none;
margin-top: 1px
}
#classified-listing-body #results-header #prev-arrow {
background-image: url(../../images/elements/red-arrow-left.gif)
}
#classified-listing-body #results-header #next-arrow {
background-image: url(../../images/elements/red-arrow-right.gif);
margin-left: 3px
}
#classified-listing-body #results-header #prev-arrow-disabled {
background-image: url(../../images/elements/grey-arrow-left.gif)
}
#classified-listing-body #results-header #next-arrow-disabled {
background-image: url(../../images/elements/grey-arrow-right.gif);
margin-left: 3px
}
#classified-listing-body #search-results #results-header {
margin-bottom: 10px;
border-top: 1px solid #cacaca
}
#classified-listing-body #search-results #results-header #tabs {
float: left;
width: 250px;
margin-left: 40px
}
#classified-listing-body #search-results #results-header #tabs span {
display: block;
padding: 0 0 0 32px
}
#classified-listing-body #search-results #results-header #list-view {
width: 110px
}
#classified-listing-body #search-results #results-header #list-view span {
padding: 0 0 0 44px
}
#classified-listing-body #search-results #results-header #sort {
float: right;
font-size: 11px;
width: auto;
color: #666;
margin-top: 8px;
padding-right: 9px;
margin-right: 10px
}
#classified-listing-body #search-results #results-header #sort label {
margin-right: 4px;
font-weight: 700
}
#classified-listing-body #search-results #results-header #sort select {
background: #fff;
border: 1px solid #cacaca;
font-size: 11px;
color: #666;
height: 15px
}
#classified-listing-body #search-results #results-header .view-button {
float: left;
width: 106px;
height: 34px;
line-height: 34px;
border: 1px solid #cacaca;
border-bottom: none;
font-size: 12px;
font-weight: 700;
color: #fff;
background: url(../../images/gradients/listings-header-inactive-bg.gif);
border-top: none
}
#classified-listing-body #search-results #results-header .view-button span {
cursor: pointer
}
#classified-listing-body #search-results #results-header .active {
border: 1px solid #cacaca;
background-image: none;
background-color: #fff;
color: #333;
border-bottom: none;
padding-bottom: 2px;
border-top: none
}
#classified-listing-body #search-results #results-header #list-view span {
background: url(../../images/icons/list-inactive.gif) 10px 50% no-repeat
}
#classified-listing-body #search-results #results-header #map-view span {
background: url(../../images/icons/map-inactive.gif) 10px 50% no-repeat
}
#classified-listing-body #search-results #results-header .active#list-view span {
background: url(../../images/icons/list-active.gif) 10px 50% no-repeat
}
#classified-listing-body #search-results #results-header .active#map-view span {
background: url(../../images/icons/map-active.gif) 10px 50% no-repeat
}
#classified-listing-body .results-list {
clear: both;
padding: 12px 0 4px
}
#classified-listing-body .results-list .item-title {
margin-bottom: 8px;
margin-top: 5px
}
#classified-listing-body .results-list .results-listing-title {
color: #BC0000;
float: left;
font-size: 14px;
font-weight: 700;
margin: 0 0 4px;
position: relative;
width: 530px
}
#classified-listing-body .results-list .results-listing-title:lang(ar) {
float: right
}
#classified-listing-body .results-list .results-listing-title a {
color: #3b4245;
padding: 0 1px;
font-size: 16px
}
#property-listings-footer {
margin-top: 10px
}
#property-listings-footer .extras {
border-top: 1px solid #e1e1e1;
overflow: hidden;
margin-bottom: 10px;
margin-top: 30px
}
#property-listings-footer .extras h2 {
color: #bc0000;
font-size: 15px;
background: left center no-repeat;
margin: 0;
padding-left: 25px
}
.lang-ar #property-listings-footer .extras h2 {
padding-left: 0;
padding-right: 25px;
background-position: right center
}
#property-listings-footer .extras p {
clear: both;
font-size: 14px;
word-wrap: break-word
}
#property-listings-footer .extras a {
text-decoration: underline
}
#property-listings-footer .extras .related-searches,
#property-listings-footer .extras .save-search {
float: left
}
.lang-ar #property-listings-footer .extras .related-searches,
.lang-ar #property-listings-footer .extras .save-search {
float: right
}
#property-listings-footer .extras .save-search {
width: 240px;
margin: 30px
}
#property-listings-footer .extras .save-search h2 {
background-image: url(../../images/email_alerts/email-alert-save.gif)
}
#property-listings-footer .extras .related-searches {
width: 430px;
margin: 30px 0
}
#property-listings-footer .extras .related-searches h2 {
background-image: url(../../images/icons/prSrch.png)
}
.translate-tooltip,
.translate-tooltip-detail {
background: url(../../images/elements/translate-tooltip.gif) no-repeat;
height: 46px;
width: 336px
}
.translate-link {
position: relative
}
.translate-link .translate-link-text {
color: #004276
}
.translate-tooltip {
margin-top: -54px;
position: absolute
}
.translate-tooltip-detail {
margin-top: -44px;
position: absolute;
left: 54%
}
.exports-badge,
.exports-badge-dpv,
.exports-badge-featured,
.exports-badge-highlighted {
line-height: 1.3;
color: #0d55cf;
border-radius: 4px;
background-color: #cce6ff;
padding: 4px 8px;
font-size: 11px;
font-weight: 600
}
.exports-badge {
float: right;
position: absolute;
right: 0;
top: 46px
}
.exports-badge:lang(ar) {
float: left;
left: 0;
right: initial
}
.exports-badge-featured {
float: left
}
.exports-badge-featured:lang(ar) {
float: right
}
.exports-badge-highlighted {
position: absolute;
right: 0;
top: 0
}
.exports-badge-highlighted:lang(ar) {
left: 0;
right: initial
}
.exports-badge-dpv {
float: left;
position: absolute
}
.exports-badge-dpv:lang(ar) {
float: none;
position: relative
}
.classified-detail-include-p #title .translate-tooltip,
.classified-detail-include-p #title .translate-tooltip-detail {
right: 0;
margin-right: 8px
}
#classified-listing-body .item-title .translate-tooltip,
#classified-listing-body .results-list-gmap .translate-tooltip,
.classified-detail-include-p #title .translate-tooltip-detail {
margin-right: 4px;
right: 0
}
#classified-listing-body .translate-link {
font-size: 11px;
margin-left: 2px;
margin-top: 1px;
float: left
}
#classified-listing-body .results-list .autotrans a {
background-color: #FEEDED
}
#classified-listing-body .results-list .autotrans a .title {
padding-left: 3px
}
#classified-listing-body .results-list .item-title .title-translate-link {
color: #333;
font-size: 10px;
padding: 3px;
cursor: pointer;
margin-left: 5px
}
#classified-listing-body .results-list .item-title .title-translate-link a {
color: #004276
}
#classified-listing-body .results-list .item-title .autotrans {
background-color: #feeded;
display: inline;
float: left;
position: relative
}
#classified-listing-body .results-list-gmap .title-translate-link {
color: #333;
font-size: 10px;
padding: 3px;
cursor: pointer;
margin-left: 5px
}
#classified-listing-body .results-list-gmap .title-translate-link a {
color: #004276
}
#classified-listing-body .results-list-gmap .autotrans {
background-color: #feeded;
display: inline;
position: relative
}
#classified-listing-body .results-list-gmap {
width: 744px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin: 15px auto;
padding-top: 15px
}
#classified-listing-body .results-list .price {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
float: right;
color: #e00000;
font-weight: 600;
width: 170px;
text-align: right;
font-family: proxima-nova, GESS, helvetica, arial, sans-serif
}
#classified-listing-body .results-list .price .selling-price__text {
font-size: 10px;
color: #626465;
font-weight: 400;
padding: 0 16px;
margin-top: -10px
}
#classified-listing-body .results-list .converted-price {
color: #777
}
#classified-listing-body .results-list .thumb {
position: relative;
float: left;
width: 160px;
margin-right: 10px;
margin-bottom: 10px;
clear: both
}
#classified-listing-body .results-list .thumb img:not(.img-thumb) {
float: left;
border: 1px solid #cacaca;
padding: 4px;
margin-right: 10px;
width: 160px;
max-height: 106px;
height: 106px
}
#classified-listing-body .results-list .thumb .image-count {
background-color: #333;
color: #fff;
font-size: 10px;
left: 0;
bottom: 0;
margin-left: 5px;
margin-bottom: 5px;
padding: 2px 5px;
position: absolute
}
.results-list .description {
font-size: 12px;
float: left;
width: 565px
}
#classified-listing-body .results-list .descriptionindented {
font-size: 12px;
float: left;
width: 715px;
padding-left: 0
}
#classified-listing-body .results-list .has_photo .thumb {
margin-right: 20px
}
#classified-listing-body .results-list .date {
margin: 0 0 17px;
color: #3b4245
}
#classified-listing-body .results-list .breadcrumbs {
margin: 0;
color: #3b4245;
font-size: 14px;
line-height: 1
}
#classified-listing-body .results-list .feature {
list-style: none;
margin: 0;
padding: 0
}
#classified-listing-body .results-list .features {
margin: 0;
padding: 0;
list-style: none;
float: left;
font-size: 12px
}
#classified-listing-body .results-list .listing-agent {
display: table;
height: 75px;
top: 80px;
position: absolute;
right: 0
}
#classified-listing-body .results-list .listing-agent:lang(ar) {
left: 0;
right: initial
}
#classified-listing-body .results-list .listing-agent a {
width: 85px;
height: 35px;
display: table-row;
vertical-align: middle;
outline: 0;
overflow: hidden
}
#classified-listing-body .results-list .listing-agent img {
max-width: 85px;
max-height: 35px;
border: 0;
outline: 0;
display: block;
display: table-cell;
vertical-align: middle
}
#classified-listing-body .results-list .item-controls {
float: right
}
#classified-listing-body .results-list .item-controls span {
display: block;
float: left;
margin-right: 12px
}
#classified-listing-body .results-list .watchlist .details-watching-this {
background: url(../../images/icons/check-active.gif) no-repeat
}
#classified-listing-body .results-list .report-this-button {
width: 18px;
height: 24px
}
#classified-listing-body #place-an-ad-bar {
position: relative;
background-color: #eee;
color: #6b6d70;
margin: 4px 0 20px;
padding: .5em .8em;
font-size: 18px;
font-weight: 700;
overflow: hidden;
line-height: 24px
}
#classified-listing-body #place-an-ad-bar a {
float: right;
padding: .5em 4em .8em;
color: #ca0008;
border: 1px solid;
background-color: #fff;
border-radius: 3px;
font-size: 14px;
line-height: 1
}
#classified-listing-body #place-an-ad-bar a:hover {
text-decoration: none
}
.sell-my-car-wrapper .sell-my-car-btn {
position: absolute;
right: 16px;
top: calc(50% - 20px);
padding: 1em 4em .8em!important;
max-width: 190px
}
.sell-my-car-wrapper .sell-my-car-btn:hover {
text-decoration: none
}
.sell-my-car-wrapper .sell-my-car-btn:lang(ar) {
right: auto;
left: 16px
}
.sell-my-car-wrapper h6 {
font-weight: 700;
font-size: 20px;
margin: 0
}
.sell-my-car-wrapper p {
font-weight: 400;
font-size: 14px;
margin: 8px 0 0
}
.adsense__container {
box-sizing: border-box;
margin: 5px auto
}
.adsense__container #adblock_atf,
.adsense__container #adblock_btf {
height: auto!important
}
#classified-listing-body .results-list .features li {
padding: 0;
list-style: none;
margin: 0 80px 5px 0;
color: #3b4245
}
#classified-listing-body .results-list .featured h3:before {
background-image: url(../../images/icons/icons-listing_page_actions.png);
width: 16px;
height: 16px;
content: "";
display: block;
float: left;
margin: 0 4px 0 0;
background-position: -16px -60px
}
#classified-listing-body .results-list .featured .thumb {
position: relative;
float: left;
width: 256px;
margin-bottom: 10px;
clear: both
}
#classified-listing-body .results-list .featured .thumb img {
float: left;
border: 1px solid #cacaca;
padding: 4px;
margin-right: 10px;
width: 256px;
max-height: 152px;
height: 152px;
background-color: #fff
}
#classified-listing-body .results-list .featured .description {
font-size: 12px;
float: left;
width: 438px
}
#classified-listing-body .results-list .featured .thumb .image-count {
background-color: #333;
color: #fff;
font-size: 10px;
left: 0;
bottom: 0;
margin-left: 5px;
margin-bottom: 5px;
padding: 2px 5px;
position: absolute;
width: 45px
}
#classified-listing-body .results-list .featured .thumb {
margin-right: 20px
}
#classified-listing-body .results-list .featured .listing-agent {
float: right;
text-align: right
}
#classified-listing-body .results-list .featured .location {
margin-top: 12px;
position: absolute;
width: 464px
}
#classified-listing-body .results-list .featured .location:before {
margin: -2px 11px 0 0
}
#classified-listing-body .results-list .featured {
background-color: #f7f7f7;
border-bottom: 2px solid #CACACA;
border-top: 2px solid #CACACA;
float: left;
left: -10px;
margin: 0;
padding: 10px;
position: relative;
width: 742px;
top: -15px
}
#classified-listing-body .results-list .featured .breadcrumbs {
clear: both;
color: #666;
font-size: 11px;
margin: 3px 0 0 5px
}
#classified-listing-body .results-list .featured .date {
padding: 0 0 0 5px
}
#classified-listing-body .results-list .featured .features {
margin: 10px 0 0
}
#classified-listing-body .results-list .featured-inline {
float: left;
width: 462px
}
#classified-listing-body .results-list .list-item-wrapper {
border-bottom: 1px solid #d8d9da
}
#classified-listing-body .results-list .list-item-wrapper:last-child {
margin-bottom: 30px
}
#classified-listing-body .results-list .item {
margin: 10px 0;
position: relative
}
#classified-listing-body .results-list .paid-featured-item {
padding-left: 10px
}
#classified-listing-body .results-list .listing-agent {
float: right;
text-align: right
}
#classified-listing-body .location {
clear: both;
font-size: 12px;
width: 500px;
margin: 10px 0 0;
padding: 2px 0 0
}
#classified-listing-body .location .u-icon {
position: relative;
top: 4px;
display: inline-block
}
#classified-listing-body .results-list .item-controls {
margin: 5px 0 0
}
#classified-listing-body .results-list .item-controls a {
display: block;
float: left;
text-decoration: none;
position: relative;
width: 24px;
height: 31px;
background-repeat: no-repeat;
background-position: 7px 13px
}
#classified-listing-body .results-list .item-controls .report-this .report-this-button {
background-color: #fff;
border: none;
background-repeat: no-repeat;
background-position: center;
background-image: url(../../images/icons/report_icon.png)
}
#classified-listing-body .results-list .item-controls .report-this .report-this-button:hover {
background-image: url(../../images/icons/report_icon_hover.png)
}
#classified-listing-body .results-list .item-controls .details-watch-this {
background-image: url(../../images/icons/wish_list_icon.png);
background-position: 7px 16px
}
#classified-listing-body .results-list .item-controls .details-watch-this:hover {
background-image: url(../../images/icons/wish_list_icon_hover.png)
}
#classified-listing-body .results-list .featured-inline .location {
width: auto
}
#classified-listing-body .results-list .featured-inline .item-controls {
margin: 8px 0 0
}
#classified-listing-body .results-list .featured-inline h3 {
width: 336px
}
#classified-listing-body .results-list .featured-inline .features li {
width: 135px;
padding: 0 20px 0 3px
}
#classified-listing-body .results-list .thumb a {
width: 168px;
height: 114px;
display: block
}
#classified-listing-body .results-list .thumb div {
background-size: cover;
background-position: 50%;
width: 100%;
height: 100%
}
#classified-listing-body .results-list .thumb img.img-thumb {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
#listing-results .paid-featured-item {
border-left-width: 3px;
border-style: solid
}
#listing-results .paid-featured-item .item-controls {
margin: 5px 15px 0 0
}
#listing-results .featured-motors {
border-color: #7C6085
}
#listing-results .premium-motors {
border-color: #D89B3F
}
#listing-results .feature-text,
.badges-motors {
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 2px 10px 3px;
border-radius: 12px
}
.badge {
border-radius: 16px;
background-color: #eef0f1;
white-space: nowrap;
padding: 0 16px;
margin: 2px;
line-height: 24px
}
#listing-results .featured-classified {
border-color: #68BD45
}
#listing-results .featured-jobs {
border-color: #F2643E
}
#listing-results .featured-community {
border-color: #3f80A3
}
#listing-results .featured-jobs-wanted {
border-color: #F2643E
}
.cvs-promotion {
padding: 20px 40px;
border-radius: 2px
}
.cvs-promotion--lpv,
.cvs-promotion--search {
background-color: #3B4245
}
.cvs-promotion--dpv {
display: none;
position: fixed;
top: 30%;
background-color: #fff
}
.cvs-promotion__header {
min-height: 64px;
border-bottom: 1px solid #333
}
.cvs-promotion-head {
width: 70%;
font-size: 18px;
color: #fff;
font-weight: 800;
display: inline-block;
float: left
}
.cvs-promotion--search .cvs-promotion__header {
border-bottom-style: none
}
.cvs-promotion--dpv .cvs-promotion-feature__description,
.cvs-promotion--dpv .cvs-promotion-feature__title,
.cvs-promotion--dpv .cvs-promotion-head {
color: #000
}
.cvs-promotion--dpv .close-button {
font-size: 30px;
font-weight: 800;
position: absolute;
top: -18px;
right: -18px;
background-color: #fff;
border: 1px solid #999;
padding: 0 10px;
border-radius: 50%;
cursor: pointer
}
.cvs-promotion-btn {
width: 30%;
float: right
}
.cvs-promotion-btn a {
display: inline-block;
color: #fff;
background-color: #F2643E;
padding: 10px 40px;
border-radius: 5px;
font-size: 18px;
font-weight: 800;
text-decoration: none
}
.cvs-promotion__footer {
padding: 15px 0 0
}
.cvs-promotion-feature__block {
position: static;
width: 32%;
display: inline-block;
vertical-align: top;
color: #fff
}
.cvs-promotion-feature__icon {
float: left;
display: inline-block;
margin-right: 15px
}
.cvs-promotion-feature__icon img {
width: 29px
}
.cvs-promotion-feature__text {
float: left;
width: 75%
}
.cvs-promotion-feature__title {
font-weight: 800;
font-size: 14px;
margin-bottom: 10px
}
.cvs-promotion-feature__description {
font-size: 14px
}
.pagingarea {
clear: both;
margin: 0 auto 20px;
padding: 20px 0;
text-align: center
}
.pagingarea .actions .pages .page-links,
.pagingarea .actions .paging_back .paging_back_inactive,
.pagingarea .actions .paging_back a,
.pagingarea .actions .paging_forward .paging_forward_inactive,
.pagingarea .actions .paging_forward a {
border-width: 1px;
border-style: solid;
border-radius: 50%;
padding: 0 12px;
line-height: 40px;
min-width: 42px;
text-align: center;
text-decoration: none;
display: inline-block;
box-sizing: border-box;
transition: all .2s
}
.pagingarea .actions .pages .page-links,
.pagingarea .actions .paging_back a,
.pagingarea .actions .paging_forward a {
background-color: #fff;
border-color: #d8d9da;
color: #3b4245
}
.pagingarea .actions .pages .page-links {
border-color: transparent
}
.pagingarea .actions .paging_back .paging_back_inactive,
.pagingarea .actions .paging_back .paging_back_inactive:hover,
.pagingarea .actions .paging_forward .paging_forward_inactive,
.pagingarea .actions .paging_forward .paging_forward_inactive:hover {
background-color: #eef0f1;
border-color: #eef0f1;
color: #b6b8b9
}
.pagingarea .actions .pages .page-links:hover,
.pagingarea .actions .paging_back a:hover,
.pagingarea .actions .paging_forward a:hover {
background-color: #626465;
color: #fff;
border-color: #626465
}
.pagingarea .actions .pages .page-links:active,
.pagingarea .actions .paging_back a:active,
.pagingarea .actions .paging_forward a:active {
background-color: #eef0f1;
border-color: #eef0f1
}
.pagingarea .actions .pages #current {
background-color: #e00000;
border-color: #e00000;
color: #fff
}
.pagingarea .actions {
text-align: center;
display: table;
width: 100%
}
.pagingarea .actions>* {
display: table-cell
}
.sign-in-form h3 {
font-size: 16px;
color: #666;
margin-top: 6px;
font-weight: 700
}
.sign-in-form label {
font-size: 12px;
color: #666
}
.sign-in-form #id_password,
.sign-in-form #id_username {
border-radius: 4px;
width: 260px;
margin-bottom: 10px
}
.sign-in-form h3 a {
color: #bc0000
}
#header-avatar {
float: left;
width: 20px;
height: 20px;
margin-top: -3px
}
#user-quicklinks span {
float: left
}
#user-quicklinks #sign-up-btn {
background: url(../../images/elements/dot-seperator.png) 100% 9px no-repeat;
padding-right: 8px
}
#featured-listings {
width: 100%;
height: 250px;
float: left
}
#featured-listings .featured-item {
height: 280px;
position: relative
}
#featured-listings .featured-item #featured-content {
padding: 0 10px;
overflow: hidden
}
#featured-listings .featured-ad-title {
font-size: 16px;
margin-bottom: 10px;
color: #000000;
}
#featured-listings .featured-ad-title:hover .featured-ad-title-link {
color: #ffc000;
text-decoration: none;
transition: color .5s;
-moz-transition: color .5s;
-webkit-transition: color .5s;
-o-transition: color .5s
}
#featured-listings .featured_listing_features {
list-style-type: none
}
#featured-listings .featured_listing_features .row {
margin-bottom: 3px
}
#featured-listings .featured_listing_features .feature-list {
padding: 0
}
#featured-listings .featured_listing_features .premium-badge {
padding: 1px;
background: #eff0f1;
display: -ms-flexbox;
-js-display: flex;
display: flex;
height: 1.65rem;
width: 6rem;
border-radius: 15px
}
#featured-listings .featured_listing_features .cell {
color: #666
}
#featured-listings .featured_listing_features strong.cell {
margin: 0 0 0 5px;
color: #555
}
/* #featured-listings .featured_listing_featurelist { */
/* margin: 0 0 20px; */
/* overflow: hidden */
/* } */
#featured-listings .featured_listing_featurelist {
margin: 0 0 20px;
overflow: visible;
list-style: none;
}
.thumb {
float: left;
width: 260px;
height: 185px;
margin-right: 10px;
margin-bottom: 10px;
position: relative
}
.thumb {
height: 170px
}
#featured-listings .thumb a {
width: 100%;
height: 100%;
display: block
}
.thumb a div {
background-size: cover;
background-position: 50%;
width: 100%;
height: 100%
}
#featured-listings .thumb-img {
float: left;
width: 260px;
height: 173px;
position: relative;
z-index: 1
}
#featured-listings .thumb-image-count {
position: absolute;
bottom: 5px;
right: 10px;
color: #fff;
font-size: 16px
}
#featured-listings .description {
float: left;
margin: 0;
position: relative;
z-index: 5
}
#featured-listings .no-thumb {
margin-top: 10px
}
#featured-listing-item.featured-motors .no-thumb {
margin: 0
}
#featured-listings-item.featured-motors .no-thumb.featured_listing_bottom .price .selling-price__text {
margin-top: -16px
}
#featured-listing-item.featured-motors .no-thumb .cols:last-child:lang(ar) {
float: left;
text-align: left
}
#featured-listings .description.no-thumb {
float: none
}
.delivery-badge__wrapper {
display: -ms-flexbox;
-js-display: flex;
display: flex;
margin: 0;
width: 100%;
box-sizing: border-box;
clear: both
}
.delivery-badge__wrapper .delivery-available-badge {
box-sizing: border-box;
border-radius: 12px;
color: #fff;
background-color: #4294ff;
margin: 0;
padding: 4px 8px;
font-size: 11px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.4
}
#featured-listings .descriptionjob {
float: left;
margin: 6px 0 0 16px;
clear: both
}
#featured-listings .featured_listing_features .agent-logo {
text-align: center;
float: left;
width: 140px
}
#featured-listings .featured_listing_features .listing-agent {
display: table;
text-align: center;
margin: 0 auto
}
#featured-listings .featured_listing_features .agent-logo .listing_agent_logo_link {
text-align: center;
display: table-cell;
width: 80px;
vertical-align: middle;
overflow: hidden
}
#featured-listings .featured_listing_features .agent-logo .listing_agent_logo_link img {
max-height: 75px;
max-width: 80px
}
#featured-listings .descriptionjob .agent-logo {
margin-left: 0
}
#featured-listings .no-thumb .featured_listing_features .agent-logo {
margin-left: 0;
width: 100px
}
#featured-listings .featured_listing_bottom {
overflow: hidden;
padding-top: 5px
}
#featured-listings .featured_listing_bottom .cols {
float: left;
width: 100px
}
#featured-listings .location:before {
float: left;
width: 14px;
height: 21px;
content: "";
background: url(/images/icons-listing_page_actions.png) no-repeat;
margin: 0px 4px 0 0
}
#featured-listings .location {
clear: both;
float: left;
margin: 1px 0 0;
width: 100px;
padding: 0 0 0 10px
}
#featured-listings .featured_listing_bottom .datefield {
font-size: 12px;
width: 123px;
margin-right: 10px;
margin-top: 2px;
}
#featured-listings .featured_listing_bottom .month-year{
color: #555;
font-weight: bold;
}
#featured-listings .featured_listing_bottom .datefield.no-location {
margin-left: 10px
}
#featured-listings .featured_listing_bottom .datefield .date {
border: 1px solid #BBB;
border-top: 4px solid #BBB;
padding: 1px 2px;
float: left;
margin-right: 3px;
margin-top: -5px
}
#featured-listings .featured_listing_bottom .price {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
float: right;
color: #ffc000;
font-weight: 600;
width: 170px;
text-align: right;
font-family: proxima-nova, GESS, helvetica, arial, sans-serif
}
#featured-listings .featured_listing_bottom .price .selling-price__text {
font-size: 10px;
color: #626465;
font-weight: bold;
padding: 0 0px
}
#featured-listings .featured_listing_features span {
color: black !important;
font-weight: bold;
}
#featured-listings .featured_listing_bottom .location {
/*width: 135px;*/
width:250px;
color: #555;
font-weight: bold;
}
@font-face {
font-family: ss-pikachu;
src: url(/fonts/icons/ss-pikachu.eot);
src: url(/fonts/icons/ss-pikachu.eot?#iefix) format("embedded-opentype"), url(/fonts/icons/ss-pikachu.svg) format("svg"), url(/fonts/icons/ss-pikachu.ttf) format("truetype"), url(/fonts/icons/ss-pikachu.woff) format("woff");
font-weight: 400;
font-style: normal
}
.u-icon {
font-family: ss-pikachu;
speak: none;
font-style: normal!important;
font-weight: 400!important;
font-variant: normal!important;
text-transform: none!important;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
vertical-align: sub
}
.newheader_button,
.topbar {
font-family: proxima-nova, noto, GE-SS, 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.similar-ads-price,
.similar-ads-title {
font-size: 14px;
margin: 0 0 0 10px;
width: 150px
}
.u-icon--world:before {
content: "\e600"
}
.u-icon--warning:before {
content: "\26a0"
}
.u-icon--user:before {
content: "\e602"
}
.u-icon--upload:before {
content: "\a71b"
}
.u-icon--unlocked:before {
content: "\e604"
}
.u-icon--travel:before {
content: "\e605"
}
.u-icon--trash:before {
content: "\e606"
}
.u-icon--time:before {
content: "\e607"
}
.u-icon--tick:before {
content: "\e608"
}
.u-icon--statistics:before {
content: "\e609"
}
.u-icon--star:before {
content: "\2605"
}
.u-icon--sports:before {
content: "\e60b"
}
.u-icon--social:before {
content: "\e60c"
}
.u-icon--skip:before {
content: "\e60d"
}
.u-icon--settings:before {
content: "\e60e"
}
.u-icon--search:before {
content: "\e60f"
}
.u-icon--property-for-sale:before {
content: "\e640"
}
.u-icon--property-for-rent:before {
content: "\e641"
}
.u-icon--plus:before {
content: "\2b"
}
.u-icon--play:before {
content: "\e613"
}
.u-icon--phone:before {
content: "\e614"
}
.u-icon--pause:before {
content: "\e615"
}
.u-icon--navigate-left:before {
content: "\e616"
}
.u-icon--navigate-right:before {
content: "\e601"
}
.u-icon--motors:before {
content: "\e63f"
}
.u-icon--money:before {
content: "\e618"
}
.u-icon--minus:before {
content: "\e619"
}
.u-icon--menu:before {
content: "\e61a"
}
.u-icon--maternity:before {
content: "\e61b"
}
.u-icon--locked:before {
content: "\e61c"
}
.u-icon--location:before {
content: "\e61d"
}
.u-icon--laptop:before {
content: "\e61e"
}
.u-icon--jobs:before {
content: "\e63e"
}
.u-icon--health:before {
content: "\e620"
}
.u-icon--fnd:before {
content: "\e621"
}
.u-icon--filter:before {
content: "\e622"
}
.u-icon--eye:before {
content: "\e623"
}
.u-icon--equal:before {
content: "\e624"
}
.u-icon--email:before {
content: "\e625"
}
.u-icon--download:before {
content: "\e626"
}
.u-icon--cross:before {
content: "\e627"
}
.u-icon--community:before {
content: "\e642"
}
.u-icon--classifieds:before {
content: "\e643"
}
.u-icon--cash:before {
content: "\e62a"
}
.u-icon--calendar:before {
content: "\e62b"
}
.u-icon--arrow-left:before {
content: "\e62c"
}
.u-icon--alert:before {
content: "\e630"
}
.u-icon--info:before {
content: "\e62e"
}
.u-icon--report:before {
content: "\e603"
}
.u-icon--camera:before {
content: "\e60a"
}
.u-icon--paa:before {
content: "\e612"
}
.u-icon--picture:before {
content: "\e62f"
}
.u-icon--facebook:before {
content: "\e631"
}
.u-icon--twitter:before {
content: "\e632"
}
.u-icon--instagram:before {
content: "\e633"
}
.u-icon--linkedin:before {
content: "\e634"
}
.u-icon--pintrest:before {
content: "\e635"
}
.u-icon--googleplus:before {
content: "\e636"
}
.u-icon--tumblr:before {
content: "\e637"
}
.u-icon--youtube:before {
content: "\e638"
}
.u-icon--whatsapp:before {
content: "\e639"
}
.u-icon--skype:before {
content: "\e63a"
}
.u-icon--down:before {
content: "\e63b"
}
.u-icon--list:before {
content: "\e62d"
}
.new-property-dpv #broker-details>.lister-info.new-property-dpv #broker-details>.lister-info .u-icon--search-menu:before {
content: "\e63c"
}
.u-icon--user-setting:before {
content: "\e63d"
}
.u-icon--share:before {
content: "\e644"
}
.u-icon--edit:before {
content: "\e610"
}
.u-icon--up:before {
content: "\e611"
}
.u-icon--click:before {
content: "\e617"
}
.u-icon--items-for-sale:before {
content: "\e61f"
}
.u-icon--wind:before {
content: "\e645"
}
.u-icon--place-an-ad:before {
content: "\e612"
}
.similar-ads {
float: left;
width: 100%;
margin: 0 0 10px
}
#similar-ads-list-design-price-next,
#similar-ads-thumbnail-design {
display: none
}
#similar-ads-list-design-price-bottom {
display: block
}
.similar-ads-list-row,
.similar-ads-list-ul {
list-style-type: none;
float: left;
width: 310px;
margin: 0;
padding: 0
}
.similar-ads-list-row {
float: left;
width: 310px;
padding: 7px 0;
border-bottom: 1px solid #e0e0e0
}
.similar-ads-list-row-last {
border-bottom: 0!important
}
.similar-ads-avatar {
width: 125px;
height: 88px;
float: left;
background: 0 0;
border: 0
}
.similar-ads-list-link {
float: left;
width: 300px
}
.similar-ads-list-link:hover {
text-decoration: none
}
.similar-ads-title {
float: left;
font-weight: 700;
word-wrap: break-word
}
.similar-ads-breadcrumb {
float: left;
width: 150px;
color: #666;
margin: 0 0 0 10px
}
.similar-ads-price {
float: right;
text-align: right;
color: #bc0000
}
.similar-ads-avatar-img {
float: left;
width: 125px;
height: 88px
}
.similar-ads-avatar span {
width: 125px;
height: 88px;
display: block
}
.similar-ads-avatar div {
background-size: cover;
background-position: 50%;
width: 100%;
height: 100%
}
#similar-ads-list-design-price-next .similar-ads-price {
font-size: 12px
}
#similar-ads-list-design-price-bottom .similar-ads-title {
height: 70px
}
.similar-ads-avatar-list {
float: left;
width: 300px
}
.similar-ads-avatar-list .similar-ads-avatar-img,
.similar-ads-hover-frame {
width: 150px;
height: 108px
}
.similar-ads-avatar-list .similar-ads-avatar,
.similar-ads-avatar-list .similar-ads-list-row {
float: left;
border: 0;
width: 150px;
height: 108px;
margin: 0;
padding: 0
}
.similar-ads-hover-frame {
float: left;
position: absolute;
margin-left: -150px
}
.similar-ads-avatar-list .similar-ads-list-link {
float: left;
width: auto
}
.similar-ads-hover-frame .similar-ads-price,
.similar-ads-hover-frame .similar-ads-title {
width: 130px;
margin: 0 10px
}
.similar-ads-hover-frame .similar-ads-title {
color: #444;
height: 72px;
margin: 10px 10px 0
}
.similar-ads-hover-frame-w-content {
display: none;
background: #fff;
opacity: .8;
z-index: 2
}
.similar-ads-heading {
width: 100%;
font-size: 20px;
color: #212223
}
#similar-ads-thumbnail-design .similar-ads-heading {
margin-bottom: 10px;
width: 289px
}
#classified-listing-body .results-list .job-ad-wrap {
margin: 10px 10px 0;
float: left;
width: 100%;
position: relative
}
#classified-listing-body .results-list .job-ad-wrap .title-wrap {
color: #444;
width: 400px;
font-size: 14px;
float: left
}
#classified-listing-body .results-list .job-ad-wrap .title-wrap .titles-alllang {
width: 340px
}
#classified-listing-body .results-list .job-ad-wrap .title-wrap .title-translate-link {
font-size: 80%;
float: right
}
#classified-listing-body .results-list .job-ad-wrap .title-wrap .title-translate-link:hover {
cursor: pointer
}
#classified-listing-body .results-list .job-ad-wrap .company {
color: #aaa;
font-style: italic;
font-size: 13px;
clear: left;
float: left;
position: relative;
top: -3px;
width: 300px
}
#classified-listing-body .results-list .job-ad-wrap .description {
color: #444;
width: 400px;
font-size: 13px;
float: left;
clear: left;
padding-top: 3px
}
#classified-listing-body.lang-ar .results-list .job-ad-wrap .company,
#classified-listing-body.lang-ar .results-list .job-ad-wrap .description {
clear: right;
float: right
}
#classified-listing-body .results-list .job-ad-wrap .location {
width: 180px;
font-size: 13px;
position: absolute;
right: 20px;
top: -10px;
padding-right: 66px;
word-break: break-all
}
#classified-listing-body .results-list .job-ad-wrap .location:lang(ar) {
padding-right: 0;
padding-left: 66px
}
#classified-listing-body .results-list .job-ad-wrap .location .date {
font-size: 13px
}
#classified-listing-body .results-list .job-ad-wrap .titles-alllang {
width: auto
}
#classified-listing-body .results-list .job-ad-wrap .autotrans {
position: relative
}
#classified-listing-body .results-list .job-ad-wrap .translate-tooltip {
left: 60px
}
#classified-listing-body.lang-ar .results-list .job-ad-wrap {
float: right
}
#classified-listing-body.lang-ar .results-list .job-ad-wrap .title-wrap {
float: right;
text-align: right;
direction: rtl
}
#classified-listing-body.lang-ar .results-list .job-ad-wrap .title-wrap .title-translate-link {
float: left
}
#classified-listing-body.lang-ar .results-list .job-ad-wrap .location {
right: auto;
left: 70px
}
#classified-listing-body.lang-ar .results-list .job-ad-wrap .location .date {
padding-right: 14px
}
#classified-listing-body.lang-ar .results-list .job-ad-wrap .translate-tooltip {
left: 0
}
.job-ad-wrap .jobs-company-logo {
position: absolute;
top: 0;
right: 0;
height: 50px;
width: 50px;
overflow: hidden;
border-radius: 2px;
box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}
.job-ad-wrap .jobs-company-logo img {
width: 100%
}
.jobs-company-logo {
height: 50px;
width: 50px;
overflow: hidden;
float: right
}
.jobs-company-logo img {
width: 100%
}
.alert.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
.services-block {
text-align: center;
background: url(../../images/services_test/lpv-image.jpg) rgba(33, 34, 35, .4);
background-repeat: no-repeat;
color: #fff;
padding-top: 21px;
border-radius: 2px;
margin-bottom: 20px
}
.services-block-heading {
font-size: 32px
}
.services-block-subheading {
font-size: 16px;
max-width: 416px;
margin: 0 auto
}
.services-block-input-block {
margin-top: 21px;
background: rgba(33, 34, 35, .4);
padding: 10px 0
}
.services-block-input-block input[type=text] {
font-size: 16px;
padding: 9px 5px;
border-radius: 2px;
outline: 0;
border: none;
width: 50%
}
.services-block-input-block .services-block-dropdown {
display: inline-block;
width: 180px;
position: relative
}
.services-block-input-block .services-block-dropdown select {
padding: 10px;
font-size: 14px;
border-radius: 2px;
outline: 0;
border: none;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
width: 100%;
color: #666
}
.services-block-input-block .services-block-dropdown:after {
content: 'â–¾';
position: absolute;
right: 10px;
top: 10px;
color: #000
}
.services-block-input-block input[type=submit] {
background: #005F96;
font-size: 16px;
padding: 10px 24px;
margin-left: 4px;
border: none;
outline: 0;
color: #fff;
border-radius: 2px
}
.services-block-input-block input[type=submit]:hover {
cursor: pointer
}
#results-top #featured-listings {
margin: 0!important
}
#results-top #top-mpu,
#results-top #top-mpu-two {
margin: 0 0 0 774px!important;
max-width: 300px;
position: absolute
}
#results-top #top-mpu-two:lang(ar),
#results-top #top-mpu:lang(ar) {
margin: 0 800px 0 0!important
}
#results-top #top-mpu #dfp-mpu-two {
margin-top: 240px
}
#no-search-results {
float: left;
margin-left: 14px;
width: 716px;
margin-top: 6px
}
#no-search-results h3 {
color: #bc0000
}
#no-search-results .fielset-content {
margin: 0 12px;
line-height: 17px
}
#no-search-results .fielset-content a {
color: #bc0000;
text-decoration: underline
}
.sidebar-no-results {
margin-top: 11px
}
.modal-head {
background-color: #333;
padding: 9px 15px
}
.modal-head span.ea-heart-icon {
background: url(../../images/email_alerts/icon-heart.gif) left center no-repeat;
display: block;
float: left;
width: 30px;
height: 19px;
margin-right: 10px
}
.modal-head span.ea-ticked-icon {
background: url(../../images/email_alerts/icon-heart-ticked.gif) left center no-repeat;
display: block;
float: left;
width: 35px;
height: 18px;
margin-right: 10px
}
.modal-head span.fbconfirm-icon,
.modal-head span.fberr-icon {
width: 23px;
height: 21px;
margin-right: 8px;
position: relative;
top: -2px;
display: block;
float: left
}
.modal-head span.fberr-icon {
background: url(../../images/fbconnect/icon-error.png) left center no-repeat
}
.modal-head span.fbconfirm-icon {
background: url(../../images/fbconnect/icon-success.png) left center no-repeat
}
.modal-head h2 {
font-size: 14px;
text-align: left;
color: #fff!important
}
.modal-head span.ea-fb-icon {
background: url(../../images/fbconnect/fbIconMedium.png) left center no-repeat;
display: block;
float: left;
width: 16px;
height: 16px;
margin-right: 10px
}
footer#page-footer .col-sm-6, .col-sm-4, .col-sm-12 {
margin-bottom: 0;
}
#footer-wrapper,
.footer-wrapper-parent {
background-color: #eee;
min-width: 1000px
}
.footer-wrapper-parent {
float: left;
width: 100%;
margin-top: 40px
}
#footer,
#footer-wrapper {
margin: 0 auto;
clear: both
}
#footer-wrapper {
padding: 40px 0;
width: 1000px;
overflow: hidden;
font-size: 13px
}
#footer .footer-btn,
#footer .text-button {
padding: 0;
margin: 0;
color: #0C5582;
background: 0 0
}
#footer .footer-links {
color: #0C5582
}
#footer .footer-btn {
border: 0
}
#footer .footer-links:hover {
color: #0C5582
}
#footer .text-button {
border: none
}
#footer .text-button:hover {
text-decoration: underline;
cursor: pointer
}
#footer .footer-cities-ksa h4,
#footer .footer-cities-uae h4,
#footer .footer-links,
#footer .text-button {
font-size: 14px
}
#footer h4 {
font-size: 15px
}
.footer-blocks {
float: left;
margin: 10px 5px 0;
padding: 0 0 15px;
min-width: 140px
}
.footer-blocks .box {
float: left;
width: 100%
}
.footer-languages {
width: 150px;
margin-left: 0
}
.footer-company,
.footer-getsocial,
.footer-support {
width: 150px
}
.footer-cities-block {
float: left;
width: 90px;
max-width: 213px;
padding: 0
}
.footer-cities-uae {
width: 150px
}
.footer-uae-cities {
float: left;
width: 150px
}
.footer-countries {
float: left;
max-width: 150px;
padding: 0
}
.footer-blocks .row {
float: left;
list-style-type: none;
width: 100%;
padding: 3px 0;
border: 0!important;
margin: 0!important
}
.footer-country .row {
float: left;
height: 70px
}
.footer-block-header {
float: left;
margin: 2px 0;
color: #3C4245
}
.footer__logo {
margin-bottom: 5px
}
.footer-parent-block {
float: left;
width: 480px
}
.footer-parent-block #zoneuae_extras {
float: left;
width: 400px;
margin: 8px 0
}
#sub-footer #copyright {
clear: both;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
display: -ms-flexbox;
-js-display: flex;
display: flex
}
#sub-footer #copyright img {
max-height: 136px;
margin-top: -50px
}
.current-country-site-name {
text-transform: capitalize
}
.change_taxonomy {
border: none;
background: 0 0;
margin: 0;
padding: 0;
color: #bc0000;
line-height: 15px;
font-weight: 700
}
.footer-widgets-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
grid-row-gap: 5%
}
.box-flex,
.cta_ppa,
.topbar {
display: -ms-flexbox;
-js-display: flex;
display: flex;
box-sizing: border-box
}
.footer-widgets-links-heading {
color: #2b2d2e;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 8px
}
.footer-widgets-links-unorder-list {
list-style: none
}
.footer-widgets-links-list {
padding-bottom: 10px;
font-size: 14px;
line-height: 16px
}
.footer-widgets-links-url,
.footer-widgets-links-url:hover {
color: #1366cd
}
.cta_ppa {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.header_link {
box-sizing: border-box;
color: #e00000;
text-decoration: none;
cursor: pointer
}
.header_link:focus {
text-decoration: none
}
.header_link:hover {
color: #f23d3d
}
.header_link:active {
color: #d0021b
}
.header_link[disabled] {
cursor: default;
color: #2b2d2e;
text-decoration: none
}
.newheader_button {
border: 1px solid #e00000;
outline: 0;
transition: all .2s;
box-sizing: border-box;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: 400;
line-height: 34px;
border-radius: 6px;
padding: 0 12px;
background-color: #e00000;
color: #fff;
white-space: nowrap
}
.newheader_button:disabled {
background-color: #eef0f1;
border-color: #eef0f1;
color: #b6b8b9;
opacity: 1
}
.newheader_button:disabled svg {
color: #b6b8b9;
fill: #b6b8b9
}
.newheader_button:active {
transition-duration: 50ms;
text-decoration: none
}
.newheader_button:focus {
box-shadow: none;
color: #fff;
text-decoration: none
}
.newheader_button:not(:disabled):hover {
background-color: #f23d3d;
border-color: #f23d3d;
color: #fff;
text-decoration: none
}
.newheader_button:not(:disabled):active {
background-color: #d0021b;
border-color: #d0021b;
color: #fff;
box-shadow: none;
text-decoration: none
}
.topbar {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #f6f7f8;
width: 100%;
height: 24px
}
.topbar.dbz-header {
height: 32px
}
.topbar_container {
box-sizing: border-box;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding: 0 24px
}
.topbar_item {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
padding: 0 12px;
border-right: 1px #eef0f1 solid;
color: #2b2d2e
}
.topbar_item:last-child {
padding-right: 0;
border: none
}
.topbar_item:last-child:lang(ar) {
border: none;
padding-left: 0
}
.topbar_item>span {
padding: 1px 4px
}
.topbar_item:active,
.topbar_item:hover {
text-decoration: none
}
.topbar_item:active>span,
.topbar_item:hover>span {
border-radius: 20px;
color: #2b2d2e;
background-color: #fff
}
.topbar_item:active>span {
color: #e00000
}
.topbar_item:lang(ar) {
border-right: 0;
border-left: 1px #eef0f1 solid;
padding: 0 12px
}
.topbar_chatcounter {
background: #e00000;
color: #fff;
padding: 0 4px;
border-radius: 20px;
font-weight: 600;
line-height: 1.33;
margin-right: 4px
}
.newheader_menu_dropdown {
position: absolute;
top: 100%;
background: #fff;
border: 1px solid #eef0f1;
box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .04);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
visibility: hidden;
opacity: 0;
width: auto;
z-index: 1;
transition: all .2s
}
.newheader_menu_dropdown_jobs {
transform: translate(-50%, 0)
}
.newheader_menu_dropdown_jobs:lang(ar) {
transform: translate(50%, 0)
}
.newheader_menu_dropdown_left {
left: auto;
right: 0
}
.newheader_menu_dropdown_left:lang(ar) {
left: 0;
right: auto
}
.newheader_menu_dropdown_center_80 {
transform: translateX(-80%)
}
.newheader_menu_dropdown_center_80:lang(ar) {
transform: translateX(80%)
}
.newheader_menu_dropdown_center_35 {
transform: translateX(-35%)
}
.newheader_menu_dropdown_center_35:lang(ar) {
transform: translateX(35%)
}
.newheader_menu_dropdown_col {
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none;
margin: 0;
padding: 20px
}
.newheader_menu_dropdown_col--pro {
border-left: 4px solid #eef0f1;
padding: 0
}
.newheader_menu_dropdown_col--pro:lang(ar) {
border-left: 0;
border-right: 4px solid #eef0f1
}
.newheader_menu_dropdown_item {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px
}
.newheader_menu_dropdown_item:last-child {
margin-bottom: 0
}
.newheader_menu_dropdown_item_link {
color: #2b2d2e;
line-height: 1.43;
font-size: 14px;
white-space: nowrap;
padding: 4px 12px;
border-radius: 50px
}
.newheader_menu_dropdown_item_link:hover {
color: #1270ec;
text-decoration: none;
background: #f6f7f8
}
.newheader_menu_dropdown_item_link:active {
color: #1270ec;
background: #eef0f1
}
.newheader_menu_prolink,
.newheader_menu_quicklink {
font-size: 12px;
font-weight: 600;
line-height: 1.33;
color: #2b2d2e
}
.newheader_menu_dropdown_item_counter {
font-size: 12px;
padding-left: 3px
}
.newheader_menu_dropdown_item_counter:lang(ar) {
padding-left: 0;
padding-right: 3px
}
.newheader_menu_quicklink {
padding: 4px 0 18px 12px
}
.newheader_menu_prolink {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
background: #eef0f1
}
.newheader_menu_extralinks_item_link,
.newheader_menu_item_link {
font-size: 14px;
line-height: 1.43;
font-weight: 600;
white-space: nowrap
}
.newheader_menu_prolink_text {
box-sizing: border-box;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 16px 20px
}
.newheader_menu_prolink_logo {
box-sizing: border-box;
position: relative;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 12px 20px 12px 44px;
background: #e00000;
color: #fff;
overflow: hidden
}
.newheader_menu_prolink_logo:lang(ar) {
padding-left: 20px;
padding-right: 44px
}
.newheader_menu_prolink_logo:after {
position: absolute;
top: -34px;
left: -32px;
display: block;
content: '';
width: 54px;
height: 88px;
background: #eef0f1;
transform: rotate(32deg)
}
.newheader_menu_prolink_logo:lang(ar):after {
left: auto;
right: -32px;
transform: rotate(-32deg)
}
.newheader_menu_prolink_logo_img {
width: 73px;
height: 17px
}
.newheader_menu_dropdown_pro_wrapper {
padding: 20px
}
.newheader_menu_quicklink:lang(ar) {
padding: 4px 12px 18px 0
}
.newheader_menu_extralinks {
list-style-type: none;
border-top: 1px #eef0f1 solid;
padding: 20px
}
.newheader_menu_extralinks_item {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center
}
.newheader_menu_extralinks_item_link {
padding: 4px 12px;
border-radius: 50px;
color: #1270ec
}
.newheader_menu_extralinks_item_link:active {
background: #eef0f1
}
.newheader_menu_extralinks_item_link:hover {
color: #1270ec;
text-decoration: none;
background: #f6f7f8
}
.newheader_menu_extralinks_item_link:active {
color: #2b2d2e
}
.newheader_wrapper {
position: relative;
z-index: 2;
background: #fff
}
.newheader_backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #2b2d2e;
opacity: 0;
visibility: hidden;
transition: all .2s;
will-change: visibility, opacity
}
.newheader_backdrop.is-visible {
visibility: visible;
opacity: .6
}
.newheader_menu {
list-style: none;
margin: 0 auto;
padding: 0;
position: relative;
display: -ms-flexbox;
-js-display: flex;
display: flex;
box-sizing: border-box;
width: 100%;
max-width: 1152px;
-ms-flex-pack: justify;
justify-content: space-between
}
.newheader_menu_item {
display: block;
color: #2b2d2e;
border-left: 1px transparent solid;
border-right: 1px transparent solid
}
.newheader_menu_item:active,
.newheader_menu_item_active {
color: #e00000
}
.newheader_menu_item:hover,
.newheader_menu_item_active,
.newheader_menu_item_active:hover {
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .04);
border-left: 1px #eef0f1 solid;
border-right: 1px #eef0f1 solid
}
.newheader_menu_item_link_after {
right: 0;
content: '';
display: block;
width: 100%;
height: 2px;
margin-top: -1px;
position: absolute;
top: 100%;
background: #fff;
left: 0;
z-index: 1001;
opacity: 0;
transition: opacity .2s
}
.newheader_menu_item:hover .newheader_menu_item_link_after {
opacity: 1
}
.newheader_menu.dbz-header .newheader_menu_item {
height: 52px
}
.newheader_menu_item:hover {
text-decoration: none;
transition: border-colors .2s, box-shadow .2s
}
.newheader_menu_item:hover>div.newheader_menu_dropdown {
visibility: visible;
opacity: 1;
transition: opacity .2s;
will-change: opacity
}
.newheader_menu_item_active:hover {
text-decoration: none
}
.newheader_menu_item_link {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
color: inherit;
padding: 0 18px;
position: relative
}
.new_tag {
position: relative
}
.new_tag:after {
content: 'New';
position: absolute;
top: 50%;
right: -28px;
background-color: #ef0000;
color: #fff;
font-size: 10px;
border-radius: 10px;
padding: 1px 4px;
transform: translateY(-50%)
}
.new_tag:lang(ar):after {
content: 'جديد';
left: -18px;
right: auto;
font-size: 8px;
top: 50%;
transform: translateY(-50%);
padding: 2px 4px
}
.newheader_menu_item_link.new-annotation:after {
content: 'New';
position: absolute;
top: 4px;
right: 12px;
background-color: #4294ff;
color: #fff;
font-size: 10px;
border-radius: 10px;
padding: 0 4px
}
.newheader_menu_item_link:lang(ar).new-annotation:after {
content: 'جديد';
left: 12px;
right: auto;
font-size: 8px;
top: 2px
}
.newheader_menu_item_link:hover {
color: inherit;
text-decoration: inherit
}
.newheader_dropdown {
display: block;
background: #fff;
position: absolute;
top: 100%;
left: -1px;
width: auto;
min-width: 164px;
white-space: nowrap;
border: 1px solid #eef0f1;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .04);
z-index: 1001;
opacity: 0;
visibility: hidden;
transition: all .2s
}
.newheader_dropdown:lang(ar) {
right: -1px;
left: unset
}
.newheader_dropdown_action {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #2b2d2e;
font-size: 14px;
padding: 0 13px;
border-left: 1px transparent solid;
border-right: 1px transparent solid;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
min-width: 60px;
-ms-flex-pack: left;
justify-content: left;
white-space: nowrap
}
.newheader_dropdown_action:after {
content: '';
position: absolute;
right: -2px;
height: 14px;
width: 1px;
background: #eef0f1;
top: calc(50% - 7px)
}
.newheader_dropdown_action:lang(ar):after {
left: -2px;
right: unset
}
.newheader_dropdown_actionnewheader_menu_dropdown_jobs:nth-last-child(3):after {
display: none
}
.newheader_dropdown_action:hover {
color: #e00000;
text-decoration: none;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .04);
border-left: 1px #eef0f1 solid;
border-right: 1px #eef0f1 solid;
transition: all .2s
}
.newheader_dropdown_action:hover:after {
right: -1px;
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 100%;
background: #fff;
left: 0;
z-index: 1001
}
.newheader_dropdown_action:hover .newheader_dropdown_container {
visibility: visible;
opacity: 1;
transition: all .2s
}
.newheader_dropdown_action:hover:lang(ar):after {
left: -1px;
right: 0
}
.newheader_dropdown_action:hover+.newheader_backdrop {
visibility: visible;
opacity: .6;
transition: all .2s
}
.newheader_dropdown_arrow {
-ms-flex-item-align: center;
align-self: center;
margin-left: 8px
}
.newheader_dropdown_arrow:lang(ar) {
margin-right: 8px;
margin-left: 0
}
.newheader_dropdown_items {
list-style-type: none;
margin: 0;
padding: 0
}
.newheader_dropdown_item_active,
.newheader_dropdown_item_link {
line-height: 1.43;
font-size: 14px;
display: block;
padding: 8px 16px;
color: #2b2d2e
}
.newheader_dropdown_item {
border-bottom: 1px #eef0f1 solid
}
.newheader_dropdown_item:hover {
background: #f6f7f8
}
.newheader_dropdown_item:last-child {
border-bottom: 0
}
.newheader_dropdown_item_link {
font-weight: 400;
position: relative
}
.cta_ppa_btn,
.newheader_dropdown_item_active:active,
.newheader_dropdown_item_link:active {
font-weight: 600
}
.newheader_dropdown_item_link:hover {
text-decoration: none;
color: #2b2d2e
}
.newheader_dropdown_item_link svg {
position: absolute;
top: 10px;
right: 12px
}
.newheader_dropdown_item_link svg:lang(ar) {
left: 12px;
right: unset
}
.newheader_dropdown_item_active {
position: relative;
font-weight: 600
}
.newheader_dropdown_item_active:hover {
text-decoration: none;
color: #2b2d2e
}
.newheader_useravatar_name {
max-width: 70px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.newheader_useravatar_letter {
margin-right: 10px;
width: 24px;
height: 24px;
line-height: 25px;
font-size: 12px;
background: #f2643e;
border-radius: 50%;
color: #fff;
text-align: center;
text-transform: uppercase
}
.newheader_useravatar_letter:lang(ar) {
margin-right: 0;
margin-left: 10px
}
.newheader_dropdown_action_item {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #2b2d2e
}
.newheader_dropdown_action_item:hover {
color: #2b2d2e;
text-decoration: none
}
.cta_ppa_btn {
margin-left: 12px;
padding: 0 25px
}
.cta_ppa_btn:lang(ar) {
margin-right: 12px;
margin-left: 0
}
.newheader_dropdown_login {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #2b2d2e;
font-size: 14px;
padding: 0 13px;
position: relative;
white-space: nowrap;
background-color: #fff;
border: none
}
.header-category-menu,
.newheader {
border-bottom: 1px solid #eef0f1;
font-family: proxima-nova, noto, GE-SS, 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box
}
.newheader_dropdown_login:hover {
color: #2b2d2e;
text-decoration: none;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, .04);
border-left: 1px #eef0f1 solid;
border-right: 1px #eef0f1 solid
}
.header-link.newheader_dropdown_login {
cursor: pointer
}
.newheader {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 68px
}
.newheader * {
box-sizing: border-box
}
.newheader.dbz-header {
height: 60px;
box-sizing: border-box;
background-color: #fff
}
.header-category-menu {
padding: 0 36px;
margin: 0 auto;
height: 52px;
background-color: #fff
}
.newheader_root {
position: relative;
z-index: 1000
}
.newheader_container {
box-sizing: border-box;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1200px;
padding: 0 24px;
height: 100%
}
.newheader_left-side {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.newheader_right-side {
box-sizing: border-box;
display: -ms-flexbox;
-js-display: flex;
display: flex;
height: 100%
}
.header-container {
box-sizing: border-box;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .04)
}
._360-lpv-info-wrapper .title,
.mylistings-promote-modal {
direction: ltr
}
.newheader__badge.newheader__badge--new {
background-color: #06bb00;
font-size: 12px;
font-weight: 700;
text-align: center;
color: #fff;
padding: 1px 5px;
border-radius: 0 6px
}
.dubizzle_menu {
list-style: none;
margin: 0 auto;
padding: 0;
position: relative;
display: -ms-flexbox;
-js-display: flex;
display: flex;
box-sizing: border-box;
width: 100%;
max-width: 1152px;
-ms-flex-pack: justify;
justify-content: space-between
}
.dubizzle_menu_item {
display: block;
color: #2b2d2e;
height: 52px;
position: relative
}
.dubizzle_menu_item:after {
content: "";
height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
transition: height .3s ease-out
}
.dubizzle_menu_item:hover:after {
height: 6px
}
.dubizzle_menu_item_active>a {
font-weight: 700
}
.dubizzle_menu_item:hover>div.dubizzle_menu_dropdown {
display: block
}
.dubizzle_menu.dbz-header .dubizzle_menu_item {
height: 52px
}
.dubizzle_menu_item_link {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
color: inherit;
font-size: 14px;
line-height: 1.43;
font-weight: 600;
padding: 0 18px;
white-space: nowrap;
position: relative
}
.dubizzle_menu_dropdown {
position: absolute;
top: 100%;
box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .04);
display: none;
width: 233px;
z-index: 1;
transition: all .2s;
height: 410px
}
.dubizzle_menu_dropdown.dubizzle_menu_dropdown_JB {
height: 400px
}
.dubizzle_menu_dropdown_JB {
transform: translateX(-72.2%);
max-width: 640px;
width: 640px
}
.dubizzle_menu_dropdown_JB:lang(ar) {
transform: translateX(72.2%)
}
.dubizzle_menu_dropdown_special_title {
padding: 16px 16px 0;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.dubizzle_menu_dropdown_special_title>a {
height: 18px
}
.dubizzle_menu_dropdown_JB_title {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #2b2d2e
}
.dubizzle_menu_dropdown_CO {
transform: translateX(-52.5%);
height: auto;
max-height: 430px
}
.dubizzle_menu_dropdown_CO:lang(ar) {
transform: translateX(52.5%)
}
.dubizzle_menu_dropdown_mobile {
transform: translateX(-302px)
}
.dubizzle_menu_dropdown_mobile:lang(ar) {
transform: translateX(302px)
}
.dubizzle_menu_dropdown_home_garden {
transform: translateX(-142px)
}
.dubizzle_menu_dropdown_home_garden:lang(ar) {
transform: translateX(142px)
}
.dubizzle_menu_dropdown_center_80 {
transform: translateX(-230%)
}
.dubizzle_menu_dropdown_center_80:lang(ar) {
transform: translateX(230%)
}
.dubizzle_menu_dropdown_CL {
transform: translateX(-15%)
}
.dubizzle_menu_dropdown_CL:lang(ar) {
transform: translateX(15%)
}
.dubizzle_menu_item_no_children .dubizzle_menu_dropdown {
height: auto
}
.dubizzle_menu_item_no_children .dubizzle_menu_dropdown .dubizzle_menu_dropdown_col .dubizzle_menu_dropdown_item .children_dropdown {
display: none
}
.dubizzle_menu_item_no_children .dubizzle_menu_dropdown .box-flex {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
.dubizzle_menu_dropdown .box-flex {
display: block;
width: 100%;
height: 100%;
padding-bottom: 12px;
background: #fff;
border-right: 1px #eef0f1 solid;
border-bottom-left-radius: 6px
}
.dubizzle_menu_dropdown.with_scroll .box-flex {
overflow: hidden;
overflow-y: scroll
}
.dubizzle_menu_dropdown.with_scroll .box-flex::-webkit-scrollbar-track {
border: 0;
padding: 0;
-webkit-box-shadow: none!important;
background-color: transparent
}
.dubizzle_menu_dropdown.with_scroll .box-flex::-webkit-scrollbar {
width: 6px;
border: 0;
position: fixed;
background-color: #eef0f1
}
.dubizzle_menu_dropdown.with_scroll .box-flex::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(123, 123, 124, .5)
}
.dubizzle_menu_dropdown .box-flex:lang(ar) {
border-bottom-left-radius: 0;
border-right: 0;
border-bottom-right-radius: 6px;
border-left: 1px #eef0f1 solid
}
.dubizzle_menu_dropdown_JB .box-flex {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border: 0;
overflow: visible;
min-width: 100%;
display: -ms-flexbox;
-js-display: flex;
display: flex;
padding-top: 8px
}
.dubizzle_menu_dropdown_CO .box-flex,
.dubizzle_menu_dropdown_CO .box-flex:lang(ar) {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border: 0
}
.dubizzle_menu_dropdown_JB .box-flex .dubizzle_menu_dropdown_col {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column
}
.dubizzle_menu_dropdown_JB .box-flex .dubizzle_menu_dropdown_item {
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
@-moz-document {
.dubizzle_menu_dropdown_JB .box-flex .dubizzle_menu_dropdown_item {
flex: 1
}
}
.dubizzle_menu_dropdown_JB .box-flex:lang(ar) {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
.dubizzle_menu_dropdown_col {
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none;
margin: 0;
padding-top: 10px;
width: 100%
}
.dubizzle_menu_dropdown_col--pro {
border-left: 4px solid #eef0f1;
padding: 0
}
.dubizzle_menu_dropdown_col--pro:lang(ar) {
border-left: 0;
border-right: 4px solid #eef0f1
}
.dubizzle_menu_dropdown_item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
-js-display: flex;
display: flex
}
.dubizzle_menu_dropdown_item:last-child {
margin-bottom: 0
}
.dubizzle_menu_dropdown_item_link {
color: #2b2d2e;
line-height: 1.43;
font-size: 14px;
padding: 6px 32px;
width: 100%
}
.dubizzle_menu_dropdown_item_link.maintainHover,
.dubizzle_menu_dropdown_item_link:focus,
.dubizzle_menu_dropdown_item_link:hover {
text-decoration: none;
background-color: #f6f7f8;
font-size: 14px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
letter-spacing: normal;
color: #2b2d2e
}
.dubizzle_menu_dropdown_item_link:hover {
color: #1270ec
}
.dubizzle_menu_dropdown_item_link::before {
display: block;
content: attr(title);
font-weight: 700;
height: 0;
overflow: hidden;
visibility: hidden
}
.dubizzle_menu_dropdown_item_link:active {
color: #1270ec;
background: #eef0f1
}
.dubizzle_menu_dropdown_JB .dubizzle_menu_dropdown_item_link {
padding: 2px 8px;
margin: 0 12px 4px;
border-radius: 6px
}
.dubizzle_menu_dropdown_item_sticky .dubizzle_menu_dropdown_item_link {
font-size: 14px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
letter-spacing: normal;
color: #1270ec
}
.dubizzle_menu_prolink,
.dubizzle_menu_quicklink {
line-height: 1.33;
color: #2b2d2e;
font-weight: 600;
font-size: 12px
}
.dubizzle_menu_dropdown_item_sticky:lang(ar) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 6px
}
.dubizzle_menu_dropdown_item_counter {
font-size: 12px;
padding-left: 3px
}
.dubizzle_menu_dropdown_item_counter:lang(ar) {
padding-left: 0;
padding-right: 3px
}
.dubizzle_menu_quicklink {
padding: 4px 0 18px 12px
}
.dubizzle_menu_prolink {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
background: #eef0f1
}
.dubizzle_menu_prolink_text {
box-sizing: border-box;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 16px 20px
}
.dubizzle_menu_prolink_logo {
box-sizing: border-box;
position: relative;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 12px 20px 12px 44px;
background: #e00000;
color: #fff;
overflow: hidden
}
.dubizzle_menu_prolink_logo:lang(ar) {
padding-left: 20px;
padding-right: 44px
}
.dubizzle_menu_prolink_logo:after {
position: absolute;
top: -34px;
left: -32px;
display: block;
content: '';
width: 54px;
height: 88px;
background: #eef0f1;
transform: rotate(32deg)
}
.dubizzle_menu_prolink_logo:lang(ar):after {
left: auto;
right: -32px;
transform: rotate(-32deg)
}
.dubizzle_menu_prolink_logo_img {
width: 73px;
height: 17px
}
.dubizzle_menu_dropdown_pro_wrapper {
padding: 20px
}
.dubizzle_menu_quicklink:lang(ar) {
padding: 4px 12px 18px 0
}
.dubizzle_menu_extralinks {
list-style-type: none;
border-top: 1px #eef0f1 solid;
padding: 20px
}
.dubizzle_menu_extralinks_item {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center
}
.dubizzle_menu_extralinks_item_link {
line-height: 1.43;
font-size: 14px;
white-space: nowrap;
padding: 4px 12px;
border-radius: 50px;
font-weight: 600;
color: #1270ec
}
.dubizzle_menu_extralinks_item_link:active {
background: #eef0f1
}
.dubizzle_menu_extralinks_item_link:hover {
color: #1270ec;
text-decoration: none;
background: #f6f7f8
}
.dubizzle_menu_extralinks_item_link:active {
color: #2b2d2e
}
.dubizzle_menu_item_link:hover {
color: inherit;
text-decoration: inherit
}
.dubizzle_menu_dropdown_col .dubizzle_menu_dropdown_item .children_dropdown {
display: none;
position: absolute;
left: 100%;
top: 0;
padding: 16px;
background: #f6f7f8;
min-width: 400px;
height: 100%;
overflow: hidden;
border-bottom-right-radius: 6px
}
.dubizzle_menu_dropdown_col .dubizzle_menu_dropdown_item .children_dropdown:lang(ar) {
left: initial;
right: 100%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 6px;
padding: 16px 16px 16px 32px
}
.children_dropdown .children_dropdown_header {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #eef0f1
}
.children_dropdown .children_dropdown_header .children_dropdown_header_title {
font-size: 14px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
letter-spacing: normal;
color: #2b2d2e
}
.children_dropdown .children_dropdown_footer {
position: absolute;
bottom: 0;
left: 16px;
right: 16px;
padding: 14px 0;
height: 75px;
width: 338px;
border-top: 1px solid #eef0f1
}
.children_dropdown .children_dropdown_footer .children_dropdown_footer_title {
font-size: 12px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.67;
letter-spacing: normal;
color: #2b2d2e;
padding-right: 70px;
position: relative;
display: inline-block;
margin-bottom: 6px
}
.children_dropdown_footer_list_link,
.children_dropdown_link {
font-size: 12px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
letter-spacing: normal
}
.children_dropdown .children_dropdown_footer .children_dropdown_footer_title:after {
content: "";
display: block;
height: 16px;
width: 65px;
position: absolute;
right: 0;
top: -1px;
background: url(../../images/dubizzle-pro-logo.png) center right no-repeat;
background-size: contain
}
.children_dropdown .children_dropdown_footer .children_dropdown_footer_title:lang(ar) {
padding-right: 0;
padding-left: 70px
}
.children_dropdown .children_dropdown_footer .children_dropdown_footer_title:lang(ar):after {
right: initial;
left: 0
}
.children_dropdown .children_dropdown_footer .children_dropdown_footer_list {
display: -ms-flexbox;
-js-display: flex;
display: flex;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
height: 18px
}
.children_dropdown .children_dropdown_footer .children_dropdown_footer_list>li {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 179px
}
.children_dropdown_footer_list_link {
line-height: 1.33;
color: #1270ec;
display: block;
width: 100%;
padding: 2px 4px
}
.children_dropdown_footer_list_link:hover {
background-color: #eef0f1;
color: #1270ec;
text-decoration: none;
width: auto;
display: inline-block;
border-radius: 6px
}
.children_dropdown_link {
line-height: 1.43;
color: #e00000;
position: relative;
padding-right: 18px;
text-align: right
}
.children_dropdown_link:lang(ar) {
padding-right: 0;
padding-left: 20px;
text-align: left
}
.children_dropdown_link:after {
content: "";
display: block;
width: 12px;
height: 15px;
background-image: url(../../images/icons/red-arrow-right.svg);
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
transition: transform .2s ease-in 0s
}
.children_dropdown_link:lang(ar):after {
background-image: url(../../images/icons/red-arrow-left.svg);
right: initial;
left: 0
}
.children_dropdown_link:hover {
color: #2b2d2e;
text-decoration: none
}
.children_dropdown_link:hover:after {
transform: translate(5px, -50%);
filter: invert(0) sepia(100%) saturate(10%) hue-rotate(225deg) brightness(1%) contrast(100%)
}
.children_dropdown_link:lang(ar):hover:after {
transform: translate(-5px, -50%)
}
.children_dropdown_list {
list-style: none;
display: -ms-flexbox;
-js-display: flex;
display: flex;
height: calc(100% - 42px);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column
}
.children_dropdown_list_premium {
height: 290px
}
.children_dropdown_list_item {
font-size: 14px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal;
color: #626465;
padding-bottom: 8px;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 169px;
padding-right: 10px
}
.children_dropdown_list_item:lang(ar) {
padding-right: 0;
padding-left: 10px
}
.children_dropdown_list_item>a {
display: block;
width: 100%
}
.children_dropdown_list_item>a::before {
display: block;
content: attr(title);
font-weight: 700;
height: 0;
overflow: hidden;
visibility: hidden
}
.children_dropdown_list_item a:hover {
color: #1270ec;
text-decoration: none
}
.msie1 #classified-listing-body #results-list .titles-alllang .title {
float: left
}
.top-messages {
width: 100%;
float: left;
color: #6a5419;
text-align: center;
margin-top: -1px;
font-weight: 700;
background: #eedeaf;
border-bottom: 1px solid #d3b969;
padding: 12px 0
}
.top-messages .dismiss-message {
padding: 0 10px;
cursor: pointer;
background: url(../../images/icons/dismiss.png) 6px 0 no-repeat;
width: 15px;
height: 15px
}
#navigation-changes-message {
border: 1px dashed #aaa;
clear: both;
border-radius: 7px;
font: 16px/1.8 arial;
color: #555;
overflow: hidden;
padding: 0 10px
}
#navigation-changes-message img {
float: left
}
#navigation-changes-message p {
margin: 20px 10px;
color: #333;
font-weight: 700
}
.feeddashboard__banner>img {
display: block;
max-width: 100%;
height: auto;
margin: auto
}
.related-listings {
clear: both;
width: 100%
}
.related-listings h4 {
width: 100%;
font-size: 20px;
color: #212223;
font-weight: 700
}
.related-listings .listings {
width: 100%
}
.related-listings .listings .listing {
display: block;
width: 100%;
clear: both;
overflow: hidden;
padding: 10px 0;
border-bottom: 1px dotted #ddd;
color: #333
}
.related-listings .listings .listing:hover {
background: #fafafa;
cursor: pointer;
color: #333
}
.related-listings .listings .listing:last-child {
border-bottom: none
}
.related-listings .thumbnail {
width: 125px;
height: 88px;
float: left;
background: 0 0;
border: 0;
border: 1px solid #bbb
}
.lang-ar .related-listings .thumbnail {
float: right
}
.related-listings .thumbnail div {
background-color: #eee;
background-size: cover;
background-position: 50%;
width: 100%;
height: 100%
}
.related-listings .listing:hover .thumbnail {
border-color: #999
}
.related-listings .details {
float: left;
width: 150px;
margin: 0 0 0 10px;
line-height: 1.2
}
.lang-ar .related-listings .details {
float: right;
margin: 0 10px 0 0
}
.related-listings .photoless .details {
width: 280px
}
.related-listings .details h6 {
font-size: 14px;
font-weight: 700;
word-wrap: break-word;
color: #212223
}
.related-listings .listing:hover .details h6 {
color: #000
}
.related-listings .details .location {
margin-top: 6px;
color: #212223;
font-size: 12px
}
.related-listings .details .location .u-icon {
font-size: 18px;
color: #aaa;
float: left;
margin-top: -4px;
margin-left: -4px
}
.related-listings .details .foot {
font-size: 16px;
color: #e00000;
margin: 0;
font-weight: 700
}
.related-listings .details .foot .price {
white-space: nowrap
}
.featured_ad_terms_p #content-wrapper {
padding: 0;
width: 997px
}
.feature-ad-terms-fieldset .details {
float: left;
width: 100%;
text-align: left;
color: #333;
padding: 10px 0;
margin: 0
}
.feature-ad-terms-fieldset .details li {
padding: 0;
margin-left: 0
}
.feature-ad-terms-fieldset .testimonial-list {
float: left;
width: 400px;
margin: 20px 0 0 45px
}
.feature-ad-terms-fieldset .testimonial {
margin: 0 0 20px;
padding: 0;
width: 100%;
clear: both
}
.feature-ad-terms-fieldset .quote {
padding: 0 0 25px;
color: #6D6D6D;
font-weight: 400;
font-style: italic;
width: 330px;
font-size: 27px;
float: right
}
.testimonial-badge {
float: left;
width: 110%;
margin-left: -45px;
height: 40px;
margin-bottom: 10px;
background: #F0F0F0;
font-size: 26px;
color: #999;
text-align: right;
padding-right: 15px;
padding-top: 10px
}
.feature-ad-terms-fieldset .quote-author {
font-size: 16px;
display: inline-block;
width: 100%;
color: #A0A0A0;
text-align: right
}
.feature-ad-terms-fieldset .preview-listing {
float: right;
margin: -26px 0 0;
border: 0;
width: 500px;
display: block
}
.feature-ad-terms-fieldset .preview-listing .listing-top {
float: left;
background: url(../../images/feature-ad-terms/top_listing.png) no-repeat;
width: 100%;
height: 105px
}
.feature-ad-terms-fieldset .preview-listing .listing-bottom {
float: left;
background: url(../../images/feature-ad-terms/bottom_listing.png) no-repeat;
width: 100%;
height: 105px
}
.feature-ad-terms-fieldset .preview-listing .listing-user {
float: left;
width: 100%;
height: 135px
}
.feature-ad-terms-fieldset .preview-listing-detail {
float: left;
width: 400px;
margin: 20px 0 0 45px
}
.feature-ad-terms-fieldset .preview-listing-detail h1 {
padding: 0 0 25px
}
.feature-ad-terms-fieldset .asdf {
font-size: 16px
}
.feature-ad-terms-fieldset .item {
margin: 2px 0;
min-height: 110px;
border: 1px solid #FFCD00;
background: #FBFCD8;
border-right: 0
}
.feature-ad-terms-fieldset .item-title {
font-size: 13px;
font-weight: 700;
margin: 5px 0 2px 10px;
color: #333;
float: left;
width: 398px;
word-wrap: break-word
}
.feature-ad-terms-fieldset .item-price {
float: left;
color: #bc0000;
margin: 10px 0 0;
font-size: 11px
}
.feature-ad-terms-fieldset .item-price .currency {
float: left;
width: 24px
}
.feature-ad-terms-fieldset .item-price .price {
float: left;
margin: 0 5px 0 0;
word-break: break-word;
width: 50px
}
.feature-ad-terms-fieldset .listing-img {
float: left;
width: 115px;
height: 75px;
border: 1px solid #d0d0d0;
margin: 0 0 0 10px;
padding: 2px
}
.feature-ad-terms-fieldset .thumb-img {
float: left;
width: 110px;
height: 75px;
margin: 0 0 0 10px
}
.feature-ad-terms-fieldset .listing-content-wrapper {
float: left;
margin: 0 0 0 10px;
width: 330px
}
.feature-ad-terms-fieldset .listing-content-features {
float: left;
width: 310px;
margin: 0 20px;
font-size: 9px;
color: #666
}
.feature-ad-terms-fieldset .listing-content-features .features {
float: left;
width: 140px
}
.feature-ad-terms-fieldset .listing-content-features .features li {
list-style-image: url(../../images/icons/star_featured.png);
padding: 0 0 3px
}
.feature-ad-terms-fieldset .preview-listing-detail ul {
float: left;
width: 100%;
margin: 0 0 0 30px;
padding: 5px 0 3px
}
.feature-ad-terms-fieldset .breadcrumb-tx {
float: left;
width: 300px;
margin: 0 0 6px
}
.feature-ad-terms-fieldset .breadcrumb-tx .breadcrumb-list {
color: #666;
font-weight: 700;
font-size: 10px
}
.feature-ad-terms-fieldset .breadcrumb-tx .date {
color: #888;
font-size: 9px
}
.feature-ad-terms-fieldset .location {
float: left;
width: 100%;
color: #888;
font-size: 10px;
margin: 0 0 0 3px;
background: url(../../images/icons/location_featured.png) 0 2px no-repeat;
padding: 0 0 0 12px
}
.feature-ad-terms-fieldset .jobs-preview-listing .item {
min-height: 90px
}
.feature-ad-terms-fieldset .unhighlighted-listing .item {
border: 0;
background: #fff
}
.feature-ad-terms-fieldset .listing-content-description {
margin: 0;
float: left;
width: 440px;
padding-bottom: 5px
}
.feature-ad-terms-fieldset .listing-content-description strong {
font-weight: 400
}
#results-list.show-highlighted-ads .highlighted-ad {
border: 2px solid red
}
.paid-featured-item-badge {
font-size: 12px;
font-weight: 400;
padding: 0;
margin-top: 6px
}
.paid-featured-item-badge-rl {
font-size: 12px;
font-weight: 400;
line-height: 20px
}
.property-featured-ad {
position: relative
}
.property-featured-ad-RP {
border-left: 3px solid #F1BA45!important
}
.property-featured-ad-SP {
border-left: 3px solid #29A4D7!important
}
.property-featured-ad .featured-item {
border: 1px solid #e0e0e0;
padding: 10px 0
}
.property-featured-ad .featured_listing_bottom {
background: #f9f9f9!important;
bottom: -18px;
position: absolute;
width: 99.5%!important;
padding: 10px 0!important
}
.property-featured-ad .featured_ad_ribbon {
position: absolute;
top: 0;
right: 0;
display: block;
z-index: 20
}
.lang-ar .property-featured-ad .featured_ad_ribbon {
right: auto;
left: 0
}
.property-featured-ad .featured_listing_bottom .price,
.property-featured-ad .featured_listing_bottom-no-thumb .cols {
margin: 10px 0 0!important
}
#listing-expired-message {
border: 2px dashed #bcbcbc;
background: #f6f6f6;
padding: 20px;
overflow: hidden;
margin-top: 13px;
border-radius: 3px
}
#listing-expired-message h1 {
color: #439156;
font-size: 27px;
letter-spacing: -1px;
margin-top: 10px
}
#listing-expired-message h2 {
margin: 20px 0;
color: #555
}
#listing-expired-message h2 a {
display: inline-block;
background: #4ba162;
color: #fff;
border: 1px solid #37744c;
border-bottom: 4px solid #37744c;
padding: 6px 10px;
border-radius: 4px
}
#listing-expired-message img {
float: left;
margin-right: 40px
}
.lang-ar #listing-expired-message img {
float: right;
margin-right: 0;
margin-left: 40px
}
.payment-gateway-preview {
float: left;
width: 100%;
min-height: 420px;
background: url(../../images/payment-gateway/footer.png) 0 100% repeat-x #CCC;
border-radius: 0 0 5px 5px
}
.payment-gateway-content {
margin: 0 auto 140px;
min-height: 150px;
background: #fff;
padding: 0;
border-top: 2px solid #d0d0d0;
width: 750px
}
.payment-gateway-content .pg-header {
text-align: center;
margin: 0
}
.payment-gateway-content .pg-header h2 {
padding: 15px;
font-size: 18px;
text-align: center;
color: #444;
font-weight: 700
}
.payment-gateway-preview .pg-description {
float: left;
width: 100%;
border: 1px solid #DDD;
border-left: 0;
border-right: 0;
padding: 0;
background: #F0F0F0;
margin-bottom: 15px
}
.payment-gateway-preview .pg-description-container {
float: left;
width: 50%;
padding: 10px 0
}
.payment-gateway-preview .price-container {
float: right;
width: 150px;
font-size: 24px;
margin: 0 0 0 15px;
color: #444;
padding: 0 0 0 10px
}
.payment-gateway-preview .details,
.payment-gateway-preview .summary {
float: left;
width: 98%;
margin: 0 0 0 20px;
padding: 2px 0
}
.payment-gateway-preview .summary {
font-size: 16px
}
.payment-gateway-preview .details {
font-size: 14px
}
.payment-gateway-preview .checkout-container {
margin: 0 auto;
width: 500px;
text-align: right
}
.payment-gateway-preview .checkout-container form {
float: right;
width: 260px;
margin: 10px 0 0
}
.payment-gateway-preview .checkout-container .submit-btn {
background: #00A364;
margin: 20px 0
}
.payment-gateway-preview .checkout-container .submit-btn[disabled] {
background: #DADADA;
cursor: default;
color: #8E8A83
}
.payment-gateway-content .no-entry {
width: 70%;
padding: 20px 0;
margin: 10px auto;
border-left: 0;
border-right: 0;
display: table;
color: #444;
text-align: center
}
.payment-gateway-content .pg-description .entry {
width: 500px;
padding: 20px 0;
margin: 10px auto;
display: table;
color: #444;
border-top: 1px solid #ddd
}
.payment-gateway-content .pg-description .entry:last-child {
border-top: 1px solid #ddd
}
.payment-gateway-content .pg-description .entry.entry-first,
.payment-gateway-content .pg-description .entry:first-child {
border-top: 0
}
.featured_ad_terms_p .pg-footer {
background: url(../../images/payment-gateway/receiptpattern.png) 0 100%;
float: left;
width: 100%;
height: 15px
}
.featured_ad_terms_p .checkout-container {
float: left;
width: 100%;
background: #fff
}
.featured_ad_terms_p .payment-gateway-preview .pg-description {
margin-bottom: 0
}
.featured_ad_terms_p .payment-gateway-preview .checkout-container form {
width: 330px;
margin-right: 45px
}
#topbar-new {
width: 998px;
margin: 0 auto;
display: none;
background-color: #FBFCD8;
border: 1px solid #FFCD00;
height: 65px
}
#topbar-new .wrapper {
padding: 10px 0;
display: block;
width: 750px;
text-align: center;
color: #666;
font-size: 14px;
font-weight: 700;
margin: 0 auto;
height: 55px
}
#topbar-new .sky-col {
float: left
}
#topbar-new .text-wrapper {
width: 600px;
text-align: left;
margin: 10px 0
}
#topbar-new .image-wrapper {
width: 100px;
text-align: right;
margin: 0 15px 0 0
}
#topbar-new .skybar-links {
color: #bc0000
}
#topbar-new .special-text {
color: #666;
padding: 3px 8px;
margin: 0 0 0 2px
}
#topbar-new .sky-car-image {
width: 60px;
box-shadow: 0 8px 5px -6px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 8px 5px -6px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 8px 5px -6px rgba(0, 0, 0, .4)
}
#topbar-new .close-skybar {
text-decoration: none;
border-radius: 15px;
padding: 2px 7px;
position: absolute;
margin-left: 971px;
margin-top: 4px
}
#topbar-new .close-span {
color: #666;
font-size: 10px;
font-weight: 700
}
#super-high-sky-bar {
background: #feffe9;
color: #444;
font: 16px/1 Arial, sans-serif;
box-shadow: 0 1px 0 0 #cacaca;
border-bottom: 1px solid #cacaca
}
#super-high-sky-bar .wrap {
width: 960px;
position: relative
}
#super-high-sky-bar .wrap p {
width: 800px;
padding: 15px
}
#super-high-sky-bar .wrap p a {
color: #004276;
text-decoration: underline
}
#super-high-sky-bar .wrap p em {
color: #bc0000;
font-weight: 700
}
#super-high-sky-bar .close-sidebar {
position: absolute;
right: 5px;
top: 9px;
font-size: 30px;
font-weight: 700;
color: #a2a395
}
#super-high-sky-bar .close-sidebar:hover {
cursor: pointer
}
#introducing-ginja {
border: 1px solid #E6E6E6;
border-radius: 8px;
padding: 20px;
margin: 10px
}
#introducing-ginja h1 {
color: #3DBCAF;
margin: 5px 0
}
#introducing-ginja p {
color: #333;
font-size: 16px;
margin-bottom: 20px
}
#introducing-ginja a {
color: #FE6E6E
}
#introducing-ginja .cta {
display: inline-block;
margin-top: 5px;
background: #FE6E6E;
color: #fff;
font-weight: 700;
padding: 10px 40px;
border-radius: 4px;
border: 1px solid #EA4344;
border-bottom: 3px solid #E05353;
font-size: 18px
}
#introducing-ginja .content_wrap {
display: inline-block;
width: 540px;
vertical-align: top
}
#introducing-ginja .screen {
display: inline-block;
vertical-align: top
}
#classified-delete legend {
color: #444
}
.classified-delete-p .sell-faster {
margin-top: 5px;
font-size: 14px;
padding: 3px 0;
width: 100%
}
.classified-delete-p .sell-faster a {
color: #004276;
text-decoration: underline
}
.delete-autos-btn {
padding: 12px 60px!important;
font-size: 16px!important
}
.cancel-autos-btn {
color: #bc0000;
text-decoration: underline;
font-size: 16px;
margin: 0 0 0 15px
}
.cancel-autos-btn:hover {
color: #444
}
.delete-ad-action {
background: #ff6868;
color: #fff;
padding: 0 4px;
font-size: 13px;
font-weight: 700;
position: relative;
border-radius: 3px;
border: 1px solid #ff4646;
display: inline-block;
height: 22px;
line-height: 22px
}
.delete-ad-action:hover {
background: #ff5757;
border-color: #ff3535;
z-index: 20
}
.lang-en .delete-ad-action {
margin-left: 10px
}
.lang-ar .delete-ad-action {
margin-right: 10px
}
.delete-ad-action ul {
display: none;
position: absolute;
top: 23px;
border: 1px solid #ffbdbd;
border-radius: 3px;
background: #fff0f0
}
.delete-ad-action li {
padding-right: 6px;
padding-left: 20px;
border-bottom: 1px solid #ffbdbd;
color: #ff7979;
list-style: none;
white-space: nowrap;
height: 24px;
line-height: 24px
}
.delete-ad-action li:hover {
background-color: #ffdfdf;
text-decoration: underline
}
.lang-en .delete-ad-action ul {
right: -3px
}
.lang-en .delete-ad-action ul li {
text-align: right
}
.lang-ar .delete-ad-action ul {
left: -3px
}
.delete-ad-action.disabled,
.delete-ad-action.disabled:hover {
background: #eee;
border-color: #aaa;
color: #aaa;
cursor: default
}
.delete-ad-action:hover {
cursor: pointer
}
.delete-ad-action:hover ul {
display: block
}
.choose-product_p {
width: 100%;
height: 100%
}
.choose-product_p .hidden {
display: none
}
.choose-product_p .error {
float: left;
width: 80%
}
.choose-product_p .error-global {
float: none!important;
width: 90%;
margin: 11px auto
}
.choose-product_p .paid-featured-item-badge-rl {
margin: -3px 0 0 442px
}
.choose-product_p #content-wrapper {
padding: 0
}
.choose-product_p .heading {
margin: 10px 20px;
color: #666;
font-size: 20px
}
.choose-product_p ul {
list-style-type: none
}
.choose-product_p .list {
color: #333
}
.choose-product_p .list ul {
float: left;
width: 100%
}
.choose-product_p .list li {
padding: 7px;
width: 90%;
float: left
}
.choose-product_p .list>li {
border-top: 1px solid #ddd
}
.choose-product_p .list>li:first-child {
border-top: 0
}
.choose-product_p .list input {
float: left;
margin: 5px
}
.choose-product_p .list .list-desc {
float: left;
padding: 2px 0 0 10px
}
.choose-product_p .item-ad_preview {
border: 1px solid #ddd
}
.choose-product_p #results-list {
width: 100%!important
}
.choose-product_p #results-list,
.choose-product_p #results-list .breadcrumbs,
.choose-product_p #results-list .listing-item,
.choose-product_p #results-list .paid-featured-item,
.choose-product_p .paid-featured-item {
float: left!important;
padding: 6px 20px 10px 6px!important;
width: 100%
}
.choose-product_p #results-list .listing-item {
width: 100%!important
}
.choose-product_p .product-list {
margin: 10px 3%;
width: 40%;
float: left;
font-size: 14px
}
.choose-product_p .product-preview {
float: left;
width: 50%;
margin: 0
}
.choose-product_p .product-info {
width: 60%;
display: table-cell;
vertical-align: middle
}
.choose-product_p .product-info span {
float: left;
width: 100%;
font-size: 14px
}
.choose-product_p .product-info .product-name {
font-weight: 600
}
.choose-product_p #results-list .item {
float: left;
width: 95%!important;
padding: 6px 20px 10px 6px!important;
margin: 0!important
}
.choose-product_p #results-list .paid-featured-item,
.choose-product_p #results-list .paid-featured-item:last-child {
border-left: 3px solid #7C6085
}
.choose-product_p #results-list .thumb {
width: 125px!important
}
.choose-product_p #results-list .thumb a {
width: 125px!important;
height: 85px!important
}
.choose-product_p #results-list .description {
width: 300px!important
}
.choose-product_p #results-list .features {
margin: 5px 0 0!important;
font-size: 9px
}
.choose-product_p #results-list .date {
margin: 0 0 5px!important
}
.choose-product_p #results-list .features li {
width: 120px!important;
padding: 0!important;
margin-right: 0!important
}
.choose-product_p #results-list h3 {
width: 60%!important
}
.choose-product_p #results-list .price {
width: 40%!important
}
.choose-product_p #results-list .descriptionindented {
width: 100%!important
}
.choose-product_p #results-list .breadcrumbs {
padding: 0!important
}
.choose-product_p .job-ad-wrap {
margin: 0 0 10px!important
}
.choose-product_p #results-list .job-ad-wrap .location {
width: 145px!important;
font-size: 13px!important;
position: relative!important;
right: 0!important;
top: -10px!important;
float: right!important
}
.choose-product_p .location {
width: 60%!important
}
.choose-product_p .product-desc {
margin: 5px 0;
line-height: 20px;
font-size: 15px
}
.choose-product_p .product-ba>label,
.choose-product_p .product-fa>label {
padding: 5px 0;
font-weight: 600;
font-size: 16px;
line-height: 28px
}
.choose-product_p .product-fa li>label {
font-weight: 400;
font-size: 12px;
float: left;
padding: 5px
}
.choose-product_p #results-list .paid-featured-item .item-controls {
margin: 5px 0 0!important
}
.choose-product_p .product-price {
display: table-cell;
vertical-align: middle;
text-align: right;
font-weight: 300;
font-size: 24px
}
.choose-product_p .pg-footer {
background: url(../../images/payment-gateway/receiptpattern.png) 0 100%;
float: left;
width: 100%;
height: 15px
}
.choose-product_p .checkout-price {
width: 500px;
font-size: 16px;
color: #666
}
.choose-product_p .total-price {
color: #00A364;
font-weight: 600
}
.choose-product_p .payment-badges {
padding: 0 0 15px
}
.badges-list {
float: left;
width: 100%;
list-style-type: none
}
.badges-list-v {
float: left;
width: 390px;
margin-top: 10px
}
.badges-list li,
.badges-list-v li {
float: left;
padding: 3px
}
.badges-list li span,
.badges-list-v .badge,
.choose-product_p .product-ba li>label {
border-width: 1px;
border-style: solid;
color: #7C6085;
border-color: #7C6085;
float: left;
font-size: 12px
}
.choose-product_p .product-ba li>label {
border-right: 1px solid
}
.vlist .badge,
.vlist .badge-generic,
.vlist .badge-urgent {
width: 100%
}
#featured-listings .badges-list-v {
margin-top: 30px
}
.classified-detail-include-p .badges-list-v {
width: 100%;
margin: 5px 10px
}
.ineedit-note {
font-size: 12px;
color: #666
}
.ineedit {
color: #bc0000;
margin: 0 2px
}
.badges-list-v .badge,
.choose-product_p .product-ba li>label,
.classified-detail-include-p #listing-details .badges-list-v .badge,
.vlist .badge {
float: left;
padding: 4px 6px;
clear: none!important;
width: auto;
text-align: center;
margin: 0 5px 0 0
}
.badges-list-v .badge:first-child,
.classified-detail-include-p #listing-details .badges-list-v .badge:first-child {
border-left: 1px solid
}
.badges-list-v .badge:last-child,
.classified-detail-include-p #listing-details .badges-list-v .badge:last-child {
margin: 0
}
.choose-product_p .ad-preview-badge,
.classified-detail-include-p #listing-details .choose-product_p .ad-preview-badge {
background: url(../../images/payment-gateway/adpreview.png) 402px 4px no-repeat;
width: 600px;
height: 113px;
position: absolute;
z-index: 10
}
.classified-detail-include-p #map-wrapper {
clear: both;
float: left;
width: 100%;
padding: 16px;
box-sizing: border-box
}
@-moz-document url-prefix() {
.choose-product_p .ad-preview-badge {
background: url(../../images/payment-gateway/adpreview.png) 0 4px no-repeat rgba(0, 0, 0, 0);
margin-left: -125px;
margin-top: 1px;
width: 108px
}
#classified-feature .terms-block .gray {
color: #fff;
text-decoration: none;
line-height: 18px
}
}
#classified-feature .classified-feature-text-wrapper {
font-size: 14px;
padding: 10px
}
#classified-feature .classified-feature-text-wrapper span {
color: #bc0000;
font-weight: 700
}
#classified-feature .terms-block .awesome {
margin: 2px 5px
}
#classified-feature .terms-block .large {
padding: 8px 33px
}
.power-actions {
background: #F4F4F4;
border: 1px solid #CACACA;
padding: 10px 0;
margin: 10px 0;
float: left;
width: 100%
}
#view-highlighted-ad-usage {
float: left;
width: 99%;
margin: 0 10px;
padding: 0 5px
}
#view-highlighted-ad-usage .content {
font-size: 14px
}
#highlighted-ad-usage-fieldset {
float: left;
width: 955px;
margin: 10px
}
#view-highlighted-ad-usage .table-wrapper li {
list-style-type: none;
float: left;
width: 100%;
margin: 10px
}
#view-highlighted-ad-usage .num {
float: left;
width: 20%;
max-width: 20px
}
#view-highlighted-ad-usage .ad-title {
float: left;
width: 80%
}
#view-highlighted-ad-usage .refno {
color: #666;
font-size: 12px
}
#view-highlighted-ad-usage .ad-featured-till {
float: left;
width: 100%;
color: #999;
font-size: 13px;
padding: 4px 2%
}
#view-highlighted-ad-usage .details {
padding: 10px 0 15px
}
#view-highlighted-ad-usage .listing-table-log {
border: 1px solid #ccc;
width: 70%;
border-collapse: collapse
}
#view-highlighted-ad-usage .listing-table-log thead {
border-bottom: 1px solid #ccc;
background: #f0f0f0
}
#view-highlighted-ad-usage .listing-table-log thead td {
font-weight: 700
}
#view-highlighted-ad-usage .listing-table-log td {
padding: 10px;
border: 1px solid #CCC
}
#view-highlighted-ad-usage .listing-table-log td:first-child {
border-left: 0
}
#view-highlighted-ad-usage .listing-table-log td:last-child {
border-right: 0
}
#view-highlighted-ad-usage .listing-table-log .date-col {
width: 2%
}
#view-highlighted-ad-usage .listing-table-log .featured-col {
font-size: 13px;
color: #666;
width: 17%
}
.know-your-rights.sidebar {
float: left;
font-size: 14px;
line-height: 1.5
}
.know-your-rights.bottom {
border-top: 1px solid #CBCBCB;
background: #F4F4F4;
padding: 20px;
margin-top: 20px;
float: left;
width: 956px;
font-size: 14px;
line-height: 1.5
}
.know-your-rights .title {
font-weight: 700;
margin: 0 0 5px
}
.know-your-rights .know-my-rights-link {
text-align: right;
margin-top: 20px
}
.know-your-rights .know-my-rights-link a {
display: inline-block;
color: #3C6E96;
text-decoration: underline
}
.kraken-link {
float: right
}
.kraken-link a {
color: #195685;
font-weight: 700
}
.kraken-link .jadeed {
padding: 2px 5px;
margin-top: -3px;
background: #F15B21;
color: #fff;
font-weight: 700;
display: inline-block
}
.cf:after,
.cf:before {
content: " ";
display: table
}
.cf:after {
clear: both
}
#user-controls>div.actions-photo>h3 {
float: left;
text-overflow: ellipsis;
width: 110px;
white-space: nowrap;
overflow: hidden;
padding: 0 10px;
font-weight: 400
}
.new-header #user-controls>div.actions-photo>h3 {
width: auto
}
.new-header__property-feed {
font-size: 14px;
font-weight: 700;
display: inline-block;
margin: 0 auto;
cursor: pointer;
padding-left: 20px;
width: 100%;
max-width: 290px;
text-align: left
}
.new-header__property-feed p {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 230px;
display: inline-block;
color: #fff
}
.new-header__property-feed i {
color: #fff
}
.multiple-account-menu {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
position: absolute;
min-width: 170px;
max-width: 235px;
text-overflow: nowrap;
display: none;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
z-index: 98
}
._360-lpv-info-wrapper .title>a,
.ellipsis,
.multiple-account-menu__link,
.promoted-ads__card-body__title {
text-overflow: ellipsis;
white-space: nowrap
}
.multiple-account-menu__item {
border-bottom: 1px solid #eee;
list-style: none
}
.multiple-account-menu__link {
display: block;
text-align: center;
text-decoration: none;
font-size: 14px;
padding: 12px;
width: 210px;
overflow: hidden
}
li.multiple-account-menu__item:hover {
background-color: #eee
}
a.multiple-account-menu__link:hover {
text-decoration: none
}
li.multiple-account-menu__item:last-child {
border-bottom: 0
}
.ramadan_header {
background: url(../../images/ramadan_bg.png);
width: 1000px;
height: 40px;
margin: 0 auto;
border-radius: 0 0 3px 3px;
display: none
}
.ramadan_header>p {
color: #fff;
font-weight: 800;
font-size: 14px;
display: inline-block;
padding: 10px 10px 10px 14px
}
.ramadan_header .fanoos {
display: inline-block;
position: relative;
left: 10px;
width: 18px;
height: 50px;
background: url(../../images/fanoos.png) no-repeat;
animation: 3s ease 0s normal none infinite fanoos-swing;
transform-origin: center top;
float: left
}
.ramadan_header .star {
background-color: #fff;
width: 1px;
height: 1px;
display: inline-block;
border-radius: 100%;
animation: 2s linear 0s normal none infinite star-glow;
animation-direction: alternate
}
.rh-right-section {
float: right;
color: #fff;
font-weight: 800;
padding: 12px 0 12px 12px;
position: relative;
min-width: 295px
}
.rh-right-section .moon-img {
background: url(../../images/moons.png) 1px center no-repeat;
width: 24px;
height: 24px;
padding: 0;
position: relative;
right: 0;
bottom: 5px;
background-size: cover;
float: left
}
.rh-right-section span {
padding: 0 8px;
border-left: 1px solid rgba(248, 248, 248, .51);
min-width: 65px;
font-size: 12px
}
#ramadan-date {
border-left: 0
}
#ramadan-date>span {
padding-left: 5px
}
.rh-right-section span:first-child {
border: none;
min-width: 24px
}
@keyframes fanoos-swing {
0%,
100% {
transform: rotate(5deg)
}
50% {
transform: rotate(-5deg)
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
.ramadan_header .fanoos {
background: url(../../images/fanoos@2x.png) no-repeat;
background-size: 75%
}
}
.tipsy {
font-size: 14px;
position: absolute;
padding: 5px;
z-index: 100000
}
.tipsy-inner {
background-color: #000;
color: #FFF;
max-width: 200px;
padding: 5px 8px 4px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000
}
.tipsy-arrow-n {
border-bottom-color: #000
}
.tipsy-arrow-s {
border-top-color: #000
}
.tipsy-arrow-e {
border-left-color: #000
}
.tipsy-arrow-w {
border-right-color: #000
}
.tipsy-n .tipsy-arrow,
.tipsy-nw .tipsy-arrow {
border-left-color: transparent;
border-right-color: transparent;
top: 0;
border-bottom-style: solid;
border-top: none
}
.tipsy-n .tipsy-arrow {
left: 50%;
margin-left: -5px
}
.tipsy-nw .tipsy-arrow {
left: 10px
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent
}
.tipsy-s .tipsy-arrow,
.tipsy-se .tipsy-arrow,
.tipsy-sw .tipsy-arrow {
bottom: 0;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent
}
.tipsy-s .tipsy-arrow {
left: 50%;
margin-left: -5px
}
.tipsy-sw .tipsy-arrow {
left: 10px
}
.tipsy-se .tipsy-arrow {
right: 10px
}
.tipsy-e .tipsy-arrow,
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -5px;
border-top-color: transparent;
border-bottom-color: transparent
}
.tipsy-e .tipsy-arrow {
right: 0;
border-left-style: solid;
border-right: none
}
.tipsy-w .tipsy-arrow {
left: 0;
border-right-style: solid;
border-left: none
}
.dfp-skyscraper-wrapper {
clear: both;
width: 160px;
margin: 0 auto
}
.display-slot-skyscrapper {
width: auto;
height: auto;
max-width: 160px;
max-height: 600px;
overflow: hidden
}
._360-dpv-wrapper {
width: 100%!important
}
._360-dpv-tour-el {
width: 67%!important
}
.results-list-lpv {
padding-top: 1px
}
._360-lpv-video {
width: 40%;
margin-top: -15px;
margin-bottom: -5px;
vertical-align: top;
padding-right: 10px;
cursor: pointer
}
._360-lpv-info-wrapper {
display: inline-block;
width: 58%
}
._360-lpv-info-wrapper>.item-title {
float: right!important;
width: 100%!important;
vertical-align: top;
margin-top: -10px!important
}
._360-lpv-info-wrapper #title {
width: 65%!important
}
._360-lpv-info-wrapper .title>a {
width: 265px;
display: inline-block;
overflow: hidden
}
._360-lpv-info-wrapper .price {
width: 35%!important;
font-size: 16px!important
}
._360-lpv-details,
._360-lpv-details .description {
display: inline-block;
width: 100%!important
}
._360-lpv-details .features {
width: 165px
}
._360-lpv-details .features>li {
margin: 0!important
}
._360-lpv-location {
height: 15px;
position: relative;
bottom: 5px
}
._360-lpv-location>.location {
margin: 0
}
._360-lpv-video-icon {
position: absolute;
color: #fff;
border: 2px solid;
border-radius: 50%;
top: 70px;
left: 125px;
cursor: pointer;
display: block;
padding: 8px
}
._360-lpv-video-icon>i {
font-size: 45px
}
._360-lpv-details .badges-list-v,
._360-lpv-details .block .item-controls {
display: none
}
._360-lpv-details .block .location {
margin: 0!important;
height: 15px
}
.listing-item.listing-item-360 {
padding-top: 12px;
padding-bottom: 5px
}
iframe#dpv-360-iframe {
width: 100%;
height: 400px;
border: 1px solid #eee
}
img._360-lpv-logo {
position: absolute;
right: 5px;
bottom: 15px
}
input.del-ad-btn {
border: none;
float: none;
color: #ca0008;
height: 40px;
padding: 0 15px;
font-size: 15px;
cursor: pointer;
background: 0 0
}
.mylistings-outline-button--disabled,
.mylistings-p .listing-actions .mylistings-outline-button.mylistings-outline-button--disabled {
pointer-events: none;
background-color: #ddd;
border: 1px solid #AAABAD;
color: #AAABAD
}
.mylistings-p .listing-actions .mylistings-primary-button,
.mylistings-primary-button {
border: none;
line-height: 14px;
padding: 5px 10px;
font-weight: 600;
background: #005F96;
margin: 2px;
color: #fff;
border-radius: 2px;
text-decoration: none;
cursor: pointer
}
.mylistings-p .listing-actions .mylistings-primary-button.mylistings-primary-button--disabled,
.mylistings-primary-button--disabled {
pointer-events: none;
background-color: #ddd;
color: #AAABAD
}
.mylistings-outline-button,
.mylistings-p .listing-actions .mylistings-outline-button {
background-color: #fff;
border: 1px solid #005F96;
line-height: 14px;
padding: 5px 8px;
font-weight: 600;
margin: 2px;
color: #005F96;
border-radius: 2px;
font-size: 12px;
cursor: pointer;
text-decoration: none
}
.mylistings-outline-button--lg,
.mylistings-primary-button--lg {
height: 33px;
padding: 4px 11px;
font-size: 14px;
margin: 0 3px
}
.mylistings-primary-button--disabled {
background-color: #ddd;
border: 1px solid #AAABAD;
color: #AAABAD
}
div#user-controls.actions {
min-width: 120px;
cursor: default
}
.actions-language-switcher {
height: 20px;
font-size: 14px;
text-decoration: underline
}
.lang-button-en {
width: 45px;
height: 20px
}
.actions-show-tutorial {
background: #C43636;
color: #fff;
padding: 10px 20px 10px 10px;
font-size: 18px;
margin-left: 20px;
cursor: pointer;
border-radius: 2px
}
.actions-show-tutorial>i {
font-size: 14px;
padding: 8px 12px
}
.mylistings-wrapper .profile-content .table {
margin: 20px auto 10px 15px
}
.mylistings-wrapper .header {
border-radius: 2px 2px 0 0
}
.mylistings-wrapper .header h4 {
line-height: 30px
}
.mylistings-outline-button--link,
.mylistings-p .listing-actions .mylistings-outline-button--link {
border: none;
font-size: 13px
}
span.vertical-separator {
height: 30px;
width: 1px;
background-color: #c2c2c2;
margin: 0 0 0 10px;
display: inline-block;
vertical-align: middle
}
.mylistings-p .table .mylistings-place {
display: inline;
color: #3b4245;
font-size: 12px;
font-weight: 600;
margin-right: 4px
}
label.mylistings-meta__label {
color: #6b6d70;
font-weight: 600
}
.row.mylistings-meta>div>span {
color: #212223;
font-weight: 800
}
.mylistings-expiry>label:nth-child(2),
.mylistings-time>label:nth-child(2) {
font-weight: 600;
color: #000
}
.mylistings-meta .col {
margin: 3px 14px 3px 0
}
.mylistings-p .table .group:last-child {
border-bottom: 0;
margin-bottom: 0
}
.mylistings-featured-ad {
border-left: 3px solid
}
.featured-ad-CL {
border-color: #68BD45
}
.featured-ad-SP {
border-color: #29A4D7
}
.featured-ad-RP {
border-color: #F1BA45
}
.featured-ad-JB,
.featured-ad-JW {
border-color: #F2643E
}
.featured-ad-CO {
border-color: #3f80A3
}
.featured-ad-MT {
border-color: #7C6085
}
.mylistings-p span.mylistings-ref-CL {
background-color: #68BD45
}
.mylistings-p span.mylistings-ref-SP {
background-color: #29A4D7
}
.mylistings-p span.mylistings-ref-RP {
background-color: #F1BA45
}
.featured-ad-JB,
.mylistings-p span.mylistings-ref-JW {
background-color: #F2643E
}
.mylistings-p span.mylistings-ref-CO {
background-color: #3f80A3
}
.mylistings-p span.mylistings-ref-MT {
background-color: #7C6085
}
.mylistings-p span.mylistings-ref-MT.promoted {
background-color: #29A4D7;
margin-right: 5px
}
.mylistings-p span.mylistings-ref-RP.property_featured {
background-color: #2b2d2e
}
.hyde {
display: none
}
.promoted-ads__card {
height: 320px;
float: left;
width: 240px;
margin: 8px;
box-shadow: 0 1px 1px 2px #ddd;
box-sizing: content-box
}
.promoted-ads__card.motors {
height: 330px
}
.promoted-ads__card-image {
width: 240px;
z-index: 99;
position: relative
}
.promoted-ads__card-image .promoted-badges {
position: absolute;
z-index: 100
}
.promoted-ads__card-image-el {
height: 180px;
width: 100%;
box-shadow: inset 0 -20px 40px -10px grey;
display: block;
-o-object-fit: cover;
object-fit: cover
}
.promoted-ads__card-image-tag {
position: absolute;
bottom: 5px;
font-size: 14px;
color: #fff;
opacity: .7;
font-weight: 600;
left: 10px
}
.promoted-ads__card-360-tag {
position: absolute;
right: 8px;
bottom: 8px
}
.promoted-ads__card-body {
padding: 10px 20px;
height: 60px;
text-align: center
}
.motors .promoted-ads__card-body {
height: 70px
}
.promoted-ads__card-body__title {
font-size: 16px;
font-weight: 600;
width: 200px;
overflow: hidden
}
.promoted-ads__card-body__info,
.promoted-ads__card-body__location {
font-weight: 500;
color: grey
}
.promoted-ads__card-body__info img {
width: 20px;
vertical-align: text-bottom
}
.promoted-ads__card-body__info__year {
margin-right: 20px
}
.promoted-ads__card-body__price {
color: #e00000;
font-weight: 600;
font-size: 14px;
text-align: center;
padding-top: 5px;
line-height: 14px
}
.promoted-ads__card-body__price.used-cars_promoted_ads {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
font-size: 14px
}
.promoted-ads__card-body__price.used-cars_promoted_ads .selling-price__text {
font-size: 10px;
line-height: 10px;
margin-top: -2px;
color: #626465;
font-weight: 400;
margin-bottom: 4px
}
.promoted-ads__card-footer {
border-top: 1px solid #ddd;
padding: 12px;
min-height: 36px
}
.promoted-ads__card-footer-logo-image {
margin: 0 auto;
display: block;
max-width: 200px;
max-height: 45px
}
.promoted-ads--multiple {
display: -ms-flexbox;
-js-display: flex;
display: flex
}
.promoted-ads__card-footer-btn {
text-align: center;
font-size: 14px;
font-weight: 400;
padding: 10px 5px;
width: 70%;
height: 15px;
margin: 0 auto;
border: 1px solid #ddd;
border-bottom: 3px solid #ddd;
cursor: pointer
}
.promoted-ads__card-footer__blog-icon {
width: 12px;
position: relative;
top: 2px
}
.promoted-ads__card-footer__btn-link:hover {
text-decoration: none;
color: #7b7b7b
}
.promoted-ads__card-footer__btn-link {
color: #7b7b7b
}
.promoted-ads__card-footer__btn-link--CTA:focus {
color: #fff
}
.promoted-ads__card-footer-btn--CTA {
background-color: #005f96;
border: 0;
border-radius: 2px
}
.promoted-ads__card-footer__btn-link--CTA {
color: #fff
}
.promoted-ads__card-image-tag--CTA {
font-size: 30px;
text-align: center;
bottom: 40px;
opacity: 1;
left: 30px
}
.promoted-ads__card-footer__btn-link--CTA:hover {
color: #fff
}
.promoted-ads__card-footer-logo {
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px
}
img.promoted-ads__card-image-el:after,
img.promoted-ads__card-image-el:before {
display: block;
position: absolute;
height: 50%;
background-color: #fff;
left: 0;
width: 100%
}
img.promoted-ads__card-image-el:after {
content: attr(alt);
font-size: 16px;
font-family: ss-pikachu, arial, sans-serif;
z-index: 2;
top: 50%;
border-bottom: 1px solid;
text-align: center
}
img.promoted-ads__card-image-el:before {
content: "";
top: 0;
color: #fff;
background-image: url(../../images/broken-image-icon.png);
background-size: 50px;
background-repeat: no-repeat;
background-position: center
}
div#panoDIV,
div#tourDIV {
position: relative;
overflow: hidden
}
.mylistings-promote-modal>fieldset {
display: none
}
.mylistings-promote-modal>h2 {
margin: 6px!important;
font-size: 20px!important
}
div#tourDIV {
height: 600px;
margin-bottom: 40px
}
div#panoDIV {
height: 100%;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none
}
div#panoDIV.cursorMoveMode {
cursor: move;
cursor: url(../../images/cursors_move_html5.cur), move
}
div#panoDIV.cursorDragMode {
cursor: grab;
cursor: -webkit-grab;
cursor: url(../../images/cursors_drag_html5.cur), default
}
._360-placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../../images/360/bg.png) no-repeat;
background-size: cover;
z-index: 9999
}
._360-placeholder__loader {
height: 100%;
z-index: 999
}
._360-placeholder__loader-text {
display: block;
margin: 0 auto;
position: relative;
width: auto;
font-size: 19px;
color: #fff;
text-align: center;
top: 42%
}
._360-placeholder__loader img {
width: 16%;
margin: 0 auto;
display: block;
position: relative;
top: 40%
}
._360-placeholder__tutorial {
position: absolute;
width: 66%;
top: 20%;
left: 13%;
padding: 25px;
background-color: #424242;
z-index: 99;
border-radius: 8px;
opacity: .9;
display: none
}
._360-placeholder__tutorial-slide-img {
display: block;
margin: 10px auto;
height: 105px
}
._360-placeholder__tutorial-slide-caption {
color: #fff;
font-size: 20px;
text-align: center;
display: block;
margin-top: 20px
}
._360-placeholder__tutorial-btns {
padding: 10px 0;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
._360-placeholder__tutorial-btn {
background: 0 0;
border: 1px solid #fff;
padding: 7px 15px;
color: #fff;
font-size: 17px;
margin: 4px;
width: 30%;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer
}
._360-placeholder__tutorial-slide {
margin: 25px 0
}
._360-placeholder__tutorial-close-btn {
color: #fff;
font-size: 20px;
position: absolute;
right: 7px;
top: 7px;
padding: 10px;
cursor: pointer
}
._360-placeholder__tutorial-btn--disabled {
border: 1px solid rgba(255, 255, 255, .64);
color: rgba(255, 255, 255, .64);
cursor: not-allowed
}
.promoted-ad__date--shrink {
-ms-flex-positive: 0;
flex-grow: 0
}
.promoted-ad__company-logo-img {
max-width: 70px
}
@media (max-width:768px) {
.actions-show-tutorial {
display: none!important
}
.new-header__property-feed {
text-align: center!important;
padding: 0!important;
position: static
}
}
@media (max-width:425px) {
.new-header__property-feed {
display: block
}
.multiple-account-menu {
left: 55px
}
.new-header logo {
width: 100%
}
.new-header logo>a>img {
margin: 0 auto;
display: block
}
}
.introjs-tooltip {
background: #212223;
color: #fff
}
.introjs-arrow.top {
border-bottom-color: #212223
}
.render-listing-already-applied {
background-color: #efefef;
padding: 10px inherit 8px!important
}
.render-listing-already-applied.applied-not-first {
margin-top: -14px!important
}
.render-listing-already-applied.paid-featured-item.applied-not-first {
margin-top: 0!important
}
.render-listing-already-applied .applied-notification {
color: #2d6524;
font-size: 13px;
clear: left;
float: left;
margin: -3px 0 0 2px;
position: relative;
width: 300px
}
.render-listing-already-applied .item-controls {
position: relative;
z-index: 1;
margin: -28px 0 0!important
}
#browse_in_widget .job-section-index-short {
max-height: 110px
}
.job_roles_widget {
display: -ms-flexbox;
-js-display: flex;
display: flex;
height: auto!important;
margin: 0 0 10px;
padding: 0
}
#browse_in_widget_jobs {
display: none
}
.job_roles_widget .browse_in_widget_col .browse_in_widget_li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
list-style-position: inside;
margin-left: -14px
}
.lang-ar .job_roles_widget .browse_in_widget_col .browse_in_widget_li {
margin-right: 0;
margin-left: -14px
}
.job_roles_widget .browse_in_widget_col .browse_in_widget_item {
padding: 1px 1px 1px 0;
margin-bottom: 4px;
color: #004276
}
.job_roles_widget .browse_in_widget_col a {
color: #004276
}
.wrapper-border-nobg {
background: 0 0!important;
border-top: 1px solid silver
}
.browse-jobs-show .browse_in_widget_col {
width: 215px!important
}
#listing-results .upload__cv__banner {
background: #EEE;
padding: 10px;
font-size: 16px;
font-weight: 700;
margin-bottom: 20px
}
.upload__cv__banner__heading {
display: inline-block;
padding: 2px 10px 2px 0;
border-right: 1px solid #CACACA;
font-size: 18px;
margin-top: 6px
}
.upload__cv__banner__copy {
display: inline-block;
padding-left: 10px;
font-size: 14px;
color: #3B4245
}
.upload__cv__banner__action {
float: right;
margin-left: 10px
}
.upload__cv__banner__action .button {
display: block;
border: none;
background: #F46335;
color: #fff;
padding: 10px;
border-radius: 2px;
text-decoration: none
}
.jobs_hide_categories,
.motors-delete-ad-close {
display: none
}
.motors-delete-ad,
.motors-delete-ad-header,
.motors-delete-ad-main {
box-sizing: border-box;
background: #fff
}
.upload__cv__banner__action img {
float: left;
margin-right: 5px
}
.lang-ar .upload__cv__banner__action img {
float: right;
margin-right: 0;
margin-left: 5px
}
.lang-ar .upload__cv__banner__action {
float: left;
margin-left: 0;
margin-right: 10px
}
.lang-ar .upload__cv__banner__heading {
border-right: none;
border-left: 1px solid #CACACA;
padding-right: 0;
padding-left: 10px
}
.lang-ar .upload__cv__banner__copy {
padding-left: 0;
padding-right: 10px
}
#search-widget-form {
overflow: visible!important
}
#rc_swfield_chzn .chzn-drop {
width: 174px!important
}
#rc_swfield_chzn .chzn-drop .chzn-results li {
font-size: 12px;
line-height: 1.5em
}
#browse-in-category-list,
#show,
.browse_in_list {
overflow: hidden
}
#advanced-search-header-jobs {
color: #333;
font-size: 15px;
font-weight: 700;
margin: 12px 0 -16px
}
.motors-delete-ad {
font-size: 16px;
font-family: proxima-nova, noto, helvetica, arial, sans-serif;
width: 100%;
padding: 48px 0;
margin: 0 auto;
color: #2b2d2e
}
.motors-delete-ad.is-mobile {
position: fixed;
top: 56px;
left: 0;
right: 0;
bottom: 56px;
z-index: 4
}
.motors-delete-ad-wrapper {
max-width: 384px;
margin: 0 auto
}
.motors-delete-ad.is-mobile .motors-delete-ad-checkbox,
html:lang(ar) .motors-delete-ad-checkbox {
margin-right: 0;
margin-left: 16px
}
.motors-delete-ad.is-mobile .motors-delete-ad-main {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 80px;
overflow-y: auto
}
.motors-delete-ad.is-mobile .motors-delete-ad-actions {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
padding: 16px;
box-sizing: border-box;
border-top: 1px solid #eef0f1
}
.motors-delete-ad.is-mobile .motors-delete-ad-close {
display: block;
position: absolute;
width: 24px;
height: 24px;
text-align: center;
top: 12px;
left: 16px;
font-size: 36px;
font-family: proxima-nova;
line-height: 24px;
color: #2b2d2e;
text-decoration: none
}
.motors-delete-ad-header {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 48px;
z-index: 1;
box-shadow: 0 2px 8px 0 transparent;
border-bottom: 1px solid transparent;
transition: all .2s
}
.motors-delete-ad-header.is-shadowed {
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .04);
border-bottom: 1px solid #eef0f1
}
.motors-delete-ad.is-mobile .motors-delete-ad-main {
padding: 48px 16px 16px
}
.motors-delete-ad-title {
font-size: 24px;
font-weight: 700;
line-height: 1.33;
margin-bottom: 24px;
text-align: center
}
.motors-delete-ad-choices {
margin-bottom: 24px
}
.motors-delete-ad-choice {
display: block;
padding: 24px 0;
border-bottom: 1px solid #eef0f1
}
.motors-delete-ad-choice:after,
.motors-delete-ad-label:after {
display: table;
clear: both;
content: ''
}
.motors-delete-ad-choice:last-child {
border-bottom: 0
}
.motors-delete-ad-label {
float: left;
cursor: pointer
}
.motors-delete-ad.is-mobile .motors-delete-ad-label {
width: 100%;
float: right
}
html:lang(ar) .motors-delete-ad-label {
float: right;
width: auto!important
}
.motors-delete-ad-checkbox,
.motors-delete-ad-label-text {
float: right;
text-align: left
}
html:lang(ar) .motors-delete-ad-checkbox,
html:lang(ar) .motors-delete-ad-label-text {
float: left;
text-align: right
}
.motors-delete-ad.is-mobile .motors-delete-ad-label-text {
float: left;
width: 85%;
width: calc(100% - 40px)
}
.motors-delete-ad-label-text {
font-size: 20px;
font-weight: 600;
line-height: 24px
}
.motors-delete-ad-action,
.motors-delete-ad-reason-input-label {
cursor: pointer;
font-size: 16px;
line-height: 1.5;
box-sizing: border-box
}
.motors-delete-ad-checkbox {
margin-right: 16px
}
.motors-delete-ad-checkbox input {
display: none
}
.motors-delete-ad-checkbox-icon {
display: block;
width: 24px;
height: 24px;
border: 2px solid #2b2d2e;
border-radius: 50%;
box-sizing: border-box;
padding: 4px;
transition: border-color .2s
}
.motors-delete-ad-checkbox-icon:after {
content: '';
display: block;
width: 12px;
height: 12px;
background: #e00000;
border-radius: 50%;
opacity: 0;
transition: opacity .2s
}
.motors-delete-ad-checkbox input:checked~.motors-delete-ad-checkbox-icon {
border-color: #e00000
}
.motors-delete-ad-checkbox input:checked~.motors-delete-ad-checkbox-icon:after {
opacity: 1
}
.motors-delete-ad-reason {
display: none;
clear: both;
padding-top: 12px
}
.motors-delete-ad-reason-input-wrapper {
position: relative
}
.motors-delete-ad-reason-input-label {
position: absolute;
color: #2b2d2e;
left: 0;
top: 0;
padding: 11px 14px;
display: block
}
.motors-delete-ad-reason input {
font-family: proxima-nova, noto, helvetica, arial, sans-serif;
font-size: 16px;
font-weight: 400;
width: 100%;
padding: 12px 16px 12px 54px;
border-radius: 6px;
border: 1px solid #626465;
box-sizing: border-box
}
.motors-delete-ad-reason.is-visible {
display: block
}
.motors-delete-ad-reason-title {
display: block;
font-size: 16px;
margin-bottom: 4px
}
.motors-delete-ad-actions {
background: #fff
}
.motors-delete-ad-actions:after {
content: '';
clear: both;
display: table
}
.motors-delete-ad-action-wrapper {
float: left;
width: 50%;
box-sizing: border-box
}
html:lang(ar) .motors-delete-ad-action-wrapper {
float: right
}
.motors-delete-ad-action-wrapper:first-child {
padding-right: 8px
}
html:lang(ar) .motors-delete-ad-action-wrapper:first-child {
padding-right: 0;
padding-left: 8px
}
.motors-delete-ad-action-wrapper:last-child {
padding-left: 8px
}
html:lang(ar) .motors-delete-ad-action-wrapper:last-child {
padding-right: 8px;
padding-left: 0
}
.motors-delete-ad-action {
display: block;
padding: 11px;
font-weight: 600;
width: 100%;
margin: 0!important;
border: 1px solid;
border-radius: 6px;
text-align: center;
transition: all .2s;
text-decoration: none
}
.motors-delete-ad-action.is-primary {
background: #e00000;
border-color: #e00000;
color: #fff
}
.motors-delete-ad-action.is-primary:hover {
background: #f23d3d;
border-color: #f23d3d
}
.motors-delete-ad-action.is-primary:active {
background: #bf0000;
border-color: #bf0000
}
.motors-delete-ad-action.is-primary:disabled {
background: #eef0f1;
border-color: #eef0f1;
color: #b6b8b9;
cursor: default
}
.motors-delete-ad-action.is-secondary {
background: #fff;
color: #e00000;
border-color: #e00000
}
.motors-delete-ad-action.is-secondary:hover {
background: #e00000;
border-color: #e00000;
color: #fff;
text-decoration: none
}
.motors-delete-ad-action.is-secondary:active {
background: #bf0000;
border-color: #bf0000;
color: #fff
}
.buy-car-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
display: none
}
.buy-car-modal__backdrop,
.buy-car-modal__table {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0
}
.buy-car-modal.is-active {
display: block
}
.buy-car-modal__backdrop {
background: #000;
opacity: .7;
transition: opacity .45s;
z-index: 1
}
.buy-car-modal__table {
display: table;
z-index: 2;
padding: 16px;
table-layout: fixed
}
.buy-car-modal__table-cell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.buy-car-modal__card {
position: relative;
width: 400px;
height: 640px;
background: #fff;
margin: 0 auto;
border-radius: 6px
}
.buy-car-modal__close {
font-family: proxima-nova, helvetica, arial, sans-serif;
background: rgba(0, 0, 0, .7);
padding: 0;
border: 0;
width: 24px;
height: 24px;
cursor: pointer;
position: absolute;
z-index: 1;
top: -13px;
right: -12px;
border-radius: 50%;
text-align: center;
line-height: 1;
font-weight: 700;
font-size: 26px;
color: #fff
}
.flame-button,
.flame-text {
font-family: proxima-nova, ProximaNova, GESS, GE-SS, 'Helvetica Neue', Helvetica, Arial, sans-serif;
-moz-osx-font-smoothing: grayscale
}
.buy-car-modal__iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
border-radius: 6px;
overflow: auto;
border: 0
}
.supplementary-separator {
text-align: center;
padding: 24px;
border-bottom: 6px solid #eef0f1
}
.supplementary-separator.is-desktop {
padding: 32px;
border-bottom: 0
}
.supplementary-separator__icon {
display: block;
width: 56px;
height: 56px;
margin: 0 auto 16px
}
.supplementary-separator__notification {
font-size: 12px;
font-weight: 600;
color: #b6b8b9;
margin-bottom: 4px
}
.is-desktop .supplementary-separator__notification {
font-size: 14px
}
.supplementary-separator__title {
font-size: 14px;
font-weight: 700
}
.is-desktop .supplementary-separator__title {
font-size: 20px
}
.supplementary-listings {
margin: 0
}
.flame-text {
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
letter-spacing: normal;
margin: 0;
padding: 0
}
.flame-text:lang(ar) {
direction: rtl
}
.flame-text--title1 {
font-size: 40px;
font-weight: 700;
line-height: 64px
}
.flame-text--title2 {
font-size: 32px;
font-weight: 700;
line-height: 48px
}
.flame-text--title3 {
font-size: 28px;
font-weight: 600;
line-height: 36px
}
.flame-text--title4 {
font-size: 24px;
font-weight: 600;
line-height: 32px
}
.flame-text--title4--strong {
font-size: 24px;
font-weight: 700;
line-height: 32px
}
.flame-text--title5 {
font-size: 20px;
font-weight: 600;
line-height: 28px
}
.flame-text--title5--strong {
font-size: 20px;
font-weight: 700;
line-height: 28px
}
.flame-text--large {
font-size: 16px;
font-weight: 400;
line-height: 24px
}
.flame-text--large--strong {
font-size: 16px;
font-weight: 600;
line-height: 24px
}
.flame-text--medium {
font-size: 14px;
font-weight: 400;
line-height: 20px
}
.flame-text--medium--large {
font-size: 17px;
font-weight: 400;
line-height: 20px
}
.flame-text--medium--large--strong {
font-size: 17px;
font-weight: 600;
line-height: 20px
}
.flame-text--medium--strong {
font-size: 14px;
font-weight: 600;
line-height: 20px
}
.flame-text--small {
font-size: 12px;
font-weight: 400;
line-height: 16px
}
.flame-text--small--strong {
font-size: 12px;
font-weight: 600;
line-height: 16px
}
.flame-button {
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
display: inline-block;
border: 1px solid transparent;
font-weight: 600;
outline: 0;
transition: all .2s;
box-sizing: border-box;
cursor: pointer;
text-align: center;
text-decoration: none!important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
white-space: nowrap
}
.flame-button:disabled {
background-color: #eef0f1;
border-color: #eef0f1;
color: #b6b8b9;
opacity: 1;
cursor: default
}
.flame-button:disabled svg {
color: #b6b8b9;
fill: #b6b8b9
}
.flame-button:active {
transition-duration: 50ms
}
.flame-button:focus {
box-shadow: none
}
.flame-button--link {
border-width: 0;
background: 0 0;
padding-top: 0;
padding-bottom: 0
}
.flame-button--small {
font-size: 12px;
font-weight: 400;
line-height: 22px;
border-radius: 6px;
padding: 0 8px
}
.flame-button--medium {
font-size: 14px;
font-weight: 400;
line-height: 34px;
border-radius: 6px;
padding: 0 12px
}
.flame-button--large,
.flame-button--large--inline {
font-size: 16px;
line-height: 46px;
padding: 0 24px;
font-weight: 600;
border-radius: 6px
}
.flame-button--large {
display: block
}
.flame-button--full-width {
width: 100%
}
.flame-button--primary {
background-color: #ffc000;
border-color: var(--color-flame);
color: #fff
}
.flame-button--primary:not(:disabled):hover,
.flame-button--primary:not(:disabled):visited {
background-color: #ffc000ba;
border-color: #ffc000;
color: #fff;
text-decoration: none
}
.flame-button--primary:not(:disabled):active {
background-color: #d0021b;
border-color: #d0021b;
color: #fff;
box-shadow: none;
text-decoration: none
}
.flame-button--secondary {
background-color: #fff;
border-color: var(--color-flame);
color: var(--color-flame)
}
.flame-button--secondary:not(:disabled):hover {
background-color: var(--color-flame);
border-color: var(--color-flame);
color: #fff;
text-decoration: none
}
.flame-button--secondary:not(:disabled):active {
background-color: #d0021b;
border-color: #d0021b;
color: #fff;
box-shadow: none;
text-decoration: none
}
.flame-button--tertiary {
background-color: #fff;
border-color: #b6b8b9;
color: #2b2d2e
}
.flame-button--tertiary:hover svg {
color: #fff;
fill: #fff
}
.flame-button--tertiary:not(:disabled):hover {
background-color: #626465;
border-color: #626465;
color: #fff;
text-decoration: none
}
.flame-button--tertiary:not(:disabled):active {
background-color: #2b2d2e;
border-color: #2b2d2e;
color: #fff;
box-shadow: none;
text-decoration: none
}
.flame-button--tertiary:disabled:hover svg {
color: #b6b8b9;
fill: #b6b8b9
}
.flame-link,
.flame-link:visited {
font-size: 14px;
font-weight: 600;
line-height: 1.43;
text-decoration: none
}
.flame-link:active,
.flame-link:hover {
text-decoration: underline
}
.color-flame {
color: var(--color-flame)
}
.color-white {
color: #fff
}
.color-charcoal {
color: #626465
}
.color-semi-smoke {
color: #8e9395
}
.color-grease {
color: #2b2d2e
}
.color-smoke {
color: #b6b8b9
}
.color-cloud {
color: #eef0f1
}
.color-semi-cloud {
color: #fafafa
}
.color-lime {
color: #06bb00
}
.color-grey-40 {
color: var(--grey-40)
}
.color-grey-80 {
color: var(--grey-80)
}
.color-raspberry {
color: #ff3457
}
.color-tangerine {
color: #ffb202
}
.color-apple {
color: #d0021b
}
.color-crimson {
color: #ce0000
}
.color-denim {
color: #1270ec
}
.color-orchid {
color: #ad4cd9
}
.color-mist {
color: #f6f7f8
}
.color-ink {
color: #212223
}
.color-azure {
color: #4294ff
}
.color-gold {
color: #D89B3F
}
.color-green-60 {
color: var(--green-60)
}
.bg-flame {
background-color: var(--color-flame)
}
.bg-white {
background-color: #fff
}
.bg-charcoal {
background-color: #626465
}
.bg-semi-smoke {
background-color: #8e9395
}
.bg-grease {
background-color: #2b2d2e
}
.bg-smoke {
background-color: #b6b8b9
}
.bg-cloud {
background-color: #eef0f1
}
.bg-semi-cloud {
background-color: #fafafa
}
.bg-lime {
background-color: #06bb00
}
.bg-raspberry {
background-color: #ff3457
}
.bg-tangerine {
background-color: #ffb202
}
.bg-apple {
background-color: #d0021b
}
.bg-crimson {
background-color: #ce0000
}
.bg-denim {
background-color: #1270ec
}
.bg-orchid {
background-color: #ad4cd9
}
.bg-mist {
background-color: #f6f7f8
}
.bg-ink {
background-color: #212223
}
.bg-azure {
background-color: #4294ff
}
.cursor-pointer {
cursor: pointer
}
.bg-gold {
background-color: #D89B3F
}
.ellipsis {
overflow: hidden
}
.flame-popup-mobile-modal,
.flame-popup-modal {
min-height: 100px;
overflow-y: auto;
box-sizing: border-box
}
.details-show-less,
.details-show-more {
text-align: center;
margin: 8px auto;
cursor: pointer
}
.flame-popup-modal .flame-modal-header {
display: -ms-flexbox;
-js-display: flex;
display: flex;
height: 64px
}
.flame-popup-modal .flame-modal-header .flame-modal-header-left-panel {
width: 64px
}
.flame-popup-modal .header-icon-close {
font-size: 36px;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
width: 32px;
height: 32px;
position: absolute;
font-weight: 100;
top: 0;
right: 0;
color: #b6b8b9
}
.flame-popup-modal-backdrop {
position: fixed;
z-index: 10001;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(43, 45, 46, .89);
display: none
}
@keyframes openAnimation {
0% {
transform: scale(.8);
opacity: 0
}
100% {
transform: scale(1);
opacity: 1
}
}
.flame-popup-modal {
position: fixed;
z-index: 10001;
width: 456px;
left: calc(50% - 228px);
top: 150px;
background: #fff;
box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .3);
border-radius: 6px;
border: 1px solid #eef0f1;
animation: .3s openAnimation cubic-bezier(0, 0, .2, 1);
display: none;
max-height: 85%
}
.flame-popup-modal .modal-body {
padding: 16px
}
@media (max-width:767px) {
.flame-popup-modal-backdrop {
background: #fff
}
.flame-popup-modal {
width: 100%;
height: 100%;
border-radius: 0;
box-shadow: none;
border: none;
left: 0;
top: 0;
z-index: 10002
}
}
.flame-popup-mobile-modal-backdrop {
position: fixed;
z-index: 10003;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(43, 45, 46, .89);
display: none
}
@keyframes slideUpAnimation {
0% {
transform: translateY(100%);
opacity: 0
}
100% {
transform: scale(1);
transform: translateY(0);
opacity: 1
}
}
.flame-popup-mobile-modal {
position: fixed;
z-index: 10003;
width: 100%;
left: 0;
bottom: 0;
background: #fff;
box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .3);
border-radius: 12px 12px 0 0;
border: 1px solid #eef0f1;
animation: .3s slideUpAnimation cubic-bezier(0, 0, .2, 1);
display: none
}
.flame-popup-mobile-modal .modal-body {
padding: 24px
}
.flame-popup-mobile-modal .header-icon-close {
font-size: 36px;
display: -ms-flexbox;
-js-display: flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
width: 32px;
height: 32px;
position: absolute;
font-weight: 100;
top: 0;
right: 0;
color: #b6b8b9
}
.chevron::before {
border-style: solid;
border-width: .25em .25em 0 0;
content: '';
display: inline-block;
height: .45em;
position: relative;
transform: rotate(-45deg);
vertical-align: top;
width: .45em
}
.chevron.right:before {
transform: rotate(45deg);
float: right
}
#user-reports {
display: block;
margin: 30px 20px;
min-height: 1460px
}
#user-reports ul {
list-style: none
}
#user-reports h3 {
font-size: 14px;
color: #444
}
#user-reports .information {
background-image: url(../../images/icons/prInfo.jpg);
margin-bottom: 0;
background-position: 12px 40%
}
#user-reports .info-sub {
margin-right: 15px;
margin-bottom: 10px
}
#user-reports .hidden {
display: none
}
#user-reports .row,
#user-reports .row-ul {
display: block;
clear: both
}
#user-reports .select {
width: 172px
}
#user-reports .textbox {
border: 1px solid #BBB;
line-height: 20px;
padding: 1px;
border-radius: 3px;
color: #444;
font-size: 12px
}
#user-reports .hasDatepicker {
font-weight: 700;
width: 165px
}
#user-reports .textbox:focus {
border: 1px solid #5897FB;
box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
#user-reports .sections {
margin: 0;
padding: 0;
clear: both
}
#user-reports .row-ul {
margin: 0 auto;
list-style: none;
height: 50px;
width: 100%
}
#user-reports .row-ul .stay-inline {
float: left;
padding: 5px 20px 0 0
}
#user-reports .align-inline {
float: left;
margin-right: 10px
}
#user-reports .lbl {
font-size: 13px
}
#user-reports .lbl-small {
font-size: 12px;
color: #444
}
#user-reports .val-big {
font-size: 16px;
color: #222
}
#user-reports .val-bigger {
font-size: 23px;
color: #444;
margin-top: -3px
}
#user-reports .val-small {
font-size: 11px;
color: #E00000
}
#user-reports #country {
background: url(../../images/location_switcher/flags1.gif) 10px -250px no-repeat;
padding: 2px 25px 0 30px;
color: #004276;
font-weight: 700;
font-size: 13px;
margin: 7px 0
}
#user-reports .tooltip {
color: #3C7AB3;
font-weight: 700
}
#user-reports .tooltip:hover {
text-decoration: none;
color: #444;
cursor: pointer
}
#user-reports .activity-heading {
display: inline;
margin-right: 10px
}
#user-reports .limit-msg {
display: none;
color: red;
font-size: 12px
}
#user-reports .awesome {
min-width: 150px
}
#user-reports .loading-spin {
background: url(../../images/elements/loading.gif) no-repeat;
width: 20px;
height: 17px;
margin: 0 auto;
z-index: 10
}
#id_rid_chzn {
font-size: 11px;
float: right;
width: 367px!important
}
#id_rid_chzn .chzn-search input {
width: 326px!important
}
#id_rid_chzn .chzn-single {
height: 16px;
line-height: 16px
}
#id_rid_chzn .chzn-single div b {
margin-top: -5px!important
}
.chzn-custom-style {
width: 370px!important;
zoom: .9!important;
font-size: 12px!important;
margin-top: 2px!important
}
.chzn-container-multi {
position: relative!important;
z-index: 11!important
}
.chzn-container-multi .chzn-choices .search-field input {
padding: 4px!important
}
.chzn-drop {
width: 365px!important
}
.for-user-reports-stupid-error {
min-height: 400px!important;
height: 400px
}
#user-reports .margins {
padding-bottom: 15px
}
#user-reports .loading-section {
padding: 15px 0 20px;
margin: 0 467px
}
#user-reports .loading-line {
margin: 0 310px
}
#user-reports-sidebar {
display: block;
float: left;
width: 18%;
margin: 10px 0;
max-width: 165px
}
#user-reports-sidebar .stupid-border {
border-right: 1px solid #ccc;
position: absolute;
z-index: 5;
min-height: 1420px;
width: 155px;
margin-top: 6px
}
#user-reports-sidebar .for-stupid-error {
min-height: 400px!important;
height: 400px
}
#user-reports-sidebar-list {
list-style-type: none
}
#user-reports-sidebar-list .nodes {
margin: 5px 0
}
#user-reports-sidebar-list .tab-link {
display: block;
padding: 10px 0 12px 10px;
width: 100%;
font-size: 14px;
font-weight: 700;
font-face: serif;
position: relative;
z-index: 6
}
#user-reports-sidebar-list .tab-link-active {
background: url(../../images/elements/tab-active-inactive-sprite.gif) no-repeat;
position: relative;
z-index: 11
}
#user-reports-sidebar-list .tab-link-inactive {
background: url(../../images/elements/tab-active-inactive-sprite.gif) 0 -41px no-repeat;
color: #ccc;
width: 143px
}
#user-reports-sidebar-list .tab-link:active,
#user-reports-sidebar-list .tab-link:hover,
#user-reports-sidebar-list .tab-link:link,
#user-reports-sidebar-list .tab-link:visited {
text-decoration: none
}
#user-reports-sidebar-list .tab-comingsoon {
display: block;
padding: 0 0 12px 10px;
width: 100%;
font-size: 14px;
font-weight: 700;
font-face: serif;
position: relative;
z-index: 6;
background: url(../../images/elements/tab-coming-soon.gif) no-repeat;
height: 400px
}
#user-reports #id_rid {
float: right;
width: 220px
}
#user-reports #filter-results {
border: 1px solid #EEF0F1;
background-color: #f5f5f5
}
#user-reports #filter-results #filter-result-heading {
padding: 6px 0 5px;
float: left;
width: 98%
}
#user-reports #filter-results #filter-result-heading h4 {
float: left;
width: 40%;
color: #444
}
#user-reports #filter-results .row {
border-bottom: 1px dotted #999;
margin: 0 10px
}
#user-reports #filter-results .row.bottomless {
border: 0
}
#user-reports #taxonomy-row-list #cities {
list-style: none
}
#user-reports #taxonomy-row-list #subcat {
padding-right: 0
}
#user-reports #taxonomy-row-list {
list-style: square url(../../../images/icons/arrow.png)
}
#user-reports #daterange-row-list {
background: #EAEAEA;
width: 100%
}
#user-reports #daterange-row-list .lbl {
float: left;
margin: 6px 6px 0 0;
min-width: 65px
}
#user-reports #daterange-row-list span {
width: 195px;
border: 1px solid #EEF0F1;
line-height: 20px;
display: inline-block;
padding: 1px;
border-radius: 5px;
color: #444;
font-size: 13px;
background: #fff
}
#user-reports #daterange-row-list #calender-icon {
float: right;
width: 14px;
height: 23px;
margin: 0 5px 0 0;
background: url(../../../images/icons/calendar.png) 0 35% no-repeat #fff
}
#user-reports #daterange-row-list #down-icon {
float: right;
width: 14px;
height: 17px;
background: url(../../../images/icons/down-arrow-gray.gif) 0 80% no-repeat #fff
}
#user-reports #daterange-row-list #date_from,
#user-reports #daterange-row-list #date_from_pt,
#user-reports #daterange-row-list #date_to,
#user-reports #daterange-row-list #date_to_pt {
padding: 0;
border: 0;
color: #444;
margin: 3px 0 0 5px;
text-align: left;
min-width: 120px;
float: left;
width: 121px
}
#user-reports #daterange-row-list #date_from_pt,
#user-reports #daterange-row-list #date_to_pt {
width: 145px
}
#user-reports #daterange-row-list .align-inline {
margin-right: 10px
}
#user-reports #daterange-row-list .stay-inline {
padding: 5px 15px 0 0
}
#user-reports #daterange-row-list #calendar-field-container {
padding: 5px 10px 0 0
}
#user-reports #criteria-row {
float: left;
width: 100%;
border-bottom: 0;
padding-bottom: 10px
}
#user-reports #criteria-row #id_filt_price__gte,
#user-reports #criteria-row #id_filt_price__lte {
min-width: 60px;
width: 79px
}
#user-reports #criteria-row .bedroom_select {
width: 83px
}
#user-reports #criteria-row .select {
width: 325px
}
#user-reports #criteria-row .lbl {
display: block;
padding: 0 0 10px
}
#user-reports #criteria-row .stay-inline {
margin: 0;
width: 172px
}
#user-reports #criteria-row #neighbourhood-row {
width: 333px
}
#user-reports #overview-results {
margin: 0 24px 0 0
}
#user-reports #subtext {
background-color: #f0f0f0;
padding: 7px 10px;
color: #666
}
#user-reports #overview-content {
padding: 0
}
#user-reports #overview-content-list {
float: left;
width: 100%;
padding: 15px 0 20px 10px
}
#user-reports .overview-col {
float: left;
padding: 0 15px 0 0;
min-width: 110px
}
#user-reports .lbl-ctr-ltr,
#user-reports .val-big,
#user-reports .val-bigger,
#user-reports .val-col,
#user-reports .val-ctr-ltr {
float: left;
margin: 0 5px 0 0
}
#user-reports .val-col {
padding: 0 0 0 5px;
border-left: 1px dotted #999
}
#user-reports .val-ctr-ltr {
font-size: 14px;
color: #444;
margin: 2px 0 0 28px;
width: 100%
}
#user-reports .lbl-ctr-ltr {
margin: -16px 29px;
width: 100%
}
#user-reports .ctr-lcr-col {
color: #444;
padding-right: 10px;
margin-top: -8px
}
#user-reports .val-col span {
display: block;
width: 100%
}
#user-reports .ctr-ltr-body {
background: url(../../../images/elements/prArrow.gif) no-repeat;
padding: 25px 0 30px;
width: 112px
}
#user-reports #overview-detailviews {
padding: 0 25px 0 0
}
#user-reports .graph-title {
border-top: 1px solid #EEF0F1;
background-color: #EAEAEA;
line-height: 18px;
padding: 4px 10px
}
#user-reports .graph-title span {
float: right;
font-size: 14px;
color: #E00000
}
#user-reports .graph-container {
height: 200px;
width: 100%;
text-align: center;
margin-bottom: 24px
}
#user-reports .graph-container-loading {
line-height: 180px;
width: 100%;
text-align: center;
background: url(../../../images/elements/dbz-camel-small.gif) 50% 30% no-repeat #fff;
padding-top: 20px;
display: block;
color: #6E6C6D
}
#user-reports .graph-title-90p {
width: 100%;
background-color: #EAEAEA
}
#user-reports .graph-title-90p-inner {
width: 98%;
height: 20px;
margin: 0 auto;
border-top: 1px solid #EEF0F1
}
#user-reports .graph-title-90p-inner h4,
#user-reports .graph-title-90p-inner span {
font-size: 11px;
margin-right: 2px
}
#user-reports h4.activity-heading {
margin-right: 10px
}
#user-reports .graph-title-90p-inner h4 {
float: left;
font-size: 13px;
color: #444
}
#user-reports .graph-title-90p-inner span {
float: none;
display: inline;
color: #666;
padding: 2px 0 0
}
#user-reports .graph-title-90p-inner strong {
margin: 0 2px
}
#user-reports .graph-legend input {
margin-top: 15px
}
#user-reports .graph-legend label {
padding-right: 10px
}
#user-reports .legend-checkbox-label {
font-size: 13px
}
#user-reports .calender-centered {
margin-left: 10px
}
#email-unsubscribe #content-wrapper {
margin: auto 0;
padding: 1px 0
}
#email-unsubscribe .page-peel-wrapper .page-peel-right {
margin-right: 20px
}
#email-unsubscribe-main h1 {
color: #000;
font-size: 22px;
margin-top: 3px
}
#email-unsubscribe-main #headline {
border-bottom: 1px solid #ccc;
line-height: 45px;
height: 45px
}
#email-unsubscribe-main #main-container {
float: left;
margin: 10px 26px;
font-size: 13px;
color: #444
}
#email-unsubscribe-main #dbz-dude {
background: url(../../../images/reports/unsub_dude.gif) no-repeat;
width: 205px;
height: 240px;
float: right;
position: relative;
margin-right: 55px;
margin-top: -40px;
margin-bottom: -1px
}
#email-unsubscribe-main a {
text-decoration: none;
color: #004276
}
#email-unsubscribe-main p {
color: #444;
font-size: 13px;
font-family: arial, helvatic, tahoma;
margin-top: 10px
}
#email-unsubscribe-main .information {
background-image: none;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
margin-right: 0;
font-size: 13px
}
#email-unsubscribe-main .yabba-dabba-do-icon {
display: block;
float: left;
width: 30px;
height: 29px;
margin: 10px 3px 0 20px;
background: url(../../../images/reports/confirm_icon.gif) 0 -1px no-repeat
}
.reports-pricetrends-p #user-reports #filter-results #filter-result-heading {
padding-bottom: 7px
}
.reports-pricetrends-p .ui-datepicker-calendar {
display: none
}
.reports-pricetrends-p #user-reports #daterange-row-list .select {
width: 95px;
margin-top: 3px
}
.chzn-custom-style2 {
width: 590px!important;
zoom: .9!important;
font-size: 12px!important;
margin-top: 2px!important
}
.reports-pricetrends-p #user-reports {
min-height: 720px
}
.reports-pricetrends-p #user-reports-sidebar .stupid-border {
min-height: 690px
}
.listing-quality-rank-b #content-wrapper {
padding: 0;
width: 996px!important
}
#myrank-content-wrap {
color: #4d4d4d;
margin: 50px 40px;
line-height: 1.35
}
.listing-quality-rank-b .admin-only-agent-switcher {
float: right;
margin: 20px
}
.listing-quality-rank-b.lang-ar .admin-only-agent-switcher {
float: left
}
#myrank-content-wrap h1 {
font-size: 19px;
color: #4d4d4d;
width: 60%
}
#myrank-content-wrap h1 span {
background: #2ca05a;
border-radius: 2px;
color: #fff;
padding: 2px 5px
}
#myrank-content-wrap h2 {
font-size: 18px;
font-weight: 400;
width: 80%;
margin-top: 6px
}
#myrank-content-wrap .rank-table {
font-size: 15px;
margin-top: 50px;
margin-bottom: 50px;
float: left;
font-weight: 700;
color: #666;
position: relative;
width: 100%;
font-family: "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}
#myrank-content-wrap .rank-table ul {
float: left;
list-style: none;
position: relative;
z-index: 2
}
.lang-ar #myrank-content-wrap .rank-table ul {
float: right
}
#myrank-content-wrap .rank-table ul li {
padding: 9px 10px;
text-align: center;
min-width: 100px
}
#myrank-content-wrap .rank-table ul.y-axis {
width: 240px
}
#myrank-content-wrap .rank-table ul.y-axis li {
text-align: left;
position: relative
}
.lang-ar #myrank-content-wrap .rank-table ul.y-axis li,
.text-right {
text-align: right
}
#myrank-content-wrap .rank-table ul.y-axis li:first-child:hover {
cursor: default
}
#myrank-content-wrap .rank-table ul.y-axis li:hover {
cursor: help
}
#myrank-content-wrap .rank-table ul.y-axis .hint {
position: relative;
top: -4px;
left: 2px;
font-size: 11px;
color: #aaa
}
#myrank-content-wrap .rank-table ul.y-axis:hover {
z-index: 100
}
#myrank-content-wrap .rank-table ul li:first-child {
font-weight: 700
}
#myrank-content-wrap .rank-table .focus {
color: #2ca05a
}
#myrank-content-wrap .rank-table ul .focus-line {
border: 2px solid #2ca05a;
border-radius: 4px;
z-index: 10;
background: 0 0;
position: absolute;
top: -5px;
bottom: -10px;
left: 7px;
right: 7px
}
#myrank-content-wrap .rank-table .faux-column-background li:nth-child(2n+3) {
background: #f5f5f5
}
#myrank-content-wrap .rank-table .faux-column-background li:first-child {
border-bottom: 1px dashed #b3b3b3
}
#myrank-content-wrap .rank-table .faux-column-background li:last-child {
border-top: 1px dashed #b3b3b3;
background: 0 0
}
#myrank-content-wrap .rank-table .faux-column-background {
width: 100%;
position: absolute;
left: 0;
right: 0;
z-index: 0
}
#myrank-content-wrap .rank-table .tooltip {
position: absolute;
left: 60%;
top: -5px;
width: 270px;
display: none;
background: #fff;
border: 1px solid #ccc;
padding: 15px;
font: 13px arial, sans-serif
}
.lang-ar #myrank-content-wrap .rank-table .tooltip {
right: 70%;
left: auto
}
.lang-en #myrank-content-wrap .rank-table .tooltip:before {
content: "";
display: block;
position: absolute;
left: -9px;
top: 13px;
width: 9px;
height: 18px;
background: url(../../images/reports/listing-rank/tooltip-arrow.png)
}
#myrank-content-wrap .rank-table .tooltip:after {
content: "";
background: #e6e6e6;
position: absolute;
left: 3px;
right: 3px;
bottom: -3px;
height: 2px
}
#myrank-content-wrap .rank-table li:hover .tooltip {
display: block
}
#myrank-content-wrap .rank-table .tooltip p {
margin-top: 5px
}
#myrank-content-wrap .rank-table .tooltip ol {
margin-top: 10px;
padding-left: 20px
}
.lang-ar #myrank-content-wrap .rank-table .tooltip ol {
padding-left: 0;
padding-right: 20px
}
#myrank-content-wrap .rank-table .tooltip ol li {
font-weight: 400;
padding: 0;
margin-bottom: 6px;
list-style-position: outside
}
#myrank-content-wrap .improve-your-rank {
border: 1px solid #ccc;
padding: 30px;
font-size: 16px;
position: relative
}
#myrank-content-wrap .improve-your-rank:before {
content: "";
background: #e6e6e6;
position: absolute;
left: 3px;
right: 3px;
bottom: -4px;
height: 3px
}
#myrank-content-wrap .improve-your-rank p {
width: 70%
}
#myrank-content-wrap .improve-your-rank ul {
list-style: none;
margin: 25px 0 15px;
font-size: 14px
}
#myrank-content-wrap .improve-your-rank ul li {
font-weight: 700;
margin-bottom: 15px
}
#myrank-content-wrap .improve-your-rank ul li .score {
background: #ff2a2a;
color: #fff;
padding: 4px 6px;
border-radius: 2px
}
#myrank-content-wrap .improve-your-rank ul li a {
color: #2a7fff;
border-bottom: 3px double #2a7fff
}
#myrank-content-wrap .improve-your-rank ul li a:hover {
text-decoration: none;
color: #04a;
border-color: #04a
}
@media only print {
.reports-performance-p,
.reports-pricetrends-p {
width: 920px!important
}
#logo-image {
display: block!important;
height: 40px;
width: 145px
}
#account-tabs,
#city-scape,
#footer,
#footer-wrapper,
#header,
#ui-datepicker-div,
#user-reports .awesome,
#user-reports-sidebar,
.page-peel-wrapper {
display: none
}
#user-reports {
width: 100%;
min-height: 1375px;
margin: 5px 0
}
#user-reports #country {
background: 0 0;
padding: 0 5px
}
#user-reports .bedroom_select,
#user-reports .calendar-field-container,
#user-reports .chzn-choices,
#user-reports .input,
#user-reports .select,
#user-reports .textbox {
border: 1px solid #000!important
}
#user-reports #criteria-row-list .stay-inline,
#user-reports .select {
width: 195px
}
#dbz-body #content-wrapper {
width: 900px
}
#user-reports .graph-container {
height: 190px;
width: 900px;
margin-bottom: 10px
}
#user-reports #overview-content-list {
padding: 15px 0 10px 10px
}
#user-reports .breadcrumb {
color: #bc0000
}
#user-reports .breadcrumb,
#user-reports .seperator {
display: inline!important
}
#user-reports #daterange-row-list span {
height: 19px
}
#user-reports #daterange-row-list #calender-icon {
display: none
}
#user-reports .row-ul {
height: 35px
}
#user-reports span.inner {
float: none
}
}
.flex {
display: -ms-flexbox;
-js-display: flex;
display: flex
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-1 {
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
.ai-center {
-ms-flex-align: center;
align-items: center
}
.spread {
-ms-flex-pack: justify;
justify-content: space-between
}
.justify-flex-end {
-ms-flex-pack: end;
justify-content: flex-end
}
.strike-text {
text-decoration: line-through
}
.text-center {
text-align: center
}
.text-right:lang(ar) {
text-align: left
}
.float-right {
float: right
}
.float-right:lang(ar) {
float: left
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-italic {
font-style: italic
}
.no-wrap {
white-space: nowrap
}
.mb4 {
margin-bottom: 4px
}
.mb8 {
margin-bottom: 8px
}
.mb12 {
margin-bottom: 12px
}
.mb16 {
margin-bottom: 16px
}
.mt4 {
margin-top: 4px
}
.mt8 {
margin-top: 8px
}
.mt12 {
margin-top: 12px
}
.mt16 {
margin-top: 16px
}
.mt20 {
margin-top: 20px
}
.mt24 {
margin-top: 24px
}
.mt28 {
margin-top: 28px
}
.mt32 {
margin-top: 32px
}
.my4 {
margin-top: 4px;
margin-bottom: 4px
}
.my8 {
margin-top: 8px;
margin-bottom: 8px
}
.my12 {
margin-top: 12px;
margin-bottom: 12px
}
.my16 {
margin-top: 16px;
margin-bottom: 16px
}
.ml4 {
margin-left: 4px
}
.ml8 {
margin-left: 8px
}
.ml12 {
margin-left: 12px
}
.ml16 {
margin-left: 16px
}
.mr4 {
margin-right: 4px
}
.mr8 {
margin-right: 8px
}
.mr12 {
margin-right: 12px
}
.mr16 {
margin-right: 16px
}
.mr32 {
margin-right: 32px
}
.mx4 {
margin-left: 4px;
margin-right: 4px
}
.mx8 {
margin-left: 8px;
margin-right: 8px
}
.mx12 {
margin-left: 12px;
margin-right: 12px
}
.mx16 {
margin-left: 16px;
margin-right: 16px
}
.pt4 {
padding-top: 4px
}
.pt8 {
padding-top: 8px
}
.pt12 {
padding-top: 12px
}
.pt16 {
padding-top: 16px
}
.pt20 {
padding-top: 20px
}
.pt32 {
padding-top: 32px
}
.pr4 {
padding-right: 4px
}
.pr8 {
padding-right: 8px
}
.pr12 {
padding-right: 12px
}
.pr16 {
padding-right: 16px
}
.pb4 {
padding-bottom: 4px
}
.pb8 {
padding-bottom: 8px
}
.pb12 {
padding-bottom: 12px
}
.pb16 {
padding-bottom: 16px
}
.pl4 {
padding-left: 4px
}
.pl8 {
padding-left: 8px
}
.pl12 {
padding-left: 12px
}
.pl16 {
padding-left: 16px
}
.px4 {
padding-left: 4px;
padding-right: 4px
}
.px8 {
padding-left: 8px;
padding-right: 8px
}
.px12 {
padding-left: 12px;
padding-right: 12px
}
.px16 {
padding-left: 16px;
padding-right: 16px
}
.px24 {
padding-left: 24px;
padding-right: 24px
}
.py4 {
padding-top: 4px;
padding-bottom: 4px
}
.py8 {
padding-top: 8px;
padding-bottom: 8px
}
.py12 {
padding-top: 12px;
padding-bottom: 12px
}
.py16 {
padding-top: 16px;
padding-bottom: 16px
}
.py20 {
padding-top: 20px;
padding-bottom: 20px
}
.fll-w {
width: 100%
}
#my-container .swiper-container {
width: 100%;
height: auto;
}
#my-container .spinner-first {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: white;
z-index: 9999999;
align-items: center;
justify-content: center;
}
#my-container .spinner-first.is-visible {
display: flex;
}
#my-container .spinner-first img {
width: 55px;
height: 17px;
}
/* The detail-container */
#my-container .detail-container {
display: block;
position: relative;
padding-left: 26px;
margin-bottom: 12px;
cursor: pointer;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default radio button */
#my-container .detail-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
#my-container .checkmark {
position: absolute;
top: 3px;
left: 0;
height: 20px;
width: 20px;
background-color: #b9b9b9;
border-radius: 50%;
}
/* On mouse-over, add a grey background color */
#my-container .detail-container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
#my-container .detail-container input:checked ~ .checkmark {
background-color: #ffc000;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
#my-container .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
#my-container .detail-container input:checked ~ .checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
#my-container .detail-container .checkmark:after {
top: 6px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: white;
right: 0;
margin-left: auto;
margin-right: auto;
}
/* The Modal (background) */
#my-container .category-detail-sider-bar .modal {
position: inherit;
z-index: 1;
padding-top: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: unset;
background-color: rgb(0,0,0);
background-color: transparent;
}
/* Modal Content */
#my-container .category-detail-sider-bar .modal-content {
background-color: #fefefe;
margin: auto;
padding: 0px;
border: none;
width: 100%;
}
#my-container .category-detail-sider-bar button#myBtn{
display:none;
background-size: 16px;
}
/* The Close Button */
#my-container .category-detail-sider-bar .close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
display:none;
}
#my-container .category-detail-sider-bar .close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
#my-container label.error {
color: red;
font-size: 1rem;
display: block;
margin-top: 5px;
}
#my-container input.error {
border: 1px dashed red;
font-weight: 300;
color: red;
}
#my-container form input[type=text] {
width: 100%;
padding: 6.5px 7px !important
}
#my-container div#search-advanced{
width:100%;
}
#my-container input[type=text]{
transition: all .2s !important;
box-sizing: border-box !important;
box-shadow: none !important;
border-radius: 4px !important;
padding: 10.5px !important;
color: #2b2d2e !important;
caret-color: #e00000 !important;
border: 1px solid #b6b8b9 !important;
width: 100% !important;
height:auto !important;
}
#my-container select {
transition: all .2s !important;
box-sizing: border-box !important;
box-shadow: none !important;
border-radius: 4px !important;
padding: 7px !important;
color: #2b2d2e !important;
caret-color: #e00000 !important;
border: 1px solid #b6b8b9 !important;
width: 100% !important;
height:auto !important;
}
#my-container input[type=text]:active,
input[type=text]:focus,
input[type=text]:hover {
border-color: #626465;
box-shadow: none!important
}
#my-container ::-webkit-input-placeholder {
color: #b6b8b9;
font-size: 14px;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
#my-container :-moz-placeholder {
color: #b6b8b9;
opacity: 1;
font-size: 14px;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
#my-container ::-moz-placeholder {
color: #b6b8b9;
opacity: 1;
font-size: 14px;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
#my-container :-ms-input-placeholder {
color: #b6b8b9;
font-size: 14px;
font-weight: 400;
-webkit-font-smoothing: antialiased
}
.flame-checkbox {
height: 24px;
width: 24px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 2px solid #626262;
border-radius: 4px;
position: relative;
display: inline-block;
vertical-align: text-bottom;
margin: 0
}
.flame-checkbox:disabled {
background-color: #b6b8b9
}
.flame-checkbox:after {
display: block;
background: 0 0;
height: 24px;
width: 24px;
color: transparent;
cursor: pointer
}
.flame-checkbox:checked:after,
.flame-checkbox:checked:before {
position: absolute;
left: 0;
top: 0;
background-color: #e00000;
content: ""
}
.flame-checkbox:checked {
border: 2px solid #e00000
}
@keyframes tickAnimation1 {
0% {
height: 0;
transform: translate(2px, 10px) rotate(-45deg)
}
100% {
height: 30%;
transform: translate(7px, 10px) rotate(-45deg)
}
}
@keyframes tickAnimation2 {
0% {
width: 0;
opacity: 1
}
100% {
width: 75%;
opacity: 1
}
}
.flame-checkbox:checked:before {
height: 30%;
width: 3px;
transform: translate(6px, 9px) rotate(-45deg);
transform-origin: left bottom;
border-radius: 4px 4px 0 0;
animation: 75ms tickAnimation1 linear;
-moz-animation: 75ms tickAnimation1 linear
}
.flame-checkbox:checked:after {
height: 3px;
width: 75%;
transform: translate(8px, 14px) rotate(-45deg);
transform-origin: left bottom;
border-radius: 0 4px 4px 0;
animation: 75ms tickAnimation2 75ms linear forwards;
-moz-animation: 75ms tickAnimation2 75ms linear forwards;
opacity: 0
}
.flame-checkbox[disabled] {
background-color: #eef0f1;
border: 2px solid #b6b8b9
}
.flame-checkbox[disabled]:checked:after,
.flame-checkbox[disabled]:checked:before {
background-color: #b6b8b9
}
.error-message {
border-radius: 8px;
background-color: #ffe8e8;
font-size: 12px;
padding: 8px 12px;
margin: 24px 0;
font-weight: 400;
line-height: 1.33;
color: #ff3457
}
.hidden {
display: none
}
.action-link {
color: #1270ec;
font-size: 12px;
font-weight: 600;
line-height: 16px
}
.tooltip {
position: relative;
display: inline-block;
cursor: pointer
}
.tooltip .tooltip-text {
visibility: hidden;
width: 300px;
background: no-repeat padding-box #2B2D2E;
box-shadow: 0 8px 40px #0001F;
color: #fff;
border-radius: 6px;
padding: 16px;
position: absolute;
z-index: 1;
left: calc(50% - 150px);
bottom: calc(100% + 16px);
opacity: 0;
font-size: 14px;
font-weight: 600;
line-height: 20px;
transition: opacity .25s ease-in-out
}
.tooltip .tooltip-text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-top: -2px;
border-width: 12px;
margin-left: -12px;
border-style: solid;
border-color: #2c2d2e transparent transparent
}
.tooltip:hover .tooltip-text {
visibility: visible;
opacity: 1
}
.tooltip .tooltip-text.tooltip-pos-bottom {
top: calc(100% + 16px);
bottom: auto
}
.tooltip .tooltip-text.tooltip-pos-bottom::after {
top: auto;
bottom: 100%;
border-color: transparent transparent #2c2d2e
}
.uppercase {
text-transform: uppercase
}
/* ---------------------------------------------------------
end detail style
---------------------------------------------------------*/
/* ---------------------------------------------------------
start allshop style
---------------------------------------------------------*/
#allshop .spinner-first {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: white;
z-index: 9999999;
align-items: center;
justify-content: center;
}
#allshop .spinner-first.is-visible {
display: flex;
}
#allshop .spinner-first img {
width: 55px;
height: 17px;
}
#allshop #container {
width: 1200px!important;
box-sizing: border-box;
margin: 0 auto!important;
}
#allshop #classified-listing-body #content-wrapper {
overflow: hidden;
padding: 0 24px!importan
}
#allshop #content-wrapper {
clear: both;
}
#allshop .Vertical-homepage .Hero {
margin-top: 32px;
margin-bottom: 32px;
border-radius: 8px;
position: relative;
width: 100%;
height: 328px;
}
#allshop .Vertical-homepage .Hero-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
#allshop .Vertical-homepage .search-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 600px;
z-index: 1;
}
#allshop .Vertical-homepage .category-count:last-child {
margin-right: 0;
}
#allshop .Vertical-homepage .company-logo:last-child,
.Vertical-homepage .dealer-logo:last-child {
margin-right: 0;
}
#allshop .Vertical-homepage .search-box__heading {
font-size: 32px;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, .35);
color: #fff;
margin-bottom: 16px;
}
#allshop .Vertical-homepage .algolia-autocomplete,
.Vertical-homepage .algolia-autocomplete .aa-hint,
.Vertical-homepage .algolia-autocomplete .aa-input {
width: 100%;
margin: 0 auto;
padding: 8px;
box-sizing: border-box;
border: none;
box-shadow: 0 0 0 8px rgb(0 0 0 / 30%);
border-radius: 4px;
font-size: 16px;
}
#allshop .carousel {
margin-bottom: 32px;
}
#allshop .carousel__items {
display: -ms-flexbox;
display: flex;
}
#allshop .Vertical-homepage .category-count {
border-radius: 8px;
box-sizing: border-box;
padding: 16px;
margin-right: 16px;
text-decoration: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
#allshop .Vertical-homepage .category-count__label {
font-size: 12px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
color: #6b6d70;
margin-bottom: 8px;
width: 100%;
overflow: hidden;
}
#allshop .Vertical-homepage .category-count__value {
font-size: 24px;
font-weight: 400;
line-height: normal;
color: #424242;
}
#allshop .Vertical-homepage #dfp-leaderboard {
text-align: center;
margin-bottom: 32px;
}
#allshop .carousel {
margin-bottom: 32px;
}
#allshop .carousel__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
#allshop .carousel__heading {
font-size: 28px;
font-weight: 600;
color: #2b2d2e;
margin: 0 0 8px;
}
#allshop .carousel__items {
display: -ms-flexbox;
display: flex;
}
#allshop .Vertical-homepage .company-logo,
.Vertical-homepage .dealer-logo {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin: 0 16px 16px 0;
height: 116px;
border-radius: 8px;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
-ms-flex: 1;
flex: 1;
}
#allshop a img {
border: none;
}
#allshop .listing,
.listing:active,
.listing:focus,
.listing:hover,
.listing:visited {
text-decoration: none;
color: initial;
}
#allshop .listing__media {
margin: 0 0 8px;
width: 100%;
height: 148px;
border-radius: 6px;
overflow: hidden;
position: relative;
}
#allshop .listing__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#allshop .listing__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
min-height: 24px;
margin-bottom: 4px;
}
#allshop .listing__price {
font-size: 16px;
font-weight: 600;
color: #ffc000;
overflow: hidden;
}
#allshop .listing__title {
font-size: 14px;
font-weight: 600;
color: #2b2d2e;
line-clamp: 2;
overflow: hidden;
margin: 0;
}
#allshop .detail-list {
font-size: 14px;
color: #626465;
display: -ms-flexbox;
display: flex;
}
#allshop .detail-list__dot {
margin: 0 4px;
}
#allshop .listing__footer {
padding-top: 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
#allshop .listing__address {
font-style: normal;
}
#allshop .listing__address,
.listing__datetime,
.listing__footer {
font-size: 12px;
color: #626465;
}
#allshop .listing__address,
.listing__datetime,
.listing__footer {
font-size: 12px;
color: #626465;
}
#allshop .listing {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex: auto;
flex: auto;
border-radius: 6px;
padding: 8px;
width: 232px;
word-break: break-word;
}
#allshop .listing:hover {
transition: .3s;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .12);
}
#allshop .blockquote {
margin-right: 16px;
border-radius: 8px;
padding: 24px;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
}
#allshop .blockquote__text {
height: 124px;
font-size: 14px;
font-style: italic;
line-height: 1.5;
margin-bottom: 16px;
}
#allshop .blockquote__text::before {
content: '“';
margin-right: 8px;
}
#allshop .blockquote__text::after {
content: '”';
}
#allshop .blockquote__text::after,
.blockquote__text::before {
color: #ccc;
font-size: 48px;
line-height: 0;
vertical-align: -24px;
}
#allshop .blockquote__author {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
#allshop .blockquote__avatar {
border-radius: 50%;
margin-right: 12px;
}
#allshop .blockquote__cite {
font-weight: 700;
font-size: 14px;
color: #4294ff;
}
#allshop .blockquote:last-child {
margin-right: 0;
}
#allshop .carousel__item {
-ms-flex: 1;
flex: 1;
text-decoration: none;
}
#allshop .Vertical-homepage .category-count,
.Vertical-homepage .contact-banner,
.Vertical-homepage .shadow {
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
}
/* ---------------------------------------------------------
end allshop style
---------------------------------------------------------*/
.clearfix:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after {
content: '';
display: block;
clear: both;
}
a,
button,
.form-control,
.features-aside .view-more,
.features-aside .icn-wrap,
.news-post:after,
.widget_intro .aligncenter img,
.why-panel-group .accOpener:after,
.why-panel-group .accOpener:before,
.why-panel-group.panel-group .accOpener:after,
.why-panel-group.panel-group .accOpener:before,
.pro-column .aligncenter>a:before,
.pro-column .caption,
.featured-column:before,
.guide-column .icn-wrap,
.guide-column .icn,
.guide-column .icn:after,
.price-box-column .icn-wrap,
.logo-wrap>a:after,
.price-list .icn-wrap,
.partner-block .partner-list li a:before {
-webkit-transition: 0.25s ease;
-o-transition: 0.25s ease;
transition: 0.25s ease;
-webkit-transition-property: color, background, border, visibility, opacity, left, right, top, bottom, width, height, -webkit-box-shadow, -webkit-transform;
transition-property: color, background, border, visibility, opacity, left, right, top, bottom, width, height, -webkit-box-shadow, -webkit-transform;
-o-transition-property: color, box-shadow, background, border, visibility, opacity, left, right, top, bottom, transform, width, height;
transition-property: color, box-shadow, background, border, visibility, opacity, left, right, top, bottom, transform, width, height;
transition-property: color, box-shadow, background, border, visibility, opacity, left, right, top, bottom, transform, width, height, -webkit-box-shadow, -webkit-transform;
}
.logo img,
.features-aside .icn-wrap img,
.popular-post img,
.upcoming-events-list img,
.categories-list img,
.getstarted-block img {
vertical-align: top;
max-width: 100%;
height: auto;
}
/* chosen select styles */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left;
font-size: 14px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
clip: rect(0, 0, 0, 0);
}
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 100%;
border: 1px solid #e8e8e8;
background-color: #fff;
color: #222222;
text-decoration: none;
white-space: nowrap;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 45px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
height: 100%;
padding: 13px 0;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url("chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
color: inherit;
width: 40px;
height: 100%;
}
.chosen-container-single .chosen-single div:before {
position: absolute;
content: "";
top: 50%;
bottom: auto;
left: 50%;
right: auto;
}
.chosen-container-single .chosen-single div:before {
border: solid currentColor;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg) translateX(-50%);
-ms-transform: rotate(45deg) translateX(-50%);
transform: rotate(45deg) translateX(-50%);
margin-top: -2px;
width: 10px;
height: 10px;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url("chosen-sprite.png") no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url("chosen-sprite.png") no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
clip: rect(0, 0, 0, 0);
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
background-image: -o-linear-gradient(#eee 1%, #fff 15%);
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url("chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/*! jQuery UI - v1.11.4 - 2015-08-12
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
/* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
/* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0;
/* support: IE7 */
font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible;
/* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;
/* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
/* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
/* Support: IE7 */
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
cursor: default;
-ms-touch-action: none;
touch-action: none;
border-radius: 100%;
width: 16px;
height: 16px;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
-webkit-filter: inherit;
filter: inherit;
}
.ui-slider-horizontal {
height: 5px;
}
.ui-slider-horizontal .ui-slider-handle {
top: 50%;
margin-left: -.6em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
background-color: #eee;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #e78f08;
background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #1c94c4;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #fbcb09;
background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #c77405;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #fbd850;
background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #eb8f00;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fed22f;
background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
/* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
/* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
/* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_ffd27a_256x240.png");
}
/* positioning */
.ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
opacity: .5;
filter: Alpha(Opacity=50);
/* support: IE8 */
}
.ui-widget-shadow {
margin: -5px 0 0 -5px;
padding: 5px;
background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
opacity: .2;
filter: Alpha(Opacity=20);
/* support: IE8 */
border-radius: 5px;
}
.quantity {
position: relative;
}
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity input[type=number] {
-moz-appearance: textfield;
}
.quantity input {
float: left;
display: block;
padding: 0;
margin: 0;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #eee;
width: 100%;
height: 42px;
}
.quantity input:focus {
outline: 0;
}
.quantity-nav {
float: left;
position: relative;
height: 42px;
}
.quantity-button {
position: relative;
cursor: pointer;
border-left: 1px solid #eee;
width: 20px;
text-align: center;
color: #333;
font-size: 13px;
font-family: "Trebuchet MS", Helvetica, sans-serif !important;
line-height: 1.7;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.quantity-button.quantity-up {
position: absolute;
height: 50%;
top: 0;
border-bottom: 1px solid #eee;
}
.quantity-button.quantity-down {
position: absolute;
bottom: -1px;
height: 50%;
}
/* ---------------------------------------------------------
2. Embedded fonts styles
---------------------------------------------------------*/
/*!
* Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
/*src: url("./fonts//fa-regular-400.eot");*/
/*src: url("./fonts//fa-regular-400.eot?#iefix") format("embedded-opentype"), url("./fonts//fa-regular-400.woff2") format("woff2"), url("./fonts//fa-regular-400.woff") format("woff"), url("./fonts//fa-regular-400.ttf") format("truetype"), url("./fonts//fa-regular-400.svg#fontawesome") format("svg");*/
}
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
/*!
* Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
/*src: url("./fonts//fa-solid-900.eot");*/
/*src: url("./fonts//fa-solid-900.eot?#iefix") format("embedded-opentype"), url("./fonts//fa-solid-900.woff2") format("woff2"), url("./fonts//fa-solid-900.woff") format("woff"), url("./fonts//fa-solid-900.ttf") format("truetype"), url("./fonts//fa-solid-900.svg#fontawesome") format("svg");*/
}
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
/*!
* Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
/*src: url("./fonts//fa-brands-400.eot");*/
/*src: url("./fonts//fa-brands-400.eot?#iefix") format("embedded-opentype"), url("./fonts//fa-brands-400.woff2") format("woff2"), url("./fonts//fa-brands-400.woff") format("woff"), url("./fonts//fa-brands-400.ttf") format("truetype"), url("./fonts//fa-brands-400.svg#fontawesome") format("svg");*/
}
.fab {
font-family: 'Font Awesome 5 Brands';
}
/*!
* Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,
.fas,
.far,
.fal,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em;
}
.fa-xs {
font-size: .75em;
}
.fa-sm {
font-size: .875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul>li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border: solid 0.08em #eee;
border-radius: .1em;
padding: .2em .25em .15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
-webkit-filter: none;
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
content: "\f26e";
}
.fa-accessible-icon:before {
content: "\f368";
}
.fa-accusoft:before {
content: "\f369";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-card:before {
content: "\f2bb";
}
.fa-adjust:before {
content: "\f042";
}
.fa-adn:before {
content: "\f170";
}
.fa-adversal:before {
content: "\f36a";
}
.fa-affiliatetheme:before {
content: "\f36b";
}
.fa-algolia:before {
content: "\f36c";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-right:before {
content: "\f038";
}
.fa-amazon:before {
content: "\f270";
}
.fa-amazon-pay:before {
content: "\f42c";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-amilia:before {
content: "\f36d";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-android:before {
content: "\f17b";
}
.fa-angellist:before {
content: "\f209";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angrycreative:before {
content: "\f36e";
}
.fa-angular:before {
content: "\f420";
}
.fa-app-store:before {
content: "\f36f";
}
.fa-app-store-ios:before {
content: "\f370";
}
.fa-apper:before {
content: "\f371";
}
.fa-apple:before {
content: "\f179";
}
.fa-apple-pay:before {
content: "\f415";
}
.fa-archive:before {
content: "\f187";
}
.fa-arrow-alt-circle-down:before {
content: "\f358";
}
.fa-arrow-alt-circle-left:before {
content: "\f359";
}
.fa-arrow-alt-circle-right:before {
content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
content: "\f35b";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-arrows-alt-h:before {
content: "\f337";
}
.fa-arrows-alt-v:before {
content: "\f338";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-asymmetrik:before {
content: "\f372";
}
.fa-at:before {
content: "\f1fa";
}
.fa-audible:before {
content: "\f373";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-autoprefixer:before {
content: "\f41c";
}
.fa-avianex:before {
content: "\f374";
}
.fa-aviato:before {
content: "\f421";
}
.fa-aws:before {
content: "\f375";
}
.fa-backward:before {
content: "\f04a";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-ban:before {
content: "\f05e";
}
.fa-band-aid:before {
content: "\f462";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-baseball-ball:before {
content: "\f433";
}
.fa-basketball-ball:before {
content: "\f434";
}
.fa-bath:before {
content: "\f2cd";
}
.fa-battery-empty:before {
content: "\f244";
}
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-bed:before {
content: "\f236";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bimobject:before {
content: "\f378";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitcoin:before {
content: "\f379";
}
.fa-bity:before {
content: "\f37a";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-blackberry:before {
content: "\f37b";
}
.fa-blind:before {
content: "\f29d";
}
.fa-blogger:before {
content: "\f37c";
}
.fa-blogger-b:before {
content: "\f37d";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-bold:before {
content: "\f032";
}
.fa-bolt:before {
content: "\f0e7";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-bowling-ball:before {
content: "\f436";
}
.fa-box:before {
content: "\f466";
}
.fa-boxes:before {
content: "\f468";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-btc:before {
content: "\f15a";
}
.fa-bug:before {
content: "\f188";
}
.fa-building:before {
content: "\f1ad";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-buromobelexperte:before {
content: "\f37f";
}
.fa-bus:before {
content: "\f207";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-calendar:before {
content: "\f133";
}
.fa-calendar-alt:before {
content: "\f073";
}
.fa-calendar-check:before {
content: "\f274";
}
.fa-calendar-minus:before {
content: "\f272";
}
.fa-calendar-plus:before {
content: "\f271";
}
.fa-calendar-times:before {
content: "\f273";
}
.fa-camera:before {
content: "\f030";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-car:before {
content: "\f1b9";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-caret-square-down:before {
content: "\f150";
}
.fa-caret-square-left:before {
content: "\f191";
}
.fa-caret-square-right:before {
content: "\f152";
}
.fa-caret-square-up:before {
content: "\f151";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cc-amazon-pay:before {
content: "\f42d";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-apple-pay:before {
content: "\f416";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-centercode:before {
content: "\f380";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-chart-area:before {
content: "\f1fe";
}
.fa-chart-bar:before {
content: "\f080";
}
.fa-chart-line:before {
content: "\f201";
}
.fa-chart-pie:before {
content: "\f200";
}
.fa-check:before {
content: "\f00c";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-chess:before {
content: "\f439";
}
.fa-chess-bishop:before {
content: "\f43a";
}
.fa-chess-board:before {
content: "\f43c";
}
.fa-chess-king:before {
content: "\f43f";
}
.fa-chess-knight:before {
content: "\f441";
}
.fa-chess-pawn:before {
content: "\f443";
}
.fa-chess-queen:before {
content: "\f445";
}
.fa-chess-rook:before {
content: "\f447";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-child:before {
content: "\f1ae";
}
.fa-chrome:before {
content: "\f268";
}
.fa-circle:before {
content: "\f111";
}
.fa-circle-notch:before {
content: "\f1ce";
}
.fa-clipboard:before {
content: "\f328";
}
.fa-clipboard-check:before {
content: "\f46c";
}
.fa-clipboard-list:before {
content: "\f46d";
}
.fa-clock:before {
content: "\f017";
}
.fa-clone:before {
content: "\f24d";
}
.fa-closed-captioning:before {
content: "\f20a";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-cloud-download-alt:before {
content: "\f381";
}
.fa-cloud-upload-alt:before {
content: "\f382";
}
.fa-cloudscale:before {
content: "\f383";
}
.fa-cloudsmith:before {
content: "\f384";
}
.fa-cloudversify:before {
content: "\f385";
}
.fa-code:before {
content: "\f121";
}
.fa-code-branch:before {
content: "\f126";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cog:before {
content: "\f013";
}
.fa-cogs:before {
content: "\f085";
}
.fa-columns:before {
content: "\f0db";
}
.fa-comment:before {
content: "\f075";
}
.fa-comment-alt:before {
content: "\f27a";
}
.fa-comments:before {
content: "\f086";
}
.fa-compass:before {
content: "\f14e";
}
.fa-compress:before {
content: "\f066";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-contao:before {
content: "\f26d";
}
.fa-copy:before {
content: "\f0c5";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-cpanel:before {
content: "\f388";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-crop:before {
content: "\f125";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-css3-alt:before {
content: "\f38b";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-cut:before {
content: "\f0c4";
}
.fa-cuttlefish:before {
content: "\f38c";
}
.fa-d-and-d:before {
content: "\f38d";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-database:before {
content: "\f1c0";
}
.fa-deaf:before {
content: "\f2a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-deploydog:before {
content: "\f38e";
}
.fa-deskpro:before {
content: "\f38f";
}
.fa-desktop:before {
content: "\f108";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-digital-ocean:before {
content: "\f391";
}
.fa-discord:before {
content: "\f392";
}
.fa-discourse:before {
content: "\f393";
}
.fa-dna:before {
content: "\f471";
}
.fa-dochub:before {
content: "\f394";
}
.fa-docker:before {
content: "\f395";
}
.fa-dollar-sign:before {
content: "\f155";
}
.fa-dolly:before {
content: "\f472";
}
.fa-dolly-flatbed:before {
content: "\f474";
}
.fa-dot-circle:before {
content: "\f192";
}
.fa-download:before {
content: "\f019";
}
.fa-draft2digital:before {
content: "\f396";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-dribbble-square:before {
content: "\f397";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-dyalog:before {
content: "\f399";
}
.fa-earlybirds:before {
content: "\f39a";
}
.fa-edge:before {
content: "\f282";
}
.fa-edit:before {
content: "\f044";
}
.fa-eject:before {
content: "\f052";
}
.fa-elementor:before {
content: "\f430";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-ember:before {
content: "\f423";
}
.fa-empire:before {
content: "\f1d1";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-envira:before {
content: "\f299";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-erlang:before {
content: "\f39d";
}
.fa-ethereum:before {
content: "\f42e";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-euro-sign:before {
content: "\f153";
}
.fa-exchange-alt:before {
content: "\f362";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-expand:before {
content: "\f065";
}
.fa-expand-arrows-alt:before {
content: "\f31e";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-external-link-alt:before {
content: "\f35d";
}
.fa-external-link-square-alt:before {
content: "\f360";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-dropper:before {
content: "\f1fb";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-facebook-f:before {
content: "\f39e";
}
.fa-facebook-messenger:before {
content: "\f39f";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-female:before {
content: "\f182";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-alt:before {
content: "\f15c";
}
.fa-file-archive:before {
content: "\f1c6";
}
.fa-file-audio:before {
content: "\f1c7";
}
.fa-file-code:before {
content: "\f1c9";
}
.fa-file-excel:before {
content: "\f1c3";
}
.fa-file-image:before {
content: "\f1c5";
}
.fa-file-pdf:before {
content: "\f1c1";
}
.fa-file-powerpoint:before {
content: "\f1c4";
}
.fa-file-video:before {
content: "\f1c8";
}
.fa-file-word:before {
content: "\f1c2";
}
.fa-film:before {
content: "\f008";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-fire:before {
content: "\f06d";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-firefox:before {
content: "\f269";
}
.fa-first-aid:before {
content: "\f479";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-firstdraft:before {
content: "\f3a1";
}
.fa-flag:before {
content: "\f024";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-flipboard:before {
content: "\f44d";
}
.fa-fly:before {
content: "\f417";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-font:before {
content: "\f031";
}
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-font-awesome-alt:before {
content: "\f35c";
}
.fa-font-awesome-flag:before {
content: "\f425";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-fonticons-fi:before {
content: "\f3a2";
}
.fa-football-ball:before {
content: "\f44e";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-fort-awesome-alt:before {
content: "\f3a3";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-forward:before {
content: "\f04e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-freebsd:before {
content: "\f3a4";
}
.fa-frown:before {
content: "\f119";
}
.fa-futbol:before {
content: "\f1e3";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-gavel:before {
content: "\f0e3";
}
.fa-gem:before {
content: "\f3a5";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-gift:before {
content: "\f06b";
}
.fa-git:before {
content: "\f1d3";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-github:before {
content: "\f09b";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-github-square:before {
content: "\f092";
}
.fa-gitkraken:before {
content: "\f3a6";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-gitter:before {
content: "\f426";
}
.fa-glass-martini:before {
content: "\f000";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-gofore:before {
content: "\f3a7";
}
.fa-golf-ball:before {
content: "\f450";
}
.fa-goodreads:before {
content: "\f3a8";
}
.fa-goodreads-g:before {
content: "\f3a9";
}
.fa-google:before {
content: "\f1a0";
}
.fa-google-drive:before {
content: "\f3aa";
}
.fa-google-play:before {
content: "\f3ab";
}
.fa-google-plus:before {
content: "\f2b3";
}
.fa-google-plus-g:before {
content: "\f0d5";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-gratipay:before {
content: "\f184";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-gripfire:before {
content: "\f3ac";
}
.fa-grunt:before {
content: "\f3ad";
}
.fa-gulp:before {
content: "\f3ae";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-hacker-news-square:before {
content: "\f3af";
}
.fa-hand-lizard:before {
content: "\f258";
}
.fa-hand-paper:before {
content: "\f256";
}
.fa-hand-peace:before {
content: "\f25b";
}
.fa-hand-point-down:before {
content: "\f0a7";
}
.fa-hand-point-left:before {
content: "\f0a5";
}
.fa-hand-point-right:before {
content: "\f0a4";
}
.fa-hand-point-up:before {
content: "\f0a6";
}
.fa-hand-pointer:before {
content: "\f25a";
}
.fa-hand-rock:before {
content: "\f255";
}
.fa-hand-scissors:before {
content: "\f257";
}
.fa-hand-spock:before {
content: "\f259";
}
.fa-handshake:before {
content: "\f2b5";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-hdd:before {
content: "\f0a0";
}
.fa-heading:before {
content: "\f1dc";
}
.fa-headphones:before {
content: "\f025";
}
.fa-heart:before {
content: "\f004";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-hips:before {
content: "\f452";
}
.fa-hire-a-helper:before {
content: "\f3b0";
}
.fa-history:before {
content: "\f1da";
}
.fa-hockey-puck:before {
content: "\f453";
}
.fa-home:before {
content: "\f015";
}
.fa-hooli:before {
content: "\f427";
}
.fa-hospital:before {
content: "\f0f8";
}
.fa-hospital-symbol:before {
content: "\f47e";
}
.fa-hotjar:before {
content: "\f3b1";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-start:before {
content: "\f251";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-html5:before {
content: "\f13b";
}
.fa-hubspot:before {
content: "\f3b2";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-id-card:before {
content: "\f2c2";
}
.fa-image:before {
content: "\f03e";
}
.fa-images:before {
content: "\f302";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-indent:before {
content: "\f03c";
}
.fa-industry:before {
content: "\f275";
}
.fa-info:before {
content: "\f129";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-italic:before {
content: "\f033";
}
.fa-itunes:before {
content: "\f3b4";
}
.fa-itunes-note:before {
content: "\f3b5";
}
.fa-jenkins:before {
content: "\f3b6";
}
.fa-joget:before {
content: "\f3b7";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-js:before {
content: "\f3b8";
}
.fa-js-square:before {
content: "\f3b9";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-key:before {
content: "\f084";
}
.fa-keyboard:before {
content: "\f11c";
}
.fa-keycdn:before {
content: "\f3ba";
}
.fa-kickstarter:before {
content: "\f3bb";
}
.fa-kickstarter-k:before {
content: "\f3bc";
}
.fa-korvue:before {
content: "\f42f";
}
.fa-language:before {
content: "\f1ab";
}
.fa-laptop:before {
content: "\f109";
}
.fa-laravel:before {
content: "\f3bd";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-lemon:before {
content: "\f094";
}
.fa-less:before {
content: "\f41d";
}
.fa-level-down-alt:before {
content: "\f3be";
}
.fa-level-up-alt:before {
content: "\f3bf";
}
.fa-life-ring:before {
content: "\f1cd";
}
.fa-lightbulb:before {
content: "\f0eb";
}
.fa-line:before {
content: "\f3c0";
}
.fa-link:before {
content: "\f0c1";
}
.fa-linkedin:before {
content: "\f08c";
}
.fa-linkedin-in:before {
content: "\f0e1";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-linux:before {
content: "\f17c";
}
.fa-lira-sign:before {
content: "\f195";
}
.fa-list:before {
content: "\f03a";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-lock:before {
content: "\f023";
}
.fa-lock-open:before {
content: "\f3c1";
}
.fa-long-arrow-alt-down:before {
content: "\f309";
}
.fa-long-arrow-alt-left:before {
content: "\f30a";
}
.fa-long-arrow-alt-right:before {
content: "\f30b";
}
.fa-long-arrow-alt-up:before {
content: "\f30c";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-lyft:before {
content: "\f3c3";
}
.fa-magento:before {
content: "\f3c4";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-magnet:before {
content: "\f076";
}
.fa-male:before {
content: "\f183";
}
.fa-map:before {
content: "\f279";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-map-marker-alt:before {
content: "\f3c5";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-mars:before {
content: "\f222";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-medapps:before {
content: "\f3c6";
}
.fa-medium:before {
content: "\f23a";
}
.fa-medium-m:before {
content: "\f3c7";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-medrt:before {
content: "\f3c8";
}
.fa-meetup:before {
content: "\f2e0";
}
.fa-meh:before {
content: "\f11a";
}
.fa-mercury:before {
content: "\f223";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-microsoft:before {
content: "\f3ca";
}
.fa-minus:before {
content: "\f068";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-mix:before {
content: "\f3cb";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-mizuni:before {
content: "\f3cc";
}
.fa-mobile:before {
content: "\f10b";
}
.fa-mobile-alt:before {
content: "\f3cd";
}
.fa-modx:before {
content: "\f285";
}
.fa-monero:before {
content: "\f3d0";
}
.fa-money-bill-alt:before {
content: "\f3d1";
}
.fa-moon:before {
content: "\f186";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-music:before {
content: "\f001";
}
.fa-napster:before {
content: "\f3d2";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-newspaper:before {
content: "\f1ea";
}
.fa-nintendo-switch:before {
content: "\f418";
}
.fa-node:before {
content: "\f419";
}
.fa-node-js:before {
content: "\f3d3";
}
.fa-npm:before {
content: "\f3d4";
}
.fa-ns8:before {
content: "\f3d5";
}
.fa-nutritionix:before {
content: "\f3d6";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-openid:before {
content: "\f19b";
}
.fa-opera:before {
content: "\f26a";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-osi:before {
content: "\f41a";
}
.fa-outdent:before {
content: "\f03b";
}
.fa-page4:before {
content: "\f3d7";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-palfed:before {
content: "\f3d8";
}
.fa-pallet:before {
content: "\f482";
}
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-paste:before {
content: "\f0ea";
}
.fa-patreon:before {
content: "\f3d9";
}
.fa-pause:before {
content: "\f04c";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-pen-square:before {
content: "\f14b";
}
.fa-pencil-alt:before {
content: "\f303";
}
.fa-percent:before {
content: "\f295";
}
.fa-periscope:before {
content: "\f3da";
}
.fa-phabricator:before {
content: "\f3db";
}
.fa-phoenix-framework:before {
content: "\f3dc";
}
.fa-phone:before {
content: "\f095";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-phone-volume:before {
content: "\f2a0";
}
.fa-php:before {
content: "\f457";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pills:before {
content: "\f484";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-plane:before {
content: "\f072";
}
.fa-play:before {
content: "\f04b";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-playstation:before {
content: "\f3df";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-plus:before {
content: "\f067";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-pound-sign:before {
content: "\f154";
}
.fa-power-off:before {
content: "\f011";
}
.fa-print:before {
content: "\f02f";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-pushed:before {
content: "\f3e1";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-python:before {
content: "\f3e2";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-question:before {
content: "\f128";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-quidditch:before {
content: "\f458";
}
.fa-quinscape:before {
content: "\f459";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-random:before {
content: "\f074";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-react:before {
content: "\f41b";
}
.fa-rebel:before {
content: "\f1d0";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-red-river:before {
content: "\f3e3";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-redo:before {
content: "\f01e";
}
.fa-redo-alt:before {
content: "\f2f9";
}
.fa-registered:before {
content: "\f25d";
}
.fa-rendact:before {
content: "\f3e4";
}
.fa-renren:before {
content: "\f18b";
}
.fa-reply:before {
content: "\f3e5";
}
.fa-reply-all:before {
content: "\f122";
}
.fa-replyd:before {
content: "\f3e6";
}
.fa-resolving:before {
content: "\f3e7";
}
.fa-retweet:before {
content: "\f079";
}
.fa-road:before {
content: "\f018";
}
.fa-rocket:before {
content: "\f135";
}
.fa-rocketchat:before {
content: "\f3e8";
}
.fa-rockrms:before {
content: "\f3e9";
}
.fa-rss:before {
content: "\f09e";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-ruble-sign:before {
content: "\f158";
}
.fa-rupee-sign:before {
content: "\f156";
}
.fa-safari:before {
content: "\f267";
}
.fa-sass:before {
content: "\f41e";
}
.fa-save:before {
content: "\f0c7";
}
.fa-schlix:before {
content: "\f3ea";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-search:before {
content: "\f002";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-searchengin:before {
content: "\f3eb";
}
.fa-sellcast:before {
content: "\f2da";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-server:before {
content: "\f233";
}
.fa-servicestack:before {
content: "\f3ec";
}
.fa-share:before {
content: "\f064";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-shekel-sign:before {
content: "\f20b";
}
.fa-shield-alt:before {
content: "\f3ed";
}
.fa-ship:before {
content: "\f21a";
}
.fa-shipping-fast:before {
content: "\f48b";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-sign-in-alt:before {
content: "\f2f6";
}
.fa-sign-language:before {
content: "\f2a7";
}
.fa-sign-out-alt:before {
content: "\f2f5";
}
.fa-signal:before {
content: "\f012";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-sistrix:before {
content: "\f3ee";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-skype:before {
content: "\f17e";
}
.fa-slack:before {
content: "\f198";
}
.fa-slack-hash:before {
content: "\f3ef";
}
.fa-sliders-h:before {
content: "\f1de";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-smile:before {
content: "\f118";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-snowflake:before {
content: "\f2dc";
}
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-alpha-down:before {
content: "\f15d";
}
.fa-sort-alpha-up:before {
content: "\f15e";
}
.fa-sort-amount-down:before {
content: "\f160";
}
.fa-sort-amount-up:before {
content: "\f161";
}
.fa-sort-down:before {
content: "\f0dd";
}
.fa-sort-numeric-down:before {
content: "\f162";
}
.fa-sort-numeric-up:before {
content: "\f163";
}
.fa-sort-up:before {
content: "\f0de";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-speakap:before {
content: "\f3f3";
}
.fa-spinner:before {
content: "\f110";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-square:before {
content: "\f0c8";
}
.fa-square-full:before {
content: "\f45c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-star:before {
content: "\f005";
}
.fa-star-half:before {
content: "\f089";
}
.fa-staylinked:before {
content: "\f3f5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-steam-symbol:before {
content: "\f3f6";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-sticker-mule:before {
content: "\f3f7";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-stop:before {
content: "\f04d";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stopwatch:before {
content: "\f2f2";
}
.fa-strava:before {
content: "\f428";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-stripe:before {
content: "\f429";
}
.fa-stripe-s:before {
content: "\f42a";
}
.fa-studiovinari:before {
content: "\f3f8";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-subway:before {
content: "\f239";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-sun:before {
content: "\f185";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-supple:before {
content: "\f3f9";
}
.fa-sync:before {
content: "\f021";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-syringe:before {
content: "\f48e";
}
.fa-table:before {
content: "\f0ce";
}
.fa-table-tennis:before {
content: "\f45d";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-tablet-alt:before {
content: "\f3fa";
}
.fa-tachometer-alt:before {
content: "\f3fd";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-taxi:before {
content: "\f1ba";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-telegram-plane:before {
content: "\f3fe";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-terminal:before {
content: "\f120";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-thermometer:before {
content: "\f491";
}
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbtack:before {
content: "\f08d";
}
.fa-ticket-alt:before {
content: "\f3ff";
}
.fa-times:before {
content: "\f00d";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-tint:before {
content: "\f043";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-train:before {
content: "\f238";
}
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-trash-alt:before {
content: "\f2ed";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-trello:before {
content: "\f181";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-trophy:before {
content: "\f091";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-tv:before {
content: "\f26c";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-twitter:before {
content: "\f099";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-typo3:before {
content: "\f42b";
}
.fa-uber:before {
content: "\f402";
}
.fa-uikit:before {
content: "\f403";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-undo:before {
content: "\f0e2";
}
.fa-undo-alt:before {
content: "\f2ea";
}
.fa-uniregistry:before {
content: "\f404";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-university:before {
content: "\f19c";
}
.fa-unlink:before {
content: "\f127";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-untappd:before {
content: "\f405";
}
.fa-upload:before {
content: "\f093";
}
.fa-usb:before {
content: "\f287";
}
.fa-user:before {
content: "\f007";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-user-times:before {
content: "\f235";
}
.fa-users:before {
content: "\f0c0";
}
.fa-ussunnah:before {
content: "\f407";
}
.fa-utensil-spoon:before {
content: "\f2e5";
}
.fa-utensils:before {
content: "\f2e7";
}
.fa-vaadin:before {
content: "\f408";
}
.fa-venus:before {
content: "\f221";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-viber:before {
content: "\f409";
}
.fa-video:before {
content: "\f03d";
}
.fa-vimeo:before {
content: "\f40a";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-vimeo-v:before {
content: "\f27d";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-vk:before {
content: "\f189";
}
.fa-vnv:before {
content: "\f40b";
}
.fa-volleyball-ball:before {
content: "\f45f";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-vuejs:before {
content: "\f41f";
}
.fa-warehouse:before {
content: "\f494";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-weight:before {
content: "\f496";
}
.fa-weixin:before {
content: "\f1d7";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-whatsapp-square:before {
content: "\f40c";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-whmcs:before {
content: "\f40d";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-window-close:before {
content: "\f410";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-windows:before {
content: "\f17a";
}
.fa-won-sign:before {
content: "\f159";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-wordpress-simple:before {
content: "\f411";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-xbox:before {
content: "\f412";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-y-combinator:before {
content: "\f23b";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-yandex:before {
content: "\f413";
}
.fa-yandex-international:before {
content: "\f414";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-yen-sign:before {
content: "\f157";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-youtube:before {
content: "\f167";
}
.fa-youtube-square:before {
content: "\f431";
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* ---------------------------------------------------------
3. General reset
---------------------------------------------------------*/
img {
max-width: 100%;
height: auto;
}
.comment-form input[type='text'],
.search-form input[type='text'],
.post-password-form input[type='text'],
.comment-form input[type='tel'],
.search-form input[type='tel'],
.post-password-form input[type='tel'],
.comment-form input[type='email'],
.search-form input[type='email'],
.post-password-form input[type='email'],
.comment-form input[type='search'],
.search-form input[type='search'],
.post-password-form input[type='search'],
.comment-form input[type='password'],
.search-form input[type='password'],
.post-password-form input[type='password'],
.comment-form input[type='url'],
.search-form input[type='url'],
.post-password-form input[type='url'],
.comment-form input[type='date'],
.search-form input[type='date'],
.post-password-form input[type='date'],
.comment-form textarea,
.search-form textarea,
.post-password-form textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
border: 1px solid #999;
padding: .5em .7em;
}
.comment-form input[type='text']:focus,
.search-form input[type='text']:focus,
.post-password-form input[type='text']:focus,
.comment-form input[type='tel']:focus,
.search-form input[type='tel']:focus,
.post-password-form input[type='tel']:focus,
.comment-form input[type='email']:focus,
.search-form input[type='email']:focus,
.post-password-form input[type='email']:focus,
.comment-form input[type='search']:focus,
.search-form input[type='search']:focus,
.post-password-form input[type='search']:focus,
.comment-form input[type='password']:focus,
.search-form input[type='password']:focus,
.post-password-form input[type='password']:focus,
.comment-form input[type='url']:focus,
.search-form input[type='url']:focus,
.post-password-form input[type='url']:focus,
.comment-form input[type='date']:focus,
.search-form input[type='date']:focus,
.post-password-form input[type='date']:focus,
.comment-form textarea:focus,
.search-form textarea:focus,
.post-password-form textarea:focus {
border-color: #333;
}
.comment-form input[type='text']::-webkit-input-placeholder,
.search-form input[type='text']::-webkit-input-placeholder,
.post-password-form input[type='text']::-webkit-input-placeholder,
.comment-form input[type='tel']::-webkit-input-placeholder,
.search-form input[type='tel']::-webkit-input-placeholder,
.post-password-form input[type='tel']::-webkit-input-placeholder,
.comment-form input[type='email']::-webkit-input-placeholder,
.search-form input[type='email']::-webkit-input-placeholder,
.post-password-form input[type='email']::-webkit-input-placeholder,
.comment-form input[type='search']::-webkit-input-placeholder,
.search-form input[type='search']::-webkit-input-placeholder,
.post-password-form input[type='search']::-webkit-input-placeholder,
.comment-form input[type='password']::-webkit-input-placeholder,
.search-form input[type='password']::-webkit-input-placeholder,
.post-password-form input[type='password']::-webkit-input-placeholder,
.comment-form input[type='url']::-webkit-input-placeholder,
.search-form input[type='url']::-webkit-input-placeholder,
.post-password-form input[type='url']::-webkit-input-placeholder,
.comment-form input[type='date']::-webkit-input-placeholder,
.search-form input[type='date']::-webkit-input-placeholder,
.post-password-form input[type='date']::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder,
.search-form textarea::-webkit-input-placeholder,
.post-password-form textarea::-webkit-input-placeholder {
color: #ccc;
}
.comment-form input[type='text']::-moz-placeholder,
.search-form input[type='text']::-moz-placeholder,
.post-password-form input[type='text']::-moz-placeholder,
.comment-form input[type='tel']::-moz-placeholder,
.search-form input[type='tel']::-moz-placeholder,
.post-password-form input[type='tel']::-moz-placeholder,
.comment-form input[type='email']::-moz-placeholder,
.search-form input[type='email']::-moz-placeholder,
.post-password-form input[type='email']::-moz-placeholder,
.comment-form input[type='search']::-moz-placeholder,
.search-form input[type='search']::-moz-placeholder,
.post-password-form input[type='search']::-moz-placeholder,
.comment-form input[type='password']::-moz-placeholder,
.search-form input[type='password']::-moz-placeholder,
.post-password-form input[type='password']::-moz-placeholder,
.comment-form input[type='url']::-moz-placeholder,
.search-form input[type='url']::-moz-placeholder,
.post-password-form input[type='url']::-moz-placeholder,
.comment-form input[type='date']::-moz-placeholder,
.search-form input[type='date']::-moz-placeholder,
.post-password-form input[type='date']::-moz-placeholder,
.comment-form textarea::-moz-placeholder,
.search-form textarea::-moz-placeholder,
.post-password-form textarea::-moz-placeholder {
opacity: 1;
color: #ccc;
}
.comment-form input[type='text']:-moz-placeholder,
.search-form input[type='text']:-moz-placeholder,
.post-password-form input[type='text']:-moz-placeholder,
.comment-form input[type='tel']:-moz-placeholder,
.search-form input[type='tel']:-moz-placeholder,
.post-password-form input[type='tel']:-moz-placeholder,
.comment-form input[type='email']:-moz-placeholder,
.search-form input[type='email']:-moz-placeholder,
.post-password-form input[type='email']:-moz-placeholder,
.comment-form input[type='search']:-moz-placeholder,
.search-form input[type='search']:-moz-placeholder,
.post-password-form input[type='search']:-moz-placeholder,
.comment-form input[type='password']:-moz-placeholder,
.search-form input[type='password']:-moz-placeholder,
.post-password-form input[type='password']:-moz-placeholder,
.comment-form input[type='url']:-moz-placeholder,
.search-form input[type='url']:-moz-placeholder,
.post-password-form input[type='url']:-moz-placeholder,
.comment-form input[type='date']:-moz-placeholder,
.search-form input[type='date']:-moz-placeholder,
.post-password-form input[type='date']:-moz-placeholder,
.comment-form textarea:-moz-placeholder,
.search-form textarea:-moz-placeholder,
.post-password-form textarea:-moz-placeholder {
color: #ccc;
}
.comment-form input[type='text']:-ms-input-placeholder,
.search-form input[type='text']:-ms-input-placeholder,
.post-password-form input[type='text']:-ms-input-placeholder,
.comment-form input[type='tel']:-ms-input-placeholder,
.search-form input[type='tel']:-ms-input-placeholder,
.post-password-form input[type='tel']:-ms-input-placeholder,
.comment-form input[type='email']:-ms-input-placeholder,
.search-form input[type='email']:-ms-input-placeholder,
.post-password-form input[type='email']:-ms-input-placeholder,
.comment-form input[type='search']:-ms-input-placeholder,
.search-form input[type='search']:-ms-input-placeholder,
.post-password-form input[type='search']:-ms-input-placeholder,
.comment-form input[type='password']:-ms-input-placeholder,
.search-form input[type='password']:-ms-input-placeholder,
.post-password-form input[type='password']:-ms-input-placeholder,
.comment-form input[type='url']:-ms-input-placeholder,
.search-form input[type='url']:-ms-input-placeholder,
.post-password-form input[type='url']:-ms-input-placeholder,
.comment-form input[type='date']:-ms-input-placeholder,
.search-form input[type='date']:-ms-input-placeholder,
.post-password-form input[type='date']:-ms-input-placeholder,
.comment-form textarea:-ms-input-placeholder,
.search-form textarea:-ms-input-placeholder,
.post-password-form textarea:-ms-input-placeholder {
color: #ccc;
}
.comment-form input[type='text'].placeholder,
.search-form input[type='text'].placeholder,
.post-password-form input[type='text'].placeholder,
.comment-form input[type='tel'].placeholder,
.search-form input[type='tel'].placeholder,
.post-password-form input[type='tel'].placeholder,
.comment-form input[type='email'].placeholder,
.search-form input[type='email'].placeholder,
.post-password-form input[type='email'].placeholder,
.comment-form input[type='search'].placeholder,
.search-form input[type='search'].placeholder,
.post-password-form input[type='search'].placeholder,
.comment-form input[type='password'].placeholder,
.search-form input[type='password'].placeholder,
.post-password-form input[type='password'].placeholder,
.comment-form input[type='url'].placeholder,
.search-form input[type='url'].placeholder,
.post-password-form input[type='url'].placeholder,
.comment-form input[type='date'].placeholder,
.search-form input[type='date'].placeholder,
.post-password-form input[type='date'].placeholder,
.comment-form textarea.placeholder,
.search-form textarea.placeholder,
.post-password-form textarea.placeholder {
color: #ccc;
}
.widget {
margin-bottom: 1.2em;
}
.widget ul {
padding-left: 2em;
}
.widget select {
min-width: 150px;
}
.comment-form label {
display: block;
padding-bottom: 4px;
}
.comment-form textarea {
overflow: auto;
margin: 0;
height: 120px;
min-height: 120px;
}
.comment-form textarea,
.comment-form input[type='text'] {
margin: 0 4px 0 0;
width: 300px;
}
.comment-form input[type='submit'] {
display: block;
float: none;
}
.post-password-form label {
display: block;
}
.post-password-form input[type='password'] {
margin: 0 4px 0 0;
width: 300px;
}
.search-form input {
float: left;
height: 2em;
}
.search-form input[type='search'] {
margin: 0 4px 0 0;
width: 150px;
}
.post-password-form input {
float: left;
height: 2em;
}
.post-password-form input[type='password'] {
width: 150px;
}
.comment-form input[type='submit'],
.post-password-form input[type='submit'],
.search-form input[type='submit'] {
background: #333;
color: #fff;
height: 2em;
border: none;
padding: 0 .5em;
}
.comment-form input[type='submit']:hover,
.post-password-form input[type='submit']:hover,
.search-form input[type='submit']:hover {
opacity: 0.8;
}
.commentlist {
margin: 0 0 1.2em;
}
.commentlist .edit-link {
margin: 0;
}
.commentlist .avatar-holder {
float: left;
margin: 0 1.2em 4px 0;
}
.commentlist-item .commentlist-item {
padding: 0;
}
@media (min-width: 768px) {
.commentlist-item .commentlist-item {
padding: 0 0 0 2em;
}
}
.comment,
.commentlist-holder {
overflow: hidden;
}
.commentlist-item .commentlist-item,
.commentlist-item+.commentlist-item {
padding-top: 1.2em;
}
.widget_calendar #next {
text-align: right;
}
.gallery-item dt {
float: none;
padding: 0;
}
.navigation,
.navigation-comments {
position: relative;
vertical-align: middle;
margin-bottom: 1.2em;
}
.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
position: absolute;
left: -99999px;
}
.navigation .page-numbers,
.navigation-comments .page-numbers {
display: inline-block;
vertical-align: middle;
padding: 0 .4em;
}
@media (max-width: 767px) {
.navigation .page-numbers,
.navigation-comments .page-numbers {
padding: 0;
}
}
.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
display: inline-block;
vertical-align: middle;
max-width: 50%;
background: #666;
color: #fff;
padding: .4em;
text-decoration: none;
}
@media (max-width: 767px) {
.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
padding: .2em;
}
}
.navigation-single {
margin-bottom: 1.2em;
}
.navigation-single .next,
.navigation-single .prev {
float: left;
vertical-align: middle;
max-width: 50%;
background: #666;
color: #fff;
text-decoration: none;
}
.navigation-single .next a,
.navigation-single .prev a {
color: inherit;
text-decoration: none;
padding: .4em;
display: block;
}
@media (max-width: 767px) {
.navigation-single .next a,
.navigation-single .prev a {
padding: .2em;
}
}
.navigation-single .next {
float: right;
}
.wp-caption {
max-width: 100%;
clear: both;
border: 1px solid #ccc;
padding: .4em;
margin-bottom: 1.2em;
}
.wp-caption img {
margin: 0;
vertical-align: top;
}
.wp-caption p {
margin: .4em 0 0;
}
div.aligncenter {
margin: 0 auto 1.2em;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
.alignleft {
float: left;
margin: 0 1.2em 4px 0;
}
.alignright {
float: right;
margin: 0 0 4px 1.2em;
}
.mejs-container {
margin-bottom: 1.2em;
}
.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
height: auto;
}
/* Slick slider styles */
.slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slider .slick-track,
.slider .slick-list {
-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);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
html {
background-color: #222222;
}
body {
min-width: 320px;
-ms-overflow-style: scrollbar;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h {
text-transform: capitalize;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h a {
color: inherit;
}
h1 a:hover,
h1 a:focus,
h1 a:active,
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:hover,
h4 a:focus,
h4 a:active,
h5 a:hover,
h5 a:focus,
h5 a:active,
h6 a:hover,
h6 a:focus,
h6 a:active,
.h a:hover,
.h a:focus,
.h a:active {
color: #ffc000;
}
p {
margin: 0 0 26px;
}
.element-block {
display: block;
}
.form-control {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
}
.bg-cover {
background-size: cover;
background-position: 50% 50%;
}
.bg-dark {
background-color: #222222;
}
.bg-gray {
background-color: #f6f6f6;
}
.bg-light {
background-color: #fcfcfc;
}
.font-lato {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-roboto {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-base {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-serif {
font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
}
.fw-bold {
font-weight: 700;
}
.fw-normal {
font-weight: 400;
}
.fw-light {
font-weight: 300;
}
.fw-semi {
font-weight: 600;
}
.text-gray {
color: #777777;
clear: both;
width: 100%;
float: left;
}
.text-white {
color: #fff;
}
.bg-success {
background-color: #28ca6c;
}
.rounded-circle {
border-radius: 100%;
}
.btn {
font-size: 12px;
border-width: 2px;
}
.ttn {
text-transform: none;
}
.btn-white {
background-color: #fff;
color: #222222;
border-color: #fff;
}
.btn-white:hover {
color: #222222;
background-color: #d9d9d9;
border-color: #d9d9d9;
}
.btn-dark {
background-color: #222222;
color: #fff;
border-color: #222222;
}
.btn-dark:hover {
color: #fff;
border-color: #494949;
background-color: #494949;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
color: #fff;
background-color: #ffc000;
border-color: #ffc000;
}
.dropdown-menu {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
}
.anim {
-webkit-transition: all 0.5s ease 0.3s;
-o-transition: all 0.5s ease 0.3s;
transition: all 0.5s ease 0.3s;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
.anim.delay1 {
-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.anim.delay2 {
-webkit-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.slick-active .anim {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.no-shrink {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.text-noCase {
text-transform: none;
}
.static-block {
position: static;
}
.price-tag {
border-radius: 2px;
font-size: 13px;
line-height: 1;
padding: 3px 9px;
display: inline-block;
vertical-align: top;
}
.star-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin: 0 -1px;
}
.star-rating.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.star-rating>li {
margin-left: 1px;
margin-right: 1px;
color: #ffc000;
font-size: 11px;
line-height: 1;
}
form .star-rating {
margin-top: 8px;
}
form .star-rating>li {
color: #ccc;
}
form .star-rating .customFormReset:checked+label {
color: #ffc000;
}
.product-module .star-rating {
margin-bottom: 10px;
}
.widget .star-rating {
padding-left: 0;
}
.reviews-wrap .star-rating {
margin-right: 16px;
}
.widget-cources-list .star-rating {
padding-top: 5px;
}
.customFormReset {
position: fixed;
z-index: -1111;
opacity: 0;
left: -9999px;
top: 0;
}
/* ---------------------------------------------------------
4. Wrapper / #wrapper
---------------------------------------------------------*/
#wrapper {
width: 100%;
position: relative;
overflow: hidden;
}
/* ---------------------------------------------------------
5. Page Header / #page-header
---------------------------------------------------------*/
#page-header {
position: relative;
width: 100%;
z-index: 3;
}
#page-header.v3 .sticky {
position: static;
}
#page-header.v3 .navbar-search-form .search-collapse,
#page-header.v3 .navbar-search-form .search-collapse.collapsing,
#page-header.v3 .navbar-search-form .search-collapse.collapse,
#page-header.v3 .navbar-search-form .search-collapse.collapse.in {
right: 130px;
}
#page-header.page-header-stick .sticky {
background: #222222;
}
.sticky #nav li a {
color: #000 !important;
}
.sticky .logo .hidden-xs {
display: none;
}
.sticky .logo img.hidden-sm.hidden-md.hidden-lg {
display: block !important;
}
/* ---------------------------------------------------------
6. Top Bar / .top-bar
---------------------------------------------------------*/
.top-bar.bg-light {
border-bottom: 1px solid #f0f0f0;
}
.top-bar .top-bar-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.top-bar .top-bar-holder:after,
.top-bar .top-bar-holder:before {
display: none;
}
.top-bar .col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.top-header-plan-mobile .plan-mobile-menu{
display:none;
}
.top-bar .justify-end {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
.top-bar .align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.top-bar p {
margin: 0;
}
/* ---------------------------------------------------------
7. Bar links / .top-links
---------------------------------------------------------*/
.bar-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-bottom: 0;
}
.bar-links>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.bar-links>li+li {
margin-left: -1px;
}
.bar-links>li>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: inherit;
border: solid currentColor;
border-width: 0 1px;
border-radius: 1px;
letter-spacing: 0.5px;
font-size: 32px;
line-height: 1;
padding: 4px 7px;
}
.bar-links>li>a:hover {
-webkit-box-shadow: 0 0 5px #fff, inset 0 0 5px 0 #fff;
box-shadow: 0 0 5px #fff, inset 0 0 5px 0 #fff;
}
.bar-links .dt {
color: #e8e8e8;
margin-right: 10px;
}
/* ---------------------------------------------------------
8. User links / .user-links
---------------------------------------------------------*/
.user-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 13px;
line-height: 1.33333;
padding: 8px 18px;
margin-bottom: 0;
}
.user-links>li>a {
color: #777777;
}
.user-links>li>a:hover {
color: #fff;
}
.user-links .sep {
/*color: #777777;*/
font-size: 15px;
color: #fff !important;
}
span.nav-progressive-content{
display:block;
}
.top-header-sub-menu .user-links:hover{
background-color:transparent !important;
color:#fff !important;
}
.nav-holder .user-links {
background-color: rgba(34, 34, 34, 0.1);
width: 107px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-holder .user-links>li>a {
color: inherit;
}
.nav-holder .user-links>li>a:hover {
color: #222222;
}
.nav-holder .user-links .sep {
color: inherit;
}
/* ---------------------------------------------------------
9. Header holder / .header-holder
---------------------------------------------------------*/
.header-holder {
padding-top: 10px;
padding-bottom: 10px;
clear: both;
background-color: rgba(0, 0, 0, 0.8);
}
.header-holder{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.header-holder.sticky {
position: fixed;
left: 0;
top: 0;
right: 0;
background: #fff;
-webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.header-holder.align-center .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-holder .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-holder .row:after,
.header-holder .row:before {
display: none;
}
/* ---------------------------------------------------------
10. Logo / .logo
---------------------------------------------------------*/
.logo {
max-width: 129px;
margin-top: 5px;
}
.aside .logo {
margin-bottom: 13px;
}
/* ---------------------------------------------------------
11. Nav / #nav
---------------------------------------------------------*/
#nav {
background-color: transparent;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
min-height: 1px;
position: static;
}
#nav:after,
#nav:before {
display: none;
}
#nav .navbar-toggle {
margin: 0;
}
#nav .navbar-toggle:hover .icon-bar,
#nav .navbar-toggle:focus .icon-bar,
#nav .navbar-toggle:active .icon-bar {
background-color: #fff;
}
#nav .navbar-collapse {
position: absolute;
left: 0;
top: 100%;
right: 0;
background-color: #fff;
}
.nav-holder #nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/* ---------------------------------------------------------
12. Navbar search form / .navbar-search-form
---------------------------------------------------------*/
.navbar-default .navbar-nav>li>a {
color: #fff;
}
.navbar-search-form {
margin: 0 0 0 9px;
padding: 0;
}
.navbar-search-form .search-opener {
color: white !important;
}
.navbar-search-form .search-opener:hover {
color: #28ca6c;
}
.navbar-search-form .search-collapse,
.navbar-search-form .search-collapse.collapsing,
.navbar-search-form .search-collapse.collapse,
.navbar-search-form .search-collapse.collapse.in {
position: absolute;
top: 100%;
right: 0;
}
.navbar-search-form .btn {
position: absolute;
top: 0;
right: 0;
padding: 0;
background-color: transparent;
color: #222222;
border: solid #e8e8e8;
border-width: 0 0 0 1px;
width: 35px;
height: 100%;
}
.navbar-search-form .btn:hover {
color: #28ca6c;
}
.nav-holder .navbar-search-form .search-opener {
color: inherit;
}
.nav-holder .navbar-search-form .search-opener:hover {
color: #222222;
}
/* ---------------------------------------------------------
13. Main navigation / .main-navigation
---------------------------------------------------------*/
.main-navigation {
margin: 0;
}
/* ---------------------------------------------------------
14. Intro block / .intro-block
---------------------------------------------------------*/
.intro-block {
overflow: hidden;
}
/* ---------------------------------------------------------
15. Intro block slide / .intro-block-slide
---------------------------------------------------------*/
.intro-block-slide {
min-height: 100vh;
color: #fff;
font-size: 18px;
line-height: 1.44444;
text-align: center;
}
.intro-block-slide.overlay:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.intro-block-slide.overlay:before {
pointer-events: none;
background-color: rgba(0, 0, 0, 0.35);
}
.intro-block-slide .align-wrap {
position: relative;
z-index: 2;
min-height: inherit;
white-space: nowrap;
}
.intro-block-slide .align-wrap:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
min-height: inherit;
}
.intro-block-slide .align-wrap>.align {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%;
}
.intro-block-slide .align-wrap .align {
max-width: 562px;
margin-left: -3px;
padding: 35px 20px 60px;
}
.intro-block-slide .intro-block-heading {
color: inherit;
font-weight: 700;
margin: 0 0 13px;
}
.intro-block-slide .btns-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 32px;
}
.slider.fade-slider.slick-initialized.slick-slider .intro-block-slide .btns-wrap{
display:none !important;
}
.contact-detail-column {
padding-top: 60px;
clear: both;
display: block;
width: 100%;
}
.intro-block-slide .btn {
vertical-align: top;
margin-right: 5px;
margin-bottom: 5px;
min-width: 145px;
font-size: 12px;
padding-top: 13px;
padding-bottom: 13px;
}
.intro-block-slide p {
margin: 0;
}
/* ---------------------------------------------------------
16. Fade slider / .fade-slider
---------------------------------------------------------*/
.fade-slider .slick-arrow {
position: absolute;
top: 50%;
z-index: 9;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size: 12px;
width: 20px;
height: 40px;
}
.fade-slider .slick-arrow.slick-prev {
left: 0;
}
.fade-slider .slick-arrow.slick-next {
right: 0;
}
.fade-slider .slick-arrow:focus {
color: #fff;
}
.fade-slider .slick-arrow:hover {
color: #fff;
background-color: #000;
}
/* ---------------------------------------------------------
17. Feature aside / .feacture-aside
---------------------------------------------------------*/
.features-aside .col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
color: #fff;
padding: 15px 10px;
}
.features-aside .col:nth-child(2) {
background-color: #f5b800;
}
.features-aside .col:nth-child(2):hover {
background-color: #f0b400;
}
.features-aside .col:nth-child(3) {
background-color: #ebb100;
}
.features-aside .col:nth-child(3):hover {
background-color: #e6ad00;
}
.features-aside .col:hover {
background-color: #fabc00;
}
.features-aside .col:hover .icn-wrap {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.features-aside .col:hover .view-more {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.features-aside .features-aside-heading {
color: inherit;
margin: 0 0 2px;
font-size: 18px;
line-height: 1.16667;
}
.features-aside .icn-wrap {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
margin-right: 20px;
width: 43px;
}
.intro-block .features-aside {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
margin: 0 -15px -30px;
display:none;
}
/* ---------------------------------------------------------
18. Popular posts block / .popular-posts-block
---------------------------------------------------------*/
.popular-posts-block {
padding-top: 35px;
padding-bottom: 35px;
}
.popular-post{
box-shadow:none !important;
}
.popular-posts-block .btns-wrap {
padding-top: 20px;
}
.popular-posts-block .btns-wrap .btn {
vertical-align: top;
min-width: 175px;
}
/* ---------------------------------------------------------
19. Popular posts hand / .popular-posts-hand
---------------------------------------------------------*/
.popular-posts-head {
overflow: hidden;
}
.popular-posts-head .popular-head-heading {
margin: 0 0 39px;
}
/* ---------------------------------------------------------
20. Popular post / .popular-post
---------------------------------------------------------*/
.popular-post {
overflow: hidden;
position: relative;
border-radius: 1px;
-webkit-box-shadow: inset 0 0 0 1px #e8e8e8;
box-shadow: inset 0 0 0 1px #e8e8e8;
padding: 0 20px;
margin-bottom: 40px;
}
.popular-post:hover {
-webkit-box-shadow: inset 0 0 0 1px #34c7dc;
box-shadow: inset 0 0 0 1px #34c7dc;
}
.popular-post:hover .aligncenter:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.popular-post .gutter-reset {
margin-left: -20px;
margin-right: -20px;
}
.popular-post .aligncenter {
margin: 0 -20px 20px;
position: relative;
z-index: 1;
}
.popular-post .aligncenter:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.popular-post .aligncenter:before {
background: rgba(255, 192, 0, 0.6);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.popular-post .aligncenter img {
display: block;
max-width: none;
width: 100%;
}
.popular-post .post-heading {
text-transform: none;
margin: 0 0 17px;
font-weight: 400;
font-size: 17px;
line-height: 1.29412;
}
.popular-post .post-foot {
color: #777777;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 1px;
-webkit-box-shadow: inset 0 1px 0 #e8e8e8;
box-shadow:none !important;
padding: 19px 20px 21px;
}
/* ---------------------------------------------------------
21. Post author / .post-auther
---------------------------------------------------------*/
.post-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
margin-bottom: 24px;
}
.post-author .alignleft {
margin: 0 7px 0 0;
overflow: hidden;
width: 35px;
height: 35px;
}
.post-author .author-heading {
margin: 0;
color: #777777;
font-weight: 400;
font-size: 13px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.post-author .author-heading-subtitle {
margin: 4px 0 0;
font-size: 12px;
line-height: 1.16667;
}
.widget_popular_posts .post-author {
margin-bottom: 0;
padding-top: 9px;
}
/* ---------------------------------------------------------
22. Post statuses list / .post-statuses-list
---------------------------------------------------------*/
.post-statuses-list {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.post-statuses-list>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 13px;
line-height: 1;
margin-right: 13px;
}
.post-statuses-list>li>a {
color: inherit;
}
.post-statuses-list>li>a:hover {
color: #34c7dc;
}
.post-statuses-list .icn {
margin-right: 1px;
font-size: 16px;
}
/* ---------------------------------------------------------
23. Popular post slider / .popular-post-slider
---------------------------------------------------------*/
.slider.fade-slider.slick-initialized.slick-slider .slick-list{
height:auto !important;
}
.popular-posts-slider {
padding-bottom: 45px;
}
.popular-posts-slider .slick-arrow {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #222222;
border: 1px solid #e8e8e8;
font-size: 14px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
margin-left: 25px;
width: 34px;
height: 34px;
}
.popular-posts-slider .slick-arrow.slick-disabled {
pointer-events: none;
color: #777777;
}
.popular-posts-slider .slick-arrow:hover {
background-color: #34c7dc;
color: #fff;
border-color: #34c7dc;
}
.popular-posts-slider .slick-prev {
margin-left: -25px;
}
/* ---------------------------------------------------------
24. Coounter aside / .counter-aside
---------------------------------------------------------*/
.counter-aside {
position: relative;
overflow: hidden;
min-height: 280px;
color: #fff;
text-align: center;
}
.counter-aside .align-wrap {
min-height: inherit;
white-space: nowrap;
}
.counter-aside .align-wrap:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
min-height: inherit;
}
.counter-aside .align-wrap>.align {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%;
}
.counter-aside .align-wrap .align {
max-width: none;
width: 100%;
margin-left: -3px;
padding-top: 35px;
padding-bottom: 0;
}
.counter-aside .counter-aside-heading {
color: inherit;
margin: 0 0 30px;
font-size: 14px;
line-height: 1;
}
.counter-aside .countdown {
font-size: 42px;
padding-bottom: 10px;
margin-bottom: 18px;
position: relative;
}
.counter-aside .countdown:after {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 50%;
right: auto;
}
.counter-aside .countdown:after {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 30px;
height: 3px;
}
.counter-aside .col {
margin-bottom: 20px;
}
/* ---------------------------------------------------------
25. Upcoming events block / .upcoming-events-block
---------------------------------------------------------*/
.upcoming-events-block {
padding-top: 45px;
padding-bottom: 24px;
}
/* ---------------------------------------------------------
26. Block header / .block-header
---------------------------------------------------------*/
.block-header {
overflow: hidden;
position: relative;
padding-bottom: 11px;
margin-bottom: 40px;
}
.block-header:after {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 0;
right: auto;
}
.block-header:after {
width: 39px;
height: 1px;
}
.block-header .block-header-heading {
margin: 0 0 6px;
}
.block-header p {
margin: 0;
}
/* ---------------------------------------------------------
27. Upcoming events list / .upcoming-events-list
---------------------------------------------------------*/
.upcoming-events-list {
margin-bottom: 0;
}
.upcoming-events-list>li {
overflow: hidden;
margin-bottom: 30px;
}
.upcoming-events-list>li+li {
padding-top: 40px;
border-top: 1px solid #e8e8e8;
}
.upcoming-events-list .time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
letter-spacing: -0.6px;
font-size: 20px;
line-height: 1;
}
.upcoming-events-list .alignright {
margin: 0 auto 15px;
max-width: 221px;
float: none;
}
.upcoming-events-list .alignleft {
float: none;
}
.upcoming-events-list .date {
font-size: 40px;
}
.upcoming-events-list .month {
font-size: 14px;
margin-bottom: 3px;
}
.upcoming-events-list .day {
width: 100%;
padding-top: 6px;
}
.upcoming-events-list .description-wrap {
overflow: hidden;
padding-top: 7px;
}
.upcoming-events-list address {
margin: 0 0 12px;
}
.upcoming-events-list .list-heading {
text-transform: none;
font-weight: 400;
margin: 0 0 8px;
}
.upcoming-events-list .btn {
vertical-align: top;
min-width: 107px;
}
/* ---------------------------------------------------------
28. Course search aside / .course-search-aside
---------------------------------------------------------*/
.course-search-aside {
padding-top: 35px;
padding-bottom: 35px;
text-align: center;
}
.course-search-aside.bg-dark {
color: #999;
}
.course-search-aside p {
margin: 0;
}
/* ---------------------------------------------------------
29. Course search form / .course-search-form
---------------------------------------------------------*/
.course-search-form {
text-align: center;
position: relative;
}
.course-search-form label.element-block {
margin: 0 0 25px;
font-size: 28px;
color: #222222;
}
.course-search-form select {
width: 100%;
}
.course-search-form .chosen-container {
display: block;
width: 100%;
height: 52px;
}
.course-search-form .btn {
margin-left: 8px;
margin-bottom: 15px;
width: 157px;
height: 52px;
}
.course-search-form .tag-new-text {
position: absolute;
left: 15px;
bottom: 100%;
z-index: 4;
font-size: 18px;
line-height: 1.11111;
padding: 14px 20px;
margin-bottom: 35px;
color: #222222;
}
/* ---------------------------------------------------------
30. Categories aside / .Categories-aside
---------------------------------------------------------*/
.categories-aside {
color: #fff;
position: relative;
z-index: 1;
padding-top: 35px;
padding-bottom: 20px;
}
.categories-aside:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.categories-aside:before {
background-color: rgba(0, 0, 0, 0.15);
pointer-events: none;
}
.categories-aside .holder {
position: relative;
z-index: 1;
}
/* ---------------------------------------------------------
31. Categories list / .Categories-list
---------------------------------------------------------*/
.categories-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -10px;
}
.categories-list>li {
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
.categories-list>li>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
overflow: hidden;
border-bottom: 3px solid transparent;
width: 132px;
height: 145px;
}
.categories-list .icn-wrap,
.categories-list h5,
.categories-list .h5 {
width: 100%;
}
.categories-list h5,
.categories-list .h5 {
margin: 0;
color: inherit;
text-transform: uppercase;
}
.categories-list .icn-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 22px;
height: 51px;
}
/* ---------------------------------------------------------
32. Getstarted block / .getstarted-block
---------------------------------------------------------*/
.getstarted-block {
padding-top: 35px;
padding-bottom: 36px;
text-align: center;
}
.getstarted-block .col {
margin-bottom: 30px;
}
.getstarted-block .alignleft {
overflow: hidden;
border-radius: 5px;
max-width: 255px;
margin: 0 auto 15px;
float: none;
}
.getstarted-block .description-wrap {
overflow: hidden;
}
.getstarted-block h2,
.getstarted-block .h2 {
margin: 0 0 14px;
font-size: 21px;
line-height: 1.42857;
}
.getstarted-block .btn {
vertical-align: top;
min-width: 133px;
}
.getstarted-block p {
margin: 0 0 19px;
}
/* ---------------------------------------------------------
33. Limit counter / .limit-counter
---------------------------------------------------------*/
.limit-counter {
padding-top: 11px;
}
.limit-counter .title {
margin-bottom: 28px;
font-size: 16px;
}
/* ---------------------------------------------------------
34. Getstarted bar / .getstarted-bar
---------------------------------------------------------*/
.getstarted-bar {
border: 1px solid #e8e8e8;
padding-top: 25px;
padding-bottom: 15px;
}
.getstarted-bar h4,
.getstarted-bar .h4,
.getstarted-bar .btn {
margin: 0 0 15px;
}
.getstarted-bar .btn {
padding-top: 9px;
padding-bottom: 10px;
font-size: 14px;
min-width: 158px;
}
/* ---------------------------------------------------------
35. Testimonials block / .testimonials-block
---------------------------------------------------------*/
.testimonials-block {
padding-top: 40px;
padding-bottom: 58px !important;
}
.testimonials-block h2,
.testimonials-block .h2 {
margin: 0 0 28px;
}
/* ---------------------------------------------------------
36. Textimonial quote / .textimonial-quote
---------------------------------------------------------*/
.testimonial-quote {
margin: 0 auto;
padding: 0;
border: 0;
font-size: 15px;
line-height: 1.66667;
width: 100%;
max-width: 615px;
}
.testimonial-quote q,
.testimonial-quote p {
font: inherit;
margin: 0 0 23px;
opacity: 0;
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
-webkit-transition: all 0.55s linear;
-o-transition: all 0.55s linear;
transition: all 0.55s linear;
}
.testimonial-quote .avatar {
overflow: hidden;
margin: 0 auto 12px;
width: 65px;
height: 65px;
opacity: 0;
-webkit-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: all 0.55s linear;
-o-transition: all 0.55s linear;
transition: all 0.55s linear;
}
.testimonial-quote .avatar img {
display: block;
width: 100%;
}
.testimonial-quote cite {
font-style: normal;
}
.testimonial-quote h5,
.testimonial-quote .h5 {
margin: 0;
font-weight: 400;
opacity: 0;
-webkit-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
-webkit-transition: all 0.55s linear;
-o-transition: all 0.55s linear;
transition: all 0.55s linear;
}
/* ---------------------------------------------------------
37. Textimonial slider / .textimonial-slider
---------------------------------------------------------*/
.testimonail-slider {
padding-bottom: 50px;
}
.testimonail-slider .slick-arrow {
position: absolute;
bottom: 0;
left: 50%;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #e8e8e8;
color: #777777;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: -25px;
width: 36px;
height: 36px;
}
.testimonail-slider .slick-arrow:hover {
color: #fff;
background-color: #34c7dc;
}
.testimonail-slider .slick-next {
margin-left: 25px;
}
.testimonail-slider .slick-active q,
.testimonail-slider .slick-active p,
.testimonail-slider .slick-active h5,
.testimonail-slider .slick-active .h5,
.testimonail-slider .slick-active .avatar {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* ---------------------------------------------------------
38. Seperator hand / .seperator-hand
---------------------------------------------------------*/
.seperator-head {
overflow: hidden;
font-size: 16px;
line-height: 1.375;
padding-bottom: 12px;
position: relative;
}
.seperator-head:before {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 50%;
right: auto;
}
.seperator-head:after {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 50%;
right: auto;
}
.seperator-head:before,
.seperator-head:after {
pointer-events: none;
height: 1px;
width: 100%;
height: 1px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.seperator-head:before {
max-width: 50px;
z-index: 1;
}
.seperator-head:after {
max-width: 290px;
background-color: #e8e8e8;
}
.seperator-head h2,
.seperator-head .h2 {
margin: 0 0 10px;
}
.news-block .seperator-head,
.how-work-block .seperator-head {
margin-bottom: 35px;
}
.professionals-block .seperator-head,
.popular-posts-block .seperator-head,
.pricing-details-block .seperator-head {
margin-bottom: 25px;
}
.contact-block .seperator-head {
margin-bottom: 60px;
clear:both;
width:100%;
}
.seperator-head p {
margin: 0 0 13px;
}
/* ---------------------------------------------------------
39. News block / .news-block
---------------------------------------------------------*/
.news-block {
padding-top: 35px;
padding-bottom: 25px;
}
/* ---------------------------------------------------------
40. News post / .news-post
---------------------------------------------------------*/
.news-post {
line-height: 1.57143;
margin-bottom: 30px;
z-index: 1;
overflow: hidden;
position: relative;
padding: 31px 30px;
border-radius: 1px;
}
.news-post:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.news-post:after {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.news-post:after {
width: 100%;
height: 2px;
}
.news-post:before {
border: 1px solid #e8e8e8;
z-index: -1;
border-radius: inherit;
}
.news-post:hover .aligncenter:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.news-post .aligncenter {
margin: -31px -30px 30px;
position: relative;
}
.news-post .aligncenter:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.news-post .aligncenter:before {
background: rgba(255, 192, 0, 0.6);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.news-post .aligncenter img {
display: block;
width: 100%;
}
.news-post h3,
.news-post .h3 {
margin: 0 0 13px;
font-weight: 400;
line-height: 1.22222;
text-transform: none;
}
.news-post .time {
font-weight: 600;
font-size: 12px;
line-height: 1.33333;
}
.news-post .time a {
color: inherit;
}
.news-post p {
margin: 0 0 16px;
}
/* ---------------------------------------------------------
41. Subscription aside block / .subscription-aside-block
---------------------------------------------------------*/
.subscription-aside-block {
padding-top: 20px;
padding-bottom: 20px;
}
/* ---------------------------------------------------------
42. Newsletter sub form / .newsletter-sub-form
---------------------------------------------------------*/
.newsletter-sub-form {
font-weight: 600;
}
.newsletter-sub-form .text-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.newsletter-sub-form .icn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 40px;
background-color: #e6ad00;
margin-right: 19px;
width: 80px;
height: 80px;
}
.newsletter-sub-form label {
font-size: 20px;
line-height: 1.1;
margin-bottom: 0;
}
.newsletter-sub-form .form-control {
border-color: transparent;
}
.newsletter-sub-form .form-control,
.newsletter-sub-form .btn {
height: 52px;
}
.newsletter-sub-form .btn {
width: 100px;
}
.newsletter-sub-form .text-dark {
color: #222222;
}
.newsletter-sub-form p {
margin: 0;
}
/* ---------------------------------------------------------
43. Footer area / .footer-area
---------------------------------------------------------*/
.footer-area .btn-default {
color: inherit;
border-color: currentColor;
background-color: transparent;
font-weight: 600;
border-radius: 1px;
}
.footer-area .btn-default:hover {
background-color: #777777;
border-color: #777777;
color: #fff;
}
/* ---------------------------------------------------------
44. aside / .aside
---------------------------------------------------------*/
.aside {
padding-top: 30px;
padding-bottom: 17px;
}
.aside h3,
.aside .h3 {
color: inherit;
margin: 0 0 29px;
text-transform: uppercase;
font-size: 15px;
padding-bottom: 17px;
border-bottom: 1px solid rgba(232, 232, 232, 0.1);
}
.aside .col {
margin-bottom: 25px;
}
.aside p {
margin: 0 0 23px;
}
/* ---------------------------------------------------------
45. Widget cources list / .widget-cources-list
---------------------------------------------------------*/
.widget-cources-list {
margin-bottom: 0;
}
.widget-cources-list>li {
overflow: hidden;
margin-bottom: 30px;
}
.widget-cources-list>li:hover .alignleft:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.widget-cources-list>li>a {
color: inherit;
}
.widget-cources-list>li>a:hover {
color: #34c7dc;
}
.widget-cources-list .alignleft {
margin: 0 15px 0 0;
max-width: 60px;
position: relative;
}
.widget-cources-list .alignleft:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.widget-cources-list .alignleft:before {
background: rgba(255, 192, 0, 0.6);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.widget-cources-list .alignleft img {
display: block;
width: 100%;
}
.widget-cources-list .description-wrap {
overflow: hidden;
}
.widget-cources-list h4,
.widget-cources-list .h4 {
margin: 0;
font-weight: 400;
font-size: 14px;
line-height: 1.28571;
color: inherit;
}
/* ---------------------------------------------------------
46.Fooer-navigation / .fooer-navigation
---------------------------------------------------------*/
.fooer-navigation {
margin-bottom: 0;
}
.fooer-navigation>li {
padding-left: 14px;
font-size: 15px;
line-height: 1.33333;
position: relative;
margin-bottom: 10px;
}
.fooer-navigation>li:before {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 0;
right: auto;
}
.fooer-navigation>li:before {
border-radius: 100%;
background-color: currentColor;
top: 8px;
width: 4px;
height: 4px;
}
.fooer-navigation>li.active>a {
color: #fff;
}
.fooer-navigation>li>a {
color: inherit;
}
.fooer-navigation>li>a:hover {
color: #fff;
}
/* ---------------------------------------------------------
47. Ft address / .ft-address
---------------------------------------------------------*/
.ft-address {
margin: 0;
font: inherit;
}
.ft-address dl {
margin: 0;
overflow: hidden;
}
.ft-address dt {
float: left;
margin: 2px 8px 0 0;
font-size: 20px;
line-height: 1;
clear: left;
width: 18px;
text-align: center;
}
.ft-address dd {
margin: 0 0 12px;
overflow: hidden;
}
.ft-address a {
color: inherit;
}
.ft-address a:hover {
color: #34c7dc;
}
/* ---------------------------------------------------------
48. Social networks / .social-networks
---------------------------------------------------------*/
.socail-networks {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.socail-networks>li {
margin-left: 7px;
}
.socail-networks>li>a {
font-size: 20px;
color: #777777;
}
.socail-networks>li>a:hover {
color: #34c7dc;
}
#page-footer .footer-list-items ul li{
display:inline-block;
}
#page-footer .footer-list-items {
text-align:center;
}
#page-footer .footer-list-items ul li a{
color:#fff;
text-decoration: none;
margin: 0px 5px;
}
#page-footer .socail-networks {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#page-footer .socail-networks>li {
margin-left: 4px;
margin-right: 4px;
}
.bookmarkFoot .socail-networks>li>a,
.professionals-block .socail-networks>li>a,
.profile-info .socail-networks>li>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size: 12px;
background-color: #408cff;
border-radius: 2px;
width: 32px;
height: 32px;
}
.bookmarkFoot .socail-networks>li>a.facebook,
.professionals-block .socail-networks>li>a.facebook,
.profile-info .socail-networks>li>a.facebook {
background-color: #3b5998;
}
.bookmarkFoot .socail-networks>li>a.facebook:hover,
.professionals-block .socail-networks>li>a.facebook:hover,
.profile-info .socail-networks>li>a.facebook:hover {
background-color: #2d4373;
}
.bookmarkFoot .socail-networks>li>a.twitter,
.professionals-block .socail-networks>li>a.twitter,
.profile-info .socail-networks>li>a.twitter {
background-color: #55acee;
}
.bookmarkFoot .socail-networks>li>a.twitter:hover,
.professionals-block .socail-networks>li>a.twitter:hover,
.profile-info .socail-networks>li>a.twitter:hover {
background-color: #2795e9;
}
.bookmarkFoot .socail-networks>li>a.google,
.professionals-block .socail-networks>li>a.google,
.profile-info .socail-networks>li>a.google {
background-color: #dd4b39;
}
.bookmarkFoot .socail-networks>li>a.google:hover,
.professionals-block .socail-networks>li>a.google:hover,
.profile-info .socail-networks>li>a.google:hover {
background-color: #c23321;
}
.bookmarkFoot .socail-networks>li>a.linkedin,
.professionals-block .socail-networks>li>a.linkedin,
.profile-info .socail-networks>li>a.linkedin {
background-color: #408cff;
}
.bookmarkFoot .socail-networks>li>a.linkedin:hover,
.professionals-block .socail-networks>li>a.linkedin:hover,
.profile-info .socail-networks>li>a.linkedin:hover {
background-color: #0d6dff;
}
.bookmarkFoot .socail-networks>li>a:hover,
.professionals-block .socail-networks>li>a:hover,
.profile-info .socail-networks>li>a:hover {
background-color: #0d6dff;
}
.professionals-block .socail-networks {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.professionals-block .socail-networks>li {
margin: 0 0 8px;
}
.profile-info .socail-networks>li {
margin-left: 0;
margin-right: 4px;
}
.top-bar .socail-networks {
border: solid #f0f0f0;
border-width: 0 1px;
padding: 7px 7px 7px 0;
}
.top-bar .socail-networks>li>a {
font-size: 14px;
color: #999;
}
.top-bar .socail-networks>li>a:hover {
color: #ffc000;
}
/* ---------------------------------------------------------
49. Page footer / .page-footer
---------------------------------------------------------*/
#page-footer {
border-top: 1px solid rgba(208, 208, 208, 0.04);
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
}
#page-footer p {
margin: 0;
}
#page-footer p a {
color: inherit;
}
#page-footer p a:hover {
color: #fff;
}
/* ---------------------------------------------------------
50. Heading banner / .heading-banner
---------------------------------------------------------*/
.heading-banner {
position: relative;
overflow: hidden;
}
.heading-banner:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.heading-banner:before {
z-index: 1;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.2);
}
.heading-banner .holder {
position: relative;
z-index: 2;
min-height: 100px;
white-space: nowrap;
}
.heading-banner .holder:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
min-height: inherit;
}
.heading-banner .holder>.align {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%;
}
.heading-banner .holder .align {
padding-top: 15px;
padding-bottom: 15px;
margin-left: -4px;
}
.heading-banner h1,
.heading-banner .h1 {
margin: 0;
color: inherit;
}
/* ---------------------------------------------------------
51. Breadcrumb / .breadcrumb
---------------------------------------------------------*/
.breadcrumb-nav {
clear:both;
border-bottom: 1px solid #e8e8e8;
display:none;
}
.breadcrumb-nav .breadcrumb {
margin-bottom: 0;
}
.breadcrumb>li+li:before {
padding: 0 8px;
}
.breadcrumb a {
color: inherit;
}
.breadcrumb a:hover {
color: #34c7dc;
}
/* ---------------------------------------------------------
52. Show head / .show-head
---------------------------------------------------------*/
.show-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 30px;
}
.show-head select {
width: 100%;
}
.show-head .chosen-single {
height: 40px;
}
.show-head .chosen-single span {
padding: 5px 0;
}
.show-head p {
margin: 0;
}
/* ---------------------------------------------------------
53. Pagination / .pagination
---------------------------------------------------------*/
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pagination>li {
margin-right: 8px;
}
.pagination>li>a {
font-weight: 700;
font-size: 14px;
line-height: 1.28571;
}
.flex-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
/* ---------------------------------------------------------
54. Two columns / #two-columns
---------------------------------------------------------*/
#two-columns {
padding-top: 30px;
padding-bottom: 30px;
}
/* ---------------------------------------------------------
55. Content / #content
---------------------------------------------------------*/
#content {
margin-bottom: 35px;
}
/* ---------------------------------------------------------
56. Widget / .widget
---------------------------------------------------------*/
.widget {
margin-bottom: 30px;
}
.widget>h3,
.widget>.h3 {
text-transform: uppercase;
position: relative;
border-bottom: 1px solid #e8e8e8;
font-weight: 600;
font-size: 15px;
margin: 0 0 30px;
padding-bottom: 14px;
}
.widget>h3:after,
.widget>.h3:after {
position: absolute;
content: "";
top: auto;
bottom: -1px;
left: 0;
right: 0;
}
.widget>h3:after,
.widget>.h3:after {
width: 40px;
height: 2px;
}
.widget>ul {
padding: 0;
}
.widget>ul.widget-cources-list>li {
margin-bottom: 26px;
}
.widget>ul>li {
margin-bottom: 6px;
}
.widget>ul>li.active>a {
color: #222222;
}
.widget>ul>li>a {
color: #777777;
}
.widget>ul>li>a:hover {
color: #222222;
}
/* ---------------------------------------------------------
57. Widget search / .widget-search
---------------------------------------------------------*/
.widget_search {
position: relative;
}
.widget_search button {
position: absolute;
top: 16px;
border: 0;
padding: 0;
right: 10px;
background-color: transparent;
color: #d0d0d0;
font-size: 13px;
width: 14px;
height: 14px;
}
.widget_search button:hover {
color: #34c7dc;
}
/* ---------------------------------------------------------
58. Search form / .search-form
---------------------------------------------------------*/
.search-form {
position: relative;
}
.search-form input[type='search'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: #e8e8e8;
width: 100%;
height: 45px;
padding: 7px 35px 7px 12px;
}
/* ---------------------------------------------------------
59. Widget intro / .widget-intro
---------------------------------------------------------*/
.widget_intro .aligncenter {
position: relative;
overflow: hidden;
}
.widget_intro .aligncenter img {
display: block;
max-width: none;
width: 100%;
}
.widget_intro .btn-play {
z-index: 2;
position: absolute;
color: #fff;
left: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.2);
font-size: 50px;
border: 2px solid transparent;
width: 100%;
height: 100%;
}
.widget_intro .btn-play:hover+img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/* ---------------------------------------------------------
60. Single head / .single-haad
---------------------------------------------------------*/
.single-head {
overflow: hidden;
margin-bottom: 40px;
}
.single-head h1,
.single-head .h1 {
margin: 0 0 20px;
}
.single-head .holder-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-head .rating-holder {
margin-left: auto;
}
.rating-holder .subtitle {
color: #777777;
font-size: 13px;
}
/* ---------------------------------------------------------
61. Profiler wrap / .profiler-wrap
---------------------------------------------------------*/
.profiler-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
margin-right: 40px;
}
.profiler-wrap .alignleft {
margin: 0 10px 0 0;
width: 35px;
height: 35px;
}
.profiler-wrap .description-wrap {
overflow: hidden;
}
.profiler-wrap .title {
font-size: 13px;
line-height: 1.15385;
color: #777777;
margin-bottom: 4px;
}
.profiler-wrap .subtitle {
color: #555555;
font-size: 12px;
line-height: 1.16667;
}
.profiler-wrap .icn-wrap {
font-size: 35px;
line-height: 1;
}
/* ---------------------------------------------------------
62. Content heading / .content-heading
---------------------------------------------------------*/
.content-h1 {
margin: 0 0 16px;
}
/* ---------------------------------------------------------
63. View header / .view-header
---------------------------------------------------------*/
.view-header .d-col {
margin-right: 40px;
}
.view-header .icn-wrap {
font-size: 34px;
line-height: 1;
}
/* ---------------------------------------------------------
64. Content aligncenter / .content-aligncenter
---------------------------------------------------------*/
.content-aligncenter {
position: relative;
margin-bottom: 48px !important;
}
.content-aligncenter img {
display: block;
width: 100%;
max-width: none;
}
/* ---------------------------------------------------------
64. SectionRowPanelGroup / .sectionRowPanelGroup
---------------------------------------------------------*/
.sectionRowPanelGroup,
.sectionRowPanelGroup.panel-group {
margin-bottom: 49px;
}
.sectionRowPanelGroup .panel,
.sectionRowPanelGroup.panel-group .panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.sectionRowPanelGroup .panel+.panel,
.sectionRowPanelGroup.panel-group .panel+.panel {
margin-top: -1px;
}
.sectionRowPanelGroup .panel-body,
.sectionRowPanelGroup.panel-group .panel-body {
border: 0 !important;
padding: 0 10px 0 39px;
}
.sectionRowPanelGroup .panel-heading,
.sectionRowPanelGroup.panel-group .panel-heading {
border: 0;
border-radius: 0;
background-color: transparent;
padding: 0;
}
.sectionRowPanelGroup .panel-collapse,
.sectionRowPanelGroup.panel-group .panel-collapse {
background-color: #fcfcfc;
}
.sectionRowPanelGroup .panel-title,
.sectionRowPanelGroup.panel-group .panel-title {
color: #555555;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sectionRowPanelGroup .panel-title .label,
.sectionRowPanelGroup.panel-group .panel-title .label {
margin-left: 15px;
padding: 3px 6px;
font-size: 11px;
}
.sectionRowPanelGroup .accOpener,
.sectionRowPanelGroup.panel-group .accOpener {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 10px 10px 39px;
min-height: 51px;
}
.sectionRowPanelGroup .accOpener[aria-expanded="true"],
.sectionRowPanelGroup.panel-group .accOpener[aria-expanded="true"] {
background-color: #fcfcfc;
}
.sectionRowPanelGroup .accOpener[aria-expanded="true"] .accOpenerIcn,
.sectionRowPanelGroup.panel-group .accOpener[aria-expanded="true"] .accOpenerIcn {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sectionRowPanelGroup .accOpener:hover,
.sectionRowPanelGroup.panel-group .accOpener:hover {
background-color: #fcfcfc;
}
.sectionRowPanelGroup .accOpenerCol,
.sectionRowPanelGroup.panel-group .accOpenerCol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sectionRowPanelGroup .accOpenerIcn,
.sectionRowPanelGroup.panel-group .accOpenerIcn {
position: absolute;
left: 8px;
top: 16px;
font-size: 20px;
color: #e8e8e8;
}
.sectionRowPanelGroup .inlineIcn,
.sectionRowPanelGroup.panel-group .inlineIcn {
margin-right: 8px;
min-width: 15px;
text-align: center;
}
.sectionRowPanelGroup .tagText,
.sectionRowPanelGroup.panel-group .tagText {
font-size: 11px;
line-height: 1.18182;
padding: 3px 7px;
border-radius: 4px;
}
.sectionRowPanelGroup .timeCount,
.sectionRowPanelGroup.panel-group .timeCount {
font-size: 12px;
line-height: 1.25;
color: #999;
margin-left: 14px;
}
/* ---------------------------------------------------------
65. BookmarkFoot / .bookmarkFoot
---------------------------------------------------------*/
.bookmarkFoot {
border-top: 1px solid #e8e8e8;
padding-top: 26px;
padding-bottom: 16px;
}
.bookmarkFoot .bookmarkCol {
margin-bottom: 10px;
}
.bookmarkFoot .bookmarkCol.text-right {
text-align: left;
}
.bookmarkFoot .title {
font-weight: 500;
color: #222222;
}
.bookmarkFoot p {
margin: 0;
}
.bookmarkFoot p a {
color: #777777;
}
.bookmarkFoot p a:hover {
color: #222222;
}
/* ---------------------------------------------------------
66. instructorInfoBox / .instructorInfoBox
---------------------------------------------------------*/
.instructorInfoBox {
overflow: hidden;
position: relative;
border: 1px solid #e8e8e8;
padding: 10px 15px;
}
.instructorInfoBox .alignleft {
margin: 0 15px 0 0;
overflow: hidden;
border-radius: 2px;
width: 45px;
}
.instructorInfoBox .alignleft img {
display: block;
max-width: none;
width: 100%;
border-radius: inherit;
}
.instructorInfoBox .description-wrap {
overflow: hidden;
}
.instructorInfoBox h3,
.instructorInfoBox .h3 {
margin: 0 0 6px;
font-size: 17px;
}
.instructorInfoBox h4,
.instructorInfoBox .h4 {
margin: 0 0 16px;
color: inherit;
font-size: 14px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.instructorInfoBox .btn {
vertical-align: top;
}
.instructorInfoBox p {
margin: 0 0 15px;
}
/* ---------------------------------------------------------
67. ReviewsList / .reviewsList
---------------------------------------------------------*/
.reviewsList>li {
overflow: hidden;
margin-bottom: 29px;
}
.reviewsList .alignleft {
margin: 0 20px 0 0;
}
.reviewsList .description-wrap {
overflow: hidden;
border-radius: 2px;
border: 1px solid #e8e8e8;
padding: 22px;
}
.reviewsList time {
color: #999;
}
.reviewsList h3,
.reviewsList .h3 {
margin: 0;
font-weight: 500;
font-size: 14px;
line-height: 1.28571;
}
.reviewsList .descrHead {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
}
.reviewsList p {
margin: 0;
}
/* ---------------------------------------------------------
68. ReviesSubmissionForm / .reviesSubmissionForm
---------------------------------------------------------*/
.reviesSubmissionForm .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
.reviesSubmissionForm .form-group>label,
.reviesSubmissionForm .form-group>.formLabel {
width: 95px;
margin: 0 5px 0 0;
}
.reviesSubmissionForm .form-control {
width: calc(100% - 100px);
}
.reviesSubmissionForm .required {
color: #ffc000;
}
.reviesSubmissionForm textarea,
.reviesSubmissionForm textarea.form-control {
resize: none;
height: 121px;
}
.reviesSubmissionForm .btn {
min-width: 105px;
vertical-align: top;
margin-left: 100px;
}
/* ---------------------------------------------------------
69. Widget box / .widget-box
---------------------------------------------------------*/
.widget_box {
overflow: visible;
border: 1px solid #e8e8e8;
padding: 0 15px;
}
.widget_box .widgetHead {
margin: -1px -15px 24px;
padding: 22px 10px;
}
.widget_box .widgetHead h3,
.widget_box .widgetHead .h3 {
margin: 0;
font-size: 14px;
}
/* ---------------------------------------------------------
70. Widget course select / .widget-course-select
---------------------------------------------------------*/
.widget_course_select .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 26px;
line-height: 1;
color: #222222;
margin-bottom: 24px;
}
.widget_course_select .price:before {
color: #777777;
text-transform: uppercase;
font-size: 13px;
content: attr(data-label);
margin-right: 6px;
display: inline-block;
}
.widget_course_select>ul>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: solid #e8e8e8;
border-width: 1px 0;
margin-bottom: -1px;
padding: 14px 0;
}
.widget_course_select>ul>li:last-child {
border-bottom: 0;
}
.widget_course_select>ul .icn {
min-width: 17px;
text-align: center;
margin-right: 8px;
margin-top: 6px;
}
/* ---------------------------------------------------------
71. Tag clouds / .tag-clouds
---------------------------------------------------------*/
.tag-clouds {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.tag-clouds>li {
margin-right: 7px;
margin-bottom: 9px;
}
.tag-clouds>li>a {
display: block;
border: 1px solid #e8e8e8;
border-radius: 2px;
font-size: 13px;
line-height: 1.23077;
padding: 4px 8px;
text-align: center;
}
.tag-clouds>li>a:hover {
background-color: #ffc000;
border-color: transparent;
}
/* ---------------------------------------------------------
72. VisualImageHolder / .visualImageHolder
---------------------------------------------------------*/
.visualImageHolder {
position: relative;
}
.visualImageHolder>img {
display: block;
max-width: none;
width: 100%;
}
/* ---------------------------------------------------------
73. CaptionAddress / .captionAddress
---------------------------------------------------------*/
.captionAddress {
color: #555555;
font-size: 14px;
line-height: 1.28571;
margin-bottom: 0;
}
.captionAddress .title {
color: #222222;
font-size: 12px;
line-height: 1.16667;
margin-bottom: 5px;
}
.captionAddress .addressColumn {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
padding: 15px 18px 10px 30px;
}
.captionAddress .addressColumn+.addressColumn {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.captionAddress .icn {
text-align: center;
position: absolute;
left: 8px;
top: 15px;
font-size: 14px;
min-width: 15px;
}
/* ---------------------------------------------------------
74. TicketsInfoAside / .ticketsInfoAside
---------------------------------------------------------*/
.ticketsInfoAside {
padding: 10px 15px;
}
.ticketsInfoAside .btn {
vertical-align: top;
display: block;
width: 100%;
}
.ticketsInfoAside .comming-timer .countdown-row .countdown-section {
min-width: 60px;
width: auto;
margin: 0 31px 0 0;
}
.ticketsInfoAside .comming-timer .countdown-row .countdown-section:first-child {
margin: 0 31px 0 0;
}
.ticketsInfoAside .comming-timer .countdown-row .countdown-section .countdown-amount {
font-size: 24px;
line-height: 1;
background: none;
border-top: none;
padding: 0;
border-bottom: none;
}
.ticketsInfoAside .comming-timer .countdown-row .countdown-section .countdown-amount:before {
display: none;
}
.ticketsInfoAside .comming-timer .countdown-row .countdown-section .countdown-period {
color: #ccc;
}
/* ---------------------------------------------------------
76. EventContentTabsWrap / .eventContentTabsWrap
---------------------------------------------------------*/
.eventContentTabsWrap {
margin-bottom: 40px;
}
.eventContentTabsWrap .nav-tabs {
margin-bottom: -1px;
}
.eventContentTabsWrap .nav-tabs>li.active>a {
color: #555555;
}
.eventContentTabsWrap .nav-tabs>li>a {
font-size: 15px;
line-height: 1.26667;
color: #555555;
padding: 8px 10px;
}
.eventContentTabsWrap .tab-content {
border: 1px solid #e8e8e8;
padding: 10px 15px;
}
/* ---------------------------------------------------------
77. ListDefault / .listDefault
---------------------------------------------------------*/
.listDefault {
margin-bottom: 0;
line-height: 1.64286;
}
.listDefault>li {
margin-bottom: 14px;
padding-left: 17px;
position: relative;
}
.listDefault>li:before {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 0;
right: auto;
}
.listDefault>li:before {
border-radius: 100%;
top: 9px;
width: 6px;
height: 6px;
}
/* ---------------------------------------------------------
78. MapHolder / .mapHolder
---------------------------------------------------------*/
.mapHolder {
position: relative;
margin-bottom: 50px;
}
.mapHolder .mapMarker {
position: absolute;
left: 50%;
top: 30%;
z-index: 1;
width: 26px;
}
.mapHolder>img {
display: block;
max-width: none;
width: 100%;
}
.contact-block .mapHolder {
margin-bottom: 0;
}
/* ---------------------------------------------------------
79. ShareWrap / .shareWrap
---------------------------------------------------------*/
.shareWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shareWrap .title {
font-weight: 500;
margin-right: 18px;
color: #222222;
}
/* ---------------------------------------------------------
80. Widget archives / .widget_archives
---------------------------------------------------------*/
.widget_archives select {
width: 100%;
}
/* ---------------------------------------------------------
81. PostActionsInfo / .postActionsInfo
---------------------------------------------------------*/
.postActionsInfo {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.postActionsInfo>li {
font-size: 9px;
line-height: 1.11111;
margin-right: 8px;
}
.postActionsInfo>li>a {
color: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.postActionsInfo>li>a:hover {
color: #222222;
}
.postActionsInfo .icn {
margin-right: 5px;
}
/* ---------------------------------------------------------
82. BlogPost / .blogPost
---------------------------------------------------------*/
.blogPost {
position: relative;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 30px;
margin-bottom: 30px;
}
.blogPost.single {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.blogPost .aligncenter img {
display: block;
width: 100%;
max-width: none;
}
.blogPost .timeStamp {
position: absolute;
left: 10px;
top: 10px;
color: #555555;
background-color: #fff;
border: 1px solid #e8e8e8;
width: 60px;
font-size: 12px;
line-height: 1.25;
padding: 10px;
}
.blogPost .timeStamp .date {
font-size: 24px;
line-height: 1;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 12px;
margin-bottom: 12px;
}
.blogPost>.btn {
vertical-align: top;
min-width: 123px;
}
/* ---------------------------------------------------------
83. ContentRightImage / .contentRightImage
---------------------------------------------------------*/
.contentRightImage {
position: relative;
overflow: hidden;
max-width: 395px;
margin: 0 0 30px 40px;
border-radius: 2px;
}
.contentRightImage .imageCaption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 20px 15px;
background-color: rgba(0, 0, 0, 0.6);
}
.contentRightImage img {
vertical-align: top;
border-radius: inherit;
}
.contentRightImage p {
margin: 0;
}
/* ---------------------------------------------------------
84. WriterAsideInfo / .writerAsideInfo
---------------------------------------------------------*/
.writerAsideInfo {
overflow: hidden;
padding: 20px 15px;
margin-bottom: 40px;
}
.writerAsideInfo .alignleft {
background-color: #d0d0d0;
overflow: hidden;
border-radius: 3px;
margin: 0 15px 0 0;
width: 57px;
height: 57px;
}
.writerAsideInfo .alignleft .imagePlaceholder {
font-size: 37px;
margin-top: 23px;
}
.writerAsideInfo .alignleft img {
display: block;
width: 100%;
max-width: none;
}
.writerAsideInfo h3,
.writerAsideInfo .h3 {
margin: 0 0 17px;
font-size: 16px;
}
.writerAsideInfo .description-wrap {
overflow: hidden;
padding-top: 14px;
}
.writerAsideInfo p {
margin: 0;
}
/* ---------------------------------------------------------
85. CommentsList / .commentsList
---------------------------------------------------------*/
.commentsList {
border: 1px solid #e8e8e8;
overflow: hidden;
}
.commentsList li {
position: relative;
padding: 10px 15px;
border-bottom: 1px solid #e8e8e8;
margin-bottom: -1px;
}
.commentsList ul {
overflow: hidden;
margin: 10px -15px 0;
border-top: 1px solid #e8e8e8;
}
.commentsList ul li {
padding-left: 25px;
}
.commentsList ul li:last-child {
padding-bottom: 0;
}
.commentsList .alignleft {
margin: 0 15px 0 0;
overflow: hidden;
border-radius: 2px;
width: 45px;
}
.commentsList .alignleft img {
display: block;
max-width: none;
width: 100%;
border-radius: inherit;
}
.commentsList .description-wrap {
overflow: hidden;
}
.commentsList h3,
.commentsList .h3 {
margin: 0 0 6px;
font-size: 17px;
}
.commentsList time {
margin: 0 0 10px;
color: inherit;
font-size: 14px;
}
.commentsList .btn {
vertical-align: top;
min-width: 71px;
}
.commentsList p {
margin: 0 0 15px;
}
/* ---------------------------------------------------------
86. CommentForm / .commentForm
---------------------------------------------------------*/
.commentForm .required {
color: #d9534f;
}
.commentForm .btn {
font-size: 16px;
min-width: 164px;
margin-top: 18px;
}
.commentForm .form-control {
width: 100%;
}
.commentForm textarea,
.commentForm textarea.form-control {
resize: none;
height: 144px;
}
/* ---------------------------------------------------------
87. Text info block / .text-info-block
---------------------------------------------------------*/
.text-info-block {
padding-top: 30px;
padding-bottom: 35px;
}
.text-info-block .image {
max-width: none;
width: 100%;
}
.text-info-block h1,
.text-info-block .h1 {
margin: 0 0 20px;
font-size: 20px;
line-height: 30px;
}
/* ---------------------------------------------------------
88. Why lms block / .why-lms-block
---------------------------------------------------------*/
.why-lms-block {
padding-top: 35px;
padding-bottom: 15px;
}
.why-lms-block .col {
margin-bottom: 30px;
}
/* ---------------------------------------------------------
89. Sep heading / .Sep-heading
---------------------------------------------------------*/
.sep-heading {
margin: 0 0 30px;
position: relative;
padding-bottom: 13px;
}
.sep-heading:after {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 0;
right: auto;
}
.sep-heading:after {
width: 39px;
height: 1px;
}
/* ---------------------------------------------------------
90. Why say slider / .why-say-slider
---------------------------------------------------------*/
.why-say-slider {
padding-top: 40px;
}
.why-say-slider .slick-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
border: 1px solid #e8e8e8;
color: #222222;
width: 34px;
height: 34px;
}
.why-say-slider .slick-arrow.slick-disabled {
color: #999;
pointer-events: none;
}
.why-say-slider .slick-prev {
right: 38px;
}
/* ---------------------------------------------------------
91. Say quote / .say-quote
---------------------------------------------------------*/
.say-quote {
border: 0;
padding: 0;
margin: 0;
color: #333333;
}
.say-quote q {
font: 300 16px/1.75 "Roboto Slab", Georgia, "Times New Roman", Times, serif;
border: 1px solid #e8e8e8;
position: relative;
border-radius: 3px;
padding: 15px 10px;
margin-bottom: 23px;
}
.say-quote q:after,
.say-quote q:before {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.say-quote q:after {
border-width: 7px;
}
.say-quote q:before {
border-width: 8px;
}
.say-quote q:after,
.say-quote q:before {
top: 100%;
left: 50%;
}
.say-quote q:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
margin-left: -7px;
}
.say-quote q:before {
border-color: rgba(232, 232, 232, 0);
border-top-color: #e8e8e8;
margin-left: -8px;
}
.say-quote q:after,
.say-quote q:before {
left: 61px;
}
.say-quote cite {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-style: normal;
font-size: 15px;
line-height: 1.13333;
padding-left: 30px;
padding-right: 30px;
}
.say-quote .alignleft {
margin: 0 27px 0 0;
width: 67px;
height: 67px;
}
.say-quote .author-title {
font-size: 15px;
line-height: 1.13333;
margin-bottom: 0;
}
.say-quote .author-subtitle {
color: #777777;
}
/* ---------------------------------------------------------
92. Why panel group / .why-panel-group
---------------------------------------------------------*/
.why-panel-group .panel,
.why-panel-group.panel-group .panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.why-panel-group .panel+.panel,
.why-panel-group.panel-group .panel+.panel {
margin-top: -1px;
}
.why-panel-group .panel-heading,
.why-panel-group.panel-group .panel-heading {
border: 0;
padding: 0;
background-color: transparent;
}
.why-panel-group .panel-body,
.why-panel-group.panel-group .panel-body {
padding: 0 24px;
border: 0 !important;
}
.why-panel-group .panel-title,
.why-panel-group.panel-group .panel-title {
text-transform: none;
font-size: 17px;
line-height: 1.17647;
}
.why-panel-group .accOpener,
.why-panel-group.panel-group .accOpener {
position: relative;
padding: 20px 54px 20px 25px;
}
.why-panel-group .accOpener:before,
.why-panel-group.panel-group .accOpener:before {
position: absolute;
content: "";
top: 50%;
bottom: auto;
left: auto;
right: 0;
}
.why-panel-group .accOpener:after,
.why-panel-group.panel-group .accOpener:after {
position: absolute;
content: "";
top: 50%;
bottom: auto;
left: auto;
right: 0;
}
.why-panel-group .accOpener[aria-expanded="true"]:before,
.why-panel-group.panel-group .accOpener[aria-expanded="true"]:before {
opacity: 0;
visibility: hidden;
}
.why-panel-group .accOpener:after,
.why-panel-group .accOpener:before,
.why-panel-group.panel-group .accOpener:after,
.why-panel-group.panel-group .accOpener:before {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 28px;
}
.why-panel-group .accOpener:before,
.why-panel-group.panel-group .accOpener:before {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-left: 1px solid #aaa;
height: 14px;
margin-right: 6px;
}
.why-panel-group .accOpener:after,
.why-panel-group.panel-group .accOpener:after {
width: 14px;
border-bottom: 1px solid #aaa;
}
/* ---------------------------------------------------------
93. Aside note block / .aside-note-block
---------------------------------------------------------*/
.aside-note-block {
padding-top: 40px;
padding-bottom: 21px;
text-align: center;
}
.aside-note-block .col {
margin-bottom: 20px;
}
.aside-note-block .col.text-right {
text-align: center;
}
.aside-note-block h3,
.aside-note-block .h3 {
margin: 0 0 7px;
color: inherit;
}
.aside-note-block .alignleft {
margin: 0 0 10px;
float: none;
}
.aside-note-block .descr-wrap {
overflow: hidden;
}
.aside-note-block p {
margin: 0;
}
/* ---------------------------------------------------------
94. Professionals block / .professionals-block
---------------------------------------------------------*/
.professionals-block {
padding-top: 35px;
padding-bottom: 10px;
}
/* ---------------------------------------------------------
95. Pro column / .pro-column
---------------------------------------------------------*/
.pro-column {
position: relative;
margin-bottom: 30px;
padding: 0 22px 32px;
border: 1px solid #e8e8e8;
font-size: 14px;
line-height: 1.42857;
}
.pro-column:hover .aligncenter>a:before {
opacity: 1;
visibility: visible;
}
.pro-column:hover .caption {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.pro-column .aligncenter {
position: relative;
overflow: hidden;
margin: 0 -23px 25px;
}
.pro-column .aligncenter>a:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.pro-column .aligncenter>a:before {
-webkit-transform-origin: 50% 50% 0;
-ms-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
z-index: 1;
}
.pro-column .aligncenter img {
display: block;
width: 100%;
max-width: none;
}
.pro-column h3,
.pro-column .h3 {
margin: 0 0 2px;
}
.pro-column h4,
.pro-column .h4 {
margin: 0 0 10px;
}
.pro-column .caption {
position: absolute;
left: 0;
bottom: 0;
top: 0;
padding: 5px;
z-index: 2;
background-color: rgba(0, 0, 0, 0.3);
width: 50px;
}
.pro-column p {
margin: 0;
}
.Text2738849357__root-flex{
align-items: center;
justify-content: center;
display: inline-flex;
}
/* ---------------------------------------------------------
96. Contact block / .contact-block
---------------------------------------------------------*/
.contact-block {
padding-top: 77px;
clear:both;
}
/* ---------------------------------------------------------
97. Detail column / .detail-column
---------------------------------------------------------*/
.detail-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
margin-bottom: 30px;
}
.detail-column .icn-wrap {
margin-right: 15px;
}
.detail-column h3,
.detail-column .h3 {
margin: 0 0 13px;
font-size: 14px;
}
.detail-column img {
vertical-align: top;
}
.detail-column a {
color: inherit;
}
.detail-column a:hover {
color: #34c7dc;
}
.detail-column p {
margin: 0;
}
/* ---------------------------------------------------------
98. Sep or / .sep-or
---------------------------------------------------------*/
.sep-or {
position: relative;
border-color: #e8e8e8;
margin-top: 44px;
margin-bottom: 76px;
}
.sep-or:before {
position: absolute;
content: "";
top: 50%;
bottom: auto;
left: 50%;
right: auto;
}
.sep-or:before {
background-color: #fff;
padding-left: 20px;
padding-right: 20px;
font: 600 11px/1 "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-transform: uppercase;
content: attr(data-text);
}
/* ---------------------------------------------------------
99. Contact form / .contact-form
---------------------------------------------------------*/
.contact-form {
margin-bottom: 35px;
}
.contact-form h3,
.contact-form .h3 {
position: relative;
margin: 0 0 50px;
text-transform: none;
padding-bottom: 12px;
}
.contact-form h3:after,
.contact-form .h3:after {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 50%;
right: auto;
}
.contact-form h3:after,
.contact-form .h3:after {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 49px;
height: 1px;
}
.contact-form .form-group {
margin-bottom: 37px;
}
.contact-form .form-control {
width: 100%;
}
.contact-form textarea,
.contact-form textarea.form-control {
resize: none;
height: 160px;
}
.contact-form .btn {
min-width: 173px;
}
/* ---------------------------------------------------------
100. Btn aside block / .btn-aside-block
---------------------------------------------------------*/
.btn-aside-block {
padding-top: 23px;
padding-bottom: 13px;
text-align: center;
}
.btn-aside-block .col {
margin-bottom: 20px;
}
.btn-aside-block .col.text-right {
text-align: center;
}
.btn-aside-block h3,
.btn-aside-block .h3 {
margin: 0;
}
.btn-aside-block p {
margin: 0;
}
/* ---------------------------------------------------------
101. User log block / .user-log-block
---------------------------------------------------------*/
.user-log-block {
padding-top: 35px;
padding-bottom: 15px;
}
/* ---------------------------------------------------------
102. User log form / .user-log-form
---------------------------------------------------------*/
.user-log-form {
border: 1px solid #e8e8e8;
margin-bottom: 30px;
padding: 22px 16px;
overflow: hidden;
}
.user-log-form h2,
.user-log-form .h2 {
margin: 0 0 16px;
}
.user-log-form .form-group {
margin-bottom: 21px;
}
.user-log-form .btn {
min-width: 100px;
margin-right: 17px;
float: left;
}
.user-log-form .custom-check-wrap {
display: block;
}
.user-log-form .forget-link {
display: inline-block;
margin-top: 8px;
}
.user-log-form p {
margin: 0;
}
.user-log-form p a:hover {
color: #34c7dc;
}
/* ---------------------------------------------------------
103. Custom check wrap / .custom-check-wrap
---------------------------------------------------------*/
.custom-check-wrap {
position: relative;
display: inline-block;
}
.custom-check-wrap input:checked+.fake-label:after {
display: block;
}
.custom-check-wrap .fake-label {
position: relative;
padding-left: 19px;
}
.custom-check-wrap .fake-label:before {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 0;
right: auto;
}
.custom-check-wrap .fake-label:after {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 0;
right: auto;
}
.custom-check-wrap .fake-label:before {
border: 1px solid #aaa;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
top: 8px;
width: 13px;
height: 13px;
}
.custom-check-wrap .fake-label:after {
border: solid #28ca6c;
border-width: 0 0 2px 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 3px;
top: 12px;
display: none;
width: 7px;
height: 4px;
}
/* ---------------------------------------------------------
104. Instructor profile block / .instructor-profile-block
---------------------------------------------------------*/
.instructor-profile-block {
padding-top: 40px;
padding-bottom: 22px;
}
/* ---------------------------------------------------------
105. Profiler aside / .profiler-aside
---------------------------------------------------------*/
.profiler-aside {
margin-bottom: 30px;
}
/* ---------------------------------------------------------
106. Profiler info / .profiler-info
---------------------------------------------------------*/
.profile-info {
overflow: hidden;
position: relative;
color: #aaa;
padding: 0 15px 23px;
margin-bottom: 25px;
}
.profile-info .aligncenter {
margin: 0 -15px 29px;
}
.profile-info .aligncenter img {
display: block;
max-width: none;
width: 100%;
}
.profile-info dl {
margin: 0;
overflow: hidden;
line-height: 1;
}
.profile-info dl a {
color: inherit;
}
.profile-info dl a:hover {
color: #ffc000;
}
.profile-info dt {
float: left;
margin: 0 5px 0 0;
width: 18px;
font-size: 17px;
text-align: center;
}
.profile-info dd {
overflow: hidden;
margin: 0 0 4px;
padding-top: 4px;
}
.profile-info .sep {
border-color: rgba(85, 85, 85, 0.4);
margin: 23px -15px;
}
/* ---------------------------------------------------------
107. Text form / .text-form
---------------------------------------------------------*/
.text-form .form-group {
margin-bottom: 19px;
position: relative;
}
.text-form .btn {
min-width: 120px;
vertical-align: top;
}
.text-form .form-control {
width: 100%;
}
.text-form textarea,
.text-form textarea.form-control {
height: 128px;
resize: none;
}
.text-form h3,
.text-form .h3 {
margin: 0 0 24px;
}
/* ---------------------------------------------------------
108. Profile desription content/ .profile-desription-content
---------------------------------------------------------*/
.profile-desription-content {
margin-bottom: 30px;
}
.profile-desription-content>h3,
.profile-desription-content>.h3 {
margin: 0 0 17px;
}
/* ---------------------------------------------------------
109. List feature box/ .list-feature-box
---------------------------------------------------------*/
.list-feature-box {
overflow: hidden;
position: relative;
border: 1px solid #e8e8e8;
padding: 32px 27px 18px;
margin-bottom: 37px;
}
.list-feature-box h3,
.list-feature-box .h3 {
margin: 0 0 18px;
}
/* ---------------------------------------------------------
110. Table wrap/ .table-wrap
---------------------------------------------------------*/
.table-wrap {
width: 100%;
overflow: hidden;
}
/* ---------------------------------------------------------
111. Topics data table / .topics-data-table
---------------------------------------------------------*/
.topics-data-table,
.forum-data-table,
.topics-data-table.table,
.table.forum-data-table {
font-size: 14px;
line-height: 1.57143;
table-layout: fixed;
width: 100%;
border: 1px solid #e8e8e8;
}
.topics-data-table thead tr,
.forum-data-table thead tr,
.topics-data-table.table thead tr,
.table.forum-data-table thead tr {
border-width: 1px;
border-style: solid;
}
.topics-data-table th,
.forum-data-table th,
.topics-data-table.table th,
.table.forum-data-table th {
font-weight: 400;
font-size: 13px;
line-height: 1.23077;
padding: 12px 15px;
text-align: inherit;
color: #333333;
border: 0;
}
/* ---------------------------------------------------------
112. Forum table / .forum-table
---------------------------------------------------------*/
.forum-data-table thead tr,
.forum-data-table.table thead tr {
border-color: #222222;
}
.forum-data-table th,
.forum-data-table.table th {
color: #ccc;
}
.forum-data-table h4,
.forum-data-table .h4,
.forum-data-table.table h4,
.forum-data-table.table .h4 {
margin: 0 0 15px;
}
.forum-data-table p,
.forum-data-table.table p {
margin: 0;
}
.forum-data-table p>a:not(.btn):hover,
.forum-data-table.table p>a:not(.btn):hover {
color: #34c7dc;
}
/* ---------------------------------------------------------
113. Product module / .product-module
---------------------------------------------------------*/
.product-module {
width: 100%;
position: relative;
margin-bottom: 40px;
}
.product-module .aligncenter {
position: relative;
overflow: hidden;
border-radius: 2px;
margin: 0 0 20px;
}
.product-module .aligncenter img {
max-width: none;
width: 100%;
border-radius: inherit;
display: block;
}
.product-module h3,
.product-module .h3 {
margin: 0 0 7px;
}
.product-module .price {
color: #222222;
font-size: 15px;
line-height: 1.13333;
margin-bottom: 18px;
}
.product-module .btn {
vertical-align: top;
min-width: 120px;
}
/* ---------------------------------------------------------
114. Filter ranger form / .filter-ranger-form
---------------------------------------------------------*/
.filter-ranger-form .get-results-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 19px;
}
.filter-ranger-form #demo {
font-size: 12px;
line-height: 1.33333;
}
.filter-ranger-form .btn {
vertical-align: top;
min-width: 80px;
}
.filter-ranger-form p {
margin: 0;
}
/* ---------------------------------------------------------
115. Reviews wrap / .reviews-wrap
---------------------------------------------------------*/
.reviews-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.reviews-wrap .text-small {
font-size: 13px;
}
/* ---------------------------------------------------------
116. Product description column / .product-description-column
---------------------------------------------------------*/
.product-description-column {
overflow: hidden;
margin-bottom: 30px;
}
.product-description-column .descr-wrap {
overflow: hidden;
}
.product-description-column .alignleft {
margin: 0 18px 0 0;
max-width: 409px;
border-radius: 1px;
overflow: hidden;
}
.product-description-column .alignleft img {
border-radius: inherit;
vertical-align: top;
}
.product-description-column .price {
color: #222222;
}
.product-description-column .query-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
}
.product-description-column .query-wrap .quantity {
width: 80px;
margin-right: 15px;
text-align: center;
}
.product-description-column .btn {
vertical-align: top;
min-width: 207px;
}
.product-description-column .storage-tag {
margin-bottom: 22px;
}
.product-description-column .categories-wrap a {
color: #222222;
}
.product-description-column .categories-wrap a:hover {
color: #ffc000;
}
.product-description-column p {
margin: 0;
}
/* ---------------------------------------------------------
117. Pro descr tab list / .pro-descr-tab-list
---------------------------------------------------------*/
.pro-descr-tab-list,
.pro-descr-tab-list.nav-tabs,
.pro-descr-tab-list.nav.nav-tabs {
margin-bottom: 30px;
}
.pro-descr-tab-list>li,
.pro-descr-tab-list.nav-tabs>li,
.pro-descr-tab-list.nav.nav-tabs>li {
margin-right: -1px;
}
.pro-descr-tab-list>li.active>a,
.pro-descr-tab-list.nav-tabs>li.active>a,
.pro-descr-tab-list.nav.nav-tabs>li.active>a {
background-color: #fff;
color: #222222;
border-bottom-color: transparent;
}
.pro-descr-tab-list>li>a,
.pro-descr-tab-list.nav-tabs>li>a,
.pro-descr-tab-list.nav.nav-tabs>li>a {
border-radius: 3px 3px 0 0;
border-color: #e8e8e8;
color: #222222;
background-color: #fcfcfc;
font-size: 15px;
line-height: 1.33333;
margin-right: 0;
}
/* ---------------------------------------------------------
118. Cart content block / .cart-content-block
---------------------------------------------------------*/
.cart-content-block {
padding-top: 35px;
padding-bottom: 35px;
}
.cart-content-block .price {
color: #222222;
}
.cart-content-block .btn.element-block {
width: 100%;
}
/* ---------------------------------------------------------
119. Cart data table / .cart-data-table
---------------------------------------------------------*/
.cart-data-table {
border: 1px solid #e8e8e8;
}
.cart-data-table,
.cart-data-table.table {
table-layout: fixed;
}
.cart-data-table thead,
.cart-data-table.table thead {
border-bottom: 1px solid #e8e8e8;
}
.cart-data-table th,
.cart-data-table.table th {
font-weight: 400;
padding: 18px 10px;
border: 0;
}
.cart-data-table .col01>div,
.cart-data-table.table .col01>div {
position: relative;
}
.cart-data-table .btn-remove,
.cart-data-table.table .btn-remove {
position: absolute;
top: 50%;
color: #ccc;
font-size: 14px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 5px;
}
.cart-data-table .btn-remove:hover,
.cart-data-table.table .btn-remove:hover {
color: #d9534f;
}
.cart-data-table .alignleft,
.cart-data-table.table .alignleft {
width: 45px;
margin: 0 45px 0 0;
border-radius: 2px;
overflow: hidden;
}
.cart-data-table .alignleft img,
.cart-data-table.table .alignleft img {
max-width: none;
width: 100%;
display: block;
border-radius: inherit;
}
.cart-data-table h3,
.cart-data-table .h3,
.cart-data-table.table h3,
.cart-data-table.table .h3 {
margin: 0;
}
.cart-data-table .quantity,
.cart-data-table.table .quantity {
width: 70px;
}
.cart-data-table .coupon-wrap .form-control,
.cart-data-table.table .coupon-wrap .form-control {
width: 100%;
margin-bottom: 10px;
}
.cart-data-table .btn-default,
.cart-data-table.table .btn-default {
display: block;
width: 100%;
}
/* ---------------------------------------------------------
120. Table cart total / .table-cart-total
---------------------------------------------------------*/
.table-cart-total,
.table-cart-total.table {
border: 1px solid #e8e8e8;
table-layout: fixed;
}
.table-cart-total td,
.table-cart-total.table td {
padding: 8px 12px;
}
.table-cart-total td:first-child,
.table-cart-total.table td:first-child {
background-color: #fcfcfc;
color: #222222;
}
.table-cart-total select,
.table-cart-total.table select {
width: 100%;
}
.table-cart-total .chosen-container-single .chosen-single span,
.table-cart-total.table .chosen-container-single .chosen-single span {
padding-top: 7px;
padding-bottom: 7px;
}
.table-cart-total .btn-calculate,
.table-cart-total.table .btn-calculate {
margin-bottom: 15px;
display: inline-block;
vertical-align: top;
}
/* ---------------------------------------------------------
121. Radio list / .radio-list
---------------------------------------------------------*/
.radio-list>li {
position: relative;
margin-bottom: 5px;
}
.confirmation-box .radio-list>li {
margin-bottom: 20px;
}
.confirmation-box .radio-list img {
margin-top: -8px;
margin-left: 18px;
display: inline-block;
vertical-align: top;
}
.radio-list .text-q {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* ---------------------------------------------------------
122. Custom radio wrap / .custom-radio-wrap
---------------------------------------------------------*/
.custom-radio-wrap {
position: relative;
padding-left: 26px;
margin-bottom: 0;
display: inline-block;
vertical-align: top;
}
.custom-radio-wrap:before {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 0;
right: auto;
}
.custom-radio-wrap:after {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 0;
right: auto;
}
.custom-radio-wrap:after,
.custom-radio-wrap:before {
border-radius: 100%;
}
.custom-radio-wrap:before {
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
top: 6px;
width: 14px;
height: 14px;
}
.custom-radio-wrap:after {
background-color: #000;
border-radius: 100%;
display: none;
top: 9px;
left: 3px;
width: 8px;
height: 8px;
}
input:checked+.custom-radio-wrap:after {
display: block;
}
/* ---------------------------------------------------------
122. Checkout block / .checkout-block
---------------------------------------------------------*/
.checkout-block {
padding-top: 35px;
padding-bottom: 30px;
}
/* ---------------------------------------------------------
123. Strip note / .strip-note
---------------------------------------------------------*/
.strip-note {
color: #555555;
border-top: 2px solid #555555;
background-color: #f6f6f6;
overflow: hidden;
padding: 19px 26px;
margin-bottom: 25px;
}
.strip-note a {
color: inherit;
}
.strip-note a:hover {
color: #ffc000;
}
.strip-note p {
margin: 0;
}
/* ---------------------------------------------------------
124. Checkout form / .checkout-form
---------------------------------------------------------*/
.checkout-form select {
width: 100%;
}
.checkout-form .chosen-container-single .chosen-single span {
padding-top: 7px;
padding-bottom: 7px;
}
.checkout-form .title-check {
margin-bottom: 13px;
margin-top: 26px;
font-size: 22px;
color: #222222;
line-height: 1.1;
}
.checkout-form .form-control {
width: 100%;
}
.checkout-form .form-control+.form-control {
margin-top: 11px;
}
.checkout-form .form-group {
margin-bottom: 18px;
}
.checkout-form textarea,
.checkout-form textarea.form-control {
resize: none;
height: 80px;
}
.checkout-form .m-descr {
position: relative;
margin-top: 16px;
border-radius: 5px;
background-color: #fff;
padding: 21px 25px;
}
.checkout-form .m-descr:after,
.checkout-form .m-descr:before {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.checkout-form .m-descr:after {
border-width: 8px;
}
.checkout-form .m-descr:before {
border-width: 9px;
}
.checkout-form .m-descr:after,
.checkout-form .m-descr:before {
bottom: 100%;
left: 50%;
}
.checkout-form .m-descr:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
margin-left: -8px;
}
.checkout-form .m-descr:before {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
margin-left: -9px;
}
.checkout-form .m-descr:before,
.checkout-form .m-descr:after {
left: 30px;
}
.checkout-form .m-descr p {
margin: 0;
}
.checkout-form .btn {
vertical-align: top;
min-width: 165px;
}
/* ---------------------------------------------------------
125. Confirmation box / .confirmation-box
---------------------------------------------------------*/
.confirmation-box {
background-color: #f6f6f6;
overflow: hidden;
position: relative;
border-radius: 5px;
padding: 38px 25px 20px;
}
.confirmation-box .sep {
margin-left: -25px;
margin-right: -25px;
margin: 40px -25px 20px;
}
/* ---------------------------------------------------------
126. Order data table / .order-data-table
---------------------------------------------------------*/
.order-data-table,
.order-data-table.table {
width: 100%;
border: 1px solid #e8e8e8;
table-layout: fixed;
}
.order-data-table thead,
.order-data-table.table thead {
border-bottom: 1px solid #e8e8e8;
}
.order-data-table th,
.order-data-table.table th {
font-weight: 400;
border: 0;
color: #222222;
}
.order-data-table th,
.order-data-table td,
.order-data-table.table th,
.order-data-table.table td {
padding: 5px 8px;
}
.order-data-table tbody tr,
.order-data-table.table tbody tr {
border: solid #e8e8e8;
border-width: 1px 0;
}
.order-data-table .price,
.order-data-table .text-dark,
.order-data-table.table .price,
.order-data-table.table .text-dark {
color: #222222;
}
/* ---------------------------------------------------------
127. No page block / .no-page-block
---------------------------------------------------------*/
.no-page-block {
padding-top: 35px;
padding-bottom: 45px;
}
.no-page-block h1,
.no-page-block .h1 {
margin: 0 0 24px;
color: rgba(34, 34, 34, 0.55);
}
.no-page-block .text-large {
color: #d4d4d4;
font-size: 100px;
line-height: 1;
}
.no-page-block p {
margin: 0 0 50px;
}
/* ---------------------------------------------------------
128. Intro learn search block / .intro-learn-search-block
---------------------------------------------------------*/
.intro-learn-search-block {
position: relative;
overflow: hidden;
min-height: calc(100vh - 86px);
}
.intro-learn-search-block:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.intro-learn-search-block:before {
background-color: rgba(0, 0, 0, 0.1);
pointer-events: none;
}
.intro-learn-search-block .holder {
position: relative;
z-index: 2;
min-height: inherit;
white-space: nowrap;
}
.intro-learn-search-block .holder:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
min-height: inherit;
}
.intro-learn-search-block .holder>.align {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%;
}
.intro-learn-search-block .align {
padding-top: 30px;
padding-bottom: 30px;
}
/* ---------------------------------------------------------
129. Learn search form / .learn-search-form
---------------------------------------------------------*/
.learn-search-form {
position: relative;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.75);
color: #ccc;
padding: 15px;
}
.learn-search-form h1,
.learn-search-form .h1 {
margin: 0 0 8px;
color: #fff;
text-transform: none;
}
.learn-search-form .input-group {
margin-bottom: 38px;
}
.learn-search-form .btn-warning {
height: 42px;
color: #222222;
}
.learn-search-form p {
margin: 0 0 25px;
}
/* ---------------------------------------------------------
130. Learning cources list / .learning-cources-list
---------------------------------------------------------*/
.learning-cources-list {
margin-bottom: 0;
}
.learning-cources-list>li {
margin-bottom: 10px;
}
.learning-cources-list>li>a {
color: inherit;
}
.learning-cources-list>li>a:hover {
color: #ffc000;
}
.learning-cources-list .icn {
margin-right: 9px;
min-width: 16px;
text-align: center;
}
/* ---------------------------------------------------------
131. Featured columns aside / .featured-columns-aside
---------------------------------------------------------*/
.featured-columns-aside {
padding-top: 60px;
padding-bottom: 30px;
}
/* ---------------------------------------------------------
132. Featured columns / .featured-columns
---------------------------------------------------------*/
.featured-column {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.featured-column:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.featured-column:before {
background-color: rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
}
.featured-column:hover:before {
opacity: 1;
visibility: visible;
}
.featured-column .caption {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
right: 0;
background-color: rgba(0, 0, 0, 0.7);
padding: 17px 10px;
}
.featured-column h3,
.featured-column .h3 {
color: inherit;
margin: 0;
}
.featured-column img {
display: block;
width: 100%;
max-width: none;
}
/* ---------------------------------------------------------
133. How work block / .how-work-block
---------------------------------------------------------*/
.how-work-block {
padding-top: 35px;
padding-bottom: 15px;
}
/* ---------------------------------------------------------
134. Steps guide holder / .steps-guide-holder
---------------------------------------------------------*/
.steps-guide-holder {
counter-reset: item;
position: relative;
z-index: 1;
overflow: hidden;
}
/* ---------------------------------------------------------
135. Guide column / .guide-column
---------------------------------------------------------*/
.guide-column {
position: relative;
overflow: hidden;
font-size: 15px;
line-height: 1.6;
margin-bottom: 30px;
}
.guide-column:hover .icn {
color: #fff;
}
.guide-column:hover .icn:after {
background-color: #ffc000;
border-color: rgba(255, 192, 0, 0.3);
}
.guide-column h3,
.guide-column .h3 {
margin: 0 0 13px;
}
.guide-column h3:before,
.guide-column .h3:before {
counter-increment: item;
content: counters(item, ".", decimal) ".";
display: inline-block;
}
.guide-column .icn-wrap {
position: relative;
border-radius: 100%;
border: 1px solid #e8e8e8;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #222222;
z-index: 1;
margin: 0 auto 15px;
width: 100px;
height: 100px;
}
.guide-column .icn {
font-size: 20px;
}
.guide-column .icn:after {
position: absolute;
content: "";
top: 50%;
bottom: auto;
left: 50%;
right: auto;
}
.guide-column .icn:after {
border-radius: 100%;
background-color: #eee;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 8px solid transparent;
z-index: -1;
background-clip: content-box;
width: 74px;
height: 74px;
}
.guide-column p {
margin: 0;
}
/* ---------------------------------------------------------
136. News column post / .news-column-post
---------------------------------------------------------*/
.news-column-post {
margin-bottom: 30px;
overflow: hidden;
}
.news-column-post:hover .alignleft:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.news-column-post .alignleft {
position: relative;
z-index: 1;
width: 171px;
float: none;
margin: 0 auto -60px;
}
.news-column-post .alignleft:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.news-column-post .alignleft:before {
background: rgba(255, 192, 0, 0.6);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.news-column-post .alignleft img {
display: block;
max-width: none;
width: 100%;
}
.news-column-post .descr-wrap {
border: 1px solid #e8e8e8;
overflow: hidden;
border-radius: 1px;
background-image: -webkit-gradient(linear, left top, right top, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(#ffce55), to(#ffce55));
background-image: -webkit-linear-gradient(left, white 0%, white 100%), -webkit-linear-gradient(left, #ffce55 0%, #ffce55 100%);
background-image: -o-linear-gradient(left, white 0%, white 100%), -o-linear-gradient(left, #ffce55 0%, #ffce55 100%);
background-image: linear-gradient(90deg, white 0%, white 100%), linear-gradient(90deg, #ffce55 0%, #ffce55 100%);
background-repeat: no-repeat;
background-position: 0 2px, 0 0;
background-size: 100% calc(100% - 2px), 100% 2px;
padding: 77px 15px 20px;
}
.news-column-post h3,
.news-column-post .h3 {
margin: 0 0 10px;
}
.news-column-post time {
font-size: 12px;
line-height: 1.16667;
}
.news-column-post time a {
color: inherit;
}
.news-column-post time a:hover {
color: #ffc000;
}
.news-column-post p {
margin: 0 0 20px;
}
/* ---------------------------------------------------------
137. Nav holder / .nav-holder
---------------------------------------------------------*/
.nav-holder {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-holder .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav-holder .row:after,
.nav-holder .row:before {
display: none;
}
/* ---------------------------------------------------------
138. H address / .h-address
---------------------------------------------------------*/
.h-address {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 12px;
line-height: 1.5;
margin: 0 -8px;
}
.h-address .ad-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 8px;
padding-right: 8px;
}
.h-address .icn {
color: #bbb;
text-align: center;
width: 20px;
font-size: 20px;
margin-right: 12px;
}
.h-address .title {
color: #888;
}
.h-address a {
color: #222222;
}
.h-address a:hover {
color: #ffc000;
}
/* ---------------------------------------------------------
139. Courses column aside / .courses-column-aside
---------------------------------------------------------*/
.courses-column-aside {
padding-top: 44px;
padding-bottom: 40px;
}
/* ---------------------------------------------------------
140. Descr column / .descr-column
---------------------------------------------------------*/
.descr-column {
margin-bottom: 30px;
color: #888;
font-size: 14px;
line-height: 1.57143;
}
.descr-column h3,
.descr-column .h3 {
position: relative;
margin: 0 0 15px;
font-size: 16px;
padding-bottom: 10px;
text-transform: uppercase;
}
.descr-column h3:after,
.descr-column .h3:after {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 50%;
right: auto;
}
.descr-column h3:after,
.descr-column .h3:after {
background-color: #ccc;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 40px;
height: 1px;
}
.descr-column .icn {
font-size: 50px;
margin-bottom: 25px;
}
.descr-column p {
margin: 0;
}
/* ---------------------------------------------------------
141. Become aside block / .become-aside-block
---------------------------------------------------------*/
.become-aside-block {
min-height: 220px;
position: relative;
overflow: hidden;
z-index: 1;
}
.become-aside-block:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.become-aside-block:after {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.become-aside-block:before {
z-index: 2;
background-color: rgba(0, 0, 0, 0.5);
}
.become-aside-block:after {
background: -webkit-gradient(linear, left top, right top, from(rgba(245, 193, 47, 0)), to(#f5c12f));
background: -webkit-linear-gradient(left, rgba(245, 193, 47, 0) 0%, #f5c12f 100%);
background: -o-linear-gradient(left, rgba(245, 193, 47, 0) 0%, #f5c12f 100%);
background: linear-gradient(to right, rgba(245, 193, 47, 0) 0%, #f5c12f 100%);
z-index: 1;
opacity: 0.3;
}
.become-aside-block .holder {
position: relative;
z-index: 3;
min-height: inherit;
white-space: nowrap;
}
.become-aside-block .holder:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
min-height: inherit;
}
.become-aside-block .holder>.align {
white-space: normal;
display: inline-block;
vertical-align: middle;
max-width: 99%;
}
.become-aside-block .holder .align {
margin-left: -4px;
padding-top: 20px;
padding-bottom: 20px;
}
.become-aside-block h2,
.become-aside-block .h2 {
margin: 0 0 5px;
color: inherit;
}
.become-aside-block .btn {
vertical-align: top;
min-width: 175px;
}
.become-aside-block p {
margin: 0 0 28px;
}
/* ---------------------------------------------------------
142. Details block / .details-block
---------------------------------------------------------*/
.pricing-details-block {
padding-top: 35px;
padding-bottom: 15px;
}
/* ---------------------------------------------------------
143. Price box column / .price-box-column
---------------------------------------------------------*/
.price-box-column {
position: relative;
border: 1px solid #e8e8e8;
margin-bottom: 30px;
font-size: 14px;
line-height: 1.57143;
padding: 27px 15px 46px;
}
.price-box-column:before {
position: absolute;
content: "";
top: -1px;
bottom: auto;
left: 50%;
right: auto;
}
.price-box-column:hover .icn-wrap,
.price-box-column.active .icn-wrap {
border-color: rgba(255, 192, 0, 0.5);
color: #fff;
}
.price-box-column:before {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 110px;
height: 2px;
}
.price-box-column .price {
color: #000;
}
.price-box-column .text-large {
font-size: 24px;
}
.price-box-column .icn-wrap {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #eee;
background-clip: padding-box;
border: 10px solid #f9f9f9;
font-size: 40px;
margin: 0 auto 16px;
width: 120px;
height: 120px;
}
.price-box-column h3,
.price-box-column .h3 {
margin: 0 0 20px;
font-size: 13px;
line-height: 1.23077;
}
.price-box-column .btn {
vertical-align: top;
margin-top: 30px;
min-width: 124px;
}
.price-box-column p {
margin: 0;
}
/* ---------------------------------------------------------
144. Parteners aside block / .parteners-aside-block
---------------------------------------------------------*/
.parteners-aside-block {
padding-top: 35px;
padding-bottom: 35px;
}
.parteners-aside-block h2,
.parteners-aside-block .h2 {
margin: 0 0 27px;
}
/* ---------------------------------------------------------
145. Logos slider / .logos-slider
---------------------------------------------------------*/
.logos-slider {
margin-left: -15px;
margin-right: -15px;
padding-top: 45px;
}
.logos-slider .slick-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 15px;
border: 1px solid #e8e8e8;
color: #222222;
width: 34px;
height: 34px;
}
.logos-slider .slick-arrow.slick-disabled {
color: #999;
pointer-events: none;
}
.logos-slider .slick-prev {
right: 53px;
}
/* ---------------------------------------------------------
146. Logo wrap / .logo-wrap
---------------------------------------------------------*/
.logo-wrap {
padding-left: 15px;
padding-right: 15px;
}
.logo-wrap>a {
position: relative;
display: block;
border: 1px solid #e8e8e8;
}
.logo-wrap>a:after {
position: absolute;
content: "";
top: auto;
bottom: -1px;
left: 0;
right: 0;
}
.logo-wrap>a:after {
border-bottom: 3px solid transparent;
}
.logo-wrap img {
display: block;
max-width: none;
width: 100%;
}
/*------------------------------------------------------------------
147. Back Top / #back-top
-------------------------------------------------------------------*/
#back-top {
position: fixed;
right: 20px;
bottom: 20px;
font-size: 25px;
line-height: 0.53333;
color: #fff;
cursor: pointer;
float: right;
width: 50px;
height: 50px;
padding: 16px 0;
z-index: 9;
opacity: 0;
visibility: hidden;
background: #ffc000;
border-radius: 5px;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
#back-top.active {
opacity: 1;
visibility: visible;
}
#back-top:hover {
opacity: 0.7;
}
/*------------------------------------------------------------------
148. Loader Holder / .loader-holder
-------------------------------------------------------------------*/
.loader-holder {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
position: fixed;
background-color: rgba(255, 255, 255, 0.9);
}
.loader-holder .block {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* ---------------------------------------------------------
149. Example lightbox / .example-lightbox
---------------------------------------------------------*/
.popup-holder {
position: relative;
overflow: hidden;
height: 0;
}
.lightbox-demo {
padding: 5px;
width: 500px;
}
.lightbox-demo .user-log-form {
border: none;
}
.lightbox-demo h2 {
margin: 0 0 10px;
}
.lightbox-demo p {
margin: 0;
}
.comming-timer {
overflow: hidden;
}
.comming-timer .countdown-row {
overflow: hidden;
}
.comming-timer .countdown-row .countdown-section {
width: 22%;
float: left;
margin: 0 0 0 11px;
}
.comming-timer .countdown-row .countdown-section:first-child {
margin: 0 0 0 5px;
}
.comming-timer .countdown-row .countdown-section .countdown-amount {
font-size: 42px;
line-height: 30px;
color: #f7f7f7;
font-weight: 700;
padding: 25px 10px;
display: block;
border-radius: 5px;
background: #444444;
border-top: 2px solid #666666;
border-bottom: 2px solid #111111;
position: relative;
z-index: 1;
margin: 0 0 2px;
}
.comming-timer .countdown-row .countdown-section .countdown-amount:before {
position: absolute;
content: "";
top: 0;
bottom: 50%;
left: 0;
right: 0;
}
.comming-timer .countdown-row .countdown-section .countdown-amount:before {
background: #333333;
z-index: -1;
}
/* ---------------------------------------------------------
150. Intro Aside / .intro-aside
---------------------------------------------------------*/
.intro-aside {
min-height: 290px;
position: relative;
z-index: 1;
padding: 50px 0 0;
font-size: 20px;
line-height: 22px;
}
.intro-aside:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.intro-aside:before {
background: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.intro-aside h2 {
font-size: 27px;
line-height: 35px;
color: #fff;
font-weight: 700;
margin: 0 0 25px;
text-transform: none;
}
.intro-aside p {
color: #fff;
margin: 0 0 31px;
}
.intro-aside .btn {
padding: 8px 22px;
font-size: 16px;
}
/* ---------------------------------------------------------
151. Price block / .price-block
---------------------------------------------------------*/
.price-block {
padding-top: 50px;
padding-bottom: 50px;
}
.price-block .seperator-head {
margin: 0 0 30px;
}
/* ---------------------------------------------------------
152. Price List / .price-list
---------------------------------------------------------*/
.price-list {
font-size: 14px;
line-height: 22px;
color: #777777;
position: relative;
padding: 28px 20px 40px;
border: 1px solid #e8e8e8;
}
.price-list:before {
position: absolute;
content: "";
top: 0;
bottom: auto;
left: 50%;
right: auto;
}
.price-list:before {
pointer-events: none;
width: 110px;
height: 2px;
z-index: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.price-list:hover .icn-wrap {
color: #fff;
}
.price-list li {
overflow: hidden;
margin: 0 0 8px;
}
.price-list .price-heading {
font-size: 13px;
line-height: 16px;
color: #222222;
margin: 0 0 20px;
letter-spacing: 1px;
}
.price-list .icn-wrap {
font-size: 35px;
line-height: 50px;
display: block;
background-color: #eeeeee;
color: #222222;
z-index: 1;
margin: 0 auto 11px;
width: 121px;
height: 121px;
padding: 26px 0 0;
border: 10px solid #f9f9f9;
}
.price-list .price {
font-size: 24px;
line-height: 30px;
color: #000;
display: block;
margin: 0 0 20px;
}
.price-list .price sup {
font-size: 13px;
line-height: 16px;
display: inline-block;
vertical-align: bottom;
margin: 0 0 -4px -6px;
}
.price-list .btns {
padding: 20px 0 0;
}
.price-list .btn {
padding: 7px 32px;
}
/* ---------------------------------------------------------
153. Partner block / .partner-block
---------------------------------------------------------*/
.partner-block {
padding: 50px 0;
overflow: hidden;
background: #f7f7f7;
}
.partner-block .popular-posts-head .popular-head-heading {
margin: 0 0 34px;
}
.partner-block .partner-list {
overflow: hidden;
margin: 0;
}
.partner-block .partner-list li {
float: left;
margin: 0 auto;
}
.partner-block .partner-list li a {
position: relative;
display: block;
}
.partner-block .partner-list li a:before {
position: absolute;
content: "";
top: auto;
bottom: 0;
left: 0;
right: auto;
}
.partner-block .partner-list li a:before {
pointer-events: none;
width: 0;
height: 3px;
z-index: 1;
opacity: 0;
visibility: hidden;
}
.partner-block .partner-list li a:hover:before {
width: 100%;
opacity: 1;
visibility: visible;
}
.partner-block .partner-list .slick-arrow {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #222222;
border: 1px solid #e8e8e8;
font-size: 14px;
right: 17px;
bottom: 100%;
margin-bottom: 33px;
width: 34px;
height: 34px;
}
.partner-block .partner-list .slick-arrow.slick-disabled {
pointer-events: none;
color: #777777;
}
.partner-block .partner-list .slick-arrow:hover {
background-color: #34c7dc;
color: #fff;
border-color: #34c7dc;
}
.partner-block .partner-list .slick-prev {
margin-right: 41px;
}
.bar-links img {
width: 16px;
height: 16px;
display: block;
margin-right: 10px;
}
input.awesome.small.red{
padding: 3px 18px;
border-radius: 2px !important;
color: #878069;
font-size: 12px;
font-weight: 600;
background-color: #ffc000;
border: none;
}
.cart-data-table .alignleft img, .cart-data-table.table .alignleft img {
max-width: none;
width: 100%;
display: block;
border-radius: inherit;
height: 80px;
object-fit: cover;
border: 1px solid #ccc;
}
.cart-data-table tbody td, .cart-data-table.table tbody td {
padding: 14px 10px;
white-space: normal;
word-break: break-all;
}
.d-flex.justify-content-center .pagination{
width: 100%;
text-align: center;
justify-content: center;
margin-bottom: 20px;
}
.cart-data-table tbody td, .cart-data-table.table tbody td a.remove.btn-danger{
padding:4px;
}
.cart-data-table th:last-child {
text-align: center;
}
.cart-data-table td:last-child {
text-align: center;
}
.dropzone .dz-preview .dz-image {
/* width: 60px !important;
height: 60px !important;*/
}
.header-holder.home-nav-menu nav#nav {
display: none;
}
/*.Rent_category_list .popular-card img {
width: 60%;
height: 100%;
object-fit: contain;
object-position: bottom right;
position: absolute;
right: 2px;
bottom: 2px;
-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,.2));
filter: drop-shadow(5px 5px 5px rgba(0,0,0,.2));
transition: all .23s ease-in-out;
}*/
.Rent_category_list .popular-card:hover {
background-color: #fff;
box-shadow: 0 0 50px rgb(0 0 0 / 60%) !important;
}
.Rent_category_list .popular-card img {
width: 100%;
height: 275px;
object-position: center;
object-fit: contain;
position: inherit;
right: 0;
bottom: 0;
/*box-shadow: 0px 0px 3px;*/
/*-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,.2));*/
filter: drop-shadow(5px 5px 5px rgba(0,0,0,.2));
transition: all .23s ease-in-out;
}
.Rent_category_list .popular-card {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,.01),0 3px 6px rgba(0,0,0,.05);
width: 100%;
height: 80px;
position: relative;
overflow: hidden;
cursor: pointer;
border-radius: 4px;
transition: all .3s ease-in-out;
margin-top: 10px;
margin-bottom: 10px;
}
.Rent_category_list {
padding-top: 50px;
background-color: #e6eaf3;
padding-bottom: 50px;
clear: both;
float: left;
width: 100%;
}
.Rent_category_list h2{
font-size: 32px;
font-weight: 600 !important;
line-height: 38px;
}
/*.Rent_category_list .popular-card h3 {
position: absolute;
left: 18px;
top: 10px;
margin: 0;
font-weight: 700;
font-size: 18px;
color: var(--secondary);
}*/
.Rent_category_list .popular-card h3 {
text-align:left;
margin: 0;
font-weight: 700;
font-size: 18px;
color: var(--secondary);
margin-bottom: 10px;
padding: 0 5px;
color:#000;
}
/*.Rent_category_list .popular-card:hover a{
color:#fff;
}
.Rent_category_list .popular-card:hover h3 {
color: #fff;
}*/
.Rent_category_list .popular-card picture{
clear: both;
padding: 0 5px;
display: block;
}
.Rent_category_list .popular-card {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,.01),0 3px 6px rgba(0,0,0,.05);
width: 100%;
height: auto;
position: relative;
/* overflow: hidden; */
cursor: pointer;
border-radius: 4px;
transition: all .3s ease-in-out;
margin-top: 10px;
margin-bottom: 10px;
padding: 20px;
text-align: center;
height:auto;
}
.Rent_category_list .popular-card a {
text-decoration: none;
color: #007185;
text-align: left;
display: block;
padding: 0px 5px;
margin-bottom: 0px;
margin-top: 0px;
}
.Rent_category_list .popular-card:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.Rent_category_list .padding-left-left{
padding-left:0;
}
thead.bg-theme.text-uppercase.hidden-xs {
background-color: #ffc000;
}
.topics-data-table, .forum-data-table, .topics-data-table.table, .table.forum-data-table{
border: 1px solid #e8e8e8 !important;
}
.header-holder.home-nav-menu {
display: none;
}
.terms-and-conditions{
width:100%;
float:left;
clear:both;
padding:30px 0px;
}
.terms-and-conditions ul {
margin-top: 12px;
margin-bottom: 12px;
font-size: 15px;
font-weight: 500;
}
.terms-and-conditions h3 {
font-weight: bold;
font-size: 25px;
color: #ffc000;
}
.terms-and-conditions h1 {
font-weight: bold;
font-size: 25px;
color: #ffc000;
}
.terms-and-conditions a{
color: #ffc000;
}
.terms-and-conditions p {
margin-bottom: 12px;
margin-top: 12px;
font-size: 15px
}
aside.bg-cover.counter-aside {
clear: both;
width: 100%;
float: left;
}
aside.subscription-aside-block.bg-theme.text-white{
clear: both;
width: 100%;
float: left;
}
.footer-area.bg-white.text-gray {
position: relative;
z-index: 1
vertical-align: middle;
min-height: 300px;
background: #fff url("../../images/skyline-footer.png") center top no-repeat;
background-size: cover;
}
.footer-area.bg-white.text-gray aside.aside.container{
margin-top: 0%;
}
.terms-block input.primary.update-profile.full-w {
color: #fff;
background-color: #ffc000;
border: none;
font-weight: 600;
padding: 12px 20px;
font-size: 15px;
margin-bottom: 3px;
border-radius: 30px;
font-family: 'Raleway', sans-serif;
}
@media screen and (min-width:0px)and (max-width:411px){
.top-header-sub-menu:first-child a.dropdown-toggle.user-links {
padding-right: 0;
}
.user-links .sep {
font-size: 13px !important;
}
}
@media screen and (min-width:0px)and (max-width:352px){
.top-bar .col-xs-3.col.justify-end{
display: block;
}
.top-header-sub-menu:first-child a.dropdown-toggle.user-links {
padding-right: 18px !important;
text-align: right;
justify-content: right;
}
.top-header-sub-menu a.dropdown-toggle.user-links{
text-align: right;
justify-content: right;
}
}
@media screen and (min-width:1200px)and (max-width:1366px){
.my-profile .dashboard-heading {
margin-bottom: 20px;
font-size: 22px !important;
}
.admin-content span.counter, .admin-content span.counter-extend {
font-size: 25px !important;
}
.admin-content span.counter-icon.counter-icon-big {
font-size: 40px !important;
}
.admin-content svg {
color: #fff;
width: 60px !important;
fill: #fff;
height: auto;
}
.admin-content h3 {
font-size: 11px !important;
}
.stripe-box-pop .popup{
top: 20% !important;
}
.slider-section-sidebar{
top:188px !important
}
form#sort-form {
width: 21% !important;
float: right;
}
.detail-container .checkmark:after {
top: 5px !important;
}
.category-details .category-details-right-bar h6 {
margin-top: 8% !important;
}
.category-details .category-details-right-bar {
background-color: #fff;
padding: 10px;
text-align: center;
height: 21.5% !important;
}
#my-container a img {
border: none;
height: auto !important;
width: 100%;
object-fit: cover;
}
#my-container .swiper-wrapper{
padding-left: initial;
margin: 0;
height: 30% !important;
}
.detail-container {
display: block;
position: relative;
padding-left: 22px !important;
margin-bottom: 12px;
cursor: pointer;
font-size: 11px !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkmark {
position: absolute;
top: 3px;
left: 0;
background-color: #b9b9b9;
border-radius: 50%;
}
}
@media screen and (min-width:0px)and (max-width:1199px){
.top-header-plan-mobile .plan-mobile-menu{
display:block !important;
}
.slider-section-sidebar {
position: inherit !important;
top: 0px !important;
width: 100% !important;
}
#content-wrapper .col-sm-10 {
clear: both;
}
body .pagination > li > a{
padding: 10px 12px !important;
}
.d-flex.justify-content-center{
clear:both;
}
.d-flex.justify-content-center nav{
clear:both;
}
}
.pagination > li > a {
font-size: 17px;
line-height: 1.29412;
background-color: #fff;
border: 1px solid #ddd !important;
padding: 7px 12px !important;
display: block;
}
@media screen and (min-width:1px)and (max-width:1200px){
.slider-section-sidebar {
top: 0px !important;
position: unset !important;
}
.sticky-height{
height:auto !important;
}
}
@media screen and (min-width:1px)and (max-width:767px){
form#nav-search-bar-form .col-sm-3{
padding-left:15px !important;
padding-right:15px !important;
}
form#nav-search-bar-form .col-sm-9{
padding-left:15px !important;
margin-top:10px;
}
.place-an-add ._29y1E {
text-align: center;
}
.sell-an-add ._29y1E {
text-align: center;
}
.insurance-modal .modal-content {
top:0;
}
#page-header {
position: relative;
width: 100%;
z-index: 4 !important;
}
.fheader-section .form-section {
margin-top: 20px;
}
.Homepage .container{
padding-left:0;
padding-right:0;
padding-top:0;
}
.fheader-section .outer-circle.active:before {
width: 82px !important;
height: 82px;
}
.fheader-section .outer-circle.active{
width: 65px;
}
.fheader-section .outer-circle {
width: 54px;
height: 50px;
}
.fheader-section .outer-circle:before {
width: 68px;
height: 66px;
}
.slider-section-sidebar table tr{
display: grid !important;
float: none !important;
width: 100%;
clear: both;
margin-bottom: 30px;
grid-template-columns: 1fr 1fr;
}
.slider-section-sidebar form h1{
font-size:24px;
}
.slider-section-sidebar table td {
padding: 14px 10px;
border: none !important;
white-space: inherit !important;
word-break: inherit !important;
border: none;
}
#package_body .category-details-right-bar-a {
margin-top: 0 !important;
width: 90px;
}
span.Text2738849357__root.Text2738849357---size-6-medium.Text2738849357---skin-8-standard.Text2738849357---weight-4-bold.Text2738849357---list-style-9-checkmark.dCoErs {
clear: both;
width: 100%;
display: block;
font-size: 14px;
font-weight: 700;
color: #000 !important;
}
.category-details-right-bar-a {
display: -webkit-box;
display: -ms-flexbox;
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-bottom: 0 !important;
width: 100%;
text-align: center;
color: #fff;
border: none;
background-color: #fab300;
margin-top: 15px !important;
text-align: center;
justify-content: center;
font-weight: bold;
font-size: 12px;
line-height: 34px;
border-radius: 6px;
padding: 3px 0px !important;
}
._29y1E{
display:block;
border-right:0;
}
._3Pc5e ._3iti7 {
display: block;
}
.Text2738849357__root.Text2738849357---weight-6-normal.Text2738849357---size-6-medium{
width:100%;
padding-left:15px;
padding:right:15px;
}
._29y1E ._2d5ry ._2FZH2 {
padding-right: 0;
}
._29y1E ._2d5ry:not(:last-child):after{
display:none;
}
._29y1E ._2d5ry ._2FZH2 .judA4 {
margin-bottom: 20px;
margin-top: 20px;
}
._3Pc5e {
padding-left: 15px;
padding-right: 15px;
}
.mobile-toggle{
display:block !important;
}
.mobile-list-hide{
display:none;
}
.header-mobile-menu .dropdown a i.fa.fa-angle-down{
float: right;
font-size: 23px;
}
.main-navigation .dropdown-menu > li > a, .main-navigation.nav .dropdown-menu > li > a, .main-navigation.navbar-nav .dropdown-menu > li > a, .main-navigation.navbar-right .dropdown-menu > li > a {
cursor: pointer;
color: #000;
}
.main-navigation>li>a:hover, .main-navigation>li>a:focus, .main-navigation>li>a:active, .main-navigation.nav>li>a:hover, .main-navigation.nav>li>a:focus, .main-navigation.nav>li>a:active, .main-navigation.navbar-nav>li>a:hover, .main-navigation.navbar-nav>li>a:focus, .main-navigation.navbar-nav>li>a:active, .main-navigation.navbar-right>li>a:hover, .main-navigation.navbar-right>li>a:focus, .main-navigation.navbar-right>li>a:active {
background-color: transparent;
color:#fff !important;
}
.header-mobile-menu li {
justify-content: left;
display: block;
text-align: left;
}
.my-profile .container-fluid .col-sm-2.profile-col-mobile{
padding-right:30px;
padding-left:30px !important
}
.header-mobile-menu li a {
padding: 10px;
margin-bottom: 0;
display: block;
color: #fff;
font-weight: bold;
border-bottom: 1px solid #fff;
text-decoration: none;
}
.header-mobile-menu li a li.dropdown a {
position: relative;
}
.header-mobile-menu{
background-color: #ffc000;
position: absolute;
width: 100%;
top: 35px;
padding: 5px;
display:none;
z-index: 99999;
}
.my-profile .panel-body .col{
width: 100%;
margin-right: 0px !important;
}
.tab-full-responsive, .tab-full-responsive.table {
display: block;
overflow: auto !important;
}
ul.pagination {
overflow-x: auto;
}
.my-profile .container-fluid .col-sm-2 {
padding-left: 15px !important;
}
.account-setting input{
width:100%;
margin-top: 5px;
margin-bottom: 12px;
}
.my-profile .container-fluid {
padding-left: 15px !important;
}
.my-profile #account-tabs {
display: none;
height: auto !important;
padding-top: 0;
margin-top: 5px;
z-index: 99;
}
.my-profile #containers {
margin-top: 30px;
}
.my-profile .my-profile-mobile-dashboard {
display: block !important;
background-color: #222222;
padding: 12px;
font-size: 17px;
color: #fff;
border-radius: 10px;
margin-top: 6px;
}
#listing-results #sort {
font-size: 14px;
width: 100% !important;
float: right;
}
.stripe button {
margin-top: 15px;
}
.stripe {
width: 100%;
float: left;
clear: both;
height: auto !important;
display: block !important;
justify-content: center;
align-items: center;
padding:50px 0px;
}
.dropdown-menu {
z-index: 99999 !important;
}
.cart-container{
width:100% !important;
}
#package_body .col-sm-4.text-right {
text-align: center;
}
.table-bordered {
display: block;
overflow-x: auto;
}
.insurance-modal .modal-content {
width: 100% !important;
padding-left: 0;
padding-right: 0;
}
.category-detail-sider-bar {
width: 100%;
clear: both;
display: flex;
justify-content: space-between;
gap: 15px;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
}
form#sort-form select#id_sort_by {
border: 1px solid;
border-radius: 5px;
font-size: 14px;
}
#content-wrapper .col-sm-2:first-child .group-sub-header.group-sub-header-mobile label {
display: none;
}
.group-sub-header {
font-size: 11px;
font-weight: 700;
padding: 8px 0 4px;
margin-bottom: 10px;
background-color: transparent;
border-bottom: none;
float: left;
clear: both;
width: 100%;
}
#content-wrapper .col-sm-2:first-child {
background-color: #fff;
left: 0;
right: 0;
box-shadow: 0 3px 11px 0 rgb(0 0 0 / 10%);
top: 0;
float: left;
clear: both;
width: 100%;
}
#listing-results .group-sub-header{
display:none;
}
.group-sub-header.group-sub-header-mobile {
margin-bottom: 0;
background-color: transparent;
display: block !important;
float: left;
background-size: 16px;
width: 100%;
text-align: center;
padding: 0.5px !important;
position: relative;
font-size: 14px !important;
font-weight: 600;
color: #2b2d2e !important;
margin-left: auto;
margin-right: auto;
border-color: #000 !important;
border-radius: 5px;
margin-top: 0px !important;
}
.category-details{
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 10px;
}
#my-container h5 {
display: none;
font-size: 12px;
}
.category-details .grid-container-sec ul li:nth-child(1){
display:none;
}
#listing-results h2.site-description, #listing-results p.site-description {
line-height: 1.4;
color: #626465;
font-weight: 400;
font-size: 16px;
display: none;
}
#listing-results .site-heading__title {
text-align: center;
font-size: 18px;
line-height: normal;
display: none;
}
.site-heading__title_sec{
display:block !important;
}
#search-widget .range-fields:nth-child(2) {
display: none;
}
#search-widget #search-button {
font-weight: 600;
margin-bottom: 20px;
}
#search-widget li label {
cursor: pointer;
display: grid;
grid-template-columns: 50% 50%;
font-weight: 100;
}
#search-widget li label {
cursor: pointer;
color: #2b2d2e !important;
}
#search-widget #advanced-search-content .heading {
margin-bottom: 20px;
}
#search-widget li input{
width:auto !important;
order: 1;
}
#search-widget {
background-color: #ffffff !important;
border-radius: 6px ;
float: left;
padding: 0 !important;
width: 100%;
box-sizing: border-box;
}
#search-widget #advanced-search-header{
border: 1px solid #b6b8b9;
padding: 8px 16px;
margin: 0 !important;
border-radius: 6px;
}
#search-widget .widget-dropdown {
margin-bottom: 25px;
}
#search-widget input:not([type=submit]), #search-widget select {
width: 100%;
padding: 12px;
border-radius: 6px;
border: 1px solid #b6b8b9;
font-size: 14px;
line-height: 24px;
}
.category-detail-sider-bar .close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
display:block !important;
}
.category-detail-sider-bar button#myBtn {
background-color: transparent;
display: block !important;
float: left;
background-size: 16px;
width: 100%;
text-align: center;
padding: 7.5px !important;
position: relative;
font-size: 14px !important;
font-weight: 600;
color: #2b2d2e !important;
margin-left: auto;
margin-right: auto;
border: 1px solid !important;
border-radius: 5px;
margin-top: 0px !important;
}
.category-detail-sider-bar .modal-content {
background-color: #fefefe !important;
margin: auto !important;
padding: 20px !important;
border: 1px solid #fff !important;
align-content: normal;
float: left;
clear: both;
height: auto;
}
div.category-detail-sider-bar .modal {
display: none;
position: fixed !important;
z-index: 9999 !important;
padding-top: 0 !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: auto !important;
background-color: rgb(0,0,0);
background-color: rgb(255 255 255) !important;
padding-top:0 !important;
}
form#sort-form{
width:100% !important;
}
form#sort-form {
display:block !important;
}
.video-container ul li .services-home-list{
padding-bottom: 6px;
}
.logo{
margin-left:0 !important;
width:75px !important;
}
.top-bar .col-xs-3.col.justify-end{
margin-top: -40px;
padding-right: 0;
text-align: right;
}
select.select-value{
height:auto !important;
}
.top-bar .top-bar-holder select.select-value {
border-radius: 4px !important;
}
.card.px-0.pt-4.pb-0.mt-3.mb-3{
float: left;
width: 100% !important;
clear: both;
}
.fs-title {
font-size: 20px !important;
color: #ffc000;
margin-bottom: 15px;
font-weight: bold;
text-align: center !important;
}
.list-content-slider .cRlgZx {
font-size: 18px !important;
}
.list-content-slider .GofEU {
font-weight: 700;
font-size: 20px !important;
line-height: 36px;
}
.Homepage h1.Hero__title.dbz-header {
position: absolute;
bottom: -256px;
left: 0;
right: 0;
color: #fff !important;
text-align: center;
padding: 1em;
transition: 0.5s;
background: rgba(0,0,0,0.5);
font-size: 25px !important;
line-height: 40px;
}
.col-sm-6.m-espot-section{
margin-top: 241px;
}
.Homepage:nth-child(3) .col-sm-6 {
margin-top: 39%;
}
.video-overlay{
overflow: visible !important;
}
.video-text img {
display: none !important;
}
.video-container ul{
background-color: #fcbf0f;
border-top: none !important;
}
.Homepage h1.Hero__title.dbz-header span {
margin-top: 0 !important;
}
.m-espot {
width: 50% !important;
float: left !important;
height:11.5em !important;
transition: 0.5s;
border-top: 1px solid rgba(0,0,0,0.5) !important;
text-align: center !important;
}
.Homepage video{
height: 18.75em !important;
position:inherit !important;
}
#mixedSlider .MS-content .item .under-item {
background-color: #fff;
padding: 17px;
border-radius: 10px;
display: block !important;
grid-template-columns: auto auto auto;
}
#mixedSlider .MS-content .item .imgTitle img {
height: auto !important;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.footer-area.bg-white.text-gray {
position: relative;
z-index: 1;
vertical-align: middle;
min-height: auto !important;
background: #fff url("../../images/skyline-footer.png") center top no-repeat;
background-size: cover;
background-position: center center;
}
.video-overlay{
height:100% !important;
}
.video-text-section .first-row{
height:auto !important;
}
.top-bar .top-bar-holder{
display: grid !important;
flex-direction: column;
grid-template-columns: repeat(1, 1fr);
grid-auto-rows: 20px;
}
.top-bar {
padding: 40px 0px !important;
padding-bottom: 120px !important;
}
span.nav-progressive-content {
display: block;
margin-right: 10px;
}
.top-bar .top-bar-holder .col-sm-2{
order: 1;
}
.top-bar .top-bar-holder .col-sm-7{
order:3;
width: 100%;
grid-column-start: 1;
grid-column-end: 1;
margin-top: 106px;
}
.top-bar .col-xs-3.col.justify-end{
order:2;
justify-content: end !important;
}
.Homepage .d-flex {
display: flex;
justify-content: space-between;
width: 90% !important;
}
.category-details .grid-container-sec {
display: block;
grid-template-columns: auto auto;
padding: 10px 0px;
border-top: 1px solid hsl(0deg 0% 87%);
}
.category-details .grid-container {
display: grid;
grid-template-columns: auto auto;
border-bottom: 1px solid hsl(0deg 0% 87%);
padding: 10px 0px;
font-size: 14px;
padding-bottom: 20px;
}
#listing-results .site-heading__title{
text-align: center;
font-size: 18px;
line-height: normal;
}
.category-details .grid-container-sec ul li i {
display: initial;
margin-right: 5px;
font-size: 5px;
color: hsl(43deg 100% 49%);
}
.category-details .grid-container-sec ul li span {
display: block;
font-weight: 100;
margin-left: 16px;
width: 100%;
float: left;
clear: both;
}
.category-details .grid-container-sec ul li {
font-size: 13px;
margin-bottom: 30px;
margin-top: 10px;
}
.category-details .category-details-right-bar {
background-color: #fff;
padding: 10px;
text-align: center;
height: auto;
margin-top: 20px;
float: left;
clear: both;
width: 100%;
}
.category-details .category-details-right-bar h6 {
margin-top: 3%;
border-bottom: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: bold;
}
.category-details .grid-container-sec ul li strong {
color: hsl(80deg 7% 17%);
align-items: center;
vertical-align: bottom;
display: block;
font-weight: 500;
}
.category-details .grid-container-sec ul {
padding-left: 0;
list-style: none;
text-align: left;
display: grid !important;
grid-template-columns: 1fr 1fr;
}
.sell-an-add div#document-dropzone{
background-size:contain;
}
.sell-an-add input{
border:1px solid #b6b8b9 !important;
}
#my-container h2 {
font-size: 18px !important;
text-align: center;
}
.swiper-slider-area .fcxXHp {
border-radius: 6px;
padding: 16px;
flex: 1 1 0%;
-webkit-box-flex: 1;
margin: 0px 0px 16px;
flex-direction: column;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
min-width: 100%;
max-width: 100%;
min-height: 80px;
box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px -3px, rgba(0, 0, 0, 0.04) 0px 4px 6px -2px !important;
padding-left: 0;
padding-right: 0;
}
.swiper-slider-area .mVwlw {
box-sizing: border-box;
margin: 0px;
-webkit-box-align: center;
align-items: center;
height: auto;
}
.swiper-slider-area .juhBur {
display: block;
text-align: center;
}
.swiper-slider-four-area .juhBur {
display: block;
}
.swiper-slider-four-area .gAeNAG {
background-image: url("https://dbzproperty-a.akamaihd.net/frontend-web/listings/_next/static/images/map_bg-ae291e090e1249a835c33be4263f0404.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 100%;
height: auto;
display: block;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
padding: 0px 0px;
cursor: pointer;
font-size: 16px;
direction: ltr;
}
.slider-section-sidebar {
position: inherit;
top: 0;
margin-top: 20px;
}
.slider-section-sidebar .tab-full-responsive tbody, .tab-full-responsive.table tbody {
display: block;
border-left: 0px solid #222222 !important;
}
.slider-section-sidebar .tab-full-responsive td, .tab-full-responsive.table td {
clear: both;
width: 100% !important;
margin-left: 0 !important;
}
.slider-section-sidebar .tab-full-responsive td > span, .tab-full-responsive td > div, .tab-full-responsive.table td > span, .tab-full-responsive.table td > div {
white-space: normal;
width: 100% !important;
display: inline-block;
vertical-align: top;
}
.slider-section-sidebar form .number {
margin: 15px 0px;
}
.Homepage .hero__container{
margin:24px 0px 0 !important;
}
.Homepage .Searchbox__search__button {
background: #ffc000;
padding: 12px;
border: none;
color: #fff;
font-size: 16px;
border-radius: 6px;
cursor: pointer;
font-weight: 700;
width: 100%;
margin-left: auto;
margin-top: 10px;
}
.Homepage input.Searchbox__keyword__input {
margin-right: 0;
width: 100%;
padding: 12px;
border-radius: 5px;
border: navajowhite;
}
.Homepage .Searchbox__bottom {
padding: 16px;
display: -ms-flexbox;
display: block;
}
.header-holder {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.navbar-toggle{
border: 1px solid #ffffff !important;
}
.icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
color: #fff !important;
border: 1px solid #ffff !important;
}
.bar-links > li > a{
font-size: 20px !important;
border:none !important;
}
.navbar-header .bar-links > li{
display: block !important;
}
.bar-links > li + li {
margin-left: 0 !important;
width: 100%;
}
.navbar-collapse{
border-top: none !important;
box-shadow: none !important;
}
.top-bar ul.font-lato.list-unstyled.bar-links {
justify-content: left !important;
margin-bottom: 20px;
}
.my-profile{
display: block;
overflow-x: auto;
}
.logo {
max-width: 100% !important;
margin-top: 0 !important;
text-align: center;
display: block;
width: 100%;
}
.Homepage .Searchbox__square {
font-size: 16px;
font-weight: 700;
color: #fff;
margin-right: 0 !important;
width: 100%;
text-align: center;
}
.Homepage h1.Hero__title.dbz-header{
margin-top: 10px;
margin-bottom: 10px;
justify-content: center;
height:auto !important;
}
.video-text-section .col-sm-6 {
padding-right: 15px !important;
padding-left: 15px !important;
}
.m-espot{
margin-bottom: 0px;
border-left: none !important;
border-bottom: none !important;
}
.Homepage .container-fluid {
padding-left: 0px !important;
padding-right: 0px !important;
}
img.a-image.-espotImage {
object-fit: cover;
width: 100%;
height: 100%;
opacity: 0 !important;
transition: opacity 0.5s;
}
.m-espot__title{
background-color: #000000c2;
}
form#nav-search-bar-form .col-sm-2 {
padding-right: 15px !important;
}
select.select-value {
background: #f3f3f3;
border-radius: 4px !important;
}
form#nav-search-bar-form .col-sm-10 {
padding-left: 15px !important;
margin-top:15px;
}
.nav-search-field input{
border-radius: 4px 0px 0px 4px;
}
.logo{
margin-left: auto;
margin-right: auto;
display: block;
float: inherit;
margin-top: -32px !important;
}
}
.navbar{
margin-bottom:0;
}
.header-holder{
display:none;
}
.logo {
max-width: initial;
margin-top: 11px;
margin-bottom: 10px;
float: left;
width: calc(40% - 0px);
object-fit: contain;
height: 100%;
margin-left: 17px;
position: relative;
z-index: 999;
}
.logo a{
display:block;
width:100%;
}
.navbar ul.font-lato.list-unstyled.bar-links{
margin-top: 20px;
justify-content: center;
}
#mixedSlider span{
font-weight: 900;
font-style: italic;
color: #ffc000;
}
#mixedSlider strong.text.fw-normal{
color: #ffc000;
}
form#sort-form {
width: 15%;
float: right;
}
form#sort-form label {
margin-top: 10px;
width: 100%;
}
form#sort-form select#id_sort_by{
border: 1px solid;
border-radius: 5px;
}
.topics-data-table th, .topics-data-table.table th {
padding: 15px 30px !important;
text-align: left;
}
@media screen and (min-width:1px)and (max-width:500px){
.place-an-add #progressbar li {
font-size: 11px;
}
.sell-an-add #progressbar li{
font-size: 11px;
}
}@media screen and (min-width: 768px) and (max-width: 991px) { .Homepage__card .grid-container{ display:flex !important; flex-wrap:wrap; } .mobile-toggle .sidebar{ z-index: 99999999 !important; }} @media screen and (min-width: 1px) and (max-width: 767px) { .Homepage__card .grid-container{ display:flex !important; flex-wrap:wrap; justify-content: center; } .mobile-toggle .sidebar{ z-index: 99999999 !important; }}