2023-11-11 20:56:12 +00:00
|
|
|
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
|
|
|
|
@import url(http://fonts.googleapis.com/css?family=Crete+Round:400,400italic);
|
|
|
|
@import url(http://fonts.googleapis.com/css?family=Petit+Formal+Script);
|
|
|
|
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
|
|
|
|
|
|
|
|
/*-------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Reset----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*-------------*/
|
|
|
|
* {
|
2023-11-12 18:12:42 +00:00
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
font-size: 100%;
|
|
|
|
vertical-align: baseline;
|
|
|
|
outline: none;
|
|
|
|
font-size-adjust: none;
|
|
|
|
-webkit-text-size-adjust: none;
|
|
|
|
-moz-text-size-adjust: none;
|
|
|
|
-ms-text-size-adjust: none;
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
2023-11-11 20:56:12 +00:00
|
|
|
*:focus {
|
2023-11-12 18:12:42 +00:00
|
|
|
outline: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
*, *:after, *:before {
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.all-elements * {
|
|
|
|
-webkit-text-size-adjust: none;
|
|
|
|
-webkit-transform: translateZ(0);
|
|
|
|
min-height: auto;
|
|
|
|
max-height: auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
2023-11-12 18:12:42 +00:00
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
overflow-x: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
body::-webkit-scrollbar {
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
a:hover {
|
|
|
|
text-decoration: none !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
::selection {
|
2023-11-12 18:12:42 +00:00
|
|
|
background-color: #CCC;
|
|
|
|
color: #000;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: block;
|
|
|
|
position: relative;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
textarea, input {
|
|
|
|
outline: none;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
input {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-appearance: none !important;
|
|
|
|
border-radius: 0 !important;
|
|
|
|
-webkit-border-radius: 0px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
textarea {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-appearance: none !important;
|
|
|
|
border-radius: 0 !important;
|
|
|
|
-webkit-border-radius: 0px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Typography----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
|
|
|
|
p {
|
2023-11-12 18:12:42 +00:00
|
|
|
line-height: 30px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
font-size: 14px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
p > a {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: inline;
|
|
|
|
text-decoration: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
p > a:hover {
|
2023-11-12 18:12:42 +00:00
|
|
|
text-decoration: underline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
p > span {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
p strong {
|
|
|
|
font-size: 15px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
span > a {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a > span {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
2023-11-12 18:12:42 +00:00
|
|
|
color: #2980b9;
|
|
|
|
text-decoration: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
2023-11-12 18:12:42 +00:00
|
|
|
text-decoration: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
strong a, em a {
|
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
table {
|
2023-11-12 18:12:42 +00:00
|
|
|
border-collapse: separate;
|
|
|
|
border-spacing: 0;
|
|
|
|
background-color: #f6f6f6;
|
|
|
|
border-left: 1px solid #e9e9e9;
|
|
|
|
border-top: 1px solid #e9e9e9;
|
|
|
|
width: 100%;
|
|
|
|
clear: both;
|
|
|
|
margin-bottom: 27px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
thead {
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
th {
|
2023-11-12 18:12:42 +00:00
|
|
|
vertical-align: middle;
|
|
|
|
border-bottom: 1px solid #e9e9e9;
|
|
|
|
border-right: 1px solid #e9e9e9;
|
|
|
|
font-weight: bold;
|
|
|
|
color: #555;
|
|
|
|
background-color: #f6f6f6;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
tr {
|
2023-11-12 18:12:42 +00:00
|
|
|
line-height: 18px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
td {
|
2023-11-12 18:12:42 +00:00
|
|
|
border-right: 1px solid #e9e9e9;
|
|
|
|
border-bottom: 1px solid #e9e9e9;
|
|
|
|
text-align: center;
|
|
|
|
color: #666;
|
|
|
|
padding-top: 9px;
|
|
|
|
padding-bottom: 9px;
|
|
|
|
line-height: 18px;
|
|
|
|
vertical-align: middle;
|
|
|
|
background-color: #fdfdfd;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
tr:hover > td {
|
2023-11-12 18:12:42 +00:00
|
|
|
background: #fff;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
2023-11-12 18:12:42 +00:00
|
|
|
margin-bottom: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
ul ul {
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
ol ol {
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
ol {
|
2023-11-12 18:12:42 +00:00
|
|
|
margin-bottom: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
2023-11-11 20:56:12 +00:00
|
|
|
li {
|
2023-11-12 18:12:42 +00:00
|
|
|
line-height: 24px;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
2023-11-11 20:56:12 +00:00
|
|
|
ol > li:last-child, ul > li:last-child {
|
2023-11-12 18:12:42 +00:00
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
textarea {
|
|
|
|
font-family: 'Roboto', sans-serif;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------------------------------*/
|
|
|
|
/*---Background and text colors and hovers---*/
|
|
|
|
/*-------------------------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.bg-teal-light {
|
|
|
|
background-color: #1abc9c !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-teal-dark {
|
|
|
|
background-color: #16a085 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-teal-light:hover {
|
|
|
|
background-color: #1abc9c !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-teal-dark:hover {
|
|
|
|
background-color: #16a085 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-teal-light {
|
|
|
|
color: #1abc9c;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-teal-dark {
|
|
|
|
color: #16a085;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-green-light {
|
|
|
|
background-color: #2ecc71 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-green-dark {
|
|
|
|
background-color: #2abb67 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-green-light:hover {
|
|
|
|
background-color: #2ecc71 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-green-dark:hover {
|
|
|
|
background-color: #2abb67 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-green-light {
|
|
|
|
color: #2ecc71;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-green-dark {
|
|
|
|
color: #2abb67;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-blue-light {
|
|
|
|
background-color: #3498db !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-blue-dark {
|
|
|
|
background-color: #2980b9 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-blue-light:hover {
|
|
|
|
background-color: #3498db !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-blue-dark:hover {
|
|
|
|
background-color: #2980b9 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-blue-light {
|
|
|
|
color: #3498db;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-blue-dark {
|
|
|
|
color: #2980b9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-magenta-light {
|
|
|
|
background-color: #9b59b6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-magenta-dark {
|
|
|
|
background-color: #8e44ad !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-magenta-light:hover {
|
|
|
|
background-color: #9b59b6 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-magenta-dark:hover {
|
|
|
|
background-color: #8e44ad !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-magenta-light {
|
|
|
|
color: #9b59b6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-magenta-dark {
|
|
|
|
color: #8e44ad;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-night-light {
|
|
|
|
background-color: #34495e !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-night-dark {
|
|
|
|
background-color: #2c3e50 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-night-light:hover {
|
|
|
|
background-color: #34495e !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-night-dark:hover {
|
|
|
|
background-color: #2c3e50 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-night-light {
|
|
|
|
color: #34495e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-night-dark {
|
|
|
|
color: #2c3e50;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-yellow-light {
|
|
|
|
background-color: #f1c40f !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-yellow-dark {
|
|
|
|
background-color: #f39c12 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-yellow-light:hover {
|
|
|
|
background-color: #f1c40f !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-yellow-dark:hover {
|
|
|
|
background-color: #f39c12 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-yellow-light {
|
|
|
|
color: #f1c40f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-yellow-dark {
|
|
|
|
color: #f39c12;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-orange-light {
|
|
|
|
background-color: #e67e22 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-orange-dark {
|
|
|
|
background-color: #d35400 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-orange-light:hover {
|
|
|
|
background-color: #e67e22 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-orange-dark:hover {
|
|
|
|
background-color: #d35400 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-orange-light {
|
|
|
|
color: #e67e22;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-orange-dark {
|
|
|
|
color: #d35400;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-red-light {
|
|
|
|
background-color: #e74c3c !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-red-dark {
|
|
|
|
background-color: #c0392b !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-red-light:hover {
|
|
|
|
background-color: #e74c3c !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-red-dark:hover {
|
|
|
|
background-color: #c0392b !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-red-light {
|
|
|
|
color: #e74c3c;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-red-dark {
|
|
|
|
color: #c0392b;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-gray-light {
|
|
|
|
background-color: #bdc3c7 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-gray-dark {
|
|
|
|
background-color: #95a5a6 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-gray-light:hover {
|
|
|
|
background-color: #bdc3c7 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-hover-gray-dark:hover {
|
|
|
|
background-color: #95a5a6 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-gray-light {
|
|
|
|
color: #bdc3c7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-gray-dark {
|
|
|
|
olor: #95a5a6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-white {
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-white {
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-black {
|
|
|
|
background-color: #000000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.color-black {
|
|
|
|
color: #000000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-green-light i,
|
2023-11-11 20:56:12 +00:00
|
|
|
.bg-green-dark i,
|
2023-11-12 18:12:42 +00:00
|
|
|
.bg-teal-light i,
|
|
|
|
.bg-teal-dark i,
|
|
|
|
.bg-magenta-light i,
|
|
|
|
.bg-magenta-dark i,
|
|
|
|
.bg-yellow-light i,
|
|
|
|
.bg-yellow-dark i,
|
|
|
|
.bg-orange-light i,
|
|
|
|
.bg-orange-dark i,
|
|
|
|
.bg-red-dark i,
|
|
|
|
.bg-red-light i,
|
|
|
|
.bg-gray-light i,
|
|
|
|
.bg-gray-dark i {
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-1 {
|
|
|
|
background-image: url(../images/pictures/1.jpg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-2 {
|
|
|
|
background-image: url(../images/pictures/2.jpg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-3 {
|
|
|
|
background-image: url(../images/pictures/3.jpg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-4 {
|
|
|
|
background-image: url(../images/pictures/4.jpg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-5 {
|
|
|
|
background-image: url(../images/pictures/5.jpg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-6 {
|
|
|
|
background-image: url(../images/pictures/6.jpg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-7 {
|
|
|
|
background-image: url(../images/pictures/7.jpg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.cover-screen {
|
|
|
|
background-size: cover;
|
|
|
|
background-position: center center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facebook-color {
|
|
|
|
background-color: #3b5998;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.twitter-color {
|
|
|
|
background-color: #4099ff;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.google-color {
|
|
|
|
background-color: #d34836;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pinterest-color {
|
|
|
|
background-color: #C92228;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sms-color {
|
|
|
|
background-color: #27ae60;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mail-color {
|
|
|
|
background-color: #3498db;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dribbble-color {
|
|
|
|
background-color: #EA4C89;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tumblr-color {
|
|
|
|
background-color: #2C3D52;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reddit-color {
|
|
|
|
background-color: #336699;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.youtube-color {
|
|
|
|
background-color: #D12827;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.phone-color {
|
|
|
|
background-color: #27ae60;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*---Heading Settings---*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
|
font-family: 'Roboto', sans-serif;
|
|
|
|
color: #1f1f1f;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.sub-heading {
|
|
|
|
color: #4c4c4c;
|
|
|
|
font-weight: 500;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.small-heading {
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: -10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
h1 {
|
|
|
|
font-size: 24px;
|
|
|
|
line-height: 36px;
|
|
|
|
font-weight: 700;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
h2 {
|
|
|
|
font-size: 22px;
|
|
|
|
line-height: 44px;
|
|
|
|
font-weight: 700;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
h3 {
|
|
|
|
font-size: 20px;
|
|
|
|
line-height: 22px;
|
|
|
|
font-weight: 700;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
h4 {
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 22px;
|
|
|
|
font-weight: 700;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
h5 {
|
|
|
|
font-size: 16px;
|
|
|
|
line-height: 20px;
|
|
|
|
font-weight: 700;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
h6 {
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 30px;
|
|
|
|
font-weight: 800;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
body {
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: 'Roboto', sans-serif;
|
|
|
|
line-height: 30px;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #666666;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.highlighted {
|
|
|
|
padding: 4px 10px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
/*-------------------------------*/
|
|
|
|
/*---Lists and Font Icon Lists---*/
|
|
|
|
/*-------------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.font-icon-list li {
|
|
|
|
list-style: none;
|
|
|
|
padding-left: 0px;
|
|
|
|
margin-left: -20px;
|
|
|
|
color: #666666;
|
|
|
|
line-height: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.font-icon-list li a {
|
|
|
|
color: #666666;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.icon-list li a {
|
|
|
|
color: #666666;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.font-icon-list i {
|
|
|
|
margin-right: 10px;
|
|
|
|
width: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
.icon-list {
|
|
|
|
list-style: none;
|
|
|
|
padding-left: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.icon-list i {
|
|
|
|
width: 20px;
|
|
|
|
text-align: center;
|
|
|
|
margin-left: -5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.icon-list ul {
|
|
|
|
padding-left: 40px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
ul {
|
|
|
|
padding-left: 20px;
|
|
|
|
list-style-type: disc;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
ol {
|
|
|
|
padding-left: 20px;
|
|
|
|
list-style-type: decimal;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
ol ol {
|
|
|
|
list-style-type: lower-alpha;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
ol ol ol {
|
|
|
|
list-style-type: disc;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------*/
|
|
|
|
/*---Table Settings---*/
|
|
|
|
/*--------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table {
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 35px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table-title {
|
|
|
|
font-family: 'Dosis', sans-serif;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table-sub-title {
|
|
|
|
font-family: 'Dosis', sans-serif;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.price {
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.small-price {
|
|
|
|
position: absolute;
|
|
|
|
margin-left: 0px;
|
|
|
|
font-size: 10px;
|
|
|
|
margin-top: -3px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.table {
|
2023-11-12 18:12:42 +00:00
|
|
|
font-size: 12px;
|
|
|
|
text-shadow: 1px 1px 0px #fff;
|
|
|
|
background: #eaebec;
|
|
|
|
border: #ccc 1px solid;
|
|
|
|
margin-bottom: 25px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.table th {
|
2023-11-12 18:12:42 +00:00
|
|
|
padding: 21px 25px 22px 25px;
|
|
|
|
border-bottom: 1px solid #e0e0e0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table th:first-child {
|
|
|
|
text-align: center;
|
|
|
|
padding-left: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table tr {
|
|
|
|
text-align: center;
|
|
|
|
padding-left: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table tr td:first-child {
|
|
|
|
text-align: left;
|
|
|
|
padding-left: 20px;
|
|
|
|
border-left: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.table tr td {
|
2023-11-12 18:12:42 +00:00
|
|
|
padding: 14px;
|
|
|
|
border-top: 1px solid #ffffff;
|
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
|
border-left: 0px solid #e0e0e0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table tr.even td {
|
|
|
|
background: #efefef;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table tr:last-child td {
|
|
|
|
border-bottom: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table tr:hover td {
|
|
|
|
background: #f8f8f8;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table-heading {
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-bottom: 15px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.table-text {
|
|
|
|
color: #6f6f6f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*---------------------------*/
|
|
|
|
/*---Custom Heading Styles---*/
|
|
|
|
/*---------------------------*/
|
|
|
|
|
|
|
|
.morphext > .animated {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: inline-block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Heading Style 1*/
|
|
|
|
|
|
|
|
.heading-style-1,
|
|
|
|
.heading-style-2,
|
|
|
|
.heading-style-3,
|
|
|
|
.heading-style-4,
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-5 {
|
|
|
|
cursor: default;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-1 {
|
|
|
|
margin-top: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-1 .heading-decoration {
|
|
|
|
clear: both;
|
|
|
|
display: block;
|
|
|
|
height: 4px;
|
|
|
|
margin-top: 13px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-1 a {
|
|
|
|
color: #FFFFFF;
|
|
|
|
z-index: 2;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-1 i {
|
|
|
|
font-size: 14px;
|
|
|
|
margin-top: -5px;
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 40px;
|
|
|
|
z-index: 2;
|
|
|
|
position: relative;
|
|
|
|
color: #FFFFFF;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-1 * {
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-1 a {
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-1 .heading-block {
|
|
|
|
position: absolute;
|
|
|
|
height: 40px;
|
|
|
|
width: 40px;
|
|
|
|
right: 0px;
|
|
|
|
top: -5px;
|
|
|
|
z-index: 1;
|
|
|
|
border-top-left-radius: 5px;
|
|
|
|
border-top-right-radius: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Heading Style 2*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-2 {
|
|
|
|
width: 100%;
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
padding-top: 30px;
|
|
|
|
padding-bottom: 30px;
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-2 .overlay {
|
|
|
|
opacity: 0.8;
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
right: 0px;
|
|
|
|
bottom: 0px;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-2 .heading-title {
|
|
|
|
z-index: 2;
|
|
|
|
position: relative;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-2 .heading-subtitle {
|
|
|
|
display: block;
|
|
|
|
position: relative;
|
|
|
|
color: #FFFFFF;
|
|
|
|
z-index: 2;
|
|
|
|
opacity: 0.6;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-2 .heading-icon {
|
|
|
|
float: right;
|
|
|
|
font-size: 35px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
z-index: 10;
|
|
|
|
position: relative !important;
|
|
|
|
display: inline-block !important;
|
|
|
|
margin-top: -47px;
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-2 {
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Heading Style 3*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (max-width: 768px) {
|
|
|
|
.heading-style-3 {
|
|
|
|
width: 100%;
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
padding-top: 25px;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
.heading-style-3 {
|
|
|
|
width: 100%;
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
padding-top: 35px;
|
|
|
|
padding-bottom: 30px;
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-3 .overlay {
|
|
|
|
opacity: 0.7;
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
right: 0px;
|
|
|
|
bottom: 0px;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-3 .heading-title {
|
|
|
|
z-index: 2;
|
|
|
|
position: relative;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
text-align: center;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-3 .heading-subtitle {
|
|
|
|
display: block;
|
|
|
|
position: relative;
|
|
|
|
color: #FFFFFF;
|
|
|
|
z-index: 2;
|
|
|
|
opacity: 0.6;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 13px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading-style-3 {
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Heading Style 4*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-4 {
|
|
|
|
padding-left: 20px;
|
|
|
|
padding-right: 20px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-4 .heading-title {
|
|
|
|
padding-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-4 .heading-subtitle {
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 35px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-4 .line {
|
|
|
|
height: 4px;
|
|
|
|
width: 70px;
|
|
|
|
margin: 15px auto;
|
|
|
|
opacity: 0.5;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-4 {
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Heading Style 5*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-5 {
|
|
|
|
padding-left: 20px;
|
|
|
|
padding-right: 20px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-5 .heading-subtitle {
|
|
|
|
font-size: 13px;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-5 .heading-icon {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
position: relative;
|
|
|
|
z-index: 1;
|
|
|
|
width: 60px;
|
|
|
|
height: 40px;
|
|
|
|
line-height: 40px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
font-size: 24px;
|
|
|
|
display: block;
|
|
|
|
overflow: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-5 .line {
|
|
|
|
height: 1px;
|
|
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
|
|
width: 100%;
|
|
|
|
margin-top: -20px;
|
|
|
|
margin-bottom: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 700px) {
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-5 .line {
|
|
|
|
height: 1px;
|
|
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
|
|
width: 300px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-top: -20px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-5 {
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Heading Style 6*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-6 .heading-title {
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-6 .heading-category {
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: 500;
|
|
|
|
padding-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-6 .heading-category a {
|
|
|
|
display: inline;
|
|
|
|
padding-left: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-6 .heading-subtitle {
|
|
|
|
display: inline;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-right: -2px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-6 .heading-subtitle a {
|
|
|
|
display: inline;
|
|
|
|
padding-left: 5px;
|
|
|
|
border-right: solid 2px #cacaca;
|
|
|
|
padding-right: 5px;
|
|
|
|
margin-right: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.heading-style-6 .heading-text {
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: 20px;
|
|
|
|
line-height: 31px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------*/
|
|
|
|
/*---Text Fields---*/
|
|
|
|
/*-----------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.icon-field .text-field {
|
|
|
|
padding-left: 45px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.icon-field i:first-child {
|
|
|
|
position: absolute;
|
|
|
|
top: 15px;
|
|
|
|
left: 0px;
|
|
|
|
width: 40px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.text-icon-field {
|
|
|
|
margin-bottom: 35px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.text-icon-field .text-field {
|
|
|
|
padding-left: 45px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.text-icon-field i:first-child {
|
|
|
|
position: absolute;
|
|
|
|
top: 40px;
|
|
|
|
left: 0px;
|
|
|
|
line-height: 45px;
|
|
|
|
height: 45px;
|
|
|
|
width: 45px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.text-icon-field h6 {
|
|
|
|
font-weight: 500;
|
|
|
|
float: left;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.text-icon-field em {
|
|
|
|
letter-spacing: 1px;
|
|
|
|
opacity: 0.5;
|
|
|
|
float: right;
|
|
|
|
font-size: 10px;
|
|
|
|
font-style: normal;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.text-field {
|
|
|
|
width: 100%;
|
|
|
|
height: 45px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
|
|
font-size: 12px;
|
|
|
|
color: #666;
|
|
|
|
border: solid 1px #cacaca;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.green-field:focus {
|
|
|
|
transition: all 250ms ease;
|
|
|
|
border: solid 1px #2cc36b;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.red-field:focus {
|
|
|
|
transition: all 250ms ease;
|
|
|
|
border: solid 1px #c0392b;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------------------*/
|
|
|
|
/*----Checkboxes and Radios----*/
|
|
|
|
/*-----------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
label {
|
|
|
|
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
|
|
|
-moz-user-select: none; /* mozilla browsers */
|
|
|
|
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
|
|
|
-ms-user-select: none; /* IE10+ */
|
|
|
|
cursor: pointer;
|
|
|
|
margin-left: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.checkbox {
|
|
|
|
-moz-appearance: checkbox !important; /* Firefox */
|
|
|
|
-webkit-appearance: checkbox !important; /* Safari and Chrome */
|
|
|
|
appearance: checkbox !important;
|
|
|
|
margin-left: 10px;
|
|
|
|
float: left;
|
|
|
|
line-height: 24px;
|
|
|
|
margin-top: 9px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.radiobox {
|
|
|
|
-moz-appearance: radio !important; /* Firefox */
|
|
|
|
-webkit-appearance: radio !important; /* Safari and Chrome */
|
|
|
|
appearance: radio !important;
|
|
|
|
float: left;
|
|
|
|
line-height: 24px;
|
|
|
|
margin-top: 9px;
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-left: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------------------*/
|
|
|
|
/*---Image & Video Settings---*/
|
|
|
|
/*----------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.img-responsive {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.responsive-image {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.preload-image {
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.responsive-video {
|
|
|
|
position: relative;
|
|
|
|
padding-bottom: 56.25%;
|
|
|
|
padding-top: 30px;
|
|
|
|
height: 0;
|
|
|
|
overflow: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.responsive-video iframe, .responsive-video object, .responsive-video embed {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------------------------------------*/
|
|
|
|
/*-----------------------------------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Content Classes and Responsive Settings----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*-----------------------------------------------*/
|
|
|
|
/*-----------------------------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.clear {
|
|
|
|
clear: both !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.last-column {
|
|
|
|
margin-right: 0% !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-bottom {
|
|
|
|
margin-bottom: 0px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.half-bottom {
|
|
|
|
margin-bottom: 15px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.half-top {
|
|
|
|
margin-top: 15px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.full-bottom {
|
|
|
|
margin-bottom: 30px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.full-top {
|
|
|
|
margin-top: 30px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-padding {
|
|
|
|
padding-left: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right-padding {
|
|
|
|
padding-right: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container:after {
|
|
|
|
visibility: hidden;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
height: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.last-column:after {
|
|
|
|
visibility: hidden !important;
|
|
|
|
display: block !important;
|
|
|
|
content: "" !important;
|
|
|
|
clear: both !important;
|
|
|
|
height: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container {
|
|
|
|
margin-bottom: 30px;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container-fullscreen {
|
|
|
|
margin-bottom: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hide-if-mobile {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hide-if-resposive {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.uppercase {
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lowercase {
|
|
|
|
text-transform: lowercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
.thin {
|
|
|
|
font-weight: 300 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.thiner {
|
|
|
|
font-weight: 400 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bold {
|
|
|
|
font-weight: 600 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ultrabold {
|
|
|
|
font-weight: 1000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.small-text {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.smaller-text {
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.larger-text {
|
|
|
|
font-size: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.large-text {
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-text {
|
|
|
|
text-align: center;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-text {
|
|
|
|
text-align: left;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right-text {
|
|
|
|
text-align: right;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-text-mobile {
|
|
|
|
text-align: center;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-text-mobile {
|
|
|
|
text-align: left;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right-text-mobile {
|
|
|
|
text-align: right;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-text-tablet {
|
|
|
|
text-align: left;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-text-tablet {
|
|
|
|
text-align: left;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right-text-tablet {
|
|
|
|
text-align: left;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.space-left {
|
|
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.space-right {
|
|
|
|
padding-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 750px) {
|
|
|
|
.hide-if-mobile {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hide-if-responsive {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-text-tablet {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-text-tablet {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right-text-tablet {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-text-mobile {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-text-tablet {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right-text-tablet {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.decoration {
|
|
|
|
height: 1px;
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
margin-bottom: 30px;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
.one-half {
|
|
|
|
width: 45%;
|
|
|
|
float: left;
|
|
|
|
margin-right: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.one-third {
|
|
|
|
width: 28%;
|
|
|
|
float: left;
|
|
|
|
margin-right: 8%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.one-half-responsive {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.one-third-responsive {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 767px) {
|
|
|
|
.one-half, .one-half-responsive {
|
|
|
|
width: 45%;
|
|
|
|
float: left;
|
|
|
|
margin-right: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.one-third, .one-third-responsive {
|
|
|
|
width: 28%;
|
|
|
|
float: left;
|
|
|
|
margin-right: 8%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.one-forth-responsive {
|
|
|
|
float: left;
|
|
|
|
width: 20%;
|
|
|
|
margin-right: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-left-big {
|
|
|
|
width: 70%;
|
|
|
|
float: left;
|
|
|
|
margin-right: 5%
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-right-small {
|
|
|
|
width: 25%;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-right-big {
|
|
|
|
width: 70%;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-left-small {
|
|
|
|
width: 25%;
|
|
|
|
float: left;
|
|
|
|
margin-right: 5%;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Animations*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.scale-hover {
|
|
|
|
-moz-transform: scale(1 1);
|
|
|
|
-webkit-transform: scale(1 1);
|
|
|
|
-o-transform: scale(1 1);
|
|
|
|
-ms-transform: scale(1 1);
|
|
|
|
transform: scale(1 1);
|
|
|
|
-webkit-transition: all 200ms ease;
|
|
|
|
-moz-transition: all 200ms ease;
|
|
|
|
-ms-transition: all 200ms ease;
|
|
|
|
-o-transition: all 200ms ease;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scale-hover:hover {
|
|
|
|
-moz-transform: scale(1.1, 1.1);
|
|
|
|
-webkit-transform: scale(1.1, 1.1);
|
|
|
|
-o-transform: scale(1.1, 1.1);
|
|
|
|
-ms-transform: scale(1.1, 1.1);
|
|
|
|
transform: scale(1.1, 1.1);
|
|
|
|
-webkit-transition: all 200ms ease;
|
|
|
|
-moz-transition: all 200ms ease;
|
|
|
|
-ms-transition: all 200ms ease;
|
|
|
|
-o-transition: all 200ms ease;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------------------*/
|
|
|
|
/*-------------------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Blockquotes and Reviews----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*-------------------------------*/
|
|
|
|
/*-------------------------------*/
|
|
|
|
|
|
|
|
/*Quote 1*/
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-1 .quote-text {
|
|
|
|
font-size: 15px;
|
|
|
|
display: block;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(0, 0, 0, 0.7);
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-1 .quote-image {
|
|
|
|
width: 130px !important;
|
|
|
|
height: 130px;
|
|
|
|
border-radius: 100px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-1 .quote-author {
|
|
|
|
font-size: 18px;
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
padding-top: 0px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-1 .quote-rating {
|
|
|
|
width: 115px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-top: 0px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-1 i {
|
|
|
|
color: #f39c12;
|
|
|
|
font-size: 16px;
|
|
|
|
margin-right: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-1 .quote-title {
|
|
|
|
font-size: 11px;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
font-style: normal;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Quote 2*/
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-2 .quote-image {
|
|
|
|
width: 70px !important;
|
|
|
|
height: 70px;
|
|
|
|
border-radius: 70px;
|
|
|
|
float: left;
|
|
|
|
margin-right: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-2 .quote-author {
|
|
|
|
font-size: 16px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
display: block;
|
|
|
|
padding-top: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-2 .quote-rating {
|
|
|
|
float: left;
|
|
|
|
display: block;
|
|
|
|
width: 150px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-2 em i {
|
|
|
|
font-size: 16px;
|
|
|
|
color: #f39c12;
|
|
|
|
margin-right: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-2 .quote-text {
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(0, 0, 0, 0.7);
|
|
|
|
padding-top: 10px;
|
|
|
|
font-size: 15px;
|
|
|
|
font-style: italic;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-2 .quote-title {
|
|
|
|
font-size: 11px;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
font-style: normal;
|
|
|
|
text-align: right;
|
|
|
|
margin-top: -15px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Quote 3*/
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-3 .fa-quote-left {
|
|
|
|
font-size: 20px;
|
|
|
|
display: block;
|
|
|
|
text-align: left;
|
|
|
|
position: absolute;
|
|
|
|
margin-top: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-3 p {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
padding-left: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-3 .quote-author {
|
|
|
|
display: block;
|
|
|
|
text-align: right;
|
|
|
|
color: #1f1f1f;
|
|
|
|
margin-top: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Quote 4*/
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-4 .fa-quote-right {
|
|
|
|
font-size: 20px;
|
|
|
|
display: block;
|
|
|
|
text-align: left;
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
margin-top: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-4 p {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
padding-right: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-4 .quote-author {
|
|
|
|
display: block;
|
|
|
|
text-align: left;
|
|
|
|
color: #1f1f1f;
|
|
|
|
margin-top: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Quote 5*/
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-5 {
|
|
|
|
border-left: solid 5px #e34e47;
|
|
|
|
padding-left: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-5 p {
|
|
|
|
font-style: italic;
|
|
|
|
font-size: 15px;
|
|
|
|
padding-top: 10px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-5 strong {
|
|
|
|
display: block;
|
|
|
|
text-align: right;
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 500;
|
|
|
|
margin-top: -10px;
|
|
|
|
padding-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*----------------------*/
|
|
|
|
/*-----User Reviews-----*/
|
|
|
|
/*----------------------*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
|
|
|
/* Review 1*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-1 strong {
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-size: 28px;
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-1 em {
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-weight: 600;
|
|
|
|
font-size: 13px;
|
|
|
|
font-style: normal;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-1 .review-stars i {
|
|
|
|
color: #f3a01b;
|
|
|
|
font-size: 18px;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-right: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-1 .review-image {
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
top: 0px;
|
|
|
|
width: 55px;
|
|
|
|
height: 55px;
|
|
|
|
border-radius: 55px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-1 p {
|
|
|
|
font-size: 16px;
|
|
|
|
line-height: 36px;
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 300;
|
|
|
|
letter-spacing: -0.6px;
|
|
|
|
color: #343434;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-1 a {
|
|
|
|
text-align: right;
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 500;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Review 2*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-2 strong {
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-size: 43px;
|
|
|
|
line-height: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-2 em {
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
left: 100px;
|
|
|
|
font-size: 10px;
|
|
|
|
font-style: normal;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-2 .review-stars {
|
|
|
|
position: absolute;
|
|
|
|
top: 20px;
|
|
|
|
left: 100px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-2 .review-image {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
top: 0px;
|
|
|
|
border-radius: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-2 .review-stars i {
|
|
|
|
color: #f3a01b;
|
|
|
|
font-size: 14px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-2 p {
|
|
|
|
margin-top: 20px;
|
|
|
|
font-size: 16px;
|
|
|
|
line-height: 36px;
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 300;
|
|
|
|
letter-spacing: -0.6px;
|
|
|
|
color: #343434;
|
|
|
|
margin-bottom: 15px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-2 a {
|
|
|
|
text-align: right;
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 500;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Review 3*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 .review-line i {
|
|
|
|
color: #f39c12;
|
|
|
|
float: right;
|
|
|
|
padding-top: 10px;
|
|
|
|
width: 22px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 .review-line strong {
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 .review-line {
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 .review-line-last {
|
|
|
|
margin-bottom: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 .review-line-last i {
|
|
|
|
color: #d35400;
|
|
|
|
float: right;
|
|
|
|
padding-top: 10px;
|
|
|
|
width: 22px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 .review-line-last strong {
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 h4 {
|
|
|
|
font-size: 16px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 h5 {
|
|
|
|
font-size: 12px;
|
|
|
|
color: #666666;
|
|
|
|
font-weight: 400;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-3 p {
|
|
|
|
font-style: italic;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Review 4*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-4 img {
|
|
|
|
position: absolute;
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
border-radius: 70px;
|
|
|
|
top: -10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-4 h4 {
|
|
|
|
color: #1f1f1f;
|
|
|
|
text-align: right;
|
|
|
|
margin-top: 40px;
|
|
|
|
margin-left: 80px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-4 .review-stars {
|
|
|
|
float: right;
|
|
|
|
margin-left: 80px;
|
|
|
|
padding-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-4 .review-stars i {
|
|
|
|
color: #f39c12;
|
|
|
|
padding-right: 5px;
|
|
|
|
font-size: 16px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-4 p strong {
|
|
|
|
display: block;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-size: 16px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Review 5*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-5 img {
|
|
|
|
position: absolute;
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
border-radius: 70px;
|
|
|
|
top: -10px;
|
|
|
|
right: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-5 h4 {
|
|
|
|
color: #1f1f1f;
|
|
|
|
margin-top: 40px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-5 .review-stars {
|
|
|
|
padding-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-5 .review-stars i {
|
|
|
|
color: #f39c12;
|
|
|
|
padding-right: 5px;
|
|
|
|
font-size: 16px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-5 p strong {
|
|
|
|
display: block;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-size: 16px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Review 6*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-6 h4 {
|
|
|
|
font-weight: 300;
|
|
|
|
font-style: italic;
|
|
|
|
line-height: 40px;
|
|
|
|
text-align: center;
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
color: #333333;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-6 strong {
|
|
|
|
text-align: center;
|
|
|
|
display: block;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-weight: 700;
|
|
|
|
font-size: 15px;
|
|
|
|
padding-top: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-6 .review-stars {
|
|
|
|
width: 149px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-6 .review-stars i {
|
|
|
|
color: #f39c12;
|
|
|
|
padding-right: 5px;
|
|
|
|
padding-left: 5px;
|
|
|
|
font-size: 18px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.review-6 .fa-quote-right {
|
|
|
|
display: block;
|
|
|
|
font-size: 24px;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
/*-----Dropcaps-----*/
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.dropcaps-1:first-letter {
|
|
|
|
float: left;
|
|
|
|
font-size: 57px;
|
|
|
|
padding-top: 14px !important;
|
|
|
|
padding-right: 15px;
|
|
|
|
font-weight: 800;
|
|
|
|
color: #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropcaps-2:first-letter {
|
|
|
|
font-family: 'Petit Formal Script', cursive;
|
|
|
|
float: left;
|
|
|
|
font-size: 42px;
|
|
|
|
padding-top: 18px !important;
|
|
|
|
padding-right: 15px;
|
|
|
|
font-weight: 800;
|
|
|
|
color: #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropcaps-3:first-letter {
|
|
|
|
background-color: #1f1f1f;
|
|
|
|
padding: 10px;
|
|
|
|
padding-left: 15px;
|
|
|
|
padding-right: 15px;
|
|
|
|
margin-right: 12px;
|
|
|
|
margin-top: 5px;
|
|
|
|
float: left;
|
|
|
|
font-size: 24px;
|
|
|
|
font-weight: 800;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropcaps-4:first-letter {
|
|
|
|
font-family: 'Petit Formal Script', cursive;
|
|
|
|
font-weight: 800 !important;
|
|
|
|
background-color: #1f1f1f;
|
|
|
|
padding: 8px;
|
|
|
|
padding-left: 12px;
|
|
|
|
padding-right: 12px;
|
|
|
|
margin-right: 12px;
|
|
|
|
margin-top: 5px;
|
|
|
|
float: left;
|
|
|
|
font-size: 20px;
|
|
|
|
font-weight: 400;
|
|
|
|
color: #FFFFFF;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------------*/
|
|
|
|
/*-----------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Calendar Design----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*-----------------------*/
|
|
|
|
/*-----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar {
|
|
|
|
margin-bottom: 30px;
|
|
|
|
display: block;
|
|
|
|
overflow: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
calendar * {
|
|
|
|
display: block;
|
|
|
|
overflow: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-titles a {
|
|
|
|
width: 14.28%;
|
|
|
|
float: left;
|
|
|
|
text-align: center;
|
|
|
|
height: 40px;
|
|
|
|
line-height: 40px;
|
|
|
|
font-size: 10px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-weight: 800;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-titles .light-titles {
|
|
|
|
opacity: 0.5;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-days {
|
|
|
|
margin-top: -10px;
|
|
|
|
font-size: 14px;
|
|
|
|
margin-bottom: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-days a {
|
|
|
|
width: 14.28%;
|
|
|
|
float: left;
|
|
|
|
height: 60px;
|
|
|
|
line-height: 60px;
|
|
|
|
text-align: center;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-weight: 700;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-days a:hover {
|
|
|
|
color: rgba(41, 128, 185, 1.0);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-day .light-day {
|
|
|
|
opacity: 0.3;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-days i {
|
|
|
|
position: absolute;
|
|
|
|
font-size: 35px;
|
|
|
|
margin-top: 12px;
|
|
|
|
margin-left: -7px;
|
|
|
|
z-index: -1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.clear-day i {
|
|
|
|
opacity: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.light-day {
|
|
|
|
opacity: 0.3;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.light-day i {
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.taken-day {
|
|
|
|
color: #FFFFFF !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.taken-day i {
|
|
|
|
color: #27ae60;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.close-day {
|
|
|
|
color: #FFFFFF !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.close-day i {
|
|
|
|
color: #c0392b;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hours {
|
|
|
|
border-top: solid 1px rgba(0, 0, 0, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour {
|
|
|
|
height: 90px;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour-clear:hover {
|
|
|
|
background-color: rgba(39, 174, 96, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour-taken:hover {
|
|
|
|
background-color: rgba(192, 57, 43, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour strong {
|
|
|
|
color: #666666;
|
|
|
|
opacity: 0.7;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hours a:last-child {
|
|
|
|
border-bottom: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour .cal-time {
|
|
|
|
position: absolute;
|
|
|
|
margin-top: 30px;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 11px;
|
|
|
|
padding-left: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour .cal-from {
|
|
|
|
position: absolute;
|
|
|
|
margin-top: 18px;
|
|
|
|
font-size: 11px;
|
|
|
|
font-weight: 400;
|
|
|
|
padding-left: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour .cal-to {
|
|
|
|
position: absolute;
|
|
|
|
margin-top: 40px;
|
|
|
|
font-size: 11px;
|
|
|
|
font-weight: 400;
|
|
|
|
padding-left: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour h4 {
|
|
|
|
font-size: 14px;
|
|
|
|
padding-left: 100px;
|
|
|
|
padding-top: 17px;
|
|
|
|
margin-bottom: 2px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour em {
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 11px;
|
|
|
|
padding-left: 100px;
|
|
|
|
color: #666666;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.calendar-hour em i {
|
|
|
|
margin-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*----------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Page Preloader----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*----------------------*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
|
|
|
#preloader {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: fixed;
|
|
|
|
z-index: 2500;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
background-color: #FFF;
|
|
|
|
z-index: 99999999;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#status {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: fixed;
|
|
|
|
z-index: 99999999;
|
|
|
|
width: 250px;
|
|
|
|
height: 280px;
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
top: 50%;
|
|
|
|
padding-bottom: 40px;
|
|
|
|
background-image: url(../images/framework/page-loader.gif);
|
|
|
|
background-size: 64px 64px;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center bottom;
|
|
|
|
margin: -125px 0 0 -125px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.preloader-logo {
|
|
|
|
background-image: url(../images/preload-logo.png);
|
|
|
|
background-size: 75px 75px;
|
|
|
|
height: 75px;
|
|
|
|
width: 75px;
|
|
|
|
display: block;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 40px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
#preloader h3 {
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
#status em {
|
|
|
|
font-size: 10px !important;
|
|
|
|
display: block;
|
|
|
|
font-style: normal;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------*/
|
|
|
|
/*------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Tabs----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*------------*/
|
|
|
|
/*------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
ul.tabs {
|
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
|
|
|
list-style: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
ul.tabs li {
|
|
|
|
pointer-events: all;
|
|
|
|
color: #222;
|
|
|
|
display: inline-block;
|
|
|
|
padding: 8px 15px;
|
|
|
|
cursor: pointer;
|
|
|
|
-webkit-transition: all 250ms ease;
|
|
|
|
-moz-transition: all 250ms ease;
|
|
|
|
-ms-transition: all 250ms ease;
|
|
|
|
-o-transition: all 250ms ease;
|
|
|
|
transition: all 250ms ease;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
ul.tabs li.active-tab {
|
|
|
|
pointer: cursor;
|
|
|
|
pointer-events: none;
|
|
|
|
background: rgba(0, 0, 0, 0.04);
|
|
|
|
color: #222;
|
|
|
|
-webkit-transition: all 250ms ease;
|
|
|
|
-moz-transition: all 250ms ease;
|
|
|
|
-ms-transition: all 250ms ease;
|
|
|
|
-o-transition: all 250ms ease;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tab-content {
|
|
|
|
display: none;
|
|
|
|
background: rgba(0, 0, 0, 0.04);
|
|
|
|
padding: 15px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.active-tab-content {
|
|
|
|
display: block
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------*/
|
|
|
|
/*-----------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Accordion----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*-----------------*/
|
|
|
|
/*-----------------*/
|
|
|
|
|
|
|
|
.accordion-toggle {
|
2023-11-12 18:12:42 +00:00
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
cursor: pointer;
|
|
|
|
font-size: 14px;
|
|
|
|
height: 60px;
|
|
|
|
line-height: 60px;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.accordion-toggle i {
|
|
|
|
float: right;
|
|
|
|
line-height: 60px;
|
|
|
|
height: 60px;
|
|
|
|
margin-top: 0px;
|
|
|
|
width: 40px;
|
|
|
|
text-align: center;
|
|
|
|
margin-right: -10px;
|
|
|
|
-moz-transform: rotate(0deg);
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
-o-transform: rotate(0deg);
|
|
|
|
-ms-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
|
|
-moz-transition: all 250ms ease-in-out;
|
|
|
|
-ms-transition: all 250ms ease-in-out;
|
|
|
|
-o-transition: all 250ms ease-in-out;
|
|
|
|
transition: all 250ms ease-in-out;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.accordion-content {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: none;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.accordion-content.active-accordion {
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.accordion-toggle {
|
|
|
|
margin-top: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.accordion-content p {
|
|
|
|
margin-bottom: -10px;
|
|
|
|
padding-top: 15px;
|
|
|
|
padding-bottom: 15px;
|
|
|
|
padding-left: 0px;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.accordion-toggle {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
margin-top: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rotate-180 {
|
|
|
|
-moz-transform: rotate(180deg) !important;
|
|
|
|
-webkit-transform: rotate(180deg) !important;
|
|
|
|
-o-transform: rotate(180deg) !important;
|
|
|
|
-ms-transform: rotate(180deg) !important;
|
|
|
|
transform: rotate(180deg) !important;
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
|
|
-moz-transition: all 250ms ease-in-out;
|
|
|
|
-ms-transition: all 250ms ease-in-out;
|
|
|
|
-o-transition: all 250ms ease-in-out;
|
|
|
|
transition: all 250ms ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rotate-90 {
|
|
|
|
-moz-transform: rotate(90deg) !important;
|
|
|
|
-webkit-transform: rotate(90deg) !important;
|
|
|
|
-o-transform: rotate(90deg) !important;
|
|
|
|
-ms-transform: rotate(90deg) !important;
|
|
|
|
transform: rotate(90deg) !important;
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
|
|
-moz-transition: all 250ms ease-in-out;
|
|
|
|
-ms-transition: all 250ms ease-in-out;
|
|
|
|
-o-transition: all 250ms ease-in-out;
|
|
|
|
transition: all 250ms ease-in-out;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*---------------*/
|
|
|
|
/*---------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Toggles----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*---------------*/
|
|
|
|
/*---------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.toggle {
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.toggle a:first-child {
|
|
|
|
height: 60px;
|
|
|
|
line-height: 60px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 15px;
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.active-toggle .toggle-content {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toggle-content {
|
|
|
|
display: none;
|
|
|
|
padding-top: 0px;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toggle-content p {
|
|
|
|
padding-bottom: 0px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toggle i {
|
|
|
|
font-size: 10px !important;
|
|
|
|
pointer-events: none;
|
|
|
|
position: absolute;
|
|
|
|
top: 1px;
|
|
|
|
width: 20px;
|
|
|
|
height: 60px;
|
|
|
|
line-height: 60px;
|
|
|
|
text-align: center;
|
|
|
|
right: 0px;
|
|
|
|
-moz-transform: rotate(0deg);
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
-o-transform: rotate(0deg);
|
|
|
|
-ms-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
|
|
-moz-transition: all 250ms ease-in-out;
|
|
|
|
-ms-transition: all 250ms ease-in-out;
|
|
|
|
-o-transition: all 250ms ease-in-out;
|
|
|
|
transition: all 250ms ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rotate-toggle {
|
|
|
|
color: #c0392b;
|
|
|
|
-moz-transform: rotate(45deg) !important;
|
|
|
|
-webkit-transform: rotate(45deg) !important;
|
|
|
|
-o-transform: rotate(45deg) !important;
|
|
|
|
-ms-transform: rotate(45deg) !important;
|
|
|
|
transform: rotate(45deg) !important;
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
|
|
-moz-transition: all 250ms ease-in-out;
|
|
|
|
-ms-transition: all 250ms ease-in-out;
|
|
|
|
-o-transition: all 250ms ease-in-out;
|
|
|
|
transition: all 250ms ease-in-out;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------------------*/
|
|
|
|
/*-----------------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Mobile Style Switches----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*-----------------------------*/
|
|
|
|
/*-----------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-box h4 {
|
|
|
|
font-size: 15px;
|
|
|
|
line-height: 29px;
|
|
|
|
float: left;
|
|
|
|
font-weight: 600;
|
|
|
|
padding-top: 2px;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-box .switch {
|
|
|
|
float: right !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-box .switch-icon {
|
|
|
|
float: right !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-box-content {
|
|
|
|
clear: both;
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-box-subtitle {
|
|
|
|
display: block;
|
|
|
|
clear: both;
|
|
|
|
opacity: 0.8;
|
|
|
|
font-size: 13px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Switch 1*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-1 {
|
|
|
|
width: 50px;
|
|
|
|
height: 30px;
|
|
|
|
background-color: #c0392b;
|
|
|
|
border-radius: 30px;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
float: left;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-1 em:first-child {
|
|
|
|
position: absolute;
|
|
|
|
color: #FFFFFF;
|
|
|
|
height: 30px;
|
|
|
|
line-height: 30px;
|
|
|
|
margin-left: 11px;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-1 em:last-child {
|
|
|
|
position: absolute;
|
|
|
|
color: #FFFFFF;
|
|
|
|
height: 30px;
|
|
|
|
line-height: 30px;
|
|
|
|
margin-left: 33px;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-1 span {
|
|
|
|
width: 26px;
|
|
|
|
height: 26px;
|
|
|
|
position: absolute;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
border-radius: 28px;
|
|
|
|
margin-top: 2px;
|
|
|
|
transform: translateX(2px);
|
|
|
|
-webkit-transform: translateX(2px);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-1-on {
|
|
|
|
background-color: #27ae60;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-1-on span {
|
|
|
|
transform: translateX(22px);
|
|
|
|
-webkit-transform: translateX(22px);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-icon em:first-child {
|
|
|
|
font-size: 10px;
|
|
|
|
margin-top: 2px;
|
|
|
|
margin-left: 9px;
|
|
|
|
line-height: 27px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-icon em:last-child {
|
|
|
|
font-size: 10px;
|
|
|
|
margin-top: 2px;
|
|
|
|
margin-left: 32px;
|
|
|
|
line-height: 27px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Switch 2*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-2 {
|
|
|
|
width: 85px;
|
|
|
|
background-color: #464646;
|
|
|
|
height: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-2 span {
|
|
|
|
margin-top: 2px;
|
|
|
|
transform: translateX(2px);
|
|
|
|
-webkit-transform: translateX(2px);
|
|
|
|
width: 40px;
|
|
|
|
background-color: #676767;
|
|
|
|
height: 26px;
|
|
|
|
position: absolute;
|
|
|
|
text-align: center;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-2 span em {
|
|
|
|
display: block;
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-style: normal;
|
|
|
|
line-height: 26px;
|
|
|
|
font-size: 10px !important;
|
|
|
|
margin-top: -26px;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-2-on span {
|
|
|
|
transform: translateX(43px);
|
|
|
|
-webkit-transform: translateX(43px);
|
|
|
|
/*background-color:#0e88b1;*/
|
|
|
|
background-color: #27ae60;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-2-on span em {
|
|
|
|
margin-top: 0px;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Switch 3*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-3 {
|
|
|
|
border: solid 3px #cacaca;
|
|
|
|
width: 60px;
|
|
|
|
height: 28px;
|
|
|
|
background-color: #27ae60;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-3 span {
|
|
|
|
z-index: 10;
|
|
|
|
position: absolute;
|
|
|
|
background-color: #cacaca;
|
|
|
|
width: 25px;
|
|
|
|
border-right: solid 3px #FFFFFF;
|
|
|
|
border-left: solid 3px #FFFFFF;
|
|
|
|
height: 28px;
|
|
|
|
margin-top: -3px;
|
|
|
|
transform: translateX(33px);
|
|
|
|
-webkit-transform: translateX(33px);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-3-on {
|
|
|
|
background-color: #c0392b;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-3-on span {
|
|
|
|
transform: translateX(-3px);
|
|
|
|
-webkit-transform: translateX(-3px);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-3 strong {
|
|
|
|
position: absolute;
|
|
|
|
width: 54px;
|
|
|
|
height: 22px;
|
|
|
|
border: solid 3px #FFFFFF;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-3 em {
|
|
|
|
position: absolute;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-left: 0px;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 10px;
|
|
|
|
margin-top: -4px;
|
|
|
|
width: 35px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.switch-3 em:last-child {
|
|
|
|
position: absolute;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-left: 19px !important;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 10px;
|
|
|
|
margin-top: -4px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*---------------------*/
|
|
|
|
/*---------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Notifications----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*---------------------*/
|
|
|
|
/*---------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.static-notification {
|
|
|
|
padding: 15px;
|
|
|
|
margin: 15px 0;
|
|
|
|
background-color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.static-notification h6 {
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-weight: 500;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
border-bottom: solid 1px rgba(255, 255, 255, 0.3);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.static-notification-icon {
|
|
|
|
padding-right: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.static-notification p {
|
|
|
|
font-size: 12px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
color: rgba(255, 255, 255, 0.8);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.static-notification-close {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
position: absolute;
|
|
|
|
top: 5px;
|
|
|
|
right: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.static-notification-close {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tap-dismiss i {
|
|
|
|
font-size: 20px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
position: absolute;
|
|
|
|
height: 60px;
|
|
|
|
top: -15px;
|
|
|
|
line-height: 60px;
|
|
|
|
width: 60px;
|
|
|
|
text-align: center;
|
|
|
|
left: -15px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tap-dismiss p {
|
|
|
|
padding-left: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------------*/
|
|
|
|
/*---Fixed Notifications---*/
|
|
|
|
/*-------------------------*/
|
|
|
|
|
|
|
|
/*top*/
|
2023-11-12 18:12:42 +00:00
|
|
|
.top-notification {
|
|
|
|
display: none;
|
|
|
|
z-index: 9999;
|
|
|
|
position: fixed;
|
|
|
|
top: 60px;
|
|
|
|
left: 0px;
|
|
|
|
right: 0px;
|
|
|
|
width: 100%;
|
|
|
|
padding: 15px 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 568px) {
|
|
|
|
.top-notification {
|
|
|
|
width: 320px;
|
|
|
|
right: 40px;
|
|
|
|
left: auto;
|
|
|
|
top: 20px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.top-notification h4 {
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-size: 15px;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.top-notification p {
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.top-notification a {
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-decoration: underline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.top-notification .close-top-notification {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
top: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.top-notification .close-top-notification i {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*bottom*/
|
2023-11-12 18:12:42 +00:00
|
|
|
.bottom-notification {
|
|
|
|
display: none;
|
|
|
|
z-index: 9999;
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0px;
|
|
|
|
left: 0px;
|
|
|
|
right: 0px;
|
|
|
|
width: 100%;
|
|
|
|
padding: 15px 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 568px) {
|
|
|
|
.bottom-notification {
|
|
|
|
width: 320px;
|
|
|
|
right: 40px;
|
|
|
|
left: auto;
|
|
|
|
bottom: 40px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.bottom-notification h4 {
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-size: 15px;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.bottom-notification p {
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.bottom-notification a {
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-decoration: underline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.bottom-notification .close-bottom-notification {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
top: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.bottom-notification .close-bottom-notification i {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*----------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Speach Bubbles----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*----------------------*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.green-bubble {
|
|
|
|
background-color: #33c922 !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
border: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.blue-bubble {
|
|
|
|
background-color: #0b84fe !important;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
border: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.speach-left {
|
|
|
|
float: left;
|
|
|
|
display: inline;
|
|
|
|
text-align: left;
|
|
|
|
max-width: 75%;
|
|
|
|
font-size: 13px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-radius: 10px;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
border: solid 1px #cacaca;
|
|
|
|
}
|
|
|
|
|
|
|
|
.speach-left-title {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
font-size: 10px;
|
|
|
|
font-style: normal;
|
|
|
|
padding-left: 5px;
|
|
|
|
color: #000000;
|
|
|
|
text-shadow: 0px 1px 0px #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.speach-right {
|
|
|
|
float: right;
|
|
|
|
text-align: right;
|
|
|
|
text-align: left;
|
|
|
|
max-width: 75%;
|
|
|
|
font-size: 13px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-radius: 10px;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
border: solid 1px #cacaca;
|
|
|
|
}
|
|
|
|
|
|
|
|
.speach-right-title {
|
|
|
|
text-align: right;
|
|
|
|
display: block;
|
|
|
|
font-size: 10px;
|
|
|
|
font-style: normal;
|
|
|
|
padding-right: 5px;
|
|
|
|
color: #000000;
|
|
|
|
text-shadow: 0px 1px 0px #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.speach-status {
|
|
|
|
font-size: 11px;
|
|
|
|
font-weight: 500;
|
|
|
|
float: right;
|
|
|
|
margin-top: -25px;
|
|
|
|
position: relative;
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.speach-status i {
|
|
|
|
padding-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.speach-status img {
|
|
|
|
width: 15px;
|
|
|
|
height: 15px;
|
|
|
|
border-radius: 10px;
|
|
|
|
float: right;
|
|
|
|
margin-top: 7px;
|
|
|
|
margin-left: 10px;
|
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------*/
|
|
|
|
/*--------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Charts----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*--------------*/
|
|
|
|
/*--------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.chart-center {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chart div {
|
|
|
|
overflow: hidden !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chart strong {
|
|
|
|
font-size: 13px;
|
|
|
|
text-align: left;
|
|
|
|
font-weight: 600;
|
|
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
|
|
padding-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chart em {
|
|
|
|
font-size: 13px;
|
|
|
|
text-align: right;
|
|
|
|
font-style: normal;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
margin-top: -20px;
|
|
|
|
font-weight: 300;
|
|
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
|
|
padding-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chart-background {
|
|
|
|
background-color: #CCC;
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
height: 22px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
margin-top: -5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.red-chart {
|
|
|
|
background-color: #c0392b;
|
|
|
|
margin: 3px;
|
|
|
|
height: 16px;
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.green-chart {
|
|
|
|
background-color: #27ae60;
|
|
|
|
margin: 3px;
|
|
|
|
height: 16px;
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.yellow-chart {
|
|
|
|
background-color: #f39c12;
|
|
|
|
margin: 3px;
|
|
|
|
height: 16px;
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.magenta-chart {
|
|
|
|
background-color: #8e44ad;
|
|
|
|
margin: 3px;
|
|
|
|
height: 16px;
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.blue-chart {
|
|
|
|
background-color: #2980b9;
|
|
|
|
margin: 3px;
|
|
|
|
height: 16px;
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chart-round div {
|
|
|
|
border-radius: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p100 {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p95 {
|
|
|
|
width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p90 {
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p85 {
|
|
|
|
width: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p80 {
|
|
|
|
width: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p75 {
|
|
|
|
width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p70 {
|
|
|
|
width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p65 {
|
|
|
|
width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p60 {
|
|
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p55 {
|
|
|
|
width: 55%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p50 {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p45 {
|
|
|
|
width: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p40 {
|
|
|
|
width: 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p35 {
|
|
|
|
width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p30 {
|
|
|
|
width: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p25 {
|
|
|
|
width: 25%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p20 {
|
|
|
|
width: 20%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p15 {
|
|
|
|
width: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p10 {
|
|
|
|
width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p5 {
|
|
|
|
width: 5%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p0 {
|
|
|
|
width: 0%;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
/*---------------*/
|
|
|
|
/*---------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Buttons----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*---------------*/
|
|
|
|
/*---------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button {
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: 500;
|
|
|
|
letter-spacing: 0.6px;
|
|
|
|
display: inline-block;
|
|
|
|
padding: 8px 18px;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
margin-right: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-icon i {
|
|
|
|
position: absolute;
|
|
|
|
width: 10px;
|
|
|
|
height: 10px;
|
|
|
|
line-height: 10px;
|
|
|
|
left: 15px;
|
|
|
|
top: 50%;
|
|
|
|
margin-top: -5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-icon {
|
|
|
|
padding-left: 40px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-small {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 5px 15px;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
margin-right: 12px;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-xl {
|
|
|
|
font-size: 16px;
|
|
|
|
padding: 12px 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-l {
|
|
|
|
font-size: 15px;
|
|
|
|
padding: 10px 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-s {
|
|
|
|
font-size: 13px;
|
|
|
|
padding: 8px 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-xs {
|
|
|
|
font-size: 11px;
|
|
|
|
padding: 6px 15px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-fullscreen {
|
|
|
|
width: 100% !important;
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-button {
|
|
|
|
height: 45px;
|
|
|
|
display: inline-block;
|
|
|
|
padding-right: 30px;
|
|
|
|
padding-left: 45px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
margin-right: 5px;
|
|
|
|
line-height: 45px;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 12px;
|
|
|
|
width: 115px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-button-fullscreen {
|
|
|
|
height: 45px;
|
|
|
|
display: block;
|
|
|
|
padding-right: 30px;
|
|
|
|
padding-left: 45px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
margin-right: 5px;
|
|
|
|
line-height: 45px;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 12px;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-button i, .social-button-fullscreen i {
|
|
|
|
position: absolute;
|
|
|
|
height: 45px;
|
|
|
|
width: 45px;
|
|
|
|
line-height: 45px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 18px;
|
|
|
|
left: 0px;
|
|
|
|
margin-top: 1px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-ball {
|
|
|
|
border-radius: 45px;
|
|
|
|
display: inline-block;
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
width: 45px;
|
|
|
|
height: 45px;
|
|
|
|
line-height: 45px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-square {
|
|
|
|
display: inline-block;
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
width: 45px;
|
|
|
|
height: 45px;
|
|
|
|
line-height: 45px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-ball i {
|
|
|
|
width: 45px;
|
|
|
|
height: 45px;
|
|
|
|
line-height: 45px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-square i {
|
|
|
|
width: 45px;
|
|
|
|
height: 45px;
|
|
|
|
line-height: 45px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-round {
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
.button,
|
|
|
|
.button:hover,
|
|
|
|
.button-round,
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-round:hover {
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.teal-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #117562;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-teal {
|
|
|
|
background-color: #16a085;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-teal:hover {
|
|
|
|
background-color: #1abc9c;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.green-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #1e8248;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-green {
|
|
|
|
background-color: #27ae60;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-green:hover {
|
|
|
|
background-color: #2ecc71;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blue-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #194e70;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-blue {
|
|
|
|
background-color: #2980b9;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-blue:hover {
|
|
|
|
background-color: #3498db;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.magenta-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #602e75;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-magenta {
|
|
|
|
background-color: #8e44ad;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-magenta:hover {
|
|
|
|
background-color: #9b59b6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #19232d;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-dark {
|
|
|
|
background-color: #2c3e50;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-dark:hover {
|
|
|
|
background-color: #34495e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.yellow-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #ba970b;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-yellow {
|
|
|
|
background-color: #f1c40f;
|
|
|
|
color: #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-yellow:hover {
|
|
|
|
background-color: #f39c12;
|
|
|
|
}
|
|
|
|
|
|
|
|
.orange-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #9d3e00;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-orange {
|
|
|
|
background-color: #d35400;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-orange:hover {
|
|
|
|
background-color: #e67e22;
|
|
|
|
}
|
|
|
|
|
|
|
|
.red-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #8a281e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-red {
|
|
|
|
background-color: #c0392b;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-red:hover {
|
|
|
|
background-color: #e74c3c;
|
|
|
|
}
|
|
|
|
|
|
|
|
.light-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #868a8c;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-light {
|
|
|
|
background-color: #bdc3c7;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-light:hover {
|
|
|
|
background-color: #ecf0f1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.grey-3d {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
border-bottom: solid 4px #474d4e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-grey {
|
|
|
|
background-color: #7f8c8d;
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-grey:hover {
|
|
|
|
background-color: #95a5a6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button i {
|
|
|
|
padding-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-center {
|
|
|
|
width: 120px;
|
|
|
|
margin-left: auto !important;
|
|
|
|
margin-right: auto !important;
|
|
|
|
text-align: center;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-right {
|
|
|
|
float: right;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.button-right:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
visibility: hidden;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
height: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.read-more-link {
|
|
|
|
text-align: right;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.read-more-link i {
|
|
|
|
padding-right: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-cover {
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
font-size: 12px;
|
|
|
|
border-radius: 5px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
border: solid 1px rgba(255, 255, 255, 0.5);
|
|
|
|
transition: all 200ms ease;
|
|
|
|
margin-right: 0px;
|
|
|
|
margin-left: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.button-cover:hover {
|
|
|
|
background-color: rgba(255, 255, 255, 0.05);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------*/
|
|
|
|
/*---Login Buttons---*/
|
|
|
|
/*-------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.facebook-login,
|
|
|
|
.twitter-login,
|
|
|
|
.google-login {
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
padding-left: 20px;
|
|
|
|
padding-right: 20px;
|
|
|
|
margin-top: 8px;
|
|
|
|
margin-bottom: 8px;
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
|
|
|
transition: all 250ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facebook-login:hover,
|
|
|
|
.twitter-login:hover,
|
|
|
|
.google-login:hover {
|
|
|
|
opacity: 0.9;
|
|
|
|
transition: all 250ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facebook-login i,
|
|
|
|
.twitter-login i,
|
|
|
|
.google-login i {
|
|
|
|
width: 10px;
|
|
|
|
margin-right: 20px;
|
|
|
|
position: absolute;
|
|
|
|
left: 20px;
|
|
|
|
top: 18px;
|
|
|
|
font-size: 16px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------*/
|
|
|
|
/*--------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----This or That----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*--------------------*/
|
|
|
|
/*--------------------*/
|
|
|
|
|
|
|
|
/*Style 1*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.or-buttons-style-1 {
|
|
|
|
width: 300px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.or-buttons-style-1 a:first-child {
|
|
|
|
width: 108px;
|
|
|
|
text-align: center;
|
|
|
|
float: left;
|
|
|
|
margin-right: 30px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
margin-left: 0px;
|
|
|
|
font-size: 13px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.or-buttons-style-1 em {
|
|
|
|
position: relative;
|
|
|
|
z-index: 10;
|
|
|
|
float: left;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
padding: 7px 5px;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.or-buttons-style-1 strong {
|
|
|
|
position: absolute;
|
|
|
|
margin-top: 22px;
|
|
|
|
margin-left: 121px;
|
|
|
|
display: block;
|
|
|
|
height: 1px;
|
|
|
|
width: 50px;
|
|
|
|
background-color: rgba(0, 0, 0, 0.2);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.or-buttons-style-1 a:last-child {
|
|
|
|
width: 108px;
|
|
|
|
text-align: center;
|
|
|
|
float: left;
|
|
|
|
margin-left: 30px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
margin-right: 0px;
|
|
|
|
font-size: 13px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Style 2*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.or-buttons-style-2 {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.or-buttons-style-2 a:first-child {
|
|
|
|
width: 200px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.or-buttons-style-2 em {
|
|
|
|
position: relative;
|
|
|
|
z-index: 10;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
padding: 5px;
|
|
|
|
font-size: 12px;
|
|
|
|
display: block;
|
|
|
|
width: 30px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.or-buttons-style-2 strong {
|
|
|
|
position: absolute;
|
|
|
|
margin-top: -20px;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -75px;
|
|
|
|
display: block;
|
|
|
|
height: 1px;
|
|
|
|
width: 150px;
|
|
|
|
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
|
|
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(202, 202, 202, 1)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
|
|
|
|
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
|
|
|
|
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
|
|
|
|
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
|
|
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* W3C */
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */
|
|
|
|
}
|
|
|
|
|
|
|
|
.or-buttons-style-2 a:last-child {
|
|
|
|
width: 200px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
font-size: 13px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Style 3*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.or-buttons-style-3 em {
|
|
|
|
position: relative;
|
|
|
|
z-index: 10;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
padding: 5px;
|
|
|
|
font-size: 14px;
|
|
|
|
display: block;
|
|
|
|
width: 40px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.or-buttons-style-3 strong {
|
|
|
|
position: absolute;
|
|
|
|
margin-top: -20px;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -100px;
|
|
|
|
display: block;
|
|
|
|
height: 1px;
|
|
|
|
width: 200px;
|
|
|
|
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
|
|
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(202, 202, 202, 1)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
|
|
|
|
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
|
|
|
|
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
|
|
|
|
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
|
|
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(202, 202, 202, 1) 50%, rgba(255, 255, 255, 0) 100%); /* W3C */
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------*/
|
|
|
|
/*-------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Modal Forms----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*-------------------*/
|
|
|
|
/*-------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.rounded-modal {
|
|
|
|
border-radius: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.squared-modal {
|
|
|
|
border-radius: 0px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
/*-----------------------*/
|
|
|
|
/*---Simple Modal Form---*/
|
|
|
|
/*-----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
#simplemodal-overlay {
|
|
|
|
background-color: #000;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.simple-modal-content {
|
|
|
|
display: none;
|
|
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
|
|
margin-top: 20px;
|
|
|
|
padding-bottom: 2px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (max-width: 350px) {
|
|
|
|
#simplemodal-container {
|
|
|
|
width: 300px !important;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 355px) {
|
|
|
|
#simplemodal-container {
|
|
|
|
width: 340px !important;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.simple-modal-content h4 {
|
|
|
|
padding: 20px;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.simple-modal-content p {
|
|
|
|
padding: 20px;
|
|
|
|
padding-top: 0px;
|
|
|
|
padding-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------------*/
|
|
|
|
/*---Social Modal Form---*/
|
|
|
|
/*-----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-login-modal-content {
|
|
|
|
display: none;
|
|
|
|
padding-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-modal-wrapper {
|
|
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
|
|
border-radius: 10px;
|
|
|
|
padding: 20px 40px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.login-modal-wrapper h4 {
|
|
|
|
text-align: center;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.facebook-connect {
|
|
|
|
background-color: #3b5998;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.twitter-connect {
|
|
|
|
background-color: #4099ff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.google-connect {
|
|
|
|
background-color: #d34836;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*---Login Modal Form---*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.login-modal-wrapper .facebook-connect, .google-connect, .twitter-connect {
|
|
|
|
color: #FFFFFF;
|
|
|
|
border-radius: 5px;
|
|
|
|
font-size: 11px;
|
|
|
|
padding-top: 3px;
|
|
|
|
padding-bottom: 3px;
|
|
|
|
padding-left: 40px;
|
|
|
|
padding-right: 20px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-modal-wrapper .facebook-connect i, .google-connect i, .twitter-connect i {
|
|
|
|
width: 10px;
|
|
|
|
font-size: 14px;
|
|
|
|
position: absolute;
|
|
|
|
width: 35px;
|
|
|
|
height: 35px;
|
|
|
|
top: 1px;
|
|
|
|
left: 5px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 35px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-modal-wrapper em {
|
|
|
|
font-family: 'Crete Round', sans-serif;
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-modal-user, .login-modal-pass {
|
|
|
|
width: 100%;
|
|
|
|
height: 40px;
|
|
|
|
border-bottom: solid 1px #cacaca;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
font-size: 13px;
|
|
|
|
-webkit-transition: all 250ms ease;
|
|
|
|
-moz-transition: all 250ms ease;
|
|
|
|
-ms-transition: all 250ms ease;
|
|
|
|
-o-transition: all 250ms ease;
|
|
|
|
transition: all 250ms ease;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-modal-user:focus, .login-modal-pass:focus {
|
|
|
|
border-bottom: solid 1px #27ae60;
|
|
|
|
-webkit-transition: all 250ms ease;
|
|
|
|
-moz-transition: all 250ms ease;
|
|
|
|
-ms-transition: all 250ms ease;
|
|
|
|
-o-transition: all 250ms ease;
|
|
|
|
transition: all 250ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-modal-wrapper .login-button {
|
|
|
|
width: 45%;
|
|
|
|
margin-right: 10%;
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-align: center;
|
|
|
|
height: 35px;
|
|
|
|
line-height: 35px;
|
|
|
|
border-radius: 5px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: 20px;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-modal-wrapper .login-close {
|
|
|
|
float: left;
|
|
|
|
width: 45%;
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-align: center;
|
|
|
|
height: 35px;
|
|
|
|
line-height: 35px;
|
|
|
|
border-radius: 5px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-modal-wrapper .login-forgot {
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
|
|
|
font-weight: 500;
|
|
|
|
color: #666;
|
|
|
|
margin-top: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*---Simple Login---*/
|
|
|
|
/*------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.simple-login-modal-content {
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------*/
|
|
|
|
/*---Social Profile Modal---*/
|
|
|
|
/*--------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.social-profile-modal-content {
|
|
|
|
display: none;
|
|
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
|
|
padding: 20px;
|
|
|
|
padding-top: 30px;
|
|
|
|
padding-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-profile-modal-content img {
|
|
|
|
width: 100px;
|
|
|
|
height: 100px;
|
|
|
|
border-radius: 140px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-profile-modal-content h3 {
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-profile-modal-content strong {
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: center;
|
|
|
|
display: block;
|
|
|
|
font-size: 13px;
|
|
|
|
margin-top: -10px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-profile-modal-content .social-profiles {
|
|
|
|
width: 230px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facebook-profile {
|
|
|
|
width: 65px;
|
|
|
|
height: 65px;
|
|
|
|
float: left;
|
|
|
|
margin: 0px 5px;
|
|
|
|
margin-bottom: 40px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 40px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facebook-profile i {
|
|
|
|
display: block;
|
|
|
|
width: 45px;
|
|
|
|
height: 45px;
|
|
|
|
border-radius: 45px;
|
|
|
|
line-height: 45px;
|
|
|
|
text-align: center;
|
|
|
|
background-color: #3b5998;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facebook-profile em {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
font-style: normal;
|
|
|
|
color: #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.twitter-profile {
|
|
|
|
width: 65px;
|
|
|
|
height: 65px;
|
|
|
|
float: left;
|
|
|
|
margin: 0px 5px;
|
|
|
|
margin-bottom: 40px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 40px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.twitter-profile i {
|
|
|
|
display: block;
|
|
|
|
width: 45px;
|
|
|
|
height: 45px;
|
|
|
|
border-radius: 45px;
|
|
|
|
line-height: 45px;
|
|
|
|
text-align: center;
|
|
|
|
background-color: #4099ff;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.twitter-profile em {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
font-style: normal;
|
|
|
|
color: #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.google-profile {
|
|
|
|
width: 65px;
|
|
|
|
height: 65px;
|
|
|
|
float: left;
|
|
|
|
margin: 0px 5px;
|
|
|
|
margin-bottom: 40px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 40px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.google-profile i {
|
|
|
|
display: block;
|
|
|
|
width: 45px;
|
|
|
|
height: 45px;
|
|
|
|
border-radius: 45px;
|
|
|
|
line-height: 45px;
|
|
|
|
text-align: center;
|
|
|
|
background-color: #d34836;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.google-profile em {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
font-style: normal;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------*/
|
|
|
|
/*--------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Share Bottom----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*--------------------*/
|
|
|
|
/*--------------------*/
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.share-socials-bottom {
|
|
|
|
width: 600px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.share-bottom {
|
|
|
|
position: fixed;
|
|
|
|
width: 100%;
|
|
|
|
z-index: 99999;
|
|
|
|
background-color: #f8f8f8;
|
|
|
|
padding-top: 15px;
|
|
|
|
padding-bottom: 15px;
|
|
|
|
border-top: solid 1px rgba(0, 0, 0, 0.08);
|
|
|
|
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
|
|
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
|
|
|
|
bottom: -380px;
|
|
|
|
transition: all 350ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.active-share-bottom {
|
|
|
|
-webkit-box-shadow: 0 -5px 15px 1px rgba(0, 0, 0, 0.1) !important;
|
|
|
|
box-shadow: 0 -5px 15px 1px rgba(0, 0, 0, 0.1) !important;
|
|
|
|
bottom: 0px !important;
|
|
|
|
transition: all 350ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share-bottom h3 {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 16px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: 600;
|
|
|
|
padding-bottom: 15px;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.05);
|
|
|
|
margin-left: -5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share-socials-bottom {
|
|
|
|
width: 300px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share-socials-bottom a {
|
|
|
|
font-family: 'Roboto', serif;
|
|
|
|
font-size: 13px !important;
|
|
|
|
font-weight: 500;
|
|
|
|
color: #1f1f1f;
|
|
|
|
float: left;
|
|
|
|
width: 60px;
|
|
|
|
margin-left: 20px;
|
|
|
|
margin-right: 20px;
|
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share-socials-bottom a i:hover {
|
|
|
|
color: #FFFFFF;
|
|
|
|
-moz-transform: scale(1.01, 1.01);
|
|
|
|
-webkit-transform: scale(1.01, 1.01);
|
|
|
|
-o-transform: scale(1.01, 1.01);
|
|
|
|
-ms-transform: scale(1.01, 1.01);
|
|
|
|
transform: scale(1.01, 1.01);
|
|
|
|
transition: all 150ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share-socials-bottom a i {
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
border-radius: 60px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
line-height: 60px;
|
|
|
|
font-size: 18px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
-moz-transform: scale(0.9, 0.9);
|
|
|
|
-webkit-transform: scale(0.9, 0.9);
|
|
|
|
-o-transform: scale(0.9, 0.9);
|
|
|
|
-ms-transform: scale(0.9, 0.9);
|
|
|
|
transform: scale(0.9, 0.9);
|
|
|
|
transition: all 150ms ease;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share-socials-bottom a i:hover {
|
|
|
|
transition: all 250ms ease;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.close-share-bottom {
|
|
|
|
font-family: 'Roboto', serif;
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
padding-top: 15px;
|
|
|
|
margin-top: 15px;
|
|
|
|
border-top: solid 1px rgba(0, 0, 0, 0.05);
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 600;
|
|
|
|
color: #1f1f1f;
|
|
|
|
transition: all 250ms ease;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
height: 50px;
|
|
|
|
margin-bottom: -15px;
|
|
|
|
padding-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.close-share-bottom:hover {
|
|
|
|
color: rgba(0, 0, 0, 0.6);
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------*/
|
|
|
|
/*------------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Device Detection----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*------------------------*/
|
|
|
|
/*------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.device-detected img {
|
|
|
|
width: 101px;
|
|
|
|
height: 101px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.device-detected h5 {
|
|
|
|
text-align: Center;
|
|
|
|
padding-top: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.device-detected p {
|
|
|
|
text-align: center;
|
|
|
|
padding-left: 20px;
|
|
|
|
padding-right: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------------------*/
|
|
|
|
/*----------------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Animated Back To Top----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*----------------------------*/
|
|
|
|
/*----------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.back-to-top-badge {
|
|
|
|
opacity: 0;
|
|
|
|
width: 120px;
|
|
|
|
height: 34px;
|
|
|
|
border-radius: 18px;
|
|
|
|
font-size: 12px;
|
|
|
|
position: fixed;
|
|
|
|
z-index: 9999;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -60px;
|
|
|
|
bottom: 40px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 32px;
|
|
|
|
background: #499bea; /* Old browsers */
|
|
|
|
background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6+ */
|
|
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #499bea), color-stop(100%, #207ce5)); /* Chrome,Safari4+ */
|
|
|
|
background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%); /* Chrome10+,Safari5.1+ */
|
|
|
|
background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%); /* Opera 11.10+ */
|
|
|
|
background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%); /* IE10+ */
|
|
|
|
background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%); /* W3C */
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0); /* IE6-9 */
|
|
|
|
-webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
|
|
|
|
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
|
|
-moz-transition: all 250ms ease-in-out;
|
|
|
|
-ms-transition: all 250ms ease-in-out;
|
|
|
|
-o-transition: all 250ms ease-in-out;
|
|
|
|
transition: all 250ms ease-in-out;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.back-to-top-badge i {
|
|
|
|
padding-right: 10px;
|
|
|
|
line-height: 30px;
|
|
|
|
text-align: center;
|
|
|
|
width: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.back-to-top-badge:hover {
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.back-to-top-badge-visible {
|
|
|
|
opacity: 1;
|
|
|
|
pointer-events: all;
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
|
|
-moz-transition: all 250ms ease-in-out;
|
|
|
|
-ms-transition: all 250ms ease-in-out;
|
|
|
|
-o-transition: all 250ms ease-in-out;
|
|
|
|
transition: all 250ms ease-in-out;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------*/
|
|
|
|
/*-------------*/
|
|
|
|
/*---Userlist--*/
|
|
|
|
/*-------------*/
|
|
|
|
/*-------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-item {
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-item img {
|
|
|
|
float: left;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
border-radius: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-item strong {
|
|
|
|
color: #1f1f1f;
|
|
|
|
margin-left: 60px;
|
|
|
|
font-size: 15px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
margin-top: -5px;
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-item em {
|
|
|
|
display: block;
|
|
|
|
font-size: 12px;
|
|
|
|
padding-left: 60px;
|
|
|
|
font-style: normal;
|
|
|
|
color: #666666;
|
|
|
|
font-weight: 500;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-item i {
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
top: 23px;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-follow {
|
|
|
|
padding-bottom: 50px;
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-follow img {
|
|
|
|
float: left;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
border-radius: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-follow strong {
|
|
|
|
float: left;
|
|
|
|
font-size: 14px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
padding-left: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-follow strong em {
|
|
|
|
font-size: 11px;
|
|
|
|
font-style: normal;
|
|
|
|
color: #666666;
|
|
|
|
margin-top: -10px;
|
|
|
|
display: block;
|
|
|
|
font-weight: 400;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-follow .follow {
|
|
|
|
float: right;
|
|
|
|
font-size: 10px;
|
|
|
|
height: 30px;
|
|
|
|
margin-top: 10px;
|
|
|
|
line-height: 30px;
|
|
|
|
padding-left: 15px;
|
|
|
|
padding-right: 15px;
|
|
|
|
border-radius: 30px;
|
|
|
|
background-color: #3498db;
|
|
|
|
color: #FFFFFF;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-socials {
|
|
|
|
padding-bottom: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-socials img {
|
|
|
|
float: left;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
border-radius: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-socials strong {
|
|
|
|
float: left;
|
|
|
|
font-size: 14px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
padding-left: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
.user-list-socials strong em {
|
|
|
|
font-size: 11px;
|
|
|
|
font-style: normal;
|
|
|
|
color: #666666;
|
|
|
|
margin-top: -10px;
|
|
|
|
display: block;
|
|
|
|
font-weight: 400;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.user-list-socials .icon1 {
|
|
|
|
float: right;
|
|
|
|
font-size: 10px;
|
|
|
|
height: 30px;
|
|
|
|
width: 30px;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 10px;
|
|
|
|
line-height: 30px;
|
|
|
|
border-radius: 30px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-list-socials .icon2 {
|
|
|
|
float: right;
|
|
|
|
font-size: 10px;
|
|
|
|
height: 30px;
|
|
|
|
width: 30px;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 10px;
|
|
|
|
line-height: 30px;
|
|
|
|
border-radius: 30px;
|
|
|
|
color: #FFFFFF;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
/*---Activity Feed--*/
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.activity-item:hover {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-item img {
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
border-radius: 40px;
|
|
|
|
margin-top: 5px;
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-item h5 {
|
|
|
|
font-weight: 600;
|
|
|
|
font-size: 14px;
|
|
|
|
margin-left: 60px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
padding-top: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-item em {
|
|
|
|
display: block;
|
|
|
|
margin-left: 60px;
|
|
|
|
font-size: 11px;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 500;
|
|
|
|
color: rgba(0, 0, 0, 0.6);
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-item em i {
|
|
|
|
padding-right: 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-item-toggle {
|
|
|
|
font-size: 8px;
|
|
|
|
position: absolute;
|
|
|
|
height: 50px;
|
|
|
|
width: 30px;
|
|
|
|
top: 0px;
|
|
|
|
right: 0px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
|
|
|
-moz-transform: rotate(0deg);
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
-o-transform: rotate(0deg);
|
|
|
|
-ms-transform: rotate(0deg);
|
|
|
|
transform: rotate(0deg);
|
|
|
|
color: #1f1f1f;
|
|
|
|
-webkit-transition: all 200ms ease;
|
|
|
|
-moz-transition: all 200ms ease;
|
|
|
|
-ms-transition: all 200ms ease;
|
|
|
|
-o-transition: all 200ms ease;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-item-toggle-rotate {
|
|
|
|
-moz-transform: rotate(45deg);
|
|
|
|
-webkit-transform: rotate(45deg);
|
|
|
|
-o-transform: rotate(45deg);
|
|
|
|
-ms-transform: rotate(45deg);
|
|
|
|
transform: rotate(45deg);
|
|
|
|
color: #c0392b;
|
|
|
|
-webkit-transition: all 200ms ease;
|
|
|
|
-moz-transition: all 200ms ease;
|
|
|
|
-ms-transition: all 200ms ease;
|
|
|
|
-o-transition: all 200ms ease;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-item-toggle i {
|
|
|
|
height: 50px;
|
|
|
|
top: 0px;
|
|
|
|
width: 30px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-item-detail {
|
|
|
|
padding-top: 20px;
|
|
|
|
font-size: 13px;
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------*/
|
|
|
|
/*----------------*/
|
|
|
|
/*----Full Map----*/
|
|
|
|
/*----------------*/
|
|
|
|
/*----------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.map-fullscreen {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
cursor: pointer;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.map-fullscreen .map-overlay {
|
|
|
|
opacity: 0.65;
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
z-index: 9;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.map-fullscreen .deactivate-map {
|
|
|
|
position: absolute;
|
|
|
|
z-index: 10;
|
|
|
|
bottom: -15px;
|
|
|
|
font-size: 13px;
|
|
|
|
height: 60px;
|
|
|
|
line-height: 60px;
|
|
|
|
padding: 0px;
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.map-fullscreen .map-text {
|
|
|
|
position: absolute;
|
|
|
|
z-index: 99;
|
|
|
|
width: 280px;
|
|
|
|
height: 100px;
|
|
|
|
top: 50%;
|
|
|
|
margin-top: -50px;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -140px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.map-fullscreen .map-text h3 {
|
|
|
|
font-size: 24px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.map-fullscreen .map-text p {
|
|
|
|
color: #FFFFFF;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 13px;
|
|
|
|
opacity: 0.6;
|
|
|
|
padding-top: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Portfolios----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
|
|
|
|
/*------------------------*/
|
|
|
|
/*---Adaptive Portfolio---*/
|
|
|
|
/*------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-switch {
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.active-adaptive {
|
|
|
|
color: #e34e47 !important;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive {
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-adaptive:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
visibility: hidden;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
height: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive .portfolio-item img {
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*1 Item*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-item {
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-one .portfolio-item {
|
|
|
|
width: 100%;
|
|
|
|
float: left;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*2 Items*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-two .portfolio-item {
|
|
|
|
width: 50%;
|
|
|
|
float: left;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-two .portfolio-item:nth-child(2n+2) {
|
|
|
|
padding-left: 10px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
.portfolio-adaptive-two .portfolio-item:nth-child(2n+1) {
|
|
|
|
padding-right: 10px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*3 Items*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-three .portfolio-item {
|
|
|
|
width: 33%;
|
|
|
|
float: left;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-three .portfolio-item:nth-child(3n+1) {
|
|
|
|
padding-left: 5px !important;
|
|
|
|
padding-right: 5px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-three .portfolio-item:nth-child(3n+2) {
|
|
|
|
padding-left: 10px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-three .portfolio-item:nth-child(3n+3) {
|
|
|
|
padding-right: 10px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Portfolio Controls*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-controls .portfolio-switch {
|
|
|
|
float: right;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
margin-top: -40px;
|
|
|
|
border-left: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-controls .adaptive-one {
|
|
|
|
border-left: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive-controls .portfolio-switch i {
|
|
|
|
width: 50px;
|
|
|
|
height: 30px;
|
|
|
|
line-height: 30px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive .portfolio-item .adaptive-more {
|
|
|
|
font-size: 12px;
|
|
|
|
padding-top: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-adaptive .portfolio-item .adaptive-more i {
|
|
|
|
font-size: 12px;
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------*/
|
|
|
|
/*---One Item Portfolio---*/
|
|
|
|
/*------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-one .portfolio-item img {
|
|
|
|
padding-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-one .portfolio-item em {
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: -10px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-one .portfolio-item .portfolio-share {
|
|
|
|
float: right;
|
|
|
|
margin: 0px 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-one .portfolio-item .portfolio-share i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-one .portfolio-item .portfolio-link {
|
|
|
|
float: right;
|
|
|
|
margin: 0px 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-one .portfolio-item .portfolio-link i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-one .portfolio-item:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
visibility: hidden;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
height: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------*/
|
|
|
|
/*---Two Item Portfolio---*/
|
|
|
|
/*------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-two .portfolio-item {
|
|
|
|
float: left;
|
|
|
|
width: 50%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-two .portfolio-item:nth-child(2n+1) {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
.portfolio-two .portfolio-item:nth-child(2n+0) {
|
|
|
|
padding-left: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-two .portfolio-item img {
|
|
|
|
padding-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-two .portfolio-item em {
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: -10px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-two .portfolio-item .portfolio-share {
|
|
|
|
float: right;
|
|
|
|
margin: 0px 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-two .portfolio-item .portfolio-share i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-two .portfolio-item .portfolio-link {
|
|
|
|
float: right;
|
|
|
|
margin: 0px 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-two .portfolio-item .portfolio-link i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-two .portfolio-item:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
visibility: hidden;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
height: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------*/
|
|
|
|
/*---Portfolio Wide---*/
|
|
|
|
/*--------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (max-width: 768px) {
|
|
|
|
.wide-text {
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
.wide-text {
|
|
|
|
padding-left: 50px;
|
|
|
|
padding-right: 50px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-wide .portfolio-item {
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-text {
|
|
|
|
margin-top: 20px;
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-text img {
|
|
|
|
float: left;
|
|
|
|
width: 80px;
|
|
|
|
height: 80px;
|
|
|
|
margin-right: 15px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
margin-top: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-text .portfolio-link i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-text .portfolio-link {
|
|
|
|
float: right;
|
|
|
|
margin-left: 20px;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-text .portfolio-share i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-text .portfolio-share {
|
|
|
|
float: right;
|
|
|
|
margin-left: 20px;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-text .portfolio-close i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-text .portfolio-close {
|
|
|
|
float: right;
|
|
|
|
margin-left: 20px;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-title {
|
|
|
|
display: block;
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-title img {
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-title .overlay {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
z-index: 2;
|
|
|
|
position: absolute;
|
|
|
|
opacity: 0.8 !important;
|
|
|
|
top: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-wide .wide-title h3 {
|
|
|
|
font-weight: 400;
|
|
|
|
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
|
|
text-align: center;
|
|
|
|
position: relative;
|
|
|
|
z-index: 3;
|
|
|
|
color: #FFFFFF;
|
|
|
|
padding-top: 35px;
|
|
|
|
margin-bottom: 0px
|
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-wide .wide-title em {
|
|
|
|
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
|
|
text-align: center;
|
|
|
|
position: relative;
|
|
|
|
display: block;
|
|
|
|
z-index: 3;
|
|
|
|
color: rgba(255, 255, 255, 0.6);
|
|
|
|
padding-bottom: 30px;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*---Filter Portfolio---*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
|
|
|
.portfolio-filter-wrapper {
|
2023-11-12 18:12:42 +00:00
|
|
|
width: 100%;
|
|
|
|
margin: 20px 0px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-filter-wrapper:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
visibility: hidden;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
height: 0;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-filter-categories {
|
|
|
|
display: table;
|
|
|
|
width: 100%;
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.selected-filter {
|
|
|
|
background-color: #27ae60;
|
|
|
|
color: #FFFFFF !important;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.filter-category {
|
|
|
|
display: table-cell;
|
|
|
|
padding: 2px 10px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #333;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.portfolio-filter-item img {
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.gallery-filter-item img {
|
|
|
|
border-radius: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.portfolio-filter-item {
|
|
|
|
width: 46%;
|
|
|
|
margin-right: 2%;
|
|
|
|
margin-left: 2%;
|
|
|
|
float: left;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 1020px) {
|
|
|
|
.portfolio-filter-item {
|
|
|
|
width: 28%;
|
|
|
|
margin-right: 2%;
|
|
|
|
margin-left: 2%;
|
|
|
|
float: left;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.gallery-filter-item {
|
|
|
|
width: 46%;
|
|
|
|
margin-left: 2%;
|
|
|
|
margin-right: 2%;
|
|
|
|
float: left;
|
|
|
|
margin-bottom: 4%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.gallery-filter-item {
|
|
|
|
width: 46%;
|
|
|
|
margin-right: 2%;
|
|
|
|
margin-left: 2%;
|
|
|
|
margin-bottom: 4%;
|
|
|
|
float: left;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 1020px) {
|
|
|
|
.gallery-filter-item {
|
|
|
|
width: 28%;
|
|
|
|
margin-right: 2%;
|
|
|
|
margin-left: 2%;
|
|
|
|
margin-bottom: 4%;
|
|
|
|
float: left;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*-----------------*/
|
|
|
|
/*-----------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Galleries----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*-----------------*/
|
|
|
|
/*-----------------*/
|
|
|
|
|
|
|
|
.gallery:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
visibility: hidden;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
height: 0;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------------*/
|
|
|
|
/*---Round Square Thumbs---*/
|
|
|
|
/*-------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.square-thumbs a img {
|
|
|
|
border-radius: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.round-thumbs a img {
|
|
|
|
border-radius: 300px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.gallery a {
|
|
|
|
width: 33.333333333%;
|
|
|
|
float: left;
|
|
|
|
padding-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.gallery a:nth-child(3n+1) {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.gallery a:nth-child(3n+2) {
|
|
|
|
padding-right: 5px;
|
|
|
|
padding-left: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
.gallery a:nth-child(3n+3) {
|
|
|
|
padding-left: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.gallery a img {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------------*/
|
|
|
|
/*---Justified Gallery---*/
|
|
|
|
/*-----------------------*/
|
|
|
|
|
|
|
|
.justified-gallery {
|
2023-11-12 18:12:42 +00:00
|
|
|
width: 100%;
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
margin-bottom: 25px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
2023-11-11 20:56:12 +00:00
|
|
|
.justified-gallery > a,
|
|
|
|
.justified-gallery > div {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
display: inline-block;
|
|
|
|
overflow: hidden;
|
|
|
|
opacity: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
2023-11-11 20:56:12 +00:00
|
|
|
.justified-gallery > a > img,
|
|
|
|
.justified-gallery > div > img,
|
|
|
|
.justified-gallery > a > a > img,
|
|
|
|
.justified-gallery > div > a > img {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
left: 50%;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
border: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------*/
|
|
|
|
/*--------------------------*/
|
2023-11-12 18:12:42 +00:00
|
|
|
/*----Pages and PageApps----*/
|
2023-11-11 20:56:12 +00:00
|
|
|
/*--------------------------*/
|
|
|
|
/*--------------------------*/
|
|
|
|
|
|
|
|
/*----------------*/
|
|
|
|
/*--Page Contact--*/
|
|
|
|
/*----------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactField {
|
|
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
|
|
font-size: 12px;
|
|
|
|
color: #666;
|
|
|
|
border: solid 1px #cacaca;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactField:focus {
|
|
|
|
border: solid 1px #27ae60;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactTextarea {
|
|
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
|
|
font-size: 12px;
|
|
|
|
border: solid 1px #cacaca;
|
|
|
|
color: #666;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactTextarea:focus {
|
|
|
|
border: solid 1px #27ae60;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactSubmitButton {
|
|
|
|
line-height: 19px !important;
|
|
|
|
display: block !important;
|
|
|
|
height: 36px !important;
|
|
|
|
margin-right: 4px;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-form {
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactNameField {
|
|
|
|
padding-bottom: 5px;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactNameField span {
|
|
|
|
float: right;
|
|
|
|
opacity: 0.2;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactEmailField {
|
|
|
|
padding-bottom: 5px;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactEmailField span {
|
|
|
|
float: right;
|
|
|
|
opacity: 0.2;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactMessageTextarea {
|
|
|
|
padding-bottom: 5px;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactMessageTextarea span {
|
|
|
|
float: right;
|
|
|
|
opacity: 0.2;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.formFieldWrap {
|
|
|
|
margin-top: -5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
#contactNameField {
|
|
|
|
text-transform: capitalize;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactField {
|
|
|
|
min-width: 100%;
|
|
|
|
display: block;
|
|
|
|
box-sizing: border-box;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactTextarea {
|
|
|
|
min-width: 100%;
|
|
|
|
display: block;
|
|
|
|
box-sizing: border-box;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.buttonWrap {
|
|
|
|
line-height: 20px;
|
|
|
|
padding-bottom: 24px;
|
|
|
|
min-width: 43%;
|
|
|
|
display: inline-block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.formSubmitButtonErrorsWrap a {
|
|
|
|
width: 25%;
|
|
|
|
text-align: center;
|
|
|
|
padding: 8px 10px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.formValidationError {
|
|
|
|
height: 40px;
|
|
|
|
line-height: 40px;
|
|
|
|
padding-top: 5px;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactField {
|
|
|
|
height: 40px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contactTextarea {
|
|
|
|
margin-bottom: 20px;
|
|
|
|
padding-left: 12px;
|
|
|
|
padding-right: 12px;
|
|
|
|
padding-top: 9px;
|
|
|
|
padding-bottom: 9px;
|
|
|
|
line-height: 18px;
|
|
|
|
height: 80px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------*/
|
|
|
|
/*---Contact Icons---*/
|
|
|
|
/*-------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.contact-information {
|
|
|
|
padding-left: 20px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.field-title {
|
|
|
|
padding-left: 0px;
|
|
|
|
margin-left: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-call {
|
|
|
|
color: #666;
|
|
|
|
height: 25px;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-call i {
|
|
|
|
width: 12px;
|
|
|
|
diplay: block;
|
|
|
|
margin-right: 20px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-text {
|
|
|
|
color: #666;
|
|
|
|
height: 25px;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-text i {
|
|
|
|
width: 12px;
|
|
|
|
diplay: block;
|
|
|
|
margin-right: 20px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-mail {
|
|
|
|
color: #666;
|
|
|
|
height: 25px;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-mail i {
|
|
|
|
width: 12px;
|
|
|
|
diplay: block;
|
|
|
|
margin-right: 20px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-facebook {
|
|
|
|
color: #666;
|
|
|
|
height: 25px;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-facebook i {
|
|
|
|
width: 12px;
|
|
|
|
diplay: block;
|
|
|
|
margin-right: 20px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-twitter {
|
|
|
|
color: #666;
|
|
|
|
height: 25px;
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-twitter i {
|
|
|
|
width: 12px;
|
|
|
|
diplay: block;
|
|
|
|
margin-right: 20px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-linkedin {
|
|
|
|
color: #666;
|
|
|
|
height: 25px;
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.contact-linkedin i {
|
|
|
|
width: 12px;
|
|
|
|
diplay: block;
|
|
|
|
margin-right: 20px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------*/
|
|
|
|
/*---Maps---*/
|
|
|
|
/*----------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.maps {
|
|
|
|
display: block !important;
|
|
|
|
width: 100%;
|
|
|
|
height: 200px;
|
|
|
|
overflow: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.maps {
|
|
|
|
height: 300px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------*/
|
|
|
|
/*----------------*/
|
|
|
|
/*---Page Login---*/
|
|
|
|
/*----------------*/
|
|
|
|
/*----------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-login {
|
|
|
|
width: 280px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-login .page-login-logo {
|
|
|
|
width: 125px;
|
|
|
|
height: 100px;
|
|
|
|
background-image: url(../images/pages-logo-dark.png);
|
|
|
|
background-size: 125px 100px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-login .login-password input,
|
|
|
|
.page-login .login-mail input,
|
|
|
|
.page-login .login-date input,
|
|
|
|
.page-login .login-input input {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
padding-top: 0px;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
background-color: rgba(255, 255, 255, 1);
|
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
|
|
border-bottom: solid 2px rgba(0, 0, 0, 0.1);
|
|
|
|
margin-bottom: 20px;
|
|
|
|
font-size: 12px;
|
|
|
|
padding-left: 40px;
|
|
|
|
transition: all 250ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-login .login-password i,
|
|
|
|
.page-login .login-mail i,
|
|
|
|
.page-login .login-date i,
|
|
|
|
.page-login .login-input i {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 10;
|
|
|
|
width: 20px;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 1px;
|
|
|
|
margin-left: 11px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-login .login-password input:focus,
|
|
|
|
.page-login .login-mail input:focus,
|
|
|
|
.page-login .login-date input:focus,
|
|
|
|
.page-login .login-input input:focus {
|
|
|
|
color: #1f1f1f;
|
|
|
|
border-bottom: solid 2px #27ae60;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.page-login .login-forgot:hover,
|
|
|
|
.page-login .login-create:hover,
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-login .login-already:hover {
|
|
|
|
color: #2e8ece;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.page-login .login-forgot i,
|
|
|
|
.page-login .login-create i,
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-login .login-already i {
|
|
|
|
padding-right: 10px;
|
|
|
|
padding-left: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-login .login-already {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #cacaca;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-login .login-create {
|
|
|
|
width: 50%;
|
|
|
|
float: right;
|
|
|
|
text-align: right;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #cacaca;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-login .login-forgot {
|
|
|
|
width: 50%;
|
|
|
|
float: left;
|
|
|
|
text-align: left;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #cacaca;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
/*---Page Profile---*/
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-profile-header {
|
|
|
|
padding-top: 40px;
|
|
|
|
padding-bottom: 30px;
|
|
|
|
background-image: url(../images/pictures/3.jpg);
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-profile-header .overlay {
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
bottom: 0px;
|
|
|
|
right: 0px;
|
|
|
|
opacity: 0.7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-profile-header .follow-buttons a {
|
|
|
|
float: left;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 30px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
border: solid 2px rgba(255, 255, 255, 0.5);
|
|
|
|
width: 100px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
padding-top: 3px;
|
|
|
|
padding-bottom: 3px;
|
|
|
|
border-radius: 25px;
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
opacity: 0.8;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-profile-header .follow-buttons a:hover {
|
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
opacity: 1;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-profile-header .follow-buttons {
|
|
|
|
width: 240px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-profile-header img {
|
|
|
|
width: 120px;
|
|
|
|
height: 120px;
|
|
|
|
border-radius: 120px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
z-index: 4;
|
|
|
|
border: solid 4px rgba(255, 255, 255, 0.9);
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-profile-header h3 {
|
|
|
|
z-index: 4;
|
|
|
|
position: relative;
|
|
|
|
text-align: center;
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-weight: 400;
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.page-profile .follow-buttons:after, .page-profile-followers a:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
visibility: hidden;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
height: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-profile-header em {
|
|
|
|
display: block;
|
|
|
|
position: relative;
|
|
|
|
text-align: center;
|
|
|
|
color: #FFFFFF;
|
|
|
|
opacity: 0.7;
|
|
|
|
z-index: 4;
|
|
|
|
font-size: 12px;
|
|
|
|
font-style: normal;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-profile-header em i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-profile-followers a {
|
|
|
|
width: 33%;
|
|
|
|
float: left;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #666666;
|
|
|
|
margin-bottom: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-profile-followers a i {
|
|
|
|
display: block;
|
|
|
|
font-size: 20px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
text-align: center;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-profile-followers a:nth-child(3n+1) {
|
|
|
|
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-profile-followers a:nth-child(3n+3) {
|
|
|
|
border-left: solid 1px rgba(0, 0, 0, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------*/
|
|
|
|
/*--------------------*/
|
|
|
|
/*---Page Countdown---*/
|
|
|
|
/*--------------------*/
|
|
|
|
/*--------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.boxed-layout {
|
|
|
|
background-color: rgba(255, 255, 255, 1);
|
|
|
|
border-radius: 5px;
|
|
|
|
padding: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.date-years, date-years em {
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .overlay {
|
|
|
|
opacity: 0.8;
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-content {
|
|
|
|
width: 300px;
|
|
|
|
margin-left: -150px !important;
|
|
|
|
position: relative;
|
|
|
|
z-index: 10;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Unboxed Layout*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-content a {
|
|
|
|
color: #666666;
|
|
|
|
text-decoration: underline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .unboxed-layout h3 {
|
|
|
|
text-align: center;
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-size: 36px;
|
|
|
|
font-weight: 300;
|
|
|
|
line-height: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .unboxed-layout h4 {
|
|
|
|
text-align: center;
|
|
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: 400;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .unboxed-layout p {
|
|
|
|
text-align: center;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
padding-top: 20px;
|
|
|
|
color: rgba(255, 255, 255, 0.8);
|
|
|
|
padding-bottom: 30px;
|
|
|
|
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .unboxed-layout .countdown-class div {
|
|
|
|
font-size: 30px;
|
|
|
|
text-align: center;
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-weight: 400;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .unboxed-layout .countdown-class div em {
|
|
|
|
font-size: 12px;
|
|
|
|
display: block;
|
|
|
|
font-style: normal;
|
|
|
|
opacity: 0.4;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Boxed Layout*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .boxed-layout h3 {
|
|
|
|
text-align: center;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-size: 30px;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .boxed-layout h4 {
|
|
|
|
text-align: center;
|
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 500;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .boxed-layout p {
|
|
|
|
text-align: center;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
padding-top: 20px;
|
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
|
padding-bottom: 20px;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .boxed-layout .countdown-class div {
|
|
|
|
font-size: 24px;
|
|
|
|
text-align: center;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-weight: 400;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-page .boxed-layout .countdown-class div em {
|
|
|
|
font-size: 12px;
|
|
|
|
display: block;
|
|
|
|
font-style: normal;
|
|
|
|
opacity: 0.5;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.countdown-class div {
|
|
|
|
width: 25%;
|
|
|
|
float: left;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-screen .left-button {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 20px;
|
|
|
|
z-index: 2;
|
|
|
|
color: rgba(255, 255, 255, 0.3);
|
|
|
|
left: 20px;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-screen .left-button:hover {
|
|
|
|
color: #FFFFFF;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-screen .left-button i {
|
|
|
|
padding-right: 20px;
|
|
|
|
color: rgba(255, 255, 255, 0.5);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-screen .right-button {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 20px;
|
|
|
|
right: 20px;
|
|
|
|
color: rgba(255, 255, 255, 0.3);
|
|
|
|
z-index: 2;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-screen .right-button:hover {
|
|
|
|
color: #FFFFFF;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-screen .right-button i {
|
|
|
|
padding-left: 20px;
|
|
|
|
color: rgba(255, 255, 255, 0.5);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------*/
|
|
|
|
/*----------------*/
|
|
|
|
/*---Page Error---*/
|
|
|
|
/*----------------*/
|
|
|
|
/*----------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .overlay {
|
|
|
|
opacity: 0.8;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .error-content {
|
|
|
|
width: 300px;
|
|
|
|
z-index: 10;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Unboxed Layout*/
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .unboxed-layout h3 {
|
|
|
|
font-size: 36px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 40px;
|
|
|
|
color: #FFFFFF;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .unboxed-layout h4 {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 12px;
|
|
|
|
color: rgba(255, 255, 255, 0.5);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .unboxed-layout p {
|
|
|
|
text-align: center;
|
|
|
|
color: rgba(255, 255, 255, 0.8);
|
|
|
|
padding-top: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .unboxed-layout .back-home i {
|
|
|
|
line-height: 55px;
|
|
|
|
width: 55px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .unboxed-layout .back-home {
|
|
|
|
margin-top: 40px;
|
|
|
|
color: rgba(255, 255, 255, 0.8);
|
|
|
|
font-size: 22px;
|
|
|
|
width: 70px;
|
|
|
|
height: 70px;
|
|
|
|
line-height: 65px;
|
|
|
|
text-align: center;
|
|
|
|
border-radius: 70px;
|
|
|
|
border: solid 2px rgba(255, 255, 255, 0.5);
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .unboxed-layout .back-home:hover {
|
|
|
|
border: solid 2px rgba(255, 255, 255, 1);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Boxed Layout*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .boxed-layout h3 {
|
|
|
|
text-align: center;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-size: 30px;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .boxed-layout h4 {
|
|
|
|
text-align: center;
|
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 500;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .boxed-layout p {
|
|
|
|
text-align: center;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
padding-top: 10px;
|
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
|
padding-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .boxed-layout .back-home i {
|
|
|
|
line-height: 55px;
|
|
|
|
width: 55px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .boxed-layout .back-home {
|
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
|
font-size: 22px;
|
|
|
|
width: 70px;
|
|
|
|
height: 70px;
|
|
|
|
line-height: 65px;
|
|
|
|
text-align: center;
|
|
|
|
border-radius: 70px;
|
|
|
|
border: solid 2px rgba(0, 0, 0, 0.5);
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-page .boxed-layout .back-home:hover {
|
|
|
|
border: solid 2px rgba(0, 0, 0, 1);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------*/
|
|
|
|
/*-------------------*/
|
|
|
|
/*---Pageapp Login---*/
|
|
|
|
/*-------------------*/
|
|
|
|
/*-------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login-content {
|
|
|
|
width: 300px;
|
|
|
|
z-index: 10;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login .overlay {
|
|
|
|
opacity: 0.8;
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login input {
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login input:focus {
|
|
|
|
border-bottom: solid 1px #27ae60 !important;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login-button {
|
|
|
|
margin-top: 25px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Unboxed Layout*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login .unboxed-layout .pageapp-login-field i {
|
|
|
|
position: absolute;
|
|
|
|
color: #FFFFFF;
|
|
|
|
margin-top: 12px;
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-login .unboxed-layout div input {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
height: 40px;
|
|
|
|
line-height: 40px;
|
|
|
|
padding-left: 40px;
|
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
|
color: #FFFFFF;
|
|
|
|
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
|
|
|
|
margin-bottom: 20px;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-login .unboxed-layout .decoration {
|
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-login .unboxed-layout .pageapp-login-logo {
|
|
|
|
width: 125px;
|
|
|
|
height: 100px;
|
|
|
|
background-image: url(../images/pages-logo-light.png);
|
|
|
|
background-size: 125px 100px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and ( max-height: 570px ) {
|
|
|
|
.pageapp-login-logo {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-login-content .unboxed-layout {
|
|
|
|
margin-top: -40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-login-content .boxed-layout {
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
margin-top: -30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-login-content .boxed-layout a {
|
|
|
|
height: 40px;
|
|
|
|
line-height: 40px;
|
|
|
|
padding-top: 0px;
|
|
|
|
padding-bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-login-content .boxed-layout a i {
|
|
|
|
line-height: 40px;
|
|
|
|
padding-top: 0px;
|
|
|
|
pading-bottom: 0px;
|
|
|
|
margin-top: -17px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Boxed Layout*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login .boxed-layout .pageapp-login-field i {
|
|
|
|
position: absolute;
|
|
|
|
color: #1f1f1f;
|
|
|
|
margin-top: 12px;
|
|
|
|
margin-left: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login .boxed-layout div input {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
height: 40px;
|
|
|
|
line-height: 40px;
|
|
|
|
padding-left: 40px;
|
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
|
color: #1f1f1f;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
margin-bottom: 20px;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login .boxed-layout .decoration {
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login .boxed-layout .pageapp-login-logo {
|
|
|
|
width: 125px;
|
|
|
|
height: 100px;
|
|
|
|
background-image: url(../images/pages-logo-dark.png);
|
|
|
|
background-size: 125px 100px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*----------------------*/
|
|
|
|
/*---Pageapp Register---*/
|
|
|
|
/*----------------------*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup-content {
|
|
|
|
width: 300px;
|
|
|
|
position: relative;
|
|
|
|
z-index: 10;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .overlay {
|
|
|
|
opacity: 0.8;
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup input {
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup input:focus {
|
|
|
|
border-bottom: solid 1px #27ae60 !important;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Unboxed Layout*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .unboxed-layout .pageapp-signup-field input {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
padding-top: 18px;
|
|
|
|
padding-bottom: 18px;
|
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
|
color: #FFFFFF;
|
|
|
|
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
|
|
|
|
font-size: 12px;
|
|
|
|
padding-left: 40px;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .unboxed-layout .pageapp-signup-field i {
|
|
|
|
position: absolute;
|
|
|
|
top: 18px;
|
|
|
|
left: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .unboxed-layout .pageapp-signup-logo {
|
|
|
|
width: 125px;
|
|
|
|
height: 100px;
|
|
|
|
background-image: url(../images/pages-logo-light.png);
|
|
|
|
background-size: 125px 100px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media screen and ( max-height: 570px ) {
|
|
|
|
.pageapp-signup-logo {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-signup-content .unboxed-layout {
|
|
|
|
margin-top: -30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-signup-content .boxed-layout {
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
margin-top: -30px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .unboxed-layout .pageapp-signup-button {
|
|
|
|
margin-top: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Boxed Layout*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .boxed-layout .pageapp-signup-field input {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
padding-top: 15px;
|
|
|
|
padding-bottom: 15px;
|
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
|
color: #1f1f1f;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
font-size: 12px;
|
|
|
|
padding-left: 40px;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .boxed-layout .pageapp-signup-field i {
|
|
|
|
position: absolute;
|
|
|
|
top: 18px;
|
|
|
|
left: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .boxed-layout .pageapp-signup-logo {
|
|
|
|
width: 125px;
|
|
|
|
height: 100px;
|
|
|
|
background-image: url(../images/pages-logo-dark.png);
|
|
|
|
background-size: 125px 100px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup .boxed-layout .pageapp-signup-button {
|
|
|
|
margin-top: 30px;
|
|
|
|
margin-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-------------------*/
|
|
|
|
/*-------------------*/
|
|
|
|
/*---Page Timeline---*/
|
|
|
|
/*-------------------*/
|
|
|
|
/*-------------------*/
|
|
|
|
|
|
|
|
/*----------------*/
|
|
|
|
/*---Timeline 1---*/
|
|
|
|
/*----------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 {
|
|
|
|
overflow: hidden;
|
|
|
|
margin-top: -20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 .timeline-decoration {
|
|
|
|
width: 1px;
|
|
|
|
height: 10000px;
|
|
|
|
position: absolute;
|
|
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -1px;
|
|
|
|
top: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 p {
|
|
|
|
margin-bottom: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-1 .timeline-text,
|
|
|
|
.pageapp-timeline-1 .timeline-video,
|
|
|
|
.pageapp-timeline-1 .timeline-event,
|
|
|
|
.pageapp-timeline-1 .timeline-quote,
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 .timeline-image {
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
display: block;
|
|
|
|
padding-top: 20px;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-1 .timeline-icon {
|
|
|
|
padding-top: 20px;
|
|
|
|
padding-bottom: 2px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
display: block;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-1 .timeline-icon i {
|
|
|
|
font-size: 18px;
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
display: block;
|
|
|
|
line-height: 60px;
|
|
|
|
text-align: center;
|
|
|
|
border-radius: 60px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
border: solid 1px rgba(0, 0, 0, 0.2);
|
|
|
|
margin-bottom: 20px;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-1 .responsive-image,
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 .gallery img {
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
border: solid 1px rgba(0, 0, 0, 0.2);
|
|
|
|
padding: 8px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-1 .timeline-event .event-link i {
|
|
|
|
padding-right: 10px
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 .timeline-event .event-maps i {
|
|
|
|
padding-right: 10px
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 .timeline-event .event-link {
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 .timeline-event .event-maps {
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-1 .timeline-event .gallery a {
|
|
|
|
padding-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------*/
|
|
|
|
/*---Timeline 2---*/
|
|
|
|
/*----------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-timeline-2 {
|
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-item {
|
|
|
|
position: relative;
|
|
|
|
z-index: 10 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-decoration {
|
|
|
|
position: absolute;
|
|
|
|
width: 1px;
|
|
|
|
height: 96%;
|
|
|
|
z-index: 2;
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
margin-left: 22px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-icon {
|
|
|
|
position: relative;
|
|
|
|
z-index: 9;
|
|
|
|
width: 70px;
|
|
|
|
height: 100%;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-text {
|
|
|
|
display: inline-block;
|
|
|
|
padding-left: 70px;
|
|
|
|
margin-top: -48px;
|
|
|
|
min-height: 100px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-text .subtitle {
|
|
|
|
font-size: 11px;
|
|
|
|
font-style: normal;
|
|
|
|
display: block;
|
|
|
|
margin-top: -10px;
|
|
|
|
color: #e34e47;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-text p {
|
|
|
|
margin-top: -10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-icon i {
|
|
|
|
cursor: pointer;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
color: #1f1f1f;
|
|
|
|
border: solid 1px rgba(0, 0, 0, 0.2);
|
|
|
|
border-radius: 50px;
|
|
|
|
font-size: 17px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-quote .title {
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 30px;
|
|
|
|
font-weight: 300;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
margin-top: -10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-quote .subtitle {
|
|
|
|
display: block;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
.pageapp-timeline-2 {
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-decoration {
|
|
|
|
position: absolute;
|
|
|
|
width: 1px;
|
|
|
|
height: 96%;
|
|
|
|
z-index: 2;
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
margin-left: 32px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-icon {
|
|
|
|
width: 150px;
|
|
|
|
height: 100%;
|
|
|
|
float: left;
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-text {
|
|
|
|
display: inline-block;
|
|
|
|
padding-left: 100px;
|
|
|
|
margin-top: -52px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-icon i {
|
|
|
|
cursor: pointer;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
width: 65px;
|
|
|
|
height: 65px;
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
color: #1f1f1f;
|
|
|
|
border: solid 1px rgba(0, 0, 0, 0.2);
|
|
|
|
border-radius: 65px;
|
|
|
|
font-size: 17px;
|
|
|
|
line-height: 65px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageapp-timeline-2 .timeline-quote .title {
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 30px;
|
|
|
|
font-weight: 300;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
margin-top: -3px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------*/
|
|
|
|
/*------------------------*/
|
|
|
|
/*---PageApp Checklists---*/
|
|
|
|
/*------------------------*/
|
|
|
|
/*------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.checklist-square {
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: 500;
|
|
|
|
background-image: url(../images/framework/checkbox.png);
|
|
|
|
background-size: 16px 18px;
|
|
|
|
background-position: 0px 26px;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
padding-left: 30px;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
padding-bottom: 20px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
padding-top: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.checklist-square-selected:hover {
|
|
|
|
text-decoration: line-through !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.checklist-square-selected {
|
|
|
|
background-image: url(../images/framework/checkboxc.png);
|
|
|
|
text-decoration: line-through;
|
|
|
|
color: rgba(0, 0, 0, 0.3);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.checklist-round {
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: 500;
|
|
|
|
background-image: url(../images/framework/radio.png);
|
|
|
|
background-size: 16px 18px;
|
|
|
|
background-position: 0px 26px;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
padding-left: 30px;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
padding-bottom: 20px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
padding-top: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.checklist-round-selected:hover {
|
|
|
|
text-decoration: line-through !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.checklist-round-selected {
|
|
|
|
background-image: url(../images/framework/radioc.png);
|
|
|
|
text-decoration: line-through;
|
|
|
|
color: rgba(0, 0, 0, 0.3);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
/*----TaskLists----*/
|
|
|
|
/*------------------*/
|
|
|
|
/*------------------*/
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tasklist-item {
|
|
|
|
height: 65px;
|
|
|
|
line-height: 65px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
padding-bottom: 0px;
|
|
|
|
border-left: solid 4px #ecf0f1;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tasklist-item i:first-child {
|
|
|
|
position: absolute;
|
|
|
|
height: 65px;
|
|
|
|
line-height: 65px;
|
|
|
|
width: 40px;
|
|
|
|
text-align: center;
|
|
|
|
color: rgba(0, 0, 0, 0.2);
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tasklist-item h5 {
|
|
|
|
padding-left: 50px;
|
|
|
|
line-height: 65px;
|
|
|
|
font-size: 14px;
|
|
|
|
margin-top: 0px;
|
|
|
|
border-top: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
border-right: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
font-weight: 500;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tasklist-red {
|
|
|
|
border-left: solid 4px #c0392b;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tasklist-green {
|
|
|
|
border-left: solid 4px #27ae60;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tasklist-blue {
|
|
|
|
border-left: solid 4px #2980b9;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tasklist-orange {
|
|
|
|
border-left: solid 4px #d35400;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tasklist-yellow {
|
|
|
|
border-left: solid 4px #f1c40f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.tasklist-gray {
|
|
|
|
border-left: solid 4px #666666;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tasklist-dark {
|
|
|
|
border-left: solid 4px #1f1f1f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tasklist-magenta {
|
|
|
|
border-left: solid 4px #8e44ad;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tasklist-completed {
|
|
|
|
background-color: #fafafa;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tasklist-completed i:first-child {
|
|
|
|
color: #27ae60 !important;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tasklist-completed h5 {
|
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*-----------------------*/
|
|
|
|
/*-----------------------*/
|
|
|
|
/*---Pageapp Reminders---*/
|
|
|
|
/*-----------------------*/
|
|
|
|
/*-----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder-check-square {
|
|
|
|
background-image: url(../images/framework/checkbox.png);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 16px 18px;
|
|
|
|
background-position: 10px 40px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder-check-round {
|
|
|
|
background-image: url(../images/framework/radio.png);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 16px 18px;
|
|
|
|
background-position: 10px 40px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder i {
|
|
|
|
padding-right: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder-check-square-selected {
|
|
|
|
background-image: url(../images/framework/checkboxc.png);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder-check-round-selected {
|
|
|
|
background-image: url(../images/framework/radioc.png);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder-check-square-selected em {
|
|
|
|
opacity: 0.3;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reminder-check-square-selected strong {
|
|
|
|
opacity: 0.3;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder-check-round-selected em {
|
|
|
|
opacity: 0.3;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder-check-round-selected strong {
|
|
|
|
opacity: 0.3;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder strong {
|
|
|
|
font-size: 16px;
|
|
|
|
font-weight: 800;
|
|
|
|
padding-left: 50px;
|
|
|
|
margin-bottom: -4px;
|
|
|
|
display: block;
|
|
|
|
color: #1f1f1f;
|
|
|
|
transition: all 250ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.reminder em {
|
|
|
|
display: block;
|
|
|
|
padding-left: 50px;
|
|
|
|
transition: all 250ms ease;
|
|
|
|
font-style: normal;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reminder {
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
padding-bottom: 20px;
|
|
|
|
padding-top: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------*/
|
|
|
|
/*-----------------*/
|
|
|
|
/*----Page Blog----*/
|
|
|
|
/*-----------------*/
|
|
|
|
/*-----------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.page-blog {
|
|
|
|
width: 60%;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-blog-sidebar {
|
|
|
|
width: 35%;
|
|
|
|
float: left;
|
|
|
|
margin-left: 5%;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list p {
|
|
|
|
margin-bottom: 20px
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list img {
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list .page-blog-list-by {
|
|
|
|
width: 200px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list .page-blog-list-by img {
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
border-radius: 40px;
|
|
|
|
position: absolute;
|
|
|
|
margin-top: 4px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list .page-blog-list-by strong {
|
|
|
|
padding-left: 55px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: 500;
|
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list .page-blog-list-by strong a {
|
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list .page-blog-list-by em {
|
|
|
|
padding-left: 55px;
|
|
|
|
font-size: 11px;
|
|
|
|
margin-top: -11px;
|
|
|
|
display: block;
|
|
|
|
opacity: 0.5;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
clear: both;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list .page-blog-tags {
|
|
|
|
display: block;
|
|
|
|
margin-top: -10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: 500;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list .page-blog-tags a {
|
|
|
|
display: inline;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list-more i {
|
|
|
|
float: right;
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
margin-top: -66px;
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 40px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
background-color: #2980b9;
|
|
|
|
border-radius: 40px;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list-more i:hover {
|
|
|
|
background-color: #3498db;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list-share i {
|
|
|
|
margin-right: 55px;
|
|
|
|
float: right;
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
margin-top: -66px;
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 40px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
background-color: #27ae60;
|
|
|
|
border-radius: 40px;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.page-blog-list-share i:hover {
|
|
|
|
background-color: #2ecc71;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------*/
|
|
|
|
/*----Page Blog Sidebar---*/
|
|
|
|
/*------------------------*/
|
|
|
|
/*Search*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-search i {
|
|
|
|
position: absolute;
|
|
|
|
top: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-search input {
|
|
|
|
height: 40px;
|
|
|
|
width: 100%;
|
|
|
|
background-color: transparent;
|
|
|
|
font-size: 12px;
|
|
|
|
border-bottom: solid 2px rgba(0, 0, 0, 0.2);
|
|
|
|
padding-left: 30px;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-search input:focus {
|
|
|
|
border-bottom: solid 2px #27ae60;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-text p {
|
|
|
|
font-size: 12px;
|
|
|
|
margin-bottom: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Recent*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-recent-projects a {
|
|
|
|
width: 30%;
|
|
|
|
float: left;
|
|
|
|
overflow: hidden;
|
|
|
|
margin-right: 3%;
|
|
|
|
margin-bottom: 3%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-recent-projects a img {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-recent-posts a:last-child {
|
|
|
|
border-bottom: none;
|
|
|
|
padding-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-recent-posts a {
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
padding-bottom: 10px;
|
|
|
|
margin-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-recent-posts strong {
|
|
|
|
display: block;
|
|
|
|
color: #1f1f1f
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-recent-posts em {
|
|
|
|
display: block;
|
|
|
|
font-size: 10px;
|
|
|
|
margin-top: -10px;
|
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 600;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-recent-posts i {
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
right: 0px;
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
line-height: 44px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 20px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Categories*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-categories a:last-child {
|
|
|
|
border-bottom: none;
|
|
|
|
padding-bottom: 0px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-categories a {
|
|
|
|
font-size: 12px;
|
|
|
|
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
|
|
|
padding-top: 5px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
color: #1f1f1f;
|
|
|
|
font-weight: 500;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-categories a em {
|
|
|
|
font-size: 10px;
|
|
|
|
background-color: #e74c3c;
|
|
|
|
color: #FFFFFF;
|
|
|
|
padding-left: 6px;
|
|
|
|
padding-right: 6px;
|
|
|
|
padding-top: 2px;
|
|
|
|
padding-bottom: 2px;
|
|
|
|
margin-left: 10px;
|
|
|
|
font-style: normal;
|
|
|
|
border-radius: 3px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-sidebar-categories a i {
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
top: 18px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Blog Comments*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment-nested {
|
|
|
|
padding-left: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment em {
|
|
|
|
display: block;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment strong {
|
|
|
|
font-size: 15px;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment .blog-post-comment-reply {
|
|
|
|
text-align: right;
|
|
|
|
width: 40px;
|
|
|
|
float: right;
|
|
|
|
margin-top: -25px;
|
|
|
|
font-size: 12px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment-add strong {
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment-add em {
|
|
|
|
display: block;
|
|
|
|
text-align: right;
|
|
|
|
font-size: 10px;
|
|
|
|
margin-top: -30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment-add input:focus {
|
|
|
|
border-bottom: solid 2px #27ae60;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
.blog-post-comment-add input {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
height: 40px;
|
|
|
|
font-size: 12px;
|
|
|
|
border-bottom: solid 2px rgba(0, 0, 0, 0.1);
|
|
|
|
margin-bottom: 20px;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment-add textarea {
|
|
|
|
overflow: visible;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 30px;
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
max-height: 10000px;
|
|
|
|
border-bottom: solid 2px rgba(0, 0, 0, 0.1);
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.blog-post-comment-add textarea:focus {
|
|
|
|
border-bottom: solid 2px #27ae60;
|
|
|
|
transition: all 200ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------------------*/
|
|
|
|
/*----Image Slider Settings----*/
|
|
|
|
/*-----------------------------*/
|
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*---Coverpage Slider---*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.coverpage-slider {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.coverpage-slider .owl-dots {
|
|
|
|
margin-top: -50px;
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.coverpage-slider .owl-dots .active {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.cover-screen .overlay {
|
|
|
|
opacity: 0.8;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-center {
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
left: 50%;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 10;
|
|
|
|
width: 300px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-left {
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
left: 30px;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 10;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-right {
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
right: 30px;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 10;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-slide h1 {
|
|
|
|
font-size: 40px;
|
|
|
|
line-height: 50px;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-slide h2 {
|
|
|
|
font-size: 32px;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-slide h3 {
|
|
|
|
font-size: 28px;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-slide h4 {
|
|
|
|
font-size: 24px;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-slide h5 {
|
|
|
|
font-size: 20px;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-slide h6 {
|
|
|
|
font-size: 16px;
|
|
|
|
padding-bottom: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.cover-slide h1,
|
|
|
|
.cover-slide h2,
|
|
|
|
.cover-slide h3,
|
|
|
|
.cover-slide h4,
|
|
|
|
.cover-slide h5,
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-slide h6 {
|
|
|
|
color: #FFFFFF;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-slide p {
|
|
|
|
font-size: 15px;
|
|
|
|
color: #b2b2b2;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.cover-icon-center {
|
|
|
|
font-size: 24px !important;
|
|
|
|
color: #FFFFFF;
|
|
|
|
width: 70px;
|
|
|
|
height: 70px;
|
|
|
|
line-height: 68px !important;
|
|
|
|
text-align: center;
|
|
|
|
margin-left: auto !important;
|
|
|
|
margin-right: auto !important;
|
|
|
|
display: block !important;
|
|
|
|
margin-bottom: 50px !important
|
|
|
|
}
|
|
|
|
|
|
|
|
.cover-icon-right {
|
|
|
|
}
|
|
|
|
|
|
|
|
.cover-icon-left {
|
|
|
|
}
|
|
|
|
|
|
|
|
.cover-icon-round {
|
|
|
|
border-radius: 100%;
|
|
|
|
border: solid 1px rgba(255, 255, 255, 0.5);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*----------------------*/
|
|
|
|
/*----Homepage Slider---*/
|
|
|
|
/*----------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.demo-slider {
|
|
|
|
margin-bottom: 50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.homepage-slider .owl-dots {
|
|
|
|
margin-top: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.homepage-slider .overlay {
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
background: linear-gradient(to bottom,
|
|
|
|
rgba(0, 0, 0, 0.01),
|
|
|
|
rgba(0, 0, 0, 0.7)
|
|
|
|
);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.homepage-slider h5 {
|
|
|
|
text-shadow: 0px 1px 0px #000000;
|
|
|
|
font-size: 19px;
|
|
|
|
z-index: 2;
|
|
|
|
position: absolute;
|
|
|
|
color: #FFFFFF;
|
|
|
|
bottom: 40px;
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.homepage-slider p {
|
|
|
|
text-shadow: 0px 1px 0px #000000;
|
|
|
|
font-size: 12px;
|
|
|
|
z-index: 2;
|
|
|
|
position: absolute;
|
|
|
|
color: #ededed;
|
|
|
|
bottom: -10px;
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*---Staff Slider---*/
|
|
|
|
/*------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.staff-slider img {
|
|
|
|
margin-top: 8px;
|
|
|
|
width: 150px !important;
|
|
|
|
height: 150px !important;
|
|
|
|
border-radius: 150px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.staff-slider h3 {
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.staff-slider em {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: -10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.staff-slider p {
|
|
|
|
text-align: center;
|
|
|
|
padding-left: 20px;
|
|
|
|
padding-right: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.staff-icons a {
|
|
|
|
margin-left: 6px;
|
|
|
|
margin-right: 6px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.staff-icons-three {
|
|
|
|
width: 180px;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.staff-icons-two {
|
|
|
|
width: 120px;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.staff-icons-one {
|
|
|
|
width: 60px;
|
|
|
|
margin: 0 auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
@media (min-width: 0px) and (max-width: 340px) {
|
|
|
|
/*Small Devices*/
|
|
|
|
.next-home-slider,
|
|
|
|
.prev-home-slider,
|
|
|
|
.next-staff-slider,
|
|
|
|
.prev-staff-slider,
|
|
|
|
.next-quote-slider,
|
|
|
|
.prev-quote-slider {
|
|
|
|
top: 41%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 340px) and (max-width: 360px) {
|
|
|
|
/*Medium Devices*/
|
|
|
|
.next-home-slider,
|
|
|
|
.prev-home-slider,
|
|
|
|
.next-staff-slider,
|
|
|
|
.prev-staff-slider,
|
|
|
|
.next-quote-slider,
|
|
|
|
.prev-quote-slider {
|
|
|
|
top: 43%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 360px) and (max-width: 568px) {
|
|
|
|
/*Phablet Devices*/
|
|
|
|
.next-home-slider,
|
|
|
|
.prev-home-slider,
|
|
|
|
.next-staff-slider,
|
|
|
|
.prev-staff-slider,
|
|
|
|
.next-quote-slider,
|
|
|
|
.prev-quote-slider {
|
|
|
|
top: 47%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 568px) and (max-width: 768px) {
|
|
|
|
/*Phablet & Small Tablet Devices*/
|
|
|
|
.next-home-slider,
|
|
|
|
.prev-home-slider,
|
|
|
|
.next-staff-slider,
|
|
|
|
.prev-staff-slider,
|
|
|
|
.next-quote-slider,
|
|
|
|
.prev-quote-slider {
|
|
|
|
top: 41%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
/*Tablet in Landscape Devices*/
|
|
|
|
.next-home-slider,
|
|
|
|
.prev-home-slider,
|
|
|
|
.next-staff-slider,
|
|
|
|
.prev-staff-slider,
|
|
|
|
.next-quote-slider,
|
|
|
|
.prev-quote-slider {
|
|
|
|
top: 45%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.quote-slider {
|
|
|
|
padding-left: 100px !important;
|
|
|
|
padding-right: 100px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.next-home-slider {
|
|
|
|
border-radius: 50px;
|
|
|
|
margin-top: -20px;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
right: 10px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 9;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.next-home-slider i {
|
|
|
|
font-size: 16px;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
|
|
|
text-shadow: 0px 2px 0px #000000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.next-home-slider:hover {
|
|
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
|
|
border-radius: 50px;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prev-home-slider:hover {
|
|
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
|
|
border-radius: 50px;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prev-home-slider {
|
|
|
|
border-radius: 50px;
|
|
|
|
margin-top: -20px;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
left: 10px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 9;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prev-home-slider i {
|
|
|
|
font-size: 16px;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
|
|
|
text-shadow: 0px 2px 0px #000000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.next-staff-slider, .next-quote-slider {
|
|
|
|
margin-top: -25px;
|
|
|
|
right: 0px;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 9;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
border-radius: 50px;
|
|
|
|
text-align: center;
|
|
|
|
color: #1f1f1f;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.next-staff-slider:hover, .next-quote-slider:hover {
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.next-staff-slider i, .next-quote-slider i {
|
|
|
|
font-size: 16px;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prev-staff-slider, .prev-quote-slider {
|
|
|
|
margin-top: -25px;
|
|
|
|
left: 0px;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 9;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
border-radius: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
|
|
|
color: #1f1f1f;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prev-staff-slider:hover, .prev-quote-slider:hover {
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prev-staff-slider i, .prev-quote-slider i {
|
|
|
|
font-size: 16px;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
line-height: 50px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*---Quote Slider---*/
|
|
|
|
/*------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.quote-slider {
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*This section is vital to functions*/
|
|
|
|
/* Main Content Class that houses all elements */
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.all-elements {
|
|
|
|
position: absolute;
|
|
|
|
overflow-x: hidden !important;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
min-height: 100%;
|
|
|
|
max-height: 100%;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*---------CSS Plugins----------*/
|
|
|
|
/*------------------------------*/
|
|
|
|
/*------------------------------*/
|
|
|
|
/*---Sidebar Structure Plugin---*/
|
|
|
|
/*------------------------------*/
|
|
|
|
/*------------------------------*/
|
|
|
|
|
|
|
|
.snap-content, #content {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
z-index: 2;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
-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);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawers {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
overflow-x: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.snap-drawer {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: auto;
|
|
|
|
bottom: 0;
|
|
|
|
left: auto;
|
|
|
|
width: 275px;
|
|
|
|
height: auto;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
-webkit-transition: width 0.25s ease;
|
|
|
|
-moz-transition: width 0.25s ease;
|
|
|
|
-ms-transition: width 0.25s ease;
|
|
|
|
-o-transition: width 0.25s ease;
|
|
|
|
transition: width 0.25s ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawer-left {
|
2023-11-12 18:12:42 +00:00
|
|
|
left: 0;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawer-right {
|
2023-11-12 18:12:42 +00:00
|
|
|
right: 0;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snapjs-left .snap-drawer-right,
|
|
|
|
.snapjs-right .snap-drawer-left {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snapjs-expand-left .snap-drawer-left,
|
|
|
|
.snapjs-expand-right .snap-drawer-right {
|
2023-11-12 18:12:42 +00:00
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snapjs-right .snap-drawer-left {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: block;
|
|
|
|
right: 0;
|
|
|
|
left: auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snapjs-right .snap-drawer-right {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: block !important;
|
|
|
|
right: 0 !important;
|
|
|
|
left: auto !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-content {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
z-index: 2;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
-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);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawers {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawer {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: auto;
|
|
|
|
bottom: 0;
|
|
|
|
left: auto;
|
|
|
|
width: 286px;
|
|
|
|
height: auto;
|
|
|
|
overflow: auto;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
-webkit-transition: width 0.25s ease;
|
|
|
|
-moz-transition: width 0.25s ease;
|
|
|
|
-ms-transition: width 0.25s ease;
|
|
|
|
-o-transition: width 0.25s ease;
|
|
|
|
transition: width 0.25s ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawer-left {
|
2023-11-12 18:12:42 +00:00
|
|
|
left: 0;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawer-right {
|
2023-11-12 18:12:42 +00:00
|
|
|
right: 0;
|
|
|
|
z-index: 1;
|
|
|
|
padding-left: 20px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snapjs-left .snap-drawer-right,
|
|
|
|
.snapjs-right .snap-drawer-left {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snapjs-expand-left .snap-drawer-left,
|
|
|
|
.snapjs-expand-right .snap-drawer-right {
|
2023-11-12 18:12:42 +00:00
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snapjs-right .snap-drawer-right {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#content {
|
2023-11-12 18:12:42 +00:00
|
|
|
background-color: #FFFFFF;
|
|
|
|
overflow-x: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.drawer-inner {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-transition: opacity 0.25s ease;
|
|
|
|
-moz-transition: opacity 0.25s ease;
|
|
|
|
-ms-transition: opacity 0.25s ease;
|
|
|
|
-o-transition: opacity 0.25s ease;
|
|
|
|
transition: opacity 0.25s ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snapjs-expand-left .drawer-inner,
|
|
|
|
.snapjs-expand-right .drawer-inner {
|
2023-11-12 18:12:42 +00:00
|
|
|
opacity: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawers {
|
2023-11-12 18:12:42 +00:00
|
|
|
background-color: #1f1f1f;
|
|
|
|
background-size: 100px 100px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.snap-drawer {
|
2023-11-12 18:12:42 +00:00
|
|
|
background-color: #1f1f1f;
|
|
|
|
background-size: 100px 100px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.no-user-select {
|
|
|
|
-webkit-user-select: none; /* Chrome all / Safari all */
|
|
|
|
-moz-user-select: none; /* Firefox all */
|
|
|
|
-ms-user-select: none; /* IE 10+ */
|
|
|
|
-o-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------------*/
|
|
|
|
/*------------------------------*/
|
|
|
|
/*---Sliders and OWL Carousel---*/
|
|
|
|
/*------------------------------*/
|
|
|
|
/*------------------------------*/
|
|
|
|
|
|
|
|
/*Fix Jumping Image*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.owl-item {
|
|
|
|
transform: translate3d(0, 0, 0) !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .animated {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-animation-duration: 1000ms;
|
|
|
|
animation-duration: 1000ms;
|
|
|
|
-webkit-animation-fill-mode: both;
|
|
|
|
animation-fill-mode: both;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-animated-in {
|
2023-11-12 18:12:42 +00:00
|
|
|
z-index: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-animated-out {
|
2023-11-12 18:12:42 +00:00
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .fadeOut {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-animation-name: fadeOut;
|
|
|
|
animation-name: fadeOut;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes fadeOut {
|
2023-11-12 18:12:42 +00:00
|
|
|
0% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes fadeOut {
|
2023-11-12 18:12:42 +00:00
|
|
|
0% {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Owl Carousel - Auto Height Plugin */
|
|
|
|
.owl-height {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-transition: height 500ms ease-in-out;
|
|
|
|
-moz-transition: height 500ms ease-in-out;
|
|
|
|
-ms-transition: height 500ms ease-in-out;
|
|
|
|
-o-transition: height 500ms ease-in-out;
|
|
|
|
transition: height 500ms ease-in-out;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Core Owl Carousel CSS File */
|
|
|
|
.owl-carousel {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: none;
|
|
|
|
width: 100%;
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
/* position relative and z-index fix webkit rendering fonts issue */
|
|
|
|
position: relative;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-stage {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: relative;
|
|
|
|
-ms-touch-action: pan-Y;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-stage:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
content: ".";
|
|
|
|
display: block;
|
|
|
|
clear: both;
|
|
|
|
visibility: hidden;
|
|
|
|
line-height: 0;
|
|
|
|
height: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-stage-outer {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
/* fix for flashing background */
|
|
|
|
-webkit-transform: translate3d(0px, 0px, 0px);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-controls .owl-nav .owl-prev,
|
|
|
|
.owl-carousel .owl-controls .owl-nav .owl-next,
|
|
|
|
.owl-carousel .owl-controls .owl-dot {
|
2023-11-12 18:12:42 +00:00
|
|
|
cursor: pointer;
|
|
|
|
cursor: hand;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-khtml-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.owl-dots {
|
|
|
|
display: inline-block !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.owl-dot {
|
|
|
|
background-color: #bdc3c7;
|
|
|
|
margin-top: 5px;
|
|
|
|
border-radius: 13px;
|
|
|
|
height: 14px;
|
|
|
|
width: 14px;
|
|
|
|
float: left;
|
|
|
|
margin-left: 5px;
|
|
|
|
margin-right: 5px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.owl-dots .active {
|
|
|
|
background-color: #7f8c8d !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel.owl-loaded {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel.owl-loading {
|
2023-11-12 18:12:42 +00:00
|
|
|
opacity: 0;
|
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel.owl-hidden {
|
2023-11-12 18:12:42 +00:00
|
|
|
opacity: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-refresh .owl-item {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-item {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: relative;
|
|
|
|
min-height: 1px;
|
|
|
|
float: left;
|
|
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
-webkit-touch-callout: none;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-item img {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
-webkit-transform-style: preserve-3d;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel.owl-text-select-on .owl-item {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-user-select: auto;
|
|
|
|
-moz-user-select: auto;
|
|
|
|
-ms-user-select: auto;
|
|
|
|
user-select: auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-grab {
|
2023-11-12 18:12:42 +00:00
|
|
|
cursor: move;
|
|
|
|
cursor: -webkit-grab;
|
|
|
|
cursor: -o-grab;
|
|
|
|
cursor: -ms-grab;
|
|
|
|
cursor: grab;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel.owl-rtl {
|
2023-11-12 18:12:42 +00:00
|
|
|
direction: rtl;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel.owl-rtl .owl-item {
|
2023-11-12 18:12:42 +00:00
|
|
|
float: right;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* No Js */
|
|
|
|
.no-js .owl-carousel {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Owl Carousel - Lazy Load Plugin*/
|
|
|
|
.owl-carousel .owl-item .owl-lazy {
|
2023-11-12 18:12:42 +00:00
|
|
|
opacity: 0;
|
|
|
|
-webkit-transition: opacity 400ms ease;
|
|
|
|
-moz-transition: opacity 400ms ease;
|
|
|
|
-ms-transition: opacity 400ms ease;
|
|
|
|
-o-transition: opacity 400ms ease;
|
|
|
|
transition: opacity 400ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
2023-11-11 20:56:12 +00:00
|
|
|
.owl-carousel .owl-item img {
|
2023-11-12 18:12:42 +00:00
|
|
|
transform-style: preserve-3d;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*Owl Carousel - Video Plugin */
|
|
|
|
.owl-carousel .owl-video-wrapper {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: relative;
|
|
|
|
height: 100%;
|
|
|
|
background: #000;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-video-play-icon {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
height: 80px;
|
|
|
|
width: 80px;
|
|
|
|
left: 50%;
|
|
|
|
top: 50%;
|
|
|
|
margin-left: -40px;
|
|
|
|
margin-top: -40px;
|
|
|
|
background: url("http://www.enableds.com/products/panomobile/styles/owl.video.play.png") no-repeat;
|
|
|
|
cursor: pointer;
|
|
|
|
z-index: 1;
|
|
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
-webkit-transition: scale 100ms ease;
|
|
|
|
-moz-transition: scale 100ms ease;
|
|
|
|
-ms-transition: scale 100ms ease;
|
|
|
|
-o-transition: scale 100ms ease;
|
|
|
|
transition: scale 100ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-video-play-icon:hover {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-transition: scale(1.3, 1.3);
|
|
|
|
-moz-transition: scale(1.3, 1.3);
|
|
|
|
-ms-transition: scale(1.3, 1.3);
|
|
|
|
-o-transition: scale(1.3, 1.3);
|
|
|
|
transition: scale(1.3, 1.3);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-video-playing .owl-video-tn,
|
|
|
|
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-video-tn {
|
2023-11-12 18:12:42 +00:00
|
|
|
opacity: 0;
|
|
|
|
height: 100%;
|
|
|
|
background-position: center center;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
-webkit-background-size: contain;
|
|
|
|
-moz-background-size: contain;
|
|
|
|
-o-background-size: contain;
|
|
|
|
background-size: contain;
|
|
|
|
-webkit-transition: opacity 400ms ease;
|
|
|
|
-moz-transition: opacity 400ms ease;
|
|
|
|
-ms-transition: opacity 400ms ease;
|
|
|
|
-o-transition: opacity 400ms ease;
|
|
|
|
transition: opacity 400ms ease;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.owl-carousel .owl-video-frame {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: relative;
|
|
|
|
z-index: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------------*/
|
|
|
|
/*------------------------------*/
|
|
|
|
/*----Swipebox Touch Gallery----*/
|
|
|
|
/*------------------------------*/
|
|
|
|
/*------------------------------*/
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.gallery-fix {
|
|
|
|
display: none;
|
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
|
position: fixed;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
bottom: 0px;
|
|
|
|
right: 0px;
|
|
|
|
z-index: 99999 !important
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 768px) and (orientation: landscape) {
|
|
|
|
.gallery li {
|
|
|
|
list-style: none !important;
|
|
|
|
float: left;
|
|
|
|
width: 16.5%;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gallery {
|
|
|
|
margin-left: -1% !important;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
@media (min-width: 768px) and (orientation: portrait) {
|
|
|
|
.gallery li {
|
|
|
|
list-style: none !important;
|
|
|
|
float: left;
|
|
|
|
width: 25%;
|
|
|
|
transition: all 200ms ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gallery {
|
|
|
|
margin-left: -1% !important;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.square-thumb li img {
|
|
|
|
border-radius: 0px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.round-thumb li img {
|
|
|
|
border-radius: 500px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.gallery li a {
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
|
|
|
color: #1f1f1f;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.swipebox {
|
2023-11-12 18:12:42 +00:00
|
|
|
overflow: hidden !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.swipebox div {
|
|
|
|
overflow: visible !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-overlay img {
|
2023-11-12 18:12:42 +00:00
|
|
|
border: none !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-overlay {
|
2023-11-12 18:12:42 +00:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 999999 !important;
|
|
|
|
overflow: hidden;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
user-select: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-slider {
|
2023-11-12 18:12:42 +00:00
|
|
|
height: 100%;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
|
|
white-space: nowrap;
|
|
|
|
position: absolute;
|
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-slider .slide {
|
2023-11-12 18:12:42 +00:00
|
|
|
background: url("http://www.enableds.com/products/panomobile/images/gallery/loader.gif") no-repeat center center;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
line-height: 1px;
|
|
|
|
text-align: center;
|
|
|
|
display: inline-block;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-slider .slide:before {
|
2023-11-12 18:12:42 +00:00
|
|
|
content: "";
|
|
|
|
display: inline-block;
|
|
|
|
height: 50%;
|
|
|
|
width: 1px;
|
|
|
|
margin-right: -1px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-slider .slide img {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: inline-block;
|
|
|
|
max-height: 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
vertical-align: middle;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action, #swipebox-caption {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
z-index: 999;
|
|
|
|
height: 50px;
|
|
|
|
width: 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action {
|
2023-11-12 18:12:42 +00:00
|
|
|
bottom: -50px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action.visible-bars {
|
2023-11-12 18:12:42 +00:00
|
|
|
bottom: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action.force-visible-bars {
|
2023-11-12 18:12:42 +00:00
|
|
|
bottom: 0 !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-caption {
|
2023-11-12 18:12:42 +00:00
|
|
|
top: -50px;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
2023-11-11 20:56:12 +00:00
|
|
|
#swipebox-caption.visible-bars {
|
2023-11-12 18:12:42 +00:00
|
|
|
top: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-caption.force-visible-bars {
|
2023-11-12 18:12:42 +00:00
|
|
|
top: 0 !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
|
|
|
|
#swipebox-action #swipebox-close {
|
2023-11-12 18:12:42 +00:00
|
|
|
background-image: url("../images/framework/icons.png");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
border: none !important;
|
|
|
|
text-decoration: none !important;
|
|
|
|
cursor: pointer;
|
|
|
|
position: absolute;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
top: 0;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action #swipebox-close {
|
2023-11-12 18:12:42 +00:00
|
|
|
background-position: 15px 12px;
|
|
|
|
left: 40px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action #swipebox-prev {
|
2023-11-12 18:12:42 +00:00
|
|
|
background-position: -32px 13px;
|
|
|
|
right: 100px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action #swipebox-next {
|
2023-11-12 18:12:42 +00:00
|
|
|
background-position: -78px 13px;
|
|
|
|
right: 40px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action #swipebox-prev.disabled,
|
|
|
|
#swipebox-action #swipebox-next.disabled {
|
2023-11-12 18:12:42 +00:00
|
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
|
|
|
|
opacity: 0.3;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-slider.rightSpring {
|
2023-11-12 18:12:42 +00:00
|
|
|
-moz-animation: rightSpring 0.3s;
|
|
|
|
-webkit-animation: rightSpring 0.3s;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-slider.leftSpring {
|
2023-11-12 18:12:42 +00:00
|
|
|
-moz-animation: leftSpring 0.3s;
|
|
|
|
-webkit-animation: leftSpring 0.3s;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@-moz-keyframes rightSpring {
|
2023-11-12 18:12:42 +00:00
|
|
|
0% {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
margin-left: -30px;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@-moz-keyframes leftSpring {
|
2023-11-12 18:12:42 +00:00
|
|
|
0% {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
margin-left: 30px;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes rightSpring {
|
2023-11-12 18:12:42 +00:00
|
|
|
0% {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
margin-left: -30px;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes leftSpring {
|
2023-11-12 18:12:42 +00:00
|
|
|
0% {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
50% {
|
|
|
|
margin-left: 30px;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Skin*/
|
|
|
|
#swipebox-overlay {
|
2023-11-12 18:12:42 +00:00
|
|
|
background: #0d0d0d;
|
|
|
|
opacity: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action, #swipebox-caption {
|
2023-11-12 18:12:42 +00:00
|
|
|
text-shadow: 1px 1px 1px black;
|
|
|
|
background-color: #0d0d0d;
|
|
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
|
|
|
|
background-image: -webkit-linear-gradient(#0d0d0d, #000000);
|
|
|
|
background-image: -moz-linear-gradient(#0d0d0d, #000000);
|
|
|
|
background-image: -o-linear-gradient(#0d0d0d, #000000);
|
|
|
|
background-image: linear-gradient(#0d0d0d, #000000);
|
|
|
|
-webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
|
|
|
|
-moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
|
|
|
|
box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
|
|
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
|
|
|
|
opacity: 1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-action {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
|
|
|
|
-moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
|
|
|
|
box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#swipebox-caption {
|
2023-11-12 18:12:42 +00:00
|
|
|
color: white !important;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 50px;
|
|
|
|
font-family: 'Roboto', sans-serif;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/*-----------------------------*/
|
|
|
|
/*-----------------------------*/
|
|
|
|
/*---iOS/Android Add To Home---*/
|
|
|
|
/*-----------------------------*/
|
|
|
|
/*-----------------------------*/
|
|
|
|
|
|
|
|
.ath-viewport * {
|
2023-11-12 18:12:42 +00:00
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-viewport {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: relative;
|
|
|
|
z-index: 2147483641;
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
|
-webkit-touch-callout: none;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
-webkit-text-size-adjust: none;
|
|
|
|
-moz-text-size-adjust: none;
|
|
|
|
-ms-text-size-adjust: none;
|
|
|
|
-o-text-size-adjust: none;
|
|
|
|
text-size-adjust: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-modal {
|
2023-11-12 18:12:42 +00:00
|
|
|
pointer-events: auto !important;
|
|
|
|
background: rgba(0, 0, 0, 0.6);
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-mandatory {
|
2023-11-12 18:12:42 +00:00
|
|
|
background: #000;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-container {
|
2023-11-12 18:12:42 +00:00
|
|
|
pointer-events: auto !important;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 2147483641;
|
|
|
|
padding: 0.7em 0.6em;
|
|
|
|
width: 18em;
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
background: #eee;
|
|
|
|
background-size: 100% auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
box-shadow: 0 0.2em 0 #d1d1d1;
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
font-family: sans-serif;
|
|
|
|
font-size: 15px;
|
|
|
|
line-height: 1.5em;
|
|
|
|
text-align: center;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-container small {
|
2023-11-12 18:12:42 +00:00
|
|
|
font-size: 0.8em;
|
|
|
|
line-height: 1.3em;
|
|
|
|
display: block;
|
|
|
|
margin-top: 0.5em;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-ios.ath-phone {
|
2023-11-12 18:12:42 +00:00
|
|
|
bottom: 1.8em;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -9em;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-ios6.ath-tablet {
|
2023-11-12 18:12:42 +00:00
|
|
|
left: 5em;
|
|
|
|
top: 1.8em;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-ios7.ath-tablet {
|
2023-11-12 18:12:42 +00:00
|
|
|
left: 0.7em;
|
|
|
|
top: 1.8em;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-ios8.ath-tablet {
|
2023-11-12 18:12:42 +00:00
|
|
|
right: 0.4em;
|
|
|
|
top: 1.8em;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-android {
|
2023-11-12 18:12:42 +00:00
|
|
|
bottom: 1.8em;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -9em;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* close icon */
|
|
|
|
.ath-container:before {
|
2023-11-12 18:12:42 +00:00
|
|
|
content: '';
|
|
|
|
position: relative;
|
|
|
|
display: block;
|
|
|
|
float: right;
|
|
|
|
margin: -0.7em -0.6em 0 0.5em;
|
|
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
|
|
|
|
background-size: 20%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: 50%;
|
|
|
|
width: 2.7em;
|
|
|
|
height: 2.7em;
|
|
|
|
text-align: center;
|
|
|
|
overflow: hidden;
|
|
|
|
color: #a33;
|
|
|
|
z-index: 2147483642;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-container.ath-icon:before {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
margin: 0;
|
|
|
|
float: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-mandatory .ath-container:before {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-container.ath-android:before {
|
2023-11-12 18:12:42 +00:00
|
|
|
float: left;
|
|
|
|
margin: -0.7em 0.5em 0 -0.6em;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-container.ath-android.ath-icon:before {
|
2023-11-12 18:12:42 +00:00
|
|
|
position: absolute;
|
|
|
|
right: auto;
|
|
|
|
right: 0px;
|
|
|
|
margin: 0;
|
|
|
|
float: none;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* applied only if the application icon is shown */
|
2023-11-12 18:12:42 +00:00
|
|
|
.ath-container.ath-icon {
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
|
|
|
.ath-action-icon {
|
2023-11-12 18:12:42 +00:00
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
background-position: 50%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
text-indent: -9999em;
|
|
|
|
overflow: hidden;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-ios7 .ath-action-icon,
|
|
|
|
.ath-ios8 .ath-action-icon {
|
2023-11-12 18:12:42 +00:00
|
|
|
width: 1.6em;
|
|
|
|
height: 1.6em;
|
|
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
|
|
|
|
margin-top: -0.3em;
|
|
|
|
background-size: auto 100%;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-ios6 .ath-action-icon {
|
2023-11-12 18:12:42 +00:00
|
|
|
width: 1.8em;
|
|
|
|
height: 1.8em;
|
|
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
|
|
|
|
margin-bottom: 0.4em;
|
|
|
|
background-size: 100% auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-android .ath-action-icon {
|
2023-11-12 18:12:42 +00:00
|
|
|
width: 1.4em;
|
|
|
|
height: 1.5em;
|
|
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
|
|
|
|
background-size: 100% auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-container p {
|
2023-11-12 18:12:42 +00:00
|
|
|
line-height: 20px;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
position: relative;
|
|
|
|
z-index: 2147483642;
|
|
|
|
text-shadow: 0 0.1em 0 #fff;
|
|
|
|
font-size: 12px;
|
|
|
|
padding-left: 30px;
|
|
|
|
padding-right: 30px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.ath-container p small {
|
|
|
|
padding-top: 10px;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-ios.ath-phone:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
content: '';
|
|
|
|
background: #eee;
|
|
|
|
position: absolute;
|
|
|
|
width: 1em;
|
|
|
|
height: 1em;
|
|
|
|
bottom: -0.4em;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -0.5em;
|
|
|
|
-webkit-transform: scaleX(0.9) rotate(45deg);
|
|
|
|
transform: scaleX(0.9) rotate(45deg);
|
|
|
|
box-shadow: 0.2em 0.2em 0 #d1d1d1;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-ios.ath-tablet:after {
|
2023-11-12 18:12:42 +00:00
|
|
|
content: '';
|
|
|
|
background: #eee;
|
|
|
|
position: absolute;
|
|
|
|
width: 2em;
|
|
|
|
height: 2em;
|
|
|
|
top: -0.9em;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -1em;
|
|
|
|
-webkit-transform: scaleX(0.9) rotate(45deg);
|
|
|
|
transform: scaleX(0.9) rotate(45deg);
|
|
|
|
z-index: 2147483641;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-application-icon {
|
2023-11-12 18:12:42 +00:00
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
position: relative;
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
margin-top: 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
width: 70px;
|
|
|
|
height: 70px;
|
|
|
|
z-index: 2147483642;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ath-container.ath-ios .ath-application-icon {
|
2023-11-12 18:12:42 +00:00
|
|
|
border-radius: 1em;
|
|
|
|
margin: 0 auto 0.4em auto;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (orientation: landscape) {
|
2023-11-12 18:12:42 +00:00
|
|
|
.ath-container.ath-phone {
|
|
|
|
width: 24em;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.ath-android.ath-phone {
|
|
|
|
margin-left: -12em;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.ath-ios.ath-phone {
|
|
|
|
margin-left: -12em;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.ath-ios6:after {
|
|
|
|
left: 39%;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.ath-ios8.ath-phone {
|
|
|
|
left: auto;
|
|
|
|
bottom: auto;
|
|
|
|
right: 0.4em;
|
|
|
|
top: 1.8em;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.ath-ios8.ath-phone:after {
|
|
|
|
bottom: auto;
|
|
|
|
top: -0.9em;
|
|
|
|
left: 68%;
|
|
|
|
z-index: 2147483641;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
/*Adjustments for Header*/
|
2023-11-11 20:56:12 +00:00
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-signup-content .unboxed-layout,
|
2023-11-11 20:56:12 +00:00
|
|
|
.pageapp-signup-content .boxed-layout,
|
2023-11-12 18:12:42 +00:00
|
|
|
.pageapp-login-content .unboxed-layout,
|
|
|
|
.pageapp-login-content .boxed-layout {
|
|
|
|
margin-top: -60px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.countdown-content .unboxed-layout,
|
|
|
|
.countdown-content .boxed-layout,
|
|
|
|
.error-content .unboxed-layout,
|
2023-11-12 18:12:42 +00:00
|
|
|
.error-content .unboxed-layout {
|
|
|
|
margin-top: -70px !important;
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Servers Manger */
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.btn {
|
|
|
|
border: 0;
|
|
|
|
background-color: #2c3e50;
|
|
|
|
color: #fff;
|
|
|
|
outline: 0;
|
|
|
|
cursor: pointer;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
box-sizing: content-box;
|
|
|
|
padding: 5px 8px;
|
|
|
|
font-size: 10px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
height: 15px;
|
|
|
|
line-height: 16px;
|
|
|
|
margin: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-success {
|
|
|
|
background-color: #2abb67
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-error {
|
|
|
|
background-color: #c0392b
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-info {
|
|
|
|
background-color: #2980b9
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-blue {
|
|
|
|
background-color: #2980b9
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-red {
|
|
|
|
background-color: #c0392b
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-default {
|
|
|
|
background-color: #2c3e50
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-black {
|
|
|
|
background-color: #000
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-gray {
|
|
|
|
background-color: #ddd;
|
|
|
|
color: #222 !important
|
|
|
|
}
|
|
|
|
|
|
|
|
.server_console {
|
|
|
|
margin-top: 10px
|
|
|
|
}
|
|
|
|
|
|
|
|
.server_console pre {
|
|
|
|
width: 100%;
|
|
|
|
height: 350px;
|
|
|
|
overflow-y: scroll;
|
|
|
|
overflow-x: hidden;
|
|
|
|
white-space: pre-line;
|
|
|
|
line-height: 15px;
|
|
|
|
border-radius: 0;
|
|
|
|
padding: 5px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
background-color: #191919;
|
|
|
|
color: #FFF;
|
|
|
|
font-size: 12px
|
|
|
|
}
|
|
|
|
|
|
|
|
.server_console table, .server_console table td {
|
|
|
|
border: 0
|
|
|
|
}
|
|
|
|
|
|
|
|
#console_update {
|
2023-11-11 20:56:12 +00:00
|
|
|
font-size: 25px;
|
|
|
|
text-align: left
|
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
#console_update .fa-toggle-on {
|
|
|
|
color: #2abb67
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
#console_update .fa-toggle-off {
|
|
|
|
color: #c0392b
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.text-left, .table-text-left td {
|
|
|
|
text-align: left
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
|
|
|
|
2023-11-12 18:12:42 +00:00
|
|
|
.mt5 {
|
|
|
|
margin-top: 5px !important
|
2023-11-11 20:56:12 +00:00
|
|
|
}
|
2023-11-12 18:12:42 +00:00
|
|
|
|
|
|
|
.settings-select {
|
|
|
|
width: 80%;
|
2023-11-11 20:56:12 +00:00
|
|
|
margin-bottom: 0;
|
|
|
|
height: 30px;
|
|
|
|
padding-bottom: 0
|
|
|
|
}
|