7531 lines
135 KiB
CSS
7531 lines
135 KiB
CSS
|
@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);
|
||
|
|
|
||
|
|
/*-------------*/
|
||
|
|
/*----Reset----*/
|
||
|
|
/*-------------*/
|
||
|
|
* {
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
*:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
*,*:after,*:before {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.all-elements *{
|
||
|
|
-webkit-text-size-adjust:none;
|
||
|
|
-webkit-transform: translateZ(0);
|
||
|
|
min-height:auto;
|
||
|
|
max-height:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
overflow-x:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
body::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover{
|
||
|
|
text-decoration:none!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
::selection {
|
||
|
|
background-color:#CCC;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
|
||
|
|
display: block;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
textarea, input { outline: none; }
|
||
|
|
|
||
|
|
input {
|
||
|
|
-webkit-appearance: none!important;
|
||
|
|
border-radius: 0!important;
|
||
|
|
-webkit-border-radius:0px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
textarea {
|
||
|
|
-webkit-appearance: none!important;
|
||
|
|
border-radius: 0!important;
|
||
|
|
-webkit-border-radius:0px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
/*----Typography----*/
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
p {
|
||
|
|
line-height: 30px;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
p > a {
|
||
|
|
display: inline;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
p > a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
p > span {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
p strong{
|
||
|
|
font-size:15px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
span > a {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
a > span {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color:#2980b9;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
strong a, em a{
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
thead {}
|
||
|
|
|
||
|
|
th {
|
||
|
|
vertical-align: middle;
|
||
|
|
border-bottom: 1px solid #e9e9e9;
|
||
|
|
border-right: 1px solid #e9e9e9;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #555;
|
||
|
|
background-color: #f6f6f6;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr {
|
||
|
|
line-height: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
td {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr:hover > td {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul ul{
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ol ol{
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ol {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
li {
|
||
|
|
line-height: 24px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
ol > li:last-child, ul > li:last-child {
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
textarea{
|
||
|
|
font-family:'Roboto', sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------------------------------*/
|
||
|
|
/*---Background and text colors and hovers---*/
|
||
|
|
/*-------------------------------------------*/
|
||
|
|
|
||
|
|
.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,
|
||
|
|
.bg-green-dark i,
|
||
|
|
.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;}
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*---Heading Settings---*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
h1, h2, h3, h4, h5, h6{
|
||
|
|
font-family:'Roboto', sans-serif;
|
||
|
|
color:#1f1f1f;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sub-heading{
|
||
|
|
color:#4c4c4c;
|
||
|
|
font-weight:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.small-heading{
|
||
|
|
font-size:12px;
|
||
|
|
margin-top:-10px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1{
|
||
|
|
font-size:24px;
|
||
|
|
line-height:36px;
|
||
|
|
font-weight:700;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2{
|
||
|
|
font-size:22px;
|
||
|
|
line-height:44px;
|
||
|
|
font-weight:700;
|
||
|
|
}
|
||
|
|
|
||
|
|
h3{
|
||
|
|
font-size:20px;
|
||
|
|
line-height:22px;
|
||
|
|
font-weight:700;
|
||
|
|
}
|
||
|
|
|
||
|
|
h4{
|
||
|
|
font-size:18px;
|
||
|
|
line-height:22px;
|
||
|
|
font-weight:700;
|
||
|
|
}
|
||
|
|
|
||
|
|
h5{
|
||
|
|
font-size:16px;
|
||
|
|
line-height:20px;
|
||
|
|
font-weight:700;
|
||
|
|
}
|
||
|
|
|
||
|
|
h6{
|
||
|
|
font-size:14px;
|
||
|
|
line-height:30px;
|
||
|
|
font-weight:800;
|
||
|
|
}
|
||
|
|
|
||
|
|
body{
|
||
|
|
font-size:14px;
|
||
|
|
font-family:'Roboto', sans-serif;
|
||
|
|
line-height:30px;
|
||
|
|
font-weight:400;
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.highlighted{padding:4px 10px; margin-bottom:5px;}
|
||
|
|
|
||
|
|
/*-------------------------------*/
|
||
|
|
/*---Lists and Font Icon Lists---*/
|
||
|
|
/*-------------------------------*/
|
||
|
|
|
||
|
|
.font-icon-list li{
|
||
|
|
list-style:none;
|
||
|
|
padding-left:0px;
|
||
|
|
margin-left:-20px;
|
||
|
|
color:#666666;
|
||
|
|
line-height:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font-icon-list li a{
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-list li a{
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font-icon-list i{
|
||
|
|
margin-right:10px;
|
||
|
|
width:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.icon-list{
|
||
|
|
list-style: none;
|
||
|
|
padding-left:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-list i{
|
||
|
|
width:20px;
|
||
|
|
text-align:center;
|
||
|
|
margin-left:-5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-list ul{
|
||
|
|
padding-left:40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul{
|
||
|
|
padding-left:20px;
|
||
|
|
list-style-type:disc;
|
||
|
|
}
|
||
|
|
|
||
|
|
ol{
|
||
|
|
padding-left:20px;
|
||
|
|
list-style-type: decimal;
|
||
|
|
}
|
||
|
|
|
||
|
|
ol ol{
|
||
|
|
list-style-type:lower-alpha;
|
||
|
|
}
|
||
|
|
|
||
|
|
ol ol ol{
|
||
|
|
list-style-type:disc;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------*/
|
||
|
|
/*---Table Settings---*/
|
||
|
|
/*--------------------*/
|
||
|
|
|
||
|
|
.table{
|
||
|
|
width:100%;
|
||
|
|
margin-bottom:35px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-title{
|
||
|
|
font-family:'Dosis', sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-sub-title{
|
||
|
|
font-family:'Dosis', sans-serif;
|
||
|
|
font-weight:bold;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.price{
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.small-price{
|
||
|
|
position:absolute;
|
||
|
|
margin-left:0px;
|
||
|
|
font-size:10px;
|
||
|
|
margin-top:-3px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table {
|
||
|
|
font-size:12px;
|
||
|
|
text-shadow: 1px 1px 0px #fff;
|
||
|
|
background:#eaebec;
|
||
|
|
border:#ccc 1px solid;
|
||
|
|
margin-bottom:25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table th {
|
||
|
|
padding:21px 25px 22px 25px;
|
||
|
|
border-bottom:1px solid #e0e0e0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table th:first-child{
|
||
|
|
text-align: center;
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table tr{
|
||
|
|
text-align: center;
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table tr td:first-child{
|
||
|
|
text-align: left;
|
||
|
|
padding-left:20px;
|
||
|
|
border-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table tr td {
|
||
|
|
padding:14px;
|
||
|
|
border-top: 1px solid #ffffff;
|
||
|
|
border-bottom:1px solid #e0e0e0;
|
||
|
|
border-left: 0px solid #e0e0e0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table tr.even td{
|
||
|
|
background: #efefef;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table tr:last-child td{
|
||
|
|
border-bottom:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table tr:hover td{
|
||
|
|
background: #f8f8f8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-heading{
|
||
|
|
padding-top:10px;
|
||
|
|
padding-bottom:15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-text{
|
||
|
|
color:#6f6f6f;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*---------------------------*/
|
||
|
|
/*---Custom Heading Styles---*/
|
||
|
|
/*---------------------------*/
|
||
|
|
|
||
|
|
.morphext > .animated {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Heading Style 1*/
|
||
|
|
|
||
|
|
.heading-style-1,
|
||
|
|
.heading-style-2,
|
||
|
|
.heading-style-3,
|
||
|
|
.heading-style-4,
|
||
|
|
.heading-style-5{
|
||
|
|
cursor:default;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-1{
|
||
|
|
margin-top:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-1 .heading-decoration{
|
||
|
|
clear:both;
|
||
|
|
display:block;
|
||
|
|
height:4px;
|
||
|
|
margin-top:13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.heading-style-1 a{
|
||
|
|
color:#FFFFFF;
|
||
|
|
z-index:2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-1 *{
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-1 a{
|
||
|
|
position:absolute;
|
||
|
|
right:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Heading Style 2*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Heading Style 3*/
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Heading Style 4*/
|
||
|
|
|
||
|
|
.heading-style-4{
|
||
|
|
padding-left:20px;
|
||
|
|
padding-right:20px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-4 .heading-title{
|
||
|
|
padding-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-4 .heading-subtitle{
|
||
|
|
font-size:13px;
|
||
|
|
line-height:35px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-4 .line{
|
||
|
|
height:4px;
|
||
|
|
width:70px;
|
||
|
|
margin:15px auto;
|
||
|
|
opacity:0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-4{
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Heading Style 5*/
|
||
|
|
|
||
|
|
.heading-style-5{
|
||
|
|
padding-left:20px;
|
||
|
|
padding-right:20px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-5 .heading-subtitle{
|
||
|
|
font-size:13px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-5 .line{
|
||
|
|
height:1px;
|
||
|
|
background-color:rgba(0,0,0,0.15);
|
||
|
|
width:100%;
|
||
|
|
margin-top:-20px;
|
||
|
|
margin-bottom:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media(min-width:700px){
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-5{
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Heading Style 6*/
|
||
|
|
|
||
|
|
.heading-style-6 .heading-title{
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-6 .heading-category{
|
||
|
|
font-style:normal;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:500;
|
||
|
|
padding-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-6 .heading-category a{
|
||
|
|
display:inline;
|
||
|
|
padding-left:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-6 .heading-subtitle{
|
||
|
|
display:inline;
|
||
|
|
font-style:normal;
|
||
|
|
font-size:12px;
|
||
|
|
margin-right:-2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-6 .heading-subtitle a{
|
||
|
|
display:inline;
|
||
|
|
padding-left:5px;
|
||
|
|
border-right:solid 2px #cacaca;
|
||
|
|
padding-right:5px;
|
||
|
|
margin-right:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.heading-style-6 .heading-text{
|
||
|
|
font-size:12px;
|
||
|
|
margin-top:20px;
|
||
|
|
line-height:31px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------*/
|
||
|
|
/*---Text Fields---*/
|
||
|
|
/*-----------------*/
|
||
|
|
|
||
|
|
.icon-field .text-field{
|
||
|
|
padding-left:45px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-field i:first-child{
|
||
|
|
position:absolute;
|
||
|
|
top:15px;
|
||
|
|
left:0px;
|
||
|
|
width:40px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-icon-field{
|
||
|
|
margin-bottom:35px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-icon-field .text-field{
|
||
|
|
padding-left:45px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-icon-field i:first-child{
|
||
|
|
position:absolute;
|
||
|
|
top:40px;
|
||
|
|
left:0px;
|
||
|
|
line-height:45px;
|
||
|
|
height:45px;
|
||
|
|
width:45px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-icon-field h6{
|
||
|
|
font-weight:500;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-icon-field em{
|
||
|
|
letter-spacing:1px;
|
||
|
|
opacity:0.5;
|
||
|
|
float:right;
|
||
|
|
font-size:10px;
|
||
|
|
font-style:normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.green-field:focus{
|
||
|
|
transition:all 250ms ease;
|
||
|
|
border:solid 1px #2cc36b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.red-field:focus{
|
||
|
|
transition:all 250ms ease;
|
||
|
|
border:solid 1px #c0392b;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------------------*/
|
||
|
|
/*----Checkboxes and Radios----*/
|
||
|
|
/*-----------------------------*/
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------------------*/
|
||
|
|
/*---Image & Video Settings---*/
|
||
|
|
/*----------------------------*/
|
||
|
|
|
||
|
|
.img-responsive{
|
||
|
|
display:block;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.responsive-image{
|
||
|
|
display:block;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.preload-image{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.responsive-video{
|
||
|
|
position:relative;
|
||
|
|
padding-bottom:56.25%;
|
||
|
|
padding-top:30px;
|
||
|
|
height:0;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.responsive-video iframe, .responsive-video object, .responsive-video embed {
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------------------------------------*/
|
||
|
|
/*-----------------------------------------------*/
|
||
|
|
/*----Content Classes and Responsive Settings----*/
|
||
|
|
/*-----------------------------------------------*/
|
||
|
|
/*-----------------------------------------------*/
|
||
|
|
|
||
|
|
.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%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Animations*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------------------*/
|
||
|
|
/*-------------------------------*/
|
||
|
|
/*----Blockquotes and Reviews----*/
|
||
|
|
/*-------------------------------*/
|
||
|
|
/*-------------------------------*/
|
||
|
|
|
||
|
|
/*Quote 1*/
|
||
|
|
.quote-1 .quote-text{
|
||
|
|
font-size:15px;
|
||
|
|
display:block;
|
||
|
|
font-weight:400;
|
||
|
|
color:rgba(0,0,0,0.7);
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-1 .quote-image{
|
||
|
|
width:130px!important;
|
||
|
|
height:130px;
|
||
|
|
border-radius:100px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-1 .quote-author{
|
||
|
|
font-size:18px;
|
||
|
|
display:block;
|
||
|
|
text-align:center;
|
||
|
|
padding-top:0px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-1 .quote-rating{
|
||
|
|
width:115px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
margin-top:0px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-1 i{
|
||
|
|
color:#f39c12;
|
||
|
|
font-size:16px;
|
||
|
|
margin-right:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-1 .quote-title{
|
||
|
|
font-size:11px;
|
||
|
|
display:block;
|
||
|
|
margin-bottom:10px;
|
||
|
|
font-style:normal;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Quote 2*/
|
||
|
|
.quote-2 .quote-image{
|
||
|
|
width:70px!important;
|
||
|
|
height:70px;
|
||
|
|
border-radius:70px;
|
||
|
|
float:left;
|
||
|
|
margin-right:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-2 .quote-author{
|
||
|
|
font-size:16px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
display:block;
|
||
|
|
padding-top:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-2 .quote-rating{
|
||
|
|
float:left;
|
||
|
|
display:block;
|
||
|
|
width:150px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-2 em i{
|
||
|
|
font-size:16px;
|
||
|
|
color:#f39c12;
|
||
|
|
margin-right:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-2 .quote-text{
|
||
|
|
font-weight:400;
|
||
|
|
color:rgba(0,0,0,0.7);
|
||
|
|
padding-top:10px;
|
||
|
|
font-size:15px;
|
||
|
|
font-style:italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-2 .quote-title{
|
||
|
|
font-size:11px;
|
||
|
|
display:block;
|
||
|
|
margin-bottom:10px;
|
||
|
|
font-style:normal;
|
||
|
|
text-align:right;
|
||
|
|
margin-top:-15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Quote 3*/
|
||
|
|
.quote-3 .fa-quote-left{
|
||
|
|
font-size:20px;
|
||
|
|
display:block;
|
||
|
|
text-align:left;
|
||
|
|
position:absolute;
|
||
|
|
margin-top:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-3 p{
|
||
|
|
margin-bottom:0px;
|
||
|
|
padding-left:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-3 .quote-author{
|
||
|
|
display:block;
|
||
|
|
text-align:right;
|
||
|
|
color:#1f1f1f;
|
||
|
|
margin-top:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Quote 4*/
|
||
|
|
.quote-4 .fa-quote-right{
|
||
|
|
font-size:20px;
|
||
|
|
display:block;
|
||
|
|
text-align:left;
|
||
|
|
position:absolute;
|
||
|
|
right:0px;
|
||
|
|
margin-top:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-4 p{
|
||
|
|
margin-bottom:0px;
|
||
|
|
padding-right:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-4 .quote-author{
|
||
|
|
display:block;
|
||
|
|
text-align:left;
|
||
|
|
color:#1f1f1f;
|
||
|
|
margin-top:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Quote 5*/
|
||
|
|
.quote-5{
|
||
|
|
border-left:solid 5px #e34e47;
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-5 p{
|
||
|
|
font-style:italic;
|
||
|
|
font-size:15px;
|
||
|
|
padding-top:10px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.quote-5 strong{
|
||
|
|
display:block;
|
||
|
|
text-align:right;
|
||
|
|
font-size:13px;
|
||
|
|
font-weight:500;
|
||
|
|
margin-top:-10px;
|
||
|
|
padding-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*----------------------*/
|
||
|
|
/*-----User Reviews-----*/
|
||
|
|
/*----------------------*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
/* Review 1*/
|
||
|
|
|
||
|
|
.review-1 strong{
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-size:28px;
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-1 em{
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-weight:600;
|
||
|
|
font-size:13px;
|
||
|
|
font-style:normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-1 .review-stars i{
|
||
|
|
color:#f3a01b;
|
||
|
|
font-size:18px;
|
||
|
|
padding-bottom:20px;
|
||
|
|
padding-top:5px;
|
||
|
|
padding-right:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-1 .review-image{
|
||
|
|
position:absolute;
|
||
|
|
right:0px;
|
||
|
|
top:0px;
|
||
|
|
width:55px;
|
||
|
|
height:55px;
|
||
|
|
border-radius:55px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-1 p{
|
||
|
|
font-size:16px;
|
||
|
|
line-height:36px;
|
||
|
|
font-style:italic;
|
||
|
|
font-weight:300;
|
||
|
|
letter-spacing:-0.6px;
|
||
|
|
color:#343434;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-1 a{
|
||
|
|
text-align:right;
|
||
|
|
font-size:13px;
|
||
|
|
font-weight:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Review 2*/
|
||
|
|
|
||
|
|
.review-2 strong{
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-size:43px;
|
||
|
|
line-height:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-2 em{
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
left:100px;
|
||
|
|
font-size:10px;
|
||
|
|
font-style:normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-2 .review-stars{
|
||
|
|
position:absolute;
|
||
|
|
top:20px;
|
||
|
|
left:100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-2 .review-image{
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
position:absolute;
|
||
|
|
right:0px;
|
||
|
|
top:0px;
|
||
|
|
border-radius:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-2 .review-stars i{
|
||
|
|
color:#f3a01b;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-2 a{
|
||
|
|
text-align:right;
|
||
|
|
font-size:13px;
|
||
|
|
font-weight:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Review 3*/
|
||
|
|
|
||
|
|
.review-3 .review-line i{
|
||
|
|
color:#f39c12;
|
||
|
|
float:right;
|
||
|
|
padding-top:10px;
|
||
|
|
width:22px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-3 .review-line strong{
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-3 .review-line{
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-3 .review-line-last{
|
||
|
|
margin-bottom:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-3 .review-line-last i{
|
||
|
|
color:#d35400;
|
||
|
|
float:right;
|
||
|
|
padding-top:10px;
|
||
|
|
width:22px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-3 .review-line-last strong{
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-3 h4{
|
||
|
|
font-size:16px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-3 h5{
|
||
|
|
font-size:12px;
|
||
|
|
color:#666666;
|
||
|
|
font-weight:400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-3 p{
|
||
|
|
font-style:italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Review 4*/
|
||
|
|
|
||
|
|
.review-4 img{
|
||
|
|
position:absolute;
|
||
|
|
width:60px;
|
||
|
|
height:60px;
|
||
|
|
border-radius:70px;
|
||
|
|
top:-10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-4 h4{
|
||
|
|
color:#1f1f1f;
|
||
|
|
text-align:right;
|
||
|
|
margin-top:40px;
|
||
|
|
margin-left:80px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-4 .review-stars{
|
||
|
|
float:right;
|
||
|
|
margin-left:80px;
|
||
|
|
padding-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.review-4 .review-stars i{
|
||
|
|
color:#f39c12;
|
||
|
|
padding-right:5px;
|
||
|
|
font-size:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-4 p strong{
|
||
|
|
display:block;
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-size:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Review 5*/
|
||
|
|
|
||
|
|
.review-5 img{
|
||
|
|
position:absolute;
|
||
|
|
width:60px;
|
||
|
|
height:60px;
|
||
|
|
border-radius:70px;
|
||
|
|
top:-10px;
|
||
|
|
right:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-5 h4{
|
||
|
|
color:#1f1f1f;
|
||
|
|
margin-top:40px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-5 .review-stars{
|
||
|
|
padding-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-5 .review-stars i{
|
||
|
|
color:#f39c12;
|
||
|
|
padding-right:5px;
|
||
|
|
font-size:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-5 p strong{
|
||
|
|
display:block;
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-size:16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Review 6*/
|
||
|
|
|
||
|
|
.review-6 h4{
|
||
|
|
font-weight:300;
|
||
|
|
font-style:italic;
|
||
|
|
line-height:40px;
|
||
|
|
text-align:center;
|
||
|
|
padding-left:30px;
|
||
|
|
padding-right:30px;
|
||
|
|
color:#333333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-6 strong{
|
||
|
|
text-align:center;
|
||
|
|
display:block;
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-weight:700;
|
||
|
|
font-size:15px;
|
||
|
|
padding-top:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-6 .review-stars{
|
||
|
|
width:149px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-6 .review-stars i{
|
||
|
|
color:#f39c12;
|
||
|
|
padding-right:5px;
|
||
|
|
padding-left:5px;
|
||
|
|
font-size:18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.review-6 .fa-quote-right{
|
||
|
|
display:block;
|
||
|
|
font-size:24px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
/*-----Dropcaps-----*/
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------------*/
|
||
|
|
/*-----------------------*/
|
||
|
|
/*----Calendar Design----*/
|
||
|
|
/*-----------------------*/
|
||
|
|
/*-----------------------*/
|
||
|
|
|
||
|
|
.calendar{
|
||
|
|
margin-bottom:30px;
|
||
|
|
display:block;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
calendar*{
|
||
|
|
display:block;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-titles a{
|
||
|
|
width:14.28%;
|
||
|
|
float:left;
|
||
|
|
text-align:center;
|
||
|
|
height:40px;
|
||
|
|
line-height:40px;
|
||
|
|
font-size:10px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-weight:800;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-titles .light-titles{
|
||
|
|
opacity:0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-days{
|
||
|
|
margin-top:-10px;
|
||
|
|
font-size:14px;
|
||
|
|
margin-bottom:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-days a{
|
||
|
|
width:14.28%;
|
||
|
|
float:left;
|
||
|
|
height:60px;
|
||
|
|
line-height:60px;
|
||
|
|
text-align:center;
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-weight:700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-days a:hover{
|
||
|
|
color:rgba(41, 128, 185,1.0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-day .light-day{
|
||
|
|
opacity:0.3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-days i{
|
||
|
|
position:absolute;
|
||
|
|
font-size:35px;
|
||
|
|
margin-top:12px;
|
||
|
|
margin-left:-7px;
|
||
|
|
z-index:-1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clear-day i{
|
||
|
|
opacity:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.light-day{
|
||
|
|
opacity:0.3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.light-day i{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.taken-day{
|
||
|
|
color:#FFFFFF!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.taken-day i{
|
||
|
|
color:#27ae60;
|
||
|
|
}
|
||
|
|
|
||
|
|
.close-day{
|
||
|
|
color:#FFFFFF!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.close-day i{
|
||
|
|
color:#c0392b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hours{
|
||
|
|
border-top:solid 1px rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour{
|
||
|
|
height:90px;
|
||
|
|
border-bottom:solid 1px rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour-clear:hover{
|
||
|
|
background-color: rgba(39, 174, 96, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour-taken:hover{
|
||
|
|
background-color: rgba(192, 57, 43,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour strong{
|
||
|
|
color:#666666;
|
||
|
|
opacity:0.7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hours a:last-child{
|
||
|
|
border-bottom:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour .cal-time{
|
||
|
|
position:absolute;
|
||
|
|
margin-top:30px;
|
||
|
|
font-weight:400;
|
||
|
|
font-size:11px;
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour .cal-from{
|
||
|
|
position:absolute;
|
||
|
|
margin-top:18px;
|
||
|
|
font-size:11px;
|
||
|
|
font-weight:400;
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour .cal-to{
|
||
|
|
position:absolute;
|
||
|
|
margin-top:40px;
|
||
|
|
font-size:11px;
|
||
|
|
font-weight:400;
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour h4{
|
||
|
|
font-size:14px;
|
||
|
|
padding-left:100px;
|
||
|
|
padding-top:17px;
|
||
|
|
margin-bottom:2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour em{
|
||
|
|
font-style:normal;
|
||
|
|
font-size:11px;
|
||
|
|
padding-left:100px;
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.calendar-hour em i{
|
||
|
|
margin-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*----------------------*/
|
||
|
|
/*----Page Preloader----*/
|
||
|
|
/*----------------------*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
#preloader {
|
||
|
|
position:fixed;
|
||
|
|
z-index:2500;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
right:0;
|
||
|
|
bottom:0;
|
||
|
|
background-color:#FFF;
|
||
|
|
z-index:99999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
#status {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
#preloader h3{
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#status em{
|
||
|
|
font-size:10px!important;
|
||
|
|
display:block;
|
||
|
|
font-style:normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------*/
|
||
|
|
/*------------*/
|
||
|
|
/*----Tabs----*/
|
||
|
|
/*------------*/
|
||
|
|
/*------------*/
|
||
|
|
|
||
|
|
ul.tabs{
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tab-content{
|
||
|
|
display: none;
|
||
|
|
background: rgba(0,0,0,0.04);
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.active-tab-content{
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------*/
|
||
|
|
/*-----------------*/
|
||
|
|
/*----Accordion----*/
|
||
|
|
/*-----------------*/
|
||
|
|
/*-----------------*/
|
||
|
|
|
||
|
|
.accordion-toggle {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.accordion-content {
|
||
|
|
display: none;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
.accordion-content.active-accordion {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.accordion-toggle{
|
||
|
|
margin-top:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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);
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*---------------*/
|
||
|
|
/*---------------*/
|
||
|
|
/*----Toggles----*/
|
||
|
|
/*---------------*/
|
||
|
|
/*---------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------------------*/
|
||
|
|
/*-----------------------------*/
|
||
|
|
/*----Mobile Style Switches----*/
|
||
|
|
/*-----------------------------*/
|
||
|
|
/*-----------------------------*/
|
||
|
|
|
||
|
|
.switch-box h4{
|
||
|
|
font-size:15px;
|
||
|
|
line-height:29px;
|
||
|
|
float:left;
|
||
|
|
font-weight:600;
|
||
|
|
padding-top:2px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-box .switch{
|
||
|
|
float:right!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-box .switch-icon{
|
||
|
|
float:right!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-box-content{
|
||
|
|
clear:both;
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-box-subtitle{
|
||
|
|
display:block;
|
||
|
|
clear:both;
|
||
|
|
opacity:0.8;
|
||
|
|
font-size:13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Switch 1*/
|
||
|
|
|
||
|
|
.switch-1{
|
||
|
|
width:50px;
|
||
|
|
height:30px;
|
||
|
|
background-color:#c0392b;
|
||
|
|
border-radius:30px;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-1 em:first-child{
|
||
|
|
position:absolute;
|
||
|
|
color:#FFFFFF;
|
||
|
|
height:30px;
|
||
|
|
line-height:30px;
|
||
|
|
margin-left:11px;
|
||
|
|
font-style:normal;
|
||
|
|
font-size:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-1 em:last-child{
|
||
|
|
position:absolute;
|
||
|
|
color:#FFFFFF;
|
||
|
|
height:30px;
|
||
|
|
line-height:30px;
|
||
|
|
margin-left:33px;
|
||
|
|
font-style:normal;
|
||
|
|
font-size:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-1-on{
|
||
|
|
background-color:#27ae60;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-1-on span{
|
||
|
|
transform:translateX(22px);
|
||
|
|
-webkit-transform:translateX(22px);
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-icon em:first-child{
|
||
|
|
font-size:10px;
|
||
|
|
margin-top:2px;
|
||
|
|
margin-left:9px;
|
||
|
|
line-height:27px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-icon em:last-child{
|
||
|
|
font-size:10px;
|
||
|
|
margin-top:2px;
|
||
|
|
margin-left:32px;
|
||
|
|
line-height:27px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Switch 2*/
|
||
|
|
|
||
|
|
.switch-2{
|
||
|
|
width:85px;
|
||
|
|
background-color:#464646;
|
||
|
|
height:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-2-on span{
|
||
|
|
transform:translateX(43px);
|
||
|
|
-webkit-transform:translateX(43px);
|
||
|
|
/*background-color:#0e88b1;*/
|
||
|
|
background-color:#27ae60;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-2-on span em{
|
||
|
|
margin-top:0px;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Switch 3*/
|
||
|
|
|
||
|
|
.switch-3{
|
||
|
|
border:solid 3px #cacaca;
|
||
|
|
width:60px;
|
||
|
|
height:28px;
|
||
|
|
background-color:#27ae60;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-3-on{
|
||
|
|
background-color:#c0392b;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-3-on span{
|
||
|
|
transform:translateX(-3px);
|
||
|
|
-webkit-transform:translateX(-3px);
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-3 strong{
|
||
|
|
position:absolute;
|
||
|
|
width:54px;
|
||
|
|
height:22px;
|
||
|
|
border:solid 3px #FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-3 em{
|
||
|
|
position:absolute;
|
||
|
|
color:#FFFFFF;
|
||
|
|
margin-left:0px;
|
||
|
|
font-style:normal;
|
||
|
|
font-size:10px;
|
||
|
|
margin-top:-4px;
|
||
|
|
width:35px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switch-3 em:last-child{
|
||
|
|
position:absolute;
|
||
|
|
color:#FFFFFF;
|
||
|
|
margin-left:19px!important;
|
||
|
|
font-style:normal;
|
||
|
|
font-size:10px;
|
||
|
|
margin-top:-4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*---------------------*/
|
||
|
|
/*---------------------*/
|
||
|
|
/*----Notifications----*/
|
||
|
|
/*---------------------*/
|
||
|
|
/*---------------------*/
|
||
|
|
|
||
|
|
.static-notification{
|
||
|
|
padding:15px;
|
||
|
|
margin: 15px 0;
|
||
|
|
background-color: #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.static-notification h6{
|
||
|
|
color:#FFFFFF;
|
||
|
|
font-weight:500;
|
||
|
|
padding-bottom:10px;
|
||
|
|
border-bottom:solid 1px rgba(255,255,255,0.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.static-notification-icon{
|
||
|
|
padding-right:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.static-notification p{
|
||
|
|
font-size:12px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
color:rgba(255,255,255,0.8);
|
||
|
|
}
|
||
|
|
|
||
|
|
.static-notification-close{
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
color:#FFFFFF;
|
||
|
|
position:absolute;
|
||
|
|
top:5px;
|
||
|
|
right:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.static-notification-close{
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
line-height:50px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tap-dismiss i{
|
||
|
|
font-size:20px;
|
||
|
|
color:#FFFFFF;
|
||
|
|
position:absolute;
|
||
|
|
height:60px;
|
||
|
|
top:-15px;
|
||
|
|
line-height:60px;
|
||
|
|
width:60px;
|
||
|
|
text-align:center;
|
||
|
|
left:-15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tap-dismiss p{
|
||
|
|
padding-left:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------------*/
|
||
|
|
/*---Fixed Notifications---*/
|
||
|
|
/*-------------------------*/
|
||
|
|
|
||
|
|
/*top*/
|
||
|
|
.top-notification{
|
||
|
|
display:none;
|
||
|
|
z-index:9999;
|
||
|
|
position:fixed;
|
||
|
|
top:60px;
|
||
|
|
left:0px;
|
||
|
|
right:0px;
|
||
|
|
width:100%;
|
||
|
|
padding:15px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media(min-width:568px){
|
||
|
|
.top-notification{
|
||
|
|
width:320px;
|
||
|
|
right:40px;
|
||
|
|
left:auto;
|
||
|
|
top:20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-notification h4{
|
||
|
|
color:#FFFFFF;
|
||
|
|
font-size:15px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-notification p{
|
||
|
|
color:#FFFFFF;
|
||
|
|
font-size:12px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-notification a{
|
||
|
|
color:#FFFFFF;
|
||
|
|
text-decoration:underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-notification .close-top-notification{
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
position:absolute;
|
||
|
|
right:0px;
|
||
|
|
top:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-notification .close-top-notification i{
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
line-height:50px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*bottom*/
|
||
|
|
.bottom-notification{
|
||
|
|
display:none;
|
||
|
|
z-index:9999;
|
||
|
|
position:fixed;
|
||
|
|
bottom:0px;
|
||
|
|
left:0px;
|
||
|
|
right:0px;
|
||
|
|
width:100%;
|
||
|
|
padding:15px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media(min-width:568px){
|
||
|
|
.bottom-notification{
|
||
|
|
width:320px;
|
||
|
|
right:40px;
|
||
|
|
left:auto;
|
||
|
|
bottom:40px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-notification h4{
|
||
|
|
color:#FFFFFF;
|
||
|
|
font-size:15px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-notification p{
|
||
|
|
color:#FFFFFF;
|
||
|
|
font-size:12px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-notification a{
|
||
|
|
color:#FFFFFF;
|
||
|
|
text-decoration:underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-notification .close-bottom-notification{
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
position:absolute;
|
||
|
|
right:0px;
|
||
|
|
top:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bottom-notification .close-bottom-notification i{
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
line-height:50px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*----------------------*/
|
||
|
|
/*----Speach Bubbles----*/
|
||
|
|
/*----------------------*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------*/
|
||
|
|
/*--------------*/
|
||
|
|
/*----Charts----*/
|
||
|
|
/*--------------*/
|
||
|
|
/*--------------*/
|
||
|
|
|
||
|
|
.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%;}
|
||
|
|
|
||
|
|
/*---------------*/
|
||
|
|
/*---------------*/
|
||
|
|
/*----Buttons----*/
|
||
|
|
/*---------------*/
|
||
|
|
/*---------------*/
|
||
|
|
|
||
|
|
.button{
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:500;
|
||
|
|
letter-spacing:0.6px;
|
||
|
|
display:inline-block;
|
||
|
|
padding:8px 18px;
|
||
|
|
margin-bottom:15px;
|
||
|
|
margin-right:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-icon i{
|
||
|
|
position:absolute;
|
||
|
|
width:10px;
|
||
|
|
height:10px;
|
||
|
|
line-height:10px;
|
||
|
|
left:15px;
|
||
|
|
top:50%;
|
||
|
|
margin-top:-5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-icon{
|
||
|
|
padding-left:40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-small{
|
||
|
|
display:inline-block;
|
||
|
|
padding:5px 15px;
|
||
|
|
margin-bottom:15px;
|
||
|
|
margin-right:12px;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-xl{
|
||
|
|
font-size:16px;
|
||
|
|
padding:12px 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-l{
|
||
|
|
font-size:15px;
|
||
|
|
padding:10px 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-s{
|
||
|
|
font-size:13px;
|
||
|
|
padding:8px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-xs{
|
||
|
|
font-size:11px;
|
||
|
|
padding:6px 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-fullscreen{
|
||
|
|
width:100%!important;
|
||
|
|
display:block;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.social-ball{
|
||
|
|
border-radius:45px;
|
||
|
|
display:inline-block;
|
||
|
|
margin-right:10px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
width:45px;
|
||
|
|
height:45px;
|
||
|
|
line-height:45px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.social-square{
|
||
|
|
display:inline-block;
|
||
|
|
margin-right:10px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
width:45px;
|
||
|
|
height:45px;
|
||
|
|
line-height:45px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.social-ball i{
|
||
|
|
width:45px;
|
||
|
|
height:45px;
|
||
|
|
line-height:45px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.social-square i{
|
||
|
|
width:45px;
|
||
|
|
height:45px;
|
||
|
|
line-height:45px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-round{border-radius:5px;}
|
||
|
|
|
||
|
|
.button,
|
||
|
|
.button:hover,
|
||
|
|
.button-round,
|
||
|
|
.button-round:hover{
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.teal-3d{ padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #117562;}
|
||
|
|
.button-teal{ background-color:#16a085; color:#FFFFFF;}
|
||
|
|
.button-teal:hover{ background-color:#1abc9c;}
|
||
|
|
|
||
|
|
.green-3d{ padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #1e8248;}
|
||
|
|
.button-green{ background-color:#27ae60; color:#FFFFFF;}
|
||
|
|
.button-green:hover{ background-color:#2ecc71;}
|
||
|
|
|
||
|
|
.blue-3d{ padding-top:5px; padding-bottom:5px; border-bottom:solid 4px #194e70;}
|
||
|
|
.button-blue{ background-color:#2980b9; color:#FFFFFF;}
|
||
|
|
.button-blue:hover{ background-color:#3498db;}
|
||
|
|
|
||
|
|
.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;}
|
||
|
|
.button-light{ background-color:#bdc3c7; color:#1f1f1f;}
|
||
|
|
.button-light:hover{ background-color:#ecf0f1;}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-right:after {
|
||
|
|
visibility: hidden;
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.read-more-link{
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.read-more-link i{
|
||
|
|
padding-right:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-cover:hover{
|
||
|
|
background-color:rgba(255,255,255,0.05);
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------*/
|
||
|
|
/*---Login Buttons---*/
|
||
|
|
/*-------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------*/
|
||
|
|
/*--------------------*/
|
||
|
|
/*----This or That----*/
|
||
|
|
/*--------------------*/
|
||
|
|
/*--------------------*/
|
||
|
|
|
||
|
|
/*Style 1*/
|
||
|
|
|
||
|
|
.or-buttons-style-1{
|
||
|
|
width:300px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.or-buttons-style-1 em{
|
||
|
|
position:relative;
|
||
|
|
z-index:10;
|
||
|
|
float:left;
|
||
|
|
background-color:#FFFFFF;
|
||
|
|
padding:7px 5px;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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);
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Style 2*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Style 3*/
|
||
|
|
|
||
|
|
.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 */
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------*/
|
||
|
|
/*-------------------*/
|
||
|
|
/*----Modal Forms----*/
|
||
|
|
/*-------------------*/
|
||
|
|
/*-------------------*/
|
||
|
|
|
||
|
|
.rounded-modal{border-radius:10px;}
|
||
|
|
.squared-modal{border-radius:0px;}
|
||
|
|
|
||
|
|
/*-----------------------*/
|
||
|
|
/*---Simple Modal Form---*/
|
||
|
|
/*-----------------------*/
|
||
|
|
|
||
|
|
#simplemodal-overlay {background-color:#000;}
|
||
|
|
|
||
|
|
.simple-modal-content{
|
||
|
|
display:none;
|
||
|
|
background-color:rgba(255,255,255,0.9);
|
||
|
|
margin-top:20px;
|
||
|
|
padding-bottom:2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:350px){
|
||
|
|
#simplemodal-container{
|
||
|
|
width:300px!important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width:355px){
|
||
|
|
#simplemodal-container{
|
||
|
|
width:340px!important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.simple-modal-content h4{
|
||
|
|
padding:20px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.simple-modal-content p{
|
||
|
|
padding:20px;
|
||
|
|
padding-top:0px;
|
||
|
|
padding-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------------*/
|
||
|
|
/*---Social Modal Form---*/
|
||
|
|
/*-----------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.login-modal-wrapper h4{
|
||
|
|
text-align:center;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.facebook-connect{background-color:#3b5998;}
|
||
|
|
.twitter-connect{background-color:#4099ff;}
|
||
|
|
.google-connect{background-color:#d34836;}
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*---Login Modal Form---*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*---Simple Login---*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
.simple-login-modal-content{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------*/
|
||
|
|
/*---Social Profile Modal---*/
|
||
|
|
/*--------------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------*/
|
||
|
|
/*--------------------*/
|
||
|
|
/*----Share Bottom----*/
|
||
|
|
/*--------------------*/
|
||
|
|
/*--------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------------*/
|
||
|
|
/*------------------------*/
|
||
|
|
/*----Device Detection----*/
|
||
|
|
/*------------------------*/
|
||
|
|
/*------------------------*/
|
||
|
|
|
||
|
|
.device-detected img{
|
||
|
|
width:101px;
|
||
|
|
height:101px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.device-detected h5{
|
||
|
|
text-align:Center;
|
||
|
|
padding-top:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.device-detected p{
|
||
|
|
text-align:center;
|
||
|
|
padding-left:20px;
|
||
|
|
padding-right:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------------------*/
|
||
|
|
/*----------------------------*/
|
||
|
|
/*----Animated Back To Top----*/
|
||
|
|
/*----------------------------*/
|
||
|
|
/*----------------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------*/
|
||
|
|
/*-------------*/
|
||
|
|
/*---Userlist--*/
|
||
|
|
/*-------------*/
|
||
|
|
/*-------------*/
|
||
|
|
|
||
|
|
.user-list-item{
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-item img{
|
||
|
|
float:left;
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
border-radius:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-item strong{
|
||
|
|
color:#1f1f1f;
|
||
|
|
margin-left:60px;
|
||
|
|
font-size:15px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
margin-top:-5px;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-item em{
|
||
|
|
display:block;
|
||
|
|
font-size:12px;
|
||
|
|
padding-left:60px;
|
||
|
|
font-style:normal;
|
||
|
|
color:#666666;
|
||
|
|
font-weight:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-item i{
|
||
|
|
position:absolute;
|
||
|
|
right:0px;
|
||
|
|
top:23px;
|
||
|
|
font-size:12px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-follow{
|
||
|
|
padding-bottom:50px;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-follow img{
|
||
|
|
float:left;
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
border-radius:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-follow strong{
|
||
|
|
float:left;
|
||
|
|
font-size:14px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
padding-left:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-follow strong em{
|
||
|
|
font-size:11px;
|
||
|
|
font-style:normal;
|
||
|
|
color:#666666;
|
||
|
|
margin-top:-10px;
|
||
|
|
display:block;
|
||
|
|
font-weight:400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-socials{
|
||
|
|
padding-bottom:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-socials img{
|
||
|
|
float:left;
|
||
|
|
width:50px;
|
||
|
|
height:50px;
|
||
|
|
border-radius:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-socials strong{
|
||
|
|
float:left;
|
||
|
|
font-size:14px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
padding-left:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-list-socials strong em{
|
||
|
|
font-size:11px;
|
||
|
|
font-style:normal;
|
||
|
|
color:#666666;
|
||
|
|
margin-top:-10px;
|
||
|
|
display:block;
|
||
|
|
font-weight:400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
/*---Activity Feed--*/
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------*/
|
||
|
|
/*----------------*/
|
||
|
|
/*----Full Map----*/
|
||
|
|
/*----------------*/
|
||
|
|
/*----------------*/
|
||
|
|
|
||
|
|
.map-fullscreen{
|
||
|
|
margin-bottom:0px;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-fullscreen .map-overlay{
|
||
|
|
opacity:0.65;
|
||
|
|
position:absolute;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
z-index:9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-fullscreen .deactivate-map{
|
||
|
|
position:absolute;
|
||
|
|
z-index:10;
|
||
|
|
bottom:-15px;
|
||
|
|
font-size:13px;
|
||
|
|
height:60px;
|
||
|
|
line-height:60px;
|
||
|
|
padding:0px;
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-fullscreen .map-text{
|
||
|
|
position:absolute;
|
||
|
|
z-index:99;
|
||
|
|
width:280px;
|
||
|
|
height:100px;
|
||
|
|
top:50%;
|
||
|
|
margin-top:-50px;
|
||
|
|
left:50%;
|
||
|
|
margin-left:-140px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-fullscreen .map-text h3{
|
||
|
|
font-size:24px;
|
||
|
|
color:#FFFFFF;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.map-fullscreen .map-text p{
|
||
|
|
color:#FFFFFF;
|
||
|
|
text-align:center;
|
||
|
|
font-size:13px;
|
||
|
|
opacity:0.6;
|
||
|
|
padding-top:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
/*----Portfolios----*/
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
/*------------------------*/
|
||
|
|
/*---Adaptive Portfolio---*/
|
||
|
|
/*------------------------*/
|
||
|
|
|
||
|
|
.portfolio-switch{
|
||
|
|
transition:all 250ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.active-adaptive{
|
||
|
|
color:#e34e47!important;
|
||
|
|
transition:all 250ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive{
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive:after {
|
||
|
|
visibility: hidden;
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive .portfolio-item img{
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*1 Item*/
|
||
|
|
|
||
|
|
.portfolio-item{
|
||
|
|
transition:all 250ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive-one .portfolio-item{
|
||
|
|
width:100%;
|
||
|
|
float:left;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*2 Items*/
|
||
|
|
|
||
|
|
.portfolio-adaptive-two .portfolio-item{
|
||
|
|
width:50%;
|
||
|
|
float:left;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive-two .portfolio-item:nth-child(2n+2){
|
||
|
|
padding-left:10px!important;
|
||
|
|
}
|
||
|
|
.portfolio-adaptive-two .portfolio-item:nth-child(2n+1){
|
||
|
|
padding-right:10px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*3 Items*/
|
||
|
|
|
||
|
|
.portfolio-adaptive-three .portfolio-item{
|
||
|
|
width:33%;
|
||
|
|
float:left;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive-three .portfolio-item:nth-child(3n+1){
|
||
|
|
padding-left:5px!important;
|
||
|
|
padding-right:5px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive-three .portfolio-item:nth-child(3n+2){
|
||
|
|
padding-left:10px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive-three .portfolio-item:nth-child(3n+3){
|
||
|
|
padding-right:10px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Portfolio Controls*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive-controls .adaptive-one{
|
||
|
|
border-left:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive-controls .portfolio-switch i{
|
||
|
|
width:50px;
|
||
|
|
height:30px;
|
||
|
|
line-height:30px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive .portfolio-item .adaptive-more{
|
||
|
|
font-size:12px;
|
||
|
|
padding-top:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-adaptive .portfolio-item .adaptive-more i{
|
||
|
|
font-size:12px;
|
||
|
|
margin-left:10px;
|
||
|
|
margin-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------------*/
|
||
|
|
/*---One Item Portfolio---*/
|
||
|
|
/*------------------------*/
|
||
|
|
|
||
|
|
.portfolio-one .portfolio-item img{
|
||
|
|
padding-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.portfolio-one .portfolio-item em{
|
||
|
|
font-size:12px;
|
||
|
|
margin-top:-10px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-one .portfolio-item .portfolio-share{
|
||
|
|
float:right;
|
||
|
|
margin:0px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-one .portfolio-item .portfolio-share i{
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-one .portfolio-item .portfolio-link{
|
||
|
|
float:right;
|
||
|
|
margin:0px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-one .portfolio-item .portfolio-link i{
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-one .portfolio-item:after {
|
||
|
|
visibility: hidden;
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------------*/
|
||
|
|
/*---Two Item Portfolio---*/
|
||
|
|
/*------------------------*/
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item{
|
||
|
|
float:left;
|
||
|
|
width:50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item:nth-child(2n+1){
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
.portfolio-two .portfolio-item:nth-child(2n+0){
|
||
|
|
padding-left:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item img{
|
||
|
|
padding-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item em{
|
||
|
|
font-size:12px;
|
||
|
|
margin-top:-10px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item .portfolio-share{
|
||
|
|
float:right;
|
||
|
|
margin:0px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item .portfolio-share i{
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item .portfolio-link{
|
||
|
|
float:right;
|
||
|
|
margin:0px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item .portfolio-link i{
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-two .portfolio-item:after {
|
||
|
|
visibility: hidden;
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------*/
|
||
|
|
/*---Portfolio Wide---*/
|
||
|
|
/*--------------------*/
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-wide .wide-text{
|
||
|
|
margin-top:20px;
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-wide .wide-text img{
|
||
|
|
float:left;
|
||
|
|
width:80px;
|
||
|
|
height:80px;
|
||
|
|
margin-right:15px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
margin-top:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-wide .wide-text .portfolio-link i{padding-right:10px;}
|
||
|
|
.portfolio-wide .wide-text .portfolio-link{
|
||
|
|
float:right;
|
||
|
|
margin-left:20px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-wide .wide-text .portfolio-share i{padding-right:10px;}
|
||
|
|
.portfolio-wide .wide-text .portfolio-share{
|
||
|
|
float:right;
|
||
|
|
margin-left:20px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-wide .wide-text .portfolio-close i{padding-right:10px;}
|
||
|
|
.portfolio-wide .wide-text .portfolio-close{
|
||
|
|
float:right;
|
||
|
|
margin-left:20px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-wide .wide-title{
|
||
|
|
display:block;
|
||
|
|
position:relative;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-wide .wide-title img{
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
width:100%;
|
||
|
|
display:block;
|
||
|
|
z-index:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-wide .wide-title .overlay{
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
z-index:2;
|
||
|
|
position:absolute;
|
||
|
|
opacity:0.8!important;
|
||
|
|
top:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*---Filter Portfolio---*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
.portfolio-filter-wrapper {
|
||
|
|
width:100%;
|
||
|
|
margin:20px 0px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-filter-wrapper:after {
|
||
|
|
visibility: hidden;
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-filter-categories{
|
||
|
|
display:table;
|
||
|
|
width:100%;
|
||
|
|
padding-top:5px;
|
||
|
|
padding-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.selected-filter{
|
||
|
|
background-color:#27ae60;
|
||
|
|
color:#FFFFFF!important;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.filter-category{
|
||
|
|
display:table-cell;
|
||
|
|
padding:2px 10px;
|
||
|
|
text-align:center;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #333;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.portfolio-filter-item img{
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery-filter-item img{
|
||
|
|
border-radius:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media(min-width:768px){
|
||
|
|
.portfolio-filter-item{
|
||
|
|
width:46%;
|
||
|
|
margin-right:2%;
|
||
|
|
margin-left:2%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media(min-width:1020px){
|
||
|
|
.portfolio-filter-item{
|
||
|
|
width:28%;
|
||
|
|
margin-right:2%;
|
||
|
|
margin-left:2%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery-filter-item{
|
||
|
|
width:46%;
|
||
|
|
margin-left:2%;
|
||
|
|
margin-right:2%;
|
||
|
|
float:left;
|
||
|
|
margin-bottom:4%;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media(min-width:768px){
|
||
|
|
.gallery-filter-item{
|
||
|
|
width:46%;
|
||
|
|
margin-right:2%;
|
||
|
|
margin-left:2%;
|
||
|
|
margin-bottom:4%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media(min-width:1020px){
|
||
|
|
.gallery-filter-item{
|
||
|
|
width:28%;
|
||
|
|
margin-right:2%;
|
||
|
|
margin-left:2%;
|
||
|
|
margin-bottom:4%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*-----------------*/
|
||
|
|
/*-----------------*/
|
||
|
|
/*----Galleries----*/
|
||
|
|
/*-----------------*/
|
||
|
|
/*-----------------*/
|
||
|
|
|
||
|
|
.gallery:after {
|
||
|
|
visibility: hidden;
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------------*/
|
||
|
|
/*---Round Square Thumbs---*/
|
||
|
|
/*-------------------------*/
|
||
|
|
|
||
|
|
.square-thumbs a img{
|
||
|
|
border-radius:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.round-thumbs a img{
|
||
|
|
border-radius:300px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery a{
|
||
|
|
width:33.333333333%;
|
||
|
|
float:left;
|
||
|
|
padding-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery a:nth-child(3n+1){
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery a:nth-child(3n+2){
|
||
|
|
padding-right:5px;
|
||
|
|
padding-left:5px;
|
||
|
|
}
|
||
|
|
.gallery a:nth-child(3n+3){
|
||
|
|
padding-left:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery a img{
|
||
|
|
display:block;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------------*/
|
||
|
|
/*---Justified Gallery---*/
|
||
|
|
/*-----------------------*/
|
||
|
|
|
||
|
|
.justified-gallery {
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-bottom:25px;
|
||
|
|
}
|
||
|
|
.justified-gallery > a,
|
||
|
|
.justified-gallery > div {
|
||
|
|
position: absolute;
|
||
|
|
display: inline-block;
|
||
|
|
overflow: hidden;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.justified-gallery > a > img,
|
||
|
|
.justified-gallery > div > img,
|
||
|
|
.justified-gallery > a > a > img,
|
||
|
|
.justified-gallery > div > a > img {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------*/
|
||
|
|
/*--------------------------*/
|
||
|
|
/*----Pages and PageApps----*/
|
||
|
|
/*--------------------------*/
|
||
|
|
/*--------------------------*/
|
||
|
|
|
||
|
|
/*----------------*/
|
||
|
|
/*--Page Contact--*/
|
||
|
|
/*----------------*/
|
||
|
|
|
||
|
|
.contactField{
|
||
|
|
background-color:rgba(255,255,255,0.4);
|
||
|
|
font-size:12px;
|
||
|
|
color:#666;
|
||
|
|
border:solid 1px #cacaca;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactField:focus{
|
||
|
|
border:solid 1px #27ae60;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactTextarea{
|
||
|
|
background-color:rgba(255,255,255,0.4);
|
||
|
|
font-size:12px;
|
||
|
|
border:solid 1px #cacaca;
|
||
|
|
color: #666;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactTextarea:focus{
|
||
|
|
border:solid 1px #27ae60;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactSubmitButton{
|
||
|
|
line-height:19px!important;
|
||
|
|
display:block!important;
|
||
|
|
height:36px!important;
|
||
|
|
margin-right:4px;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-form{
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactNameField{
|
||
|
|
padding-bottom:5px;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactNameField span{
|
||
|
|
float:right;
|
||
|
|
opacity:0.2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactEmailField{
|
||
|
|
padding-bottom:5px;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactEmailField span{
|
||
|
|
float:right;
|
||
|
|
opacity:0.2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactMessageTextarea{
|
||
|
|
padding-bottom:5px;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactMessageTextarea span{
|
||
|
|
float:right;
|
||
|
|
opacity:0.2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.formFieldWrap{
|
||
|
|
margin-top:-5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#contactNameField{
|
||
|
|
text-transform:capitalize;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactField{
|
||
|
|
min-width:100%;
|
||
|
|
display:block;
|
||
|
|
box-sizing:border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactTextarea{
|
||
|
|
min-width:100%;
|
||
|
|
display:block;
|
||
|
|
box-sizing:border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonWrap{
|
||
|
|
line-height:20px;
|
||
|
|
padding-bottom:24px;
|
||
|
|
min-width:43%;
|
||
|
|
display:inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.formSubmitButtonErrorsWrap a{
|
||
|
|
width:25%;
|
||
|
|
text-align:center;
|
||
|
|
padding:8px 10px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.formValidationError{
|
||
|
|
height:40px;
|
||
|
|
line-height:40px;
|
||
|
|
padding-top:5px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.contactField{
|
||
|
|
height:40px;
|
||
|
|
padding-left:10px;
|
||
|
|
padding-right:10px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contactTextarea{
|
||
|
|
margin-bottom: 20px;
|
||
|
|
padding-left: 12px;
|
||
|
|
padding-right: 12px;
|
||
|
|
padding-top: 9px;
|
||
|
|
padding-bottom: 9px;
|
||
|
|
line-height: 18px;
|
||
|
|
height: 80px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------*/
|
||
|
|
/*---Contact Icons---*/
|
||
|
|
/*-------------------*/
|
||
|
|
|
||
|
|
@media (min-width:768px){
|
||
|
|
.contact-information{
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.field-title{
|
||
|
|
padding-left:0px;
|
||
|
|
margin-left:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-call{
|
||
|
|
color:#666;
|
||
|
|
height:25px;
|
||
|
|
display:block;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-call i{
|
||
|
|
width:12px;
|
||
|
|
diplay:block;
|
||
|
|
margin-right:20px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-text{
|
||
|
|
color:#666;
|
||
|
|
height:25px;
|
||
|
|
display:block;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-text i{
|
||
|
|
width:12px;
|
||
|
|
diplay:block;
|
||
|
|
margin-right:20px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-mail{
|
||
|
|
color:#666;
|
||
|
|
height:25px;
|
||
|
|
display:block;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-mail i{
|
||
|
|
width:12px;
|
||
|
|
diplay:block;
|
||
|
|
margin-right:20px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-facebook{
|
||
|
|
color:#666;
|
||
|
|
height:25px;
|
||
|
|
display:block;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-facebook i{
|
||
|
|
width:12px;
|
||
|
|
diplay:block;
|
||
|
|
margin-right:20px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-twitter{
|
||
|
|
color:#666;
|
||
|
|
height:25px;
|
||
|
|
display:block;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-twitter i{
|
||
|
|
width:12px;
|
||
|
|
diplay:block;
|
||
|
|
margin-right:20px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-linkedin{
|
||
|
|
color:#666;
|
||
|
|
height:25px;
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.contact-linkedin i{
|
||
|
|
width:12px;
|
||
|
|
diplay:block;
|
||
|
|
margin-right:20px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------*/
|
||
|
|
/*---Maps---*/
|
||
|
|
/*----------*/
|
||
|
|
|
||
|
|
.maps{
|
||
|
|
display:block!important;
|
||
|
|
width:100%;
|
||
|
|
height:200px;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width:768px){
|
||
|
|
.maps{
|
||
|
|
height:300px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------*/
|
||
|
|
/*----------------*/
|
||
|
|
/*---Page Login---*/
|
||
|
|
/*----------------*/
|
||
|
|
/*----------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-login .login-forgot:hover,
|
||
|
|
.page-login .login-create:hover,
|
||
|
|
.page-login .login-already:hover{
|
||
|
|
color:#2e8ece;
|
||
|
|
transition:all 250ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-login .login-forgot i,
|
||
|
|
.page-login .login-create i,
|
||
|
|
.page-login .login-already i{
|
||
|
|
padding-right:10px;
|
||
|
|
padding-left:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-login .login-already{
|
||
|
|
text-align:center;
|
||
|
|
font-size:12px;
|
||
|
|
color:#cacaca;
|
||
|
|
margin-bottom:20px;
|
||
|
|
transition:all 250ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-login .login-create{
|
||
|
|
width:50%;
|
||
|
|
float:right;
|
||
|
|
text-align:right;
|
||
|
|
font-size:12px;
|
||
|
|
color:#cacaca;
|
||
|
|
margin-bottom:30px;
|
||
|
|
transition:all 250ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-login .login-forgot{
|
||
|
|
width:50%;
|
||
|
|
float:left;
|
||
|
|
text-align:left;
|
||
|
|
font-size:12px;
|
||
|
|
color:#cacaca;
|
||
|
|
margin-bottom:30px;
|
||
|
|
transition:all 250ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
/*---Page Profile---*/
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-profile .follow-buttons:after, .page-profile-followers a:after {
|
||
|
|
visibility: hidden;
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-profile-header em i{
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-profile-followers a{
|
||
|
|
width:33%;
|
||
|
|
float:left;
|
||
|
|
text-align:center;
|
||
|
|
font-size:12px;
|
||
|
|
color:#666666;
|
||
|
|
margin-bottom:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-profile-followers a i{
|
||
|
|
display:block;
|
||
|
|
font-size:20px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
text-align:center;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-profile-followers a:nth-child(3n+1){
|
||
|
|
border-right:solid 1px rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-profile-followers a:nth-child(3n+3){
|
||
|
|
border-left:solid 1px rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------*/
|
||
|
|
/*--------------------*/
|
||
|
|
/*---Page Countdown---*/
|
||
|
|
/*--------------------*/
|
||
|
|
/*--------------------*/
|
||
|
|
|
||
|
|
.boxed-layout{
|
||
|
|
background-color:rgba(255,255,255,1);
|
||
|
|
border-radius:5px;
|
||
|
|
padding:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.date-years, date-years em{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-page .overlay{
|
||
|
|
opacity:0.8;
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
z-index:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-content{
|
||
|
|
width:300px;
|
||
|
|
margin-left:-150px!important;
|
||
|
|
position:relative;
|
||
|
|
z-index:10;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Unboxed Layout*/
|
||
|
|
|
||
|
|
.countdown-content a{
|
||
|
|
color:#666666;
|
||
|
|
text-decoration:underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-page .unboxed-layout h3{
|
||
|
|
text-align:center;
|
||
|
|
color:#FFFFFF;
|
||
|
|
font-size:36px;
|
||
|
|
font-weight:300;
|
||
|
|
line-height:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-page .unboxed-layout h4{
|
||
|
|
text-align:center;
|
||
|
|
color:rgba(255,255,255,0.5);
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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);
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-page .unboxed-layout .countdown-class div{
|
||
|
|
font-size:30px;
|
||
|
|
text-align:center;
|
||
|
|
color:#FFFFFF;
|
||
|
|
font-weight:400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-page .unboxed-layout .countdown-class div em{
|
||
|
|
font-size:12px;
|
||
|
|
display:block;
|
||
|
|
font-style:normal;
|
||
|
|
opacity:0.4;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Boxed Layout*/
|
||
|
|
|
||
|
|
.countdown-page .boxed-layout h3{
|
||
|
|
text-align:center;
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-size:30px;
|
||
|
|
font-weight:400;
|
||
|
|
line-height:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-page .boxed-layout h4{
|
||
|
|
text-align:center;
|
||
|
|
color:rgba(0,0,0,0.5);
|
||
|
|
font-size:13px;
|
||
|
|
font-weight:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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);
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-page .boxed-layout .countdown-class div{
|
||
|
|
font-size:24px;
|
||
|
|
text-align:center;
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-weight:400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-page .boxed-layout .countdown-class div em{
|
||
|
|
font-size:12px;
|
||
|
|
display:block;
|
||
|
|
font-style:normal;
|
||
|
|
opacity:0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.countdown-class div{
|
||
|
|
width:25%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-screen .left-button{
|
||
|
|
position:absolute;
|
||
|
|
bottom:20px;
|
||
|
|
z-index:2;
|
||
|
|
color:rgba(255,255,255,0.3);
|
||
|
|
left:20px;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-screen .left-button:hover{
|
||
|
|
color:#FFFFFF;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-screen .left-button i{
|
||
|
|
padding-right:20px;
|
||
|
|
color:rgba(255,255,255,0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-screen .right-button{
|
||
|
|
position:absolute;
|
||
|
|
bottom:20px;
|
||
|
|
right:20px;
|
||
|
|
color:rgba(255,255,255,0.3);
|
||
|
|
z-index:2;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-screen .right-button:hover{
|
||
|
|
color:#FFFFFF;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-screen .right-button i{
|
||
|
|
padding-left:20px;
|
||
|
|
color:rgba(255,255,255,0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------*/
|
||
|
|
/*----------------*/
|
||
|
|
/*---Page Error---*/
|
||
|
|
/*----------------*/
|
||
|
|
/*----------------*/
|
||
|
|
|
||
|
|
.error-page .overlay{
|
||
|
|
opacity:0.8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-page .error-content{
|
||
|
|
width:300px;
|
||
|
|
z-index:10;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Unboxed Layout*/
|
||
|
|
.error-page .unboxed-layout h3{
|
||
|
|
font-size:36px;
|
||
|
|
text-align:center;
|
||
|
|
line-height:40px;
|
||
|
|
color:#FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-page .unboxed-layout h4{
|
||
|
|
text-align:center;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:400;
|
||
|
|
font-size:12px;
|
||
|
|
color:rgba(255,255,255,0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-page .unboxed-layout p{
|
||
|
|
text-align:center;
|
||
|
|
color:rgba(255,255,255,0.8);
|
||
|
|
padding-top:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-page .unboxed-layout .back-home i{
|
||
|
|
line-height:55px;
|
||
|
|
width:55px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-page .unboxed-layout .back-home:hover{
|
||
|
|
border:solid 2px rgba(255,255,255,1);
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Boxed Layout*/
|
||
|
|
|
||
|
|
.error-page .boxed-layout h3{
|
||
|
|
text-align:center;
|
||
|
|
color:#1f1f1f;
|
||
|
|
font-size:30px;
|
||
|
|
font-weight:400;
|
||
|
|
line-height:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-page .boxed-layout h4{
|
||
|
|
text-align:center;
|
||
|
|
color:rgba(0,0,0,0.5);
|
||
|
|
font-size:13px;
|
||
|
|
font-weight:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-page .boxed-layout .back-home i{
|
||
|
|
line-height:55px;
|
||
|
|
width:55px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-page .boxed-layout .back-home:hover{
|
||
|
|
border:solid 2px rgba(0,0,0,1);
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------*/
|
||
|
|
/*-------------------*/
|
||
|
|
/*---Pageapp Login---*/
|
||
|
|
/*-------------------*/
|
||
|
|
/*-------------------*/
|
||
|
|
|
||
|
|
.pageapp-login-content{
|
||
|
|
width:300px;
|
||
|
|
z-index:10;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-login .overlay{
|
||
|
|
opacity:0.8;
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
z-index:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-login input{
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-login input:focus{
|
||
|
|
border-bottom:solid 1px #27ae60!important;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-login-button{
|
||
|
|
margin-top:25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Unboxed Layout*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Boxed Layout*/
|
||
|
|
|
||
|
|
.pageapp-login .boxed-layout .pageapp-login-field i{
|
||
|
|
position:absolute;
|
||
|
|
color:#1f1f1f;
|
||
|
|
margin-top:12px;
|
||
|
|
margin-left:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-login .boxed-layout .decoration{
|
||
|
|
background-color:rgba(0,0,0,0.1);
|
||
|
|
margin-top:20px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*----------------------*/
|
||
|
|
/*---Pageapp Register---*/
|
||
|
|
/*----------------------*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
.pageapp-signup-content{
|
||
|
|
width:300px;
|
||
|
|
position:relative;
|
||
|
|
z-index:10;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-signup .overlay{
|
||
|
|
opacity:0.8;
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
z-index:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-signup input{
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-signup input:focus{
|
||
|
|
border-bottom:solid 1px #27ae60!important;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Unboxed Layout*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-signup .unboxed-layout .pageapp-signup-field i{
|
||
|
|
position:absolute;
|
||
|
|
top:18px;
|
||
|
|
left:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-signup .unboxed-layout .pageapp-signup-button{
|
||
|
|
margin-top:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Boxed Layout*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-signup .boxed-layout .pageapp-signup-field i{
|
||
|
|
position:absolute;
|
||
|
|
top:18px;
|
||
|
|
left:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-signup .boxed-layout .pageapp-signup-button{
|
||
|
|
margin-top:30px;
|
||
|
|
margin-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-------------------*/
|
||
|
|
/*-------------------*/
|
||
|
|
/*---Page Timeline---*/
|
||
|
|
/*-------------------*/
|
||
|
|
/*-------------------*/
|
||
|
|
|
||
|
|
/*----------------*/
|
||
|
|
/*---Timeline 1---*/
|
||
|
|
/*----------------*/
|
||
|
|
|
||
|
|
.pageapp-timeline-1{
|
||
|
|
overflow:hidden;
|
||
|
|
margin-top:-20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-timeline-1 p{
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-timeline-1 .timeline-text,
|
||
|
|
.pageapp-timeline-1 .timeline-video,
|
||
|
|
.pageapp-timeline-1 .timeline-event,
|
||
|
|
.pageapp-timeline-1 .timeline-quote,
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-timeline-1 .responsive-image,
|
||
|
|
.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}
|
||
|
|
.pageapp-timeline-1 .timeline-event .event-maps i{padding-right:10px}
|
||
|
|
|
||
|
|
.pageapp-timeline-1 .timeline-event .event-link{
|
||
|
|
font-size:12px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-timeline-1 .timeline-event .event-maps{
|
||
|
|
font-size:12px;
|
||
|
|
text-align:center;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pageapp-timeline-1 .timeline-event .gallery a{
|
||
|
|
padding-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*----------------*/
|
||
|
|
/*---Timeline 2---*/
|
||
|
|
/*----------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------------*/
|
||
|
|
/*------------------------*/
|
||
|
|
/*---PageApp Checklists---*/
|
||
|
|
/*------------------------*/
|
||
|
|
/*------------------------*/
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.checklist-square-selected:hover{
|
||
|
|
text-decoration:line-through!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.checklist-round-selected:hover{
|
||
|
|
text-decoration:line-through!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
/*----TaskLists----*/
|
||
|
|
/*------------------*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tasklist-red{ border-left:solid 4px #c0392b; }
|
||
|
|
.tasklist-green{ border-left:solid 4px #27ae60; }
|
||
|
|
.tasklist-blue{ border-left:solid 4px #2980b9; }
|
||
|
|
.tasklist-orange{ border-left:solid 4px #d35400; }
|
||
|
|
.tasklist-yellow{ border-left:solid 4px #f1c40f; }
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*-----------------------*/
|
||
|
|
/*-----------------------*/
|
||
|
|
/*---Pageapp Reminders---*/
|
||
|
|
/*-----------------------*/
|
||
|
|
/*-----------------------*/
|
||
|
|
|
||
|
|
.reminder-check-square{
|
||
|
|
background-image:url(../images/framework/checkbox.png);
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-size:16px 18px;
|
||
|
|
background-position:10px 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reminder-check-round{
|
||
|
|
background-image:url(../images/framework/radio.png);
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-size:16px 18px;
|
||
|
|
background-position:10px 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reminder i{
|
||
|
|
padding-right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.reminder-check-square-selected{
|
||
|
|
background-image:url(../images/framework/checkboxc.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
.reminder-check-round-selected{
|
||
|
|
background-image:url(../images/framework/radioc.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
.reminder-check-square-selected em{opacity:0.3; transition:all 200ms ease;}
|
||
|
|
.reminder-check-square-selected strong{opacity:0.3; transition:all 200ms ease;}
|
||
|
|
|
||
|
|
.reminder-check-round-selected em{opacity:0.3; transition:all 200ms ease;}
|
||
|
|
.reminder-check-round-selected strong{opacity:0.3; transition:all 200ms ease;}
|
||
|
|
|
||
|
|
.reminder strong{
|
||
|
|
font-size:16px;
|
||
|
|
font-weight:800;
|
||
|
|
padding-left:50px;
|
||
|
|
margin-bottom:-4px;
|
||
|
|
display:block;
|
||
|
|
color:#1f1f1f;
|
||
|
|
transition:all 250ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------*/
|
||
|
|
/*-----------------*/
|
||
|
|
/*----Page Blog----*/
|
||
|
|
/*-----------------*/
|
||
|
|
/*-----------------*/
|
||
|
|
|
||
|
|
@media(min-width:768px){
|
||
|
|
.page-blog{
|
||
|
|
width:60%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-sidebar{
|
||
|
|
width:35%;
|
||
|
|
float:left;
|
||
|
|
margin-left:5%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list p{
|
||
|
|
margin-bottom:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list img{
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list .page-blog-list-by{
|
||
|
|
width:200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list .page-blog-list-by img{
|
||
|
|
width:40px;
|
||
|
|
height:40px;
|
||
|
|
border-radius:40px;
|
||
|
|
position:absolute;
|
||
|
|
margin-top:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list .page-blog-list-by strong{
|
||
|
|
padding-left:55px;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:500;
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list .page-blog-list-by strong a{
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list .page-blog-tags{
|
||
|
|
display:block;
|
||
|
|
margin-top:-10px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list .page-blog-tags a{
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list-more i:hover{
|
||
|
|
background-color:#3498db;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-blog-list-share i:hover{
|
||
|
|
background-color:#2ecc71;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------------*/
|
||
|
|
/*----Page Blog Sidebar---*/
|
||
|
|
/*------------------------*/
|
||
|
|
/*Search*/
|
||
|
|
|
||
|
|
.blog-sidebar-search i{
|
||
|
|
position:absolute;
|
||
|
|
top:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-search input:focus{
|
||
|
|
border-bottom:solid 2px #27ae60;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-text p{
|
||
|
|
font-size:12px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Recent*/
|
||
|
|
|
||
|
|
.blog-sidebar-recent-projects a{
|
||
|
|
width:30%;
|
||
|
|
float:left;
|
||
|
|
overflow:hidden;
|
||
|
|
margin-right:3%;
|
||
|
|
margin-bottom:3%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-recent-projects a img{
|
||
|
|
display:block;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-recent-posts a:last-child{
|
||
|
|
border-bottom:none;
|
||
|
|
padding-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-recent-posts a{
|
||
|
|
border-bottom:solid 1px rgba(0,0,0,0.1);
|
||
|
|
padding-bottom:10px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-recent-posts strong{
|
||
|
|
display:block;
|
||
|
|
color:#1f1f1f
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Categories*/
|
||
|
|
|
||
|
|
.blog-sidebar-categories a:last-child{
|
||
|
|
border-bottom:none;
|
||
|
|
padding-bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-sidebar-categories a i{
|
||
|
|
position:absolute;
|
||
|
|
right:0px;
|
||
|
|
top:18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Blog Comments*/
|
||
|
|
|
||
|
|
.blog-post-comment-nested{
|
||
|
|
padding-left:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post-comment em{
|
||
|
|
display:block;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post-comment strong{
|
||
|
|
font-size:15px;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post-comment .blog-post-comment-reply{
|
||
|
|
text-align:right;
|
||
|
|
width:40px;
|
||
|
|
float:right;
|
||
|
|
margin-top:-25px;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post-comment-add strong{
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post-comment-add em{
|
||
|
|
display:block;
|
||
|
|
text-align:right;
|
||
|
|
font-size:10px;
|
||
|
|
margin-top:-30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post-comment-add input:focus{
|
||
|
|
border-bottom:solid 2px #27ae60;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog-post-comment-add textarea:focus{
|
||
|
|
border-bottom:solid 2px #27ae60;
|
||
|
|
transition:all 200ms ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------------------*/
|
||
|
|
/*----Image Slider Settings----*/
|
||
|
|
/*-----------------------------*/
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*---Coverpage Slider---*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
.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;}
|
||
|
|
.cover-center{ position:absolute; top:50%; left:50%; position:absolute; z-index:10; width:300px;}
|
||
|
|
.cover-left{ position:absolute; top:50%; left:30px; position:absolute; z-index:10;}
|
||
|
|
.cover-right{ position:absolute; top:50%; right:30px; position:absolute; z-index:10;}
|
||
|
|
|
||
|
|
.cover-slide h1{
|
||
|
|
font-size:40px;
|
||
|
|
line-height:50px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-slide h2{
|
||
|
|
font-size:32px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-slide h3{
|
||
|
|
font-size:28px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-slide h4{
|
||
|
|
font-size:24px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-slide h5{
|
||
|
|
font-size:20px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-slide h6{
|
||
|
|
font-size:16px;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-slide h1,
|
||
|
|
.cover-slide h2,
|
||
|
|
.cover-slide h3,
|
||
|
|
.cover-slide h4,
|
||
|
|
.cover-slide h5,
|
||
|
|
.cover-slide h6{
|
||
|
|
color:#FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cover-slide p{
|
||
|
|
font-size:15px;
|
||
|
|
color:#b2b2b2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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);}
|
||
|
|
|
||
|
|
/*----------------------*/
|
||
|
|
/*----Homepage Slider---*/
|
||
|
|
/*----------------------*/
|
||
|
|
|
||
|
|
.demo-slider{
|
||
|
|
margin-bottom:50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.homepage-slider .owl-dots{
|
||
|
|
margin-top:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.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%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*---Staff Slider---*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
.staff-slider img{
|
||
|
|
margin-top:8px;
|
||
|
|
width:150px!important;
|
||
|
|
height:150px!important;
|
||
|
|
border-radius:150px;
|
||
|
|
margin-left:auto;
|
||
|
|
margin-right:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.staff-slider h3{
|
||
|
|
text-align:center;
|
||
|
|
margin-top:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------*/
|
||
|
|
/*---Quote Slider---*/
|
||
|
|
/*------------------*/
|
||
|
|
|
||
|
|
.quote-slider{
|
||
|
|
padding-left:30px;
|
||
|
|
padding-right:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*This section is vital to functions*/
|
||
|
|
/* Main Content Class that houses all elements */
|
||
|
|
|
||
|
|
.all-elements{
|
||
|
|
position:absolute;
|
||
|
|
overflow-x:hidden!important;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
min-height:100%;
|
||
|
|
max-height:100%;
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*---------CSS Plugins----------*/
|
||
|
|
/*------------------------------*/
|
||
|
|
/*------------------------------*/
|
||
|
|
/*---Sidebar Structure Plugin---*/
|
||
|
|
/*------------------------------*/
|
||
|
|
/*------------------------------*/
|
||
|
|
|
||
|
|
.snap-content, #content {
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawers {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
overflow-x:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.snap-drawer {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawer-left {
|
||
|
|
left: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawer-right {
|
||
|
|
right: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snapjs-left .snap-drawer-right,
|
||
|
|
.snapjs-right .snap-drawer-left {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snapjs-expand-left .snap-drawer-left,
|
||
|
|
.snapjs-expand-right .snap-drawer-right {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snapjs-right .snap-drawer-left {
|
||
|
|
display: block;
|
||
|
|
right: 0;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snapjs-right .snap-drawer-right {
|
||
|
|
display: block !important;
|
||
|
|
right: 0 !important;
|
||
|
|
left: auto !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-content {
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawers {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawer {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawer-left {
|
||
|
|
left: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawer-right {
|
||
|
|
right: 0;
|
||
|
|
z-index: 1;
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snapjs-left .snap-drawer-right,
|
||
|
|
.snapjs-right .snap-drawer-left {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snapjs-expand-left .snap-drawer-left,
|
||
|
|
.snapjs-expand-right .snap-drawer-right {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snapjs-right .snap-drawer-right {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content {
|
||
|
|
background-color:#FFFFFF;
|
||
|
|
overflow-x:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.drawer-inner {
|
||
|
|
-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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snapjs-expand-left .drawer-inner,
|
||
|
|
.snapjs-expand-right .drawer-inner {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawers {
|
||
|
|
background-color:#1f1f1f;
|
||
|
|
background-size:100px 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.snap-drawer {
|
||
|
|
background-color:#1f1f1f;
|
||
|
|
background-size:100px 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------------------*/
|
||
|
|
/*------------------------------*/
|
||
|
|
/*---Sliders and OWL Carousel---*/
|
||
|
|
/*------------------------------*/
|
||
|
|
/*------------------------------*/
|
||
|
|
|
||
|
|
/*Fix Jumping Image*/
|
||
|
|
|
||
|
|
.owl-item{
|
||
|
|
transform: translate3d(0, 0, 0)!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .animated {
|
||
|
|
-webkit-animation-duration: 1000ms;
|
||
|
|
animation-duration: 1000ms;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-animated-in {
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-animated-out {
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .fadeOut {
|
||
|
|
-webkit-animation-name: fadeOut;
|
||
|
|
animation-name: fadeOut;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes fadeOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fadeOut {
|
||
|
|
0% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Owl Carousel - Auto Height Plugin */
|
||
|
|
.owl-height {
|
||
|
|
-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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Core Owl Carousel CSS File */
|
||
|
|
.owl-carousel {
|
||
|
|
display: none;
|
||
|
|
width: 100%;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
/* position relative and z-index fix webkit rendering fonts issue */
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-stage {
|
||
|
|
position: relative;
|
||
|
|
-ms-touch-action: pan-Y;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-stage:after {
|
||
|
|
content: ".";
|
||
|
|
display: block;
|
||
|
|
clear: both;
|
||
|
|
visibility: hidden;
|
||
|
|
line-height: 0;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-stage-outer {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
/* fix for flashing background */
|
||
|
|
-webkit-transform: translate3d(0px, 0px, 0px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-controls .owl-nav .owl-prev,
|
||
|
|
.owl-carousel .owl-controls .owl-nav .owl-next,
|
||
|
|
.owl-carousel .owl-controls .owl-dot {
|
||
|
|
cursor: pointer;
|
||
|
|
cursor: hand;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-dots{
|
||
|
|
display:inline-block!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-dot{
|
||
|
|
background-color:#bdc3c7;
|
||
|
|
margin-top:5px;
|
||
|
|
border-radius:13px;
|
||
|
|
height:14px;
|
||
|
|
width:14px;
|
||
|
|
float:left;
|
||
|
|
margin-left:5px;
|
||
|
|
margin-right:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-dots .active{
|
||
|
|
background-color:#7f8c8d!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel.owl-loaded {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel.owl-loading {
|
||
|
|
opacity: 0;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel.owl-hidden {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-refresh .owl-item {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-item {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-item img {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
-webkit-transform-style: preserve-3d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel.owl-text-select-on .owl-item {
|
||
|
|
-webkit-user-select: auto;
|
||
|
|
-moz-user-select: auto;
|
||
|
|
-ms-user-select: auto;
|
||
|
|
user-select: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-grab {
|
||
|
|
cursor: move;
|
||
|
|
cursor: -webkit-grab;
|
||
|
|
cursor: -o-grab;
|
||
|
|
cursor: -ms-grab;
|
||
|
|
cursor: grab;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel.owl-rtl {
|
||
|
|
direction: rtl;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel.owl-rtl .owl-item {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* No Js */
|
||
|
|
.no-js .owl-carousel {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Owl Carousel - Lazy Load Plugin*/
|
||
|
|
.owl-carousel .owl-item .owl-lazy {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
.owl-carousel .owl-item img {
|
||
|
|
transform-style: preserve-3d;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Owl Carousel - Video Plugin */
|
||
|
|
.owl-carousel .owl-video-wrapper {
|
||
|
|
position: relative;
|
||
|
|
height: 100%;
|
||
|
|
background: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-video-play-icon {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-video-play-icon:hover {
|
||
|
|
-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);
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-video-playing .owl-video-tn,
|
||
|
|
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-video-tn {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-carousel .owl-video-frame {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*------------------------------*/
|
||
|
|
/*------------------------------*/
|
||
|
|
/*----Swipebox Touch Gallery----*/
|
||
|
|
/*------------------------------*/
|
||
|
|
/*------------------------------*/
|
||
|
|
|
||
|
|
.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
|
||
|
|
}
|
||
|
|
|
||
|
|
@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;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@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;}
|
||
|
|
}
|
||
|
|
|
||
|
|
.square-thumb li img{
|
||
|
|
border-radius:0px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.round-thumb li img{
|
||
|
|
border-radius:500px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gallery li a{
|
||
|
|
font-size:12px;
|
||
|
|
text-align:center;
|
||
|
|
color:#1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.swipebox {
|
||
|
|
overflow: hidden!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.swipebox div{
|
||
|
|
overflow:visible!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-overlay img {
|
||
|
|
border: none!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-overlay {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-slider {
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
white-space: nowrap;
|
||
|
|
position: absolute;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-slider .slide {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-slider .slide:before {
|
||
|
|
content: "";
|
||
|
|
display: inline-block;
|
||
|
|
height: 50%;
|
||
|
|
width: 1px;
|
||
|
|
margin-right: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-slider .slide img {
|
||
|
|
display: inline-block;
|
||
|
|
max-height: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action, #swipebox-caption {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
z-index: 999;
|
||
|
|
height: 50px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action {
|
||
|
|
bottom: -50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action.visible-bars {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action.force-visible-bars {
|
||
|
|
bottom: 0!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-caption {
|
||
|
|
top: -50px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#swipebox-caption.visible-bars {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-caption.force-visible-bars {
|
||
|
|
top: 0!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
|
||
|
|
#swipebox-action #swipebox-close {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action #swipebox-close {
|
||
|
|
background-position: 15px 12px;
|
||
|
|
left: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action #swipebox-prev {
|
||
|
|
background-position: -32px 13px;
|
||
|
|
right: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action #swipebox-next {
|
||
|
|
background-position: -78px 13px;
|
||
|
|
right: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action #swipebox-prev.disabled,
|
||
|
|
#swipebox-action #swipebox-next.disabled {
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
|
||
|
|
opacity: 0.3;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-slider.rightSpring {
|
||
|
|
-moz-animation: rightSpring 0.3s;
|
||
|
|
-webkit-animation: rightSpring 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-slider.leftSpring {
|
||
|
|
-moz-animation: leftSpring 0.3s;
|
||
|
|
-webkit-animation: leftSpring 0.3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-moz-keyframes rightSpring {
|
||
|
|
0% { margin-left: 0px; }
|
||
|
|
50% { margin-left: -30px; }
|
||
|
|
100% { margin-left: 0px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@-moz-keyframes leftSpring {
|
||
|
|
0% { margin-left: 0px; }
|
||
|
|
50% { margin-left: 30px; }
|
||
|
|
100% { margin-left: 0px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes rightSpring {
|
||
|
|
0% { margin-left: 0px; }
|
||
|
|
50% { margin-left: -30px; }
|
||
|
|
100% { margin-left: 0px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes leftSpring {
|
||
|
|
0% { margin-left: 0px; }
|
||
|
|
50% { margin-left: 30px; }
|
||
|
|
100% { margin-left: 0px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Skin*/
|
||
|
|
#swipebox-overlay {
|
||
|
|
background: #0d0d0d;
|
||
|
|
opacity:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action, #swipebox-caption {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-action {
|
||
|
|
-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;
|
||
|
|
}
|
||
|
|
|
||
|
|
#swipebox-caption {
|
||
|
|
color: white!important;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 50px;
|
||
|
|
font-family: 'Roboto', sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*-----------------------------*/
|
||
|
|
/*-----------------------------*/
|
||
|
|
/*---iOS/Android Add To Home---*/
|
||
|
|
/*-----------------------------*/
|
||
|
|
/*-----------------------------*/
|
||
|
|
|
||
|
|
.ath-viewport * {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-viewport {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-modal {
|
||
|
|
pointer-events: auto !important;
|
||
|
|
background: rgba(0,0,0,0.6);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-mandatory {
|
||
|
|
background: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-container {
|
||
|
|
pointer-events: auto !important;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 2147483641;
|
||
|
|
padding: 0.7em 0.6em;
|
||
|
|
width: 18em;
|
||
|
|
|
||
|
|
background: #eee;
|
||
|
|
background-size: 100% auto;
|
||
|
|
|
||
|
|
box-shadow: 0 0.2em 0 #d1d1d1;
|
||
|
|
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 1.5em;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-container small {
|
||
|
|
font-size: 0.8em;
|
||
|
|
line-height: 1.3em;
|
||
|
|
display: block;
|
||
|
|
margin-top: 0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios.ath-phone {
|
||
|
|
bottom: 1.8em;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -9em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios6.ath-tablet {
|
||
|
|
left: 5em;
|
||
|
|
top: 1.8em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios7.ath-tablet {
|
||
|
|
left: 0.7em;
|
||
|
|
top: 1.8em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios8.ath-tablet {
|
||
|
|
right: 0.4em;
|
||
|
|
top: 1.8em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-android {
|
||
|
|
bottom: 1.8em;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -9em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* close icon */
|
||
|
|
.ath-container:before {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-container.ath-icon:before {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
margin: 0;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-mandatory .ath-container:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-container.ath-android:before {
|
||
|
|
float: left;
|
||
|
|
margin: -0.7em 0.5em 0 -0.6em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-container.ath-android.ath-icon:before {
|
||
|
|
position: absolute;
|
||
|
|
right: auto;
|
||
|
|
right:0px;
|
||
|
|
margin: 0;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* applied only if the application icon is shown */
|
||
|
|
.ath-container.ath-icon {}
|
||
|
|
|
||
|
|
.ath-action-icon {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
background-position: 50%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
text-indent: -9999em;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios7 .ath-action-icon,
|
||
|
|
.ath-ios8 .ath-action-icon {
|
||
|
|
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%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios6 .ath-action-icon {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-android .ath-action-icon {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-container p {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-container p small{
|
||
|
|
padding-top:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios.ath-phone:after {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios.ath-tablet:after {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-application-icon {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-container.ath-ios .ath-application-icon {
|
||
|
|
border-radius: 1em;
|
||
|
|
margin: 0 auto 0.4em auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (orientation: landscape) {
|
||
|
|
.ath-container.ath-phone {
|
||
|
|
width: 24em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-android.ath-phone {
|
||
|
|
margin-left: -12em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios.ath-phone {
|
||
|
|
margin-left: -12em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios6:after {
|
||
|
|
left: 39%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios8.ath-phone {
|
||
|
|
left: auto;
|
||
|
|
bottom: auto;
|
||
|
|
right: 0.4em;
|
||
|
|
top: 1.8em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ath-ios8.ath-phone:after {
|
||
|
|
bottom: auto;
|
||
|
|
top: -0.9em;
|
||
|
|
left: 68%;
|
||
|
|
z-index: 2147483641;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*Adjustments for Header*/
|
||
|
|
|
||
|
|
.pageapp-signup-content .unboxed-layout,
|
||
|
|
.pageapp-signup-content .boxed-layout,
|
||
|
|
.pageapp-login-content .unboxed-layout,
|
||
|
|
.pageapp-login-content .boxed-layout
|
||
|
|
{
|
||
|
|
margin-top:-60px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.countdown-content .unboxed-layout,
|
||
|
|
.countdown-content .boxed-layout,
|
||
|
|
.error-content .unboxed-layout,
|
||
|
|
.error-content .unboxed-layout
|
||
|
|
{
|
||
|
|
margin-top:-70px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Servers Manger */
|
||
|
|
|
||
|
|
.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
|
||
|
|
{
|
||
|
|
font-size: 25px;
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
#console_update .fa-toggle-on
|
||
|
|
{
|
||
|
|
color: #2abb67
|
||
|
|
}
|
||
|
|
#console_update .fa-toggle-off
|
||
|
|
{
|
||
|
|
color: #c0392b
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-left, .table-text-left td
|
||
|
|
{
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
|
||
|
|
.mt5
|
||
|
|
{
|
||
|
|
margin-top: 5px !important
|
||
|
|
}
|
||
|
|
.settings-select
|
||
|
|
{
|
||
|
|
width: 80%;
|
||
|
|
margin-bottom: 0;
|
||
|
|
height: 30px;
|
||
|
|
padding-bottom: 0
|
||
|
|
}
|