| Server IP : 152.53.162.115 / Your IP : 216.73.217.85 Web Server : Apache/2 System : Linux host 6.12.0-55.40.1.el10_0.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Oct 21 05:54:51 EDT 2025 x86_64 User : pbshosting ( 1005) PHP Version : 8.3.30 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/pbshosting/domains/drvinodthomas.in/public_html/wp-content/themes/Theme11/ |
Upload File : |
@charset "UTF-8";
/*
Theme Name: Theme 11
Author: MedicMate
Author URI: http://medicmate.in/
Description:
Version: 1.0.0
*/
/*recaptcha size-issue*/
.g-recaptcha{
transform:scale(0.77) !important;
-webkit-transform:scale(0.77) !important;
transform-origin:0 0;
-webkit-transform-origin:0 0 !important;
}
.contact-us textarea {
float: left;
width: 97%;
margin-bottom: 10px;
}
.contact_frm textarea {
width: 80%;
height: 0;
float: left;
border-radius: 30px;
background: none;
border: 1px solid #FFF;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 15px;
}
@font-face {
font-family: Lato;
src: url('fonts/Lato-Regular.ttf');
}
meta.foundation-version {
font-family: "/5.5.1/";
}
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0;
}
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0;
}
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em;
}
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
width: 40.063em;
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em;
}
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
width: 64.063em;
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em;
}
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
width: 90.063em;
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em;
}
meta.foundation-data-attribute-namespace {
font-family: false;
}
html, body {
height: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
font-size: 100%;
}
body {
background: #fff;
color: #222;
padding: 0;
margin: 0;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1.5;
position: relative;
cursor: auto;
}
a:hover {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
max-width: none !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hide {
display: none;
}
.invisible {
visibility: hidden;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
}
select {
width: 100%;
}
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 75rem;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.collapse .row {
margin-left: 0;
margin-right: 0;
}
.row .row {
width: auto;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
margin-top: 0;
margin-bottom: 0;
max-width: none;
}
.row .row:before, .row .row:after {
content: " ";
display: table;
}
.row .row:after {
clear: both;
}
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
}
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table;
}
.row .row.collapse:after {
clear: both;
}
.column,
.columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
float: left;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].end {
float: left;
}
@media only screen {
.small-push-0 {
position: relative;
left: 0%;
right: auto;
}
.small-pull-0 {
position: relative;
right: 0%;
left: auto;
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.small-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.small-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.small-push-3 {
position: relative;
left: 25%;
right: auto;
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.small-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.small-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.small-push-6 {
position: relative;
left: 50%;
right: auto;
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.small-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.small-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.small-push-9 {
position: relative;
left: 75%;
right: auto;
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.small-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.small-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left;
}
.small-1 {
width: 8.3333333333%;
}
.small-2 {
width: 16.6666666667%;
}
.small-3 {
width: 25%;
}
.small-4 {
width: 33.3333333333%;
}
.small-5 {
width: 41.6666666667%;
}
.small-6 {
width: 50%;
}
.small-7 {
width: 58.3333333333%;
}
.small-8 {
width: 66.6666666667%;
}
.small-9 {
width: 75%;
}
.small-10 {
width: 83.3333333333%;
}
.small-11 {
width: 91.6666666667%;
}
.small-12 {
width: 100%;
}
.small-offset-0 {
margin-left: 0% !important;
}
.small-offset-1 {
margin-left: 8.3333333333% !important;
}
.small-offset-2 {
margin-left: 16.6666666667% !important;
}
.small-offset-3 {
margin-left: 25% !important;
}
.small-offset-4 {
margin-left: 33.3333333333% !important;
}
.small-offset-5 {
margin-left: 41.6666666667% !important;
}
.small-offset-6 {
margin-left: 50% !important;
}
.small-offset-7 {
margin-left: 58.3333333333% !important;
}
.small-offset-8 {
margin-left: 66.6666666667% !important;
}
.small-offset-9 {
margin-left: 75% !important;
}
.small-offset-10 {
margin-left: 83.3333333333% !important;
}
.small-offset-11 {
margin-left: 91.6666666667% !important;
}
.small-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.small-uncentered,
.columns.small-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none;
}
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left;
}
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right;
}
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left;
}
}
@media only screen and (min-width: 40.063em) {
.medium-push-0 {
position: relative;
left: 0%;
right: auto;
}
.medium-pull-0 {
position: relative;
right: 0%;
left: auto;
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.medium-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.medium-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto;
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.medium-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.medium-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto;
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.medium-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.medium-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto;
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.medium-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.medium-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left;
}
.medium-1 {
width: 8.3333333333%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-12 {
width: 100%;
}
.medium-offset-0 {
margin-left: 0% !important;
}
.medium-offset-1 {
margin-left: 8.3333333333% !important;
}
.medium-offset-2 {
margin-left: 16.6666666667% !important;
}
.medium-offset-3 {
margin-left: 25% !important;
}
.medium-offset-4 {
margin-left: 33.3333333333% !important;
}
.medium-offset-5 {
margin-left: 41.6666666667% !important;
}
.medium-offset-6 {
margin-left: 50% !important;
}
.medium-offset-7 {
margin-left: 58.3333333333% !important;
}
.medium-offset-8 {
margin-left: 66.6666666667% !important;
}
.medium-offset-9 {
margin-left: 75% !important;
}
.medium-offset-10 {
margin-left: 83.3333333333% !important;
}
.medium-offset-11 {
margin-left: 91.6666666667% !important;
}
.medium-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.medium-uncentered,
.columns.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none;
}
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left;
}
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right;
}
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left;
}
.push-0 {
position: relative;
left: 0%;
right: auto;
}
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
}
@media only screen and (min-width: 64.063em) {
.large-push-0 {
position: relative;
left: 0%;
right: auto;
}
.large-pull-0 {
position: relative;
right: 0%;
left: auto;
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.large-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.large-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.large-push-3 {
position: relative;
left: 25%;
right: auto;
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto;
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.large-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.large-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.large-push-6 {
position: relative;
left: 50%;
right: auto;
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto;
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.large-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.large-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.large-push-9 {
position: relative;
left: 75%;
right: auto;
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto;
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.large-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.large-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left;
}
.large-1 {
width: 8.3333333333%;
}
.large-2 {
width: 16.6666666667%;
}
.large-3 {
width: 25%;
}
.large-4 {
width: 33.3333333333%;
}
.large-5 {
width: 41.6666666667%;
}
.large-6 {
width: 50%;
}
.large-7 {
width: 58.3333333333%;
}
.large-8 {
width: 66.6666666667%;
}
.large-9 {
width: 75%;
}
.large-10 {
width: 83.3333333333%;
}
.large-11 {
width: 91.6666666667%;
}
.large-12 {
width: 100%;
}
.large-offset-0 {
margin-left: 0% !important;
}
.large-offset-1 {
margin-left: 8.3333333333% !important;
}
.large-offset-2 {
margin-left: 16.6666666667% !important;
}
.large-offset-3 {
margin-left: 25% !important;
}
.large-offset-4 {
margin-left: 33.3333333333% !important;
}
.large-offset-5 {
margin-left: 41.6666666667% !important;
}
.large-offset-6 {
margin-left: 50% !important;
}
.large-offset-7 {
margin-left: 58.3333333333% !important;
}
.large-offset-8 {
margin-left: 66.6666666667% !important;
}
.large-offset-9 {
margin-left: 75% !important;
}
.large-offset-10 {
margin-left: 83.3333333333% !important;
}
.large-offset-11 {
margin-left: 91.6666666667% !important;
}
.large-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left;
}
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none;
}
.column.large-uncentered,
.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left;
}
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none;
}
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left;
}
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right;
}
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left;
}
.push-0 {
position: relative;
left: 0%;
right: auto;
}
.pull-0 {
position: relative;
right: 0%;
left: auto;
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto;
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto;
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto;
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto;
}
.push-3 {
position: relative;
left: 25%;
right: auto;
}
.pull-3 {
position: relative;
right: 25%;
left: auto;
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto;
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto;
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto;
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto;
}
.push-6 {
position: relative;
left: 50%;
right: auto;
}
.pull-6 {
position: relative;
right: 50%;
left: auto;
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto;
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto;
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto;
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto;
}
.push-9 {
position: relative;
left: 75%;
right: auto;
}
.pull-9 {
position: relative;
right: 75%;
left: auto;
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto;
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto;
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto;
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto;
}
}
.accordion {
margin-bottom: 0;
}
.accordion:before, .accordion:after {
content: " ";
display: table;
}
.accordion:after {
clear: both;
}
.accordion .accordion-navigation, .accordion dd {
display: block;
margin-bottom: 0 !important;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
background: #e8e8e8;
}
.accordion .accordion-navigation > a, .accordion dd > a {
background: #EFEFEF;
color: #222222;
padding: 1rem;
display: block;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
font-size: 1rem;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
background: #e3e3e3;
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
display: none;
padding: 0.9375rem;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
display: block;
background: #ffffff;
}
.alert-box {
border-style: solid;
border-width: 1px;
display: block;
font-weight: normal;
margin-bottom: 1.25rem;
position: relative;
padding: 0.875rem 1.5rem 0.875rem 0.875rem;
font-size: 0.8125rem;
transition: opacity 300ms ease-out;
background-color: #008CBA;
border-color: #0078a0;
color: #ffffff;
}
.alert-box .close {
font-size: 1.375rem;
padding: 0 6px 4px;
line-height: .9;
position: absolute;
top: 50%;
margin-top: -0.6875rem;
right: 0.25rem;
color: #333333;
opacity: 0.3;
background: inherit;
}
.alert-box .close:hover,
.alert-box .close:focus {
opacity: 0.5;
}
.alert-box.radius {
border-radius: 3px;
}
.alert-box.round {
border-radius: 1000px;
}
.alert-box.success {
background-color: #43AC6A;
border-color: #3a945b;
color: #ffffff;
}
.alert-box.alert {
background-color: #f04124;
border-color: #de2d0f;
color: #ffffff;
}
.alert-box.secondary {
background-color: #e7e7e7;
border-color: #c7c7c7;
color: #4f4f4f;
}
.alert-box.warning {
background-color: #f08a24;
border-color: #de770f;
color: #ffffff;
}
.alert-box.info {
background-color: #a0d3e8;
border-color: #74bfdd;
color: #4f4f4f;
}
.alert-box.alert-close {
opacity: 0;
}
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -0.625rem;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table;
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"] > li {
display: block;
height: auto;
float: left;
padding: 0 0.625rem 1.25rem;
}
@media only screen {
.small-block-grid-1 > li {
width: 100%;
list-style: none;
}
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.small-block-grid-2 > li {
width: 50%;
list-style: none;
}
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.small-block-grid-3 > li {
width: 33.3333333333%;
list-style: none;
}
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.small-block-grid-4 > li {
width: 25%;
list-style: none;
}
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.small-block-grid-5 > li {
width: 20%;
list-style: none;
}
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.small-block-grid-6 > li {
width: 16.6666666667%;
list-style: none;
}
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.small-block-grid-7 > li {
width: 14.2857142857%;
list-style: none;
}
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.small-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.small-block-grid-9 > li {
width: 11.1111111111%;
list-style: none;
}
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.small-block-grid-10 > li {
width: 10%;
list-style: none;
}
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.small-block-grid-11 > li {
width: 9.0909090909%;
list-style: none;
}
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.small-block-grid-12 > li {
width: 8.3333333333%;
list-style: none;
}
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@media only screen and (min-width: 40.063em) {
.medium-block-grid-1 > li {
width: 100%;
list-style: none;
}
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.medium-block-grid-2 > li {
width: 50%;
list-style: none;
}
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.medium-block-grid-3 > li {
width: 33.3333333333%;
list-style: none;
}
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.medium-block-grid-4 > li {
width: 25%;
list-style: none;
}
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.medium-block-grid-5 > li {
width: 20%;
list-style: none;
}
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.medium-block-grid-6 > li {
width: 16.6666666667%;
list-style: none;
}
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.medium-block-grid-7 > li {
width: 14.2857142857%;
list-style: none;
}
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.medium-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.medium-block-grid-9 > li {
width: 11.1111111111%;
list-style: none;
}
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.medium-block-grid-10 > li {
width: 10%;
list-style: none;
}
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.medium-block-grid-11 > li {
width: 9.0909090909%;
list-style: none;
}
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.medium-block-grid-12 > li {
width: 8.3333333333%;
list-style: none;
}
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
@media only screen and (min-width: 64.063em) {
.large-block-grid-1 > li {
width: 100%;
list-style: none;
}
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both;
}
.large-block-grid-2 > li {
width: 50%;
list-style: none;
}
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both;
}
.large-block-grid-3 > li {
width: 33.3333333333%;
list-style: none;
}
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both;
}
.large-block-grid-4 > li {
width: 25%;
list-style: none;
}
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both;
}
.large-block-grid-5 > li {
width: 20%;
list-style: none;
}
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both;
}
.large-block-grid-6 > li {
width: 16.6666666667%;
list-style: none;
}
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both;
}
.large-block-grid-7 > li {
width: 14.2857142857%;
list-style: none;
}
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both;
}
.large-block-grid-8 > li {
width: 12.5%;
list-style: none;
}
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both;
}
.large-block-grid-9 > li {
width: 11.1111111111%;
list-style: none;
}
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both;
}
.large-block-grid-10 > li {
width: 10%;
list-style: none;
}
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both;
}
.large-block-grid-11 > li {
width: 9.0909090909%;
list-style: none;
}
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both;
}
.large-block-grid-12 > li {
width: 8.3333333333%;
list-style: none;
}
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none;
}
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both;
}
}
.breadcrumbs {
display: block;
padding: 0.5625rem 0.875rem 0.5625rem;
overflow: hidden;
margin-left: 0;
list-style: none;
border-style: solid;
border-width: 1px;
background-color: #f4f4f4;
border-color: gainsboro;
border-radius: 3px;
}
.breadcrumbs > * {
margin: 0;
float: left;
font-size: 0.6875rem;
line-height: 0.6875rem;
text-transform: uppercase;
color: #008CBA;
}
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
text-decoration: underline;
}
.breadcrumbs > * a {
color: #008CBA;
}
.breadcrumbs > *.current {
cursor: default;
color: #333333;
}
.breadcrumbs > *.current a {
cursor: default;
color: #333333;
}
.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a,
.breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
text-decoration: none;
}
.breadcrumbs > *.unavailable {
color: #999999;
}
.breadcrumbs > *.unavailable a {
color: #999999;
}
.breadcrumbs > *.unavailable:hover,
.breadcrumbs > *.unavailable:hover a,
.breadcrumbs > *.unavailable:focus,
.breadcrumbs > *.unavailable a:focus {
text-decoration: none;
color: #999999;
cursor: not-allowed;
}
.breadcrumbs > *:before {
content: "/";
color: #AAAAAA;
margin: 0 0.75rem;
position: relative;
top: 1px;
}
.breadcrumbs > *:first-child:before {
content: " ";
margin: 0;
}
/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
content: "/";
}
button, .button {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #ffffff;
transition: background-color 300ms ease-out;
}
button:hover,
button:focus, .button:hover,
.button:focus {
background-color: #007095;
}
button:hover,
button:focus, .button:hover,
.button:focus {
color: #ffffff;
}
button.secondary, .button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
}
button.secondary:hover,
button.secondary:focus, .button.secondary:hover,
.button.secondary:focus {
background-color: #b9b9b9;
}
button.secondary:hover,
button.secondary:focus, .button.secondary:hover,
.button.secondary:focus {
color: #333333;
}
button.success, .button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #ffffff;
}
button.success:hover,
button.success:focus, .button.success:hover,
.button.success:focus {
background-color: #368a55;
}
button.success:hover,
button.success:focus, .button.success:hover,
.button.success:focus {
color: #ffffff;
}
button.alert, .button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #ffffff;
}
button.alert:hover,
button.alert:focus, .button.alert:hover,
.button.alert:focus {
background-color: #cf2a0e;
}
button.alert:hover,
button.alert:focus, .button.alert:hover,
.button.alert:focus {
color: #ffffff;
}
button.warning, .button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #ffffff;
}
button.warning:hover,
button.warning:focus, .button.warning:hover,
.button.warning:focus {
background-color: #cf6e0e;
}
button.warning:hover,
button.warning:focus, .button.warning:hover,
.button.warning:focus {
color: #ffffff;
}
button.info, .button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
}
button.info:hover,
button.info:focus, .button.info:hover,
.button.info:focus {
background-color: #61b6d9;
}
button.info:hover,
button.info:focus, .button.info:hover,
.button.info:focus {
color: #ffffff;
}
button.large, .button.large {
padding-top: 1.125rem;
padding-right: 2.25rem;
padding-bottom: 1.1875rem;
padding-left: 2.25rem;
font-size: 1.25rem;
}
button.small, .button.small {
padding-top: 0.875rem;
padding-right: 1.75rem;
padding-bottom: 0.9375rem;
padding-left: 1.75rem;
font-size: 0.8125rem;
}
button.tiny, .button.tiny {
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
}
button.expand, .button.expand {
padding-right: 0;
padding-left: 0;
width: 100%;
}
button.left-align, .button.left-align {
text-align: left;
text-indent: 0.75rem;
}
button.right-align, .button.right-align {
text-align: right;
padding-right: 0.75rem;
}
button.radius, .button.radius {
border-radius: 3px;
}
button.round, .button.round {
border-radius: 1000px;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
background-color: #008CBA;
border-color: #007095;
color: #ffffff;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
button.disabled:hover,
button.disabled:focus, button[disabled]:hover,
button[disabled]:focus, .button.disabled:hover,
.button.disabled:focus, .button[disabled]:hover,
.button[disabled]:focus {
background-color: #007095;
}
button.disabled:hover,
button.disabled:focus, button[disabled]:hover,
button[disabled]:focus, .button.disabled:hover,
.button.disabled:focus, .button[disabled]:hover,
.button[disabled]:focus {
color: #ffffff;
}
button.disabled:hover,
button.disabled:focus, button[disabled]:hover,
button[disabled]:focus, .button.disabled:hover,
.button.disabled:focus, .button[disabled]:hover,
.button[disabled]:focus {
background-color: #008CBA;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus, button[disabled].secondary:hover,
button[disabled].secondary:focus, .button.disabled.secondary:hover,
.button.disabled.secondary:focus, .button[disabled].secondary:hover,
.button[disabled].secondary:focus {
background-color: #b9b9b9;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus, button[disabled].secondary:hover,
button[disabled].secondary:focus, .button.disabled.secondary:hover,
.button.disabled.secondary:focus, .button[disabled].secondary:hover,
.button[disabled].secondary:focus {
color: #333333;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus, button[disabled].secondary:hover,
button[disabled].secondary:focus, .button.disabled.secondary:hover,
.button.disabled.secondary:focus, .button[disabled].secondary:hover,
.button[disabled].secondary:focus {
background-color: #e7e7e7;
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
background-color: #43AC6A;
border-color: #368a55;
color: #ffffff;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
button.disabled.success:hover,
button.disabled.success:focus, button[disabled].success:hover,
button[disabled].success:focus, .button.disabled.success:hover,
.button.disabled.success:focus, .button[disabled].success:hover,
.button[disabled].success:focus {
background-color: #368a55;
}
button.disabled.success:hover,
button.disabled.success:focus, button[disabled].success:hover,
button[disabled].success:focus, .button.disabled.success:hover,
.button.disabled.success:focus, .button[disabled].success:hover,
.button[disabled].success:focus {
color: #ffffff;
}
button.disabled.success:hover,
button.disabled.success:focus, button[disabled].success:hover,
button[disabled].success:focus, .button.disabled.success:hover,
.button.disabled.success:focus, .button[disabled].success:hover,
.button[disabled].success:focus {
background-color: #43AC6A;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #ffffff;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
button.disabled.alert:hover,
button.disabled.alert:focus, button[disabled].alert:hover,
button[disabled].alert:focus, .button.disabled.alert:hover,
.button.disabled.alert:focus, .button[disabled].alert:hover,
.button[disabled].alert:focus {
background-color: #cf2a0e;
}
button.disabled.alert:hover,
button.disabled.alert:focus, button[disabled].alert:hover,
button[disabled].alert:focus, .button.disabled.alert:hover,
.button.disabled.alert:focus, .button[disabled].alert:hover,
.button[disabled].alert:focus {
color: #ffffff;
}
button.disabled.alert:hover,
button.disabled.alert:focus, button[disabled].alert:hover,
button[disabled].alert:focus, .button.disabled.alert:hover,
.button.disabled.alert:focus, .button[disabled].alert:hover,
.button[disabled].alert:focus {
background-color: #f04124;
}
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #ffffff;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
button.disabled.warning:hover,
button.disabled.warning:focus, button[disabled].warning:hover,
button[disabled].warning:focus, .button.disabled.warning:hover,
.button.disabled.warning:focus, .button[disabled].warning:hover,
.button[disabled].warning:focus {
background-color: #cf6e0e;
}
button.disabled.warning:hover,
button.disabled.warning:focus, button[disabled].warning:hover,
button[disabled].warning:focus, .button.disabled.warning:hover,
.button.disabled.warning:focus, .button[disabled].warning:hover,
.button[disabled].warning:focus {
color: #ffffff;
}
button.disabled.warning:hover,
button.disabled.warning:focus, button[disabled].warning:hover,
button[disabled].warning:focus, .button.disabled.warning:hover,
.button.disabled.warning:focus, .button[disabled].warning:hover,
.button[disabled].warning:focus {
background-color: #f08a24;
}
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
cursor: default;
opacity: 0.7;
box-shadow: none;
}
button.disabled.info:hover,
button.disabled.info:focus, button[disabled].info:hover,
button[disabled].info:focus, .button.disabled.info:hover,
.button.disabled.info:focus, .button[disabled].info:hover,
.button[disabled].info:focus {
background-color: #61b6d9;
}
button.disabled.info:hover,
button.disabled.info:focus, button[disabled].info:hover,
button[disabled].info:focus, .button.disabled.info:hover,
.button.disabled.info:focus, .button[disabled].info:hover,
.button[disabled].info:focus {
color: #ffffff;
}
button.disabled.info:hover,
button.disabled.info:focus, button[disabled].info:hover,
button[disabled].info:focus, .button.disabled.info:hover,
.button.disabled.info:focus, .button[disabled].info:hover,
.button[disabled].info:focus {
background-color: #a0d3e8;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
@media only screen and (min-width: 40.063em) {
button, .button {
display: inline-block;
}
}
.button-group {
list-style: none;
margin: 0;
left: 0;
}
.button-group:before, .button-group:after {
content: " ";
display: table;
}
.button-group:after {
clear: both;
}
.button-group.even-2 li {
margin: 0 -2px;
display: inline-block;
width: 50%;
}
.button-group.even-2 li > button, .button-group.even-2 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
border-left: 0;
}
.button-group.even-2 li button, .button-group.even-2 li .button {
width: 100%;
}
.button-group.even-3 li {
margin: 0 -2px;
display: inline-block;
width: 33.3333333333%;
}
.button-group.even-3 li > button, .button-group.even-3 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
border-left: 0;
}
.button-group.even-3 li button, .button-group.even-3 li .button {
width: 100%;
}
.button-group.even-4 li {
margin: 0 -2px;
display: inline-block;
width: 25%;
}
.button-group.even-4 li > button, .button-group.even-4 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
border-left: 0;
}
.button-group.even-4 li button, .button-group.even-4 li .button {
width: 100%;
}
.button-group.even-5 li {
margin: 0 -2px;
display: inline-block;
width: 20%;
}
.button-group.even-5 li > button, .button-group.even-5 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
border-left: 0;
}
.button-group.even-5 li button, .button-group.even-5 li .button {
width: 100%;
}
.button-group.even-6 li {
margin: 0 -2px;
display: inline-block;
width: 16.6666666667%;
}
.button-group.even-6 li > button, .button-group.even-6 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
border-left: 0;
}
.button-group.even-6 li button, .button-group.even-6 li .button {
width: 100%;
}
.button-group.even-7 li {
margin: 0 -2px;
display: inline-block;
width: 14.2857142857%;
}
.button-group.even-7 li > button, .button-group.even-7 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
border-left: 0;
}
.button-group.even-7 li button, .button-group.even-7 li .button {
width: 100%;
}
.button-group.even-8 li {
margin: 0 -2px;
display: inline-block;
width: 12.5%;
}
.button-group.even-8 li > button, .button-group.even-8 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
border-left: 0;
}
.button-group.even-8 li button, .button-group.even-8 li .button {
width: 100%;
}
.button-group > li {
margin: 0 -2px;
display: inline-block;
}
.button-group > li > button, .button-group > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group > li:first-child button, .button-group > li:first-child .button {
border-left: 0;
}
.button-group.stack > li {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0;
float: none;
}
.button-group.stack > li > button, .button-group.stack > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
border-left: 0;
}
.button-group.stack > li > button, .button-group.stack > li .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block;
}
.button-group.stack > li > button {
width: 100%;
}
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
border-top: 0;
}
.button-group.stack-for-small > li {
margin: 0 -2px;
display: inline-block;
}
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-left: 0;
}
@media only screen and (max-width: 40em) {
.button-group.stack-for-small > li {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0;
}
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-left: 0;
}
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block;
}
.button-group.stack-for-small > li > button {
width: 100%;
}
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-top: 0;
}
}
.button-group.radius > * {
margin: 0 -2px;
display: inline-block;
}
.button-group.radius > * > button, .button-group.radius > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
border-left: 0;
}
.button-group.radius > *,
.button-group.radius > * > a,
.button-group.radius > * > button,
.button-group.radius > * > .button {
border-radius: 0;
}
.button-group.radius > *:first-child,
.button-group.radius > *:first-child > a,
.button-group.radius > *:first-child > button,
.button-group.radius > *:first-child > .button {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.button-group.radius > *:last-child,
.button-group.radius > *:last-child > a,
.button-group.radius > *:last-child > button,
.button-group.radius > *:last-child > .button {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.button-group.radius.stack > * {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0;
}
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block;
}
.button-group.radius.stack > * > button {
width: 100%;
}
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
border-top: 0;
}
.button-group.radius.stack > *,
.button-group.radius.stack > * > a,
.button-group.radius.stack > * > button,
.button-group.radius.stack > * > .button {
border-radius: 0;
}
.button-group.radius.stack > *:first-child,
.button-group.radius.stack > *:first-child > a,
.button-group.radius.stack > *:first-child > button,
.button-group.radius.stack > *:first-child > .button {
-webkit-top-left-radius: 3px;
-webkit-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.button-group.radius.stack > *:last-child,
.button-group.radius.stack > *:last-child > a,
.button-group.radius.stack > *:last-child > button,
.button-group.radius.stack > *:last-child > .button {
-webkit-bottom-left-radius: 3px;
-webkit-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
@media only screen and (min-width: 40.063em) {
.button-group.radius.stack-for-small > * {
margin: 0 -2px;
display: inline-block;
}
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack-for-small > *,
.button-group.radius.stack-for-small > * > a,
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.radius.stack-for-small > *:first-child,
.button-group.radius.stack-for-small > *:first-child > a,
.button-group.radius.stack-for-small > *:first-child > button,
.button-group.radius.stack-for-small > *:first-child > .button {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.button-group.radius.stack-for-small > *:last-child,
.button-group.radius.stack-for-small > *:last-child > a,
.button-group.radius.stack-for-small > *:last-child > button,
.button-group.radius.stack-for-small > *:last-child > .button {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
}
@media only screen and (max-width: 40em) {
.button-group.radius.stack-for-small > * {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0;
}
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block;
}
.button-group.radius.stack-for-small > * > button {
width: 100%;
}
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-top: 0;
}
.button-group.radius.stack-for-small > *,
.button-group.radius.stack-for-small > * > a,
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.radius.stack-for-small > *:first-child,
.button-group.radius.stack-for-small > *:first-child > a,
.button-group.radius.stack-for-small > *:first-child > button,
.button-group.radius.stack-for-small > *:first-child > .button {
-webkit-top-left-radius: 3px;
-webkit-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.button-group.radius.stack-for-small > *:last-child,
.button-group.radius.stack-for-small > *:last-child > a,
.button-group.radius.stack-for-small > *:last-child > button,
.button-group.radius.stack-for-small > *:last-child > .button {
-webkit-bottom-left-radius: 3px;
-webkit-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
}
.button-group.round > * {
margin: 0 -2px;
display: inline-block;
}
.button-group.round > * > button, .button-group.round > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
border-left: 0;
}
.button-group.round > *,
.button-group.round > * > a,
.button-group.round > * > button,
.button-group.round > * > .button {
border-radius: 0;
}
.button-group.round > *:first-child,
.button-group.round > *:first-child > a,
.button-group.round > *:first-child > button,
.button-group.round > *:first-child > .button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
.button-group.round > *:last-child,
.button-group.round > *:last-child > a,
.button-group.round > *:last-child > button,
.button-group.round > *:last-child > .button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
.button-group.round.stack > * {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0;
}
.button-group.round.stack > * > button, .button-group.round.stack > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
border-left: 0;
}
.button-group.round.stack > * > button, .button-group.round.stack > * .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block;
}
.button-group.round.stack > * > button {
width: 100%;
}
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
border-top: 0;
}
.button-group.round.stack > *,
.button-group.round.stack > * > a,
.button-group.round.stack > * > button,
.button-group.round.stack > * > .button {
border-radius: 0;
}
.button-group.round.stack > *:first-child,
.button-group.round.stack > *:first-child > a,
.button-group.round.stack > *:first-child > button,
.button-group.round.stack > *:first-child > .button {
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.button-group.round.stack > *:last-child,
.button-group.round.stack > *:last-child > a,
.button-group.round.stack > *:last-child > button,
.button-group.round.stack > *:last-child > .button {
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
}
@media only screen and (min-width: 40.063em) {
.button-group.round.stack-for-small > * {
margin: 0 -2px;
display: inline-block;
}
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.round.stack-for-small > *,
.button-group.round.stack-for-small > * > a,
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.round.stack-for-small > *:first-child,
.button-group.round.stack-for-small > *:first-child > a,
.button-group.round.stack-for-small > *:first-child > button,
.button-group.round.stack-for-small > *:first-child > .button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
.button-group.round.stack-for-small > *:last-child,
.button-group.round.stack-for-small > *:last-child > a,
.button-group.round.stack-for-small > *:last-child > button,
.button-group.round.stack-for-small > *:last-child > .button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
}
@media only screen and (max-width: 40em) {
.button-group.round.stack-for-small > * {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0;
}
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
}
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-left: 0;
}
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block;
}
.button-group.round.stack-for-small > * > button {
width: 100%;
}
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-top: 0;
}
.button-group.round.stack-for-small > *,
.button-group.round.stack-for-small > * > a,
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * > .button {
border-radius: 0;
}
.button-group.round.stack-for-small > *:first-child,
.button-group.round.stack-for-small > *:first-child > a,
.button-group.round.stack-for-small > *:first-child > button,
.button-group.round.stack-for-small > *:first-child > .button {
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.button-group.round.stack-for-small > *:last-child,
.button-group.round.stack-for-small > *:last-child > a,
.button-group.round.stack-for-small > *:last-child > button,
.button-group.round.stack-for-small > *:last-child > .button {
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
}
}
.button-bar:before, .button-bar:after {
content: " ";
display: table;
}
.button-bar:after {
clear: both;
}
.button-bar .button-group {
float: left;
margin-right: 0.625rem;
}
.button-bar .button-group div {
overflow: hidden;
}
/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
margin-bottom: 0;
margin-left: 0;
list-style: none;
}
.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
content: " ";
display: table;
}
.clearing-thumbs:after, [data-clearing]:after {
clear: both;
}
.clearing-thumbs li, [data-clearing] li {
float: left;
margin-right: 10px;
}
.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
margin-right: 0;
}
.clearing-blackout {
background: #333333;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 998;
}
.clearing-blackout .clearing-close {
display: block;
}
.clearing-container {
position: relative;
z-index: 998;
height: 100%;
overflow: hidden;
margin: 0;
}
.clearing-touch-label {
position: absolute;
top: 50%;
left: 50%;
color: #AAAAAA;
font-size: 0.6em;
}
.visible-img {
height: 95%;
position: relative;
}
.visible-img img {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
max-height: 100%;
max-width: 100%;
}
.clearing-caption {
color: #CCCCCC;
font-size: 0.875em;
line-height: 1.3;
margin-bottom: 0;
text-align: center;
bottom: 0;
background: #333333;
width: 100%;
padding: 10px 30px 20px;
position: absolute;
left: 0;
}
.clearing-close {
z-index: 999;
padding-left: 20px;
padding-top: 10px;
font-size: 30px;
line-height: 1;
color: #CCCCCC;
display: none;
}
.clearing-close:hover,
.clearing-close:focus {
color: #CCCCCC;
}
.clearing-assembled .clearing-container {
height: 100%;
}
.clearing-assembled .clearing-container .carousel > ul {
display: none;
}
.clearing-feature li {
display: none;
}
.clearing-feature li.clearing-featured-img {
display: block;
}
@media only screen and (min-width: 40.063em) {
.clearing-main-prev,
.clearing-main-next {
position: absolute;
height: 100%;
width: 40px;
top: 0;
}
.clearing-main-prev > span,
.clearing-main-next > span {
position: absolute;
top: 50%;
display: block;
width: 0;
height: 0;
border: solid 12px;
}
.clearing-main-prev > span:hover,
.clearing-main-next > span:hover {
opacity: 0.8;
}
.clearing-main-prev {
left: 0;
}
.clearing-main-prev > span {
left: 5px;
border-color: transparent;
border-right-color: #CCCCCC;
}
.clearing-main-next {
right: 0;
}
.clearing-main-next > span {
border-color: transparent;
border-left-color: #CCCCCC;
}
.clearing-main-prev.disabled,
.clearing-main-next.disabled {
opacity: 0.3;
}
.clearing-assembled .clearing-container .carousel {
background: rgba(51, 51, 51, 0.8);
height: 120px;
margin-top: 10px;
text-align: center;
}
.clearing-assembled .clearing-container .carousel > ul {
display: inline-block;
z-index: 999;
height: 100%;
position: relative;
float: none;
}
.clearing-assembled .clearing-container .carousel > ul li {
display: block;
width: 120px;
min-height: inherit;
float: left;
overflow: hidden;
margin-right: 0;
padding: 0;
position: relative;
cursor: pointer;
opacity: 0.4;
clear: none;
}
.clearing-assembled .clearing-container .carousel > ul li.fix-height img {
height: 100%;
max-width: none;
}
.clearing-assembled .clearing-container .carousel > ul li a.th {
border: none;
box-shadow: none;
display: block;
}
.clearing-assembled .clearing-container .carousel > ul li img {
cursor: pointer !important;
width: 100% !important;
}
.clearing-assembled .clearing-container .carousel > ul li.visible {
opacity: 1;
}
.clearing-assembled .clearing-container .carousel > ul li:hover {
opacity: 0.8;
}
.clearing-assembled .clearing-container .visible-img {
background: #333333;
overflow: hidden;
height: 85%;
}
.clearing-close {
position: absolute;
top: 10px;
right: 20px;
padding-left: 0;
padding-top: 0;
}
}
/* Foundation Dropdowns */
.f-dropdown {
position: absolute;
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
width: 100%;
max-height: none;
height: auto;
background: #ffffff;
border: solid 1px #cccccc;
font-size: 0.875rem;
z-index: 89;
margin-top: 2px;
max-width: 200px;
}
.f-dropdown > *:first-child {
margin-top: 0;
}
.f-dropdown > *:last-child {
margin-bottom: 0;
}
.f-dropdown:before {
content: "";
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: transparent transparent #ffffff transparent;
border-bottom-style: solid;
position: absolute;
top: -12px;
left: 10px;
z-index: 89;
}
.f-dropdown:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 7px;
border-color: transparent transparent #cccccc transparent;
border-bottom-style: solid;
position: absolute;
top: -14px;
left: 9px;
z-index: 88;
}
.f-dropdown.right:before {
left: auto;
right: 10px;
}
.f-dropdown.right:after {
left: auto;
right: 9px;
}
.f-dropdown.drop-right {
position: absolute;
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
width: 100%;
max-height: none;
height: auto;
background: #ffffff;
border: solid 1px #cccccc;
font-size: 0.875rem;
z-index: 89;
margin-top: 0;
margin-left: 2px;
max-width: 200px;
}
.f-dropdown.drop-right > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-right > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-right:before {
content: "";
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: transparent #ffffff transparent transparent;
border-right-style: solid;
position: absolute;
top: 10px;
left: -12px;
z-index: 89;
}
.f-dropdown.drop-right:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 7px;
border-color: transparent #cccccc transparent transparent;
border-right-style: solid;
position: absolute;
top: 9px;
left: -14px;
z-index: 88;
}
.f-dropdown.drop-left {
position: absolute;
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
width: 100%;
max-height: none;
height: auto;
background: #ffffff;
border: solid 1px #cccccc;
font-size: 0.875rem;
z-index: 89;
margin-top: 0;
margin-left: -2px;
max-width: 200px;
}
.f-dropdown.drop-left > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-left > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-left:before {
content: "";
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: transparent transparent transparent #ffffff;
border-left-style: solid;
position: absolute;
top: 10px;
right: -12px;
left: auto;
z-index: 89;
}
.f-dropdown.drop-left:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 7px;
border-color: transparent transparent transparent #cccccc;
border-left-style: solid;
position: absolute;
top: 9px;
right: -14px;
left: auto;
z-index: 88;
}
.f-dropdown.drop-top {
position: absolute;
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
width: 100%;
max-height: none;
height: auto;
background: #ffffff;
border: solid 1px #cccccc;
font-size: 0.875rem;
z-index: 89;
margin-top: -2px;
margin-left: 0;
max-width: 200px;
}
.f-dropdown.drop-top > *:first-child {
margin-top: 0;
}
.f-dropdown.drop-top > *:last-child {
margin-bottom: 0;
}
.f-dropdown.drop-top:before {
content: "";
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: #ffffff transparent transparent transparent;
border-top-style: solid;
position: absolute;
top: auto;
bottom: -12px;
left: 10px;
right: auto;
z-index: 89;
}
.f-dropdown.drop-top:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 7px;
border-color: #cccccc transparent transparent transparent;
border-top-style: solid;
position: absolute;
top: auto;
bottom: -14px;
left: 9px;
right: auto;
z-index: 88;
}
.f-dropdown li {
font-size: 0.875rem;
cursor: pointer;
line-height: 1.125rem;
margin: 0;
}
.f-dropdown li:hover,
.f-dropdown li:focus {
background: #EEEEEE;
}
.f-dropdown li.radius {
border-radius: 3px;
}
.f-dropdown li a {
display: block;
padding: 0.5rem;
color: #555555;
}
.f-dropdown.content {
position: absolute;
left: -9999px;
list-style: none;
margin-left: 0;
outline: none;
padding: 1.25rem;
width: 100%;
height: auto;
max-height: none;
background: #ffffff;
border: solid 1px #cccccc;
font-size: 0.875rem;
z-index: 89;
max-width: 200px;
}
.f-dropdown.content > *:first-child {
margin-top: 0;
}
.f-dropdown.content > *:last-child {
margin-bottom: 0;
}
.f-dropdown.tiny {
max-width: 200px;
}
.f-dropdown.small {
max-width: 300px;
}
.f-dropdown.medium {
max-width: 500px;
}
.f-dropdown.large {
max-width: 800px;
}
.f-dropdown.mega {
width: 100% !important;
max-width: 100% !important;
}
.f-dropdown.mega.open {
left: 0 !important;
}
.dropdown.button, button.dropdown {
position: relative;
outline: none;
padding-right: 3.5625rem;
}
.dropdown.button::after, button.dropdown::after {
position: absolute;
content: "";
width: 0;
height: 0;
display: block;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
top: 50%;
}
.dropdown.button::after, button.dropdown::after {
border-width: 0.375rem;
right: 1.40625rem;
margin-top: -0.15625rem;
}
.dropdown.button::after, button.dropdown::after {
border-color: #ffffff transparent transparent transparent;
}
.dropdown.button.tiny, button.dropdown.tiny {
padding-right: 2.625rem;
}
.dropdown.button.tiny:after, button.dropdown.tiny:after {
border-width: 0.375rem;
right: 1.125rem;
margin-top: -0.125rem;
}
.dropdown.button.tiny::after, button.dropdown.tiny::after {
border-color: #ffffff transparent transparent transparent;
}
.dropdown.button.small, button.dropdown.small {
padding-right: 3.0625rem;
}
.dropdown.button.small::after, button.dropdown.small::after {
border-width: 0.4375rem;
right: 1.3125rem;
margin-top: -0.15625rem;
}
.dropdown.button.small::after, button.dropdown.small::after {
border-color: #ffffff transparent transparent transparent;
}
.dropdown.button.large, button.dropdown.large {
padding-right: 3.625rem;
}
.dropdown.button.large::after, button.dropdown.large::after {
border-width: 0.3125rem;
right: 1.71875rem;
margin-top: -0.15625rem;
}
.dropdown.button.large::after, button.dropdown.large::after {
border-color: #ffffff transparent transparent transparent;
}
.dropdown.button.secondary:after, button.dropdown.secondary:after {
border-color: #333333 transparent transparent transparent;
}
.flex-video {
position: relative;
padding-top: 1.5625rem;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 1rem;
overflow: hidden;
}
.flex-video.widescreen {
padding-bottom: 56.34%;
}
.flex-video.vimeo {
padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Standard Forms */
form {
margin: 0 0 1rem;
}
/* Using forms within rows, we need to set some defaults */
form .row .row {
margin: 0 -0.5rem;
}
form .row .row .column,
form .row .row .columns {
padding: 0 0.5rem;
}
form .row .row.collapse {
margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
padding: 0;
}
form .row .row.collapse input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
padding-left: 0.5rem;
}
/* Label Styles */
label {
font-size: 0.875rem;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: normal;
line-height: 1.5;
margin-bottom: 0;
/* Styles for required inputs */
}
label.right {
float: none !important;
text-align: right;
}
label.inline {
margin: 0 0 1rem 0;
padding: 0.5625rem 0;
}
label small {
text-transform: capitalize;
color: #676767;
}
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
border-style: solid;
border-width: 1px;
overflow: visible;
font-size: 0.875rem;
height: 2.3125rem;
line-height: 2.3125rem;
}
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
border: none;
}
.prefix.button {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
border: none;
}
.prefix.button.radius {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.postfix.button.radius {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.prefix.button.round {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
.postfix.button.round {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
background: #f2f2f2;
border-right: none;
color: #333333;
border-color: #cccccc;
}
span.postfix, label.postfix {
background: #f2f2f2;
border-left: none;
color: #333333;
border-color: #cccccc;
}
/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
-webkit-appearance: none;
border-radius: 0;
background-color: #ffffff;
font-family: inherit;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 0.875rem;
margin: 0 0 1rem 0;
padding: 0.5rem;
height: 2.3125rem;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.15s linear;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
background: #fafafa;
border-color: #999999;
outline: none;
}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
background-color: #DDDDDD;
cursor: default;
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"], input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"], input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"], input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"], input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"], input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"], input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"], input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"], input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"], input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"], input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"], input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"], textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
background-color: #DDDDDD;
cursor: default;
}
input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
border-radius: 3px;
}
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
form .row .prefix-round.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px;
}
form .row .postfix-round.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
/* Respect enforced amount of rows for textarea */
textarea[rows] {
height: auto;
}
/* Not allow resize out of parent */
textarea {
max-width: 100%;
}
/* Add height value for select elements to match text input height */
select {
-webkit-appearance: none !important;
border-radius: 0;
background-color: #FAFAFA;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
background-position: 100% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
padding: 0.5rem;
font-size: 0.875rem;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
color: rgba(0, 0, 0, 0.75);
line-height: normal;
border-radius: 0;
height: 2.3125rem;
}
select::-ms-expand {
display: none;
}
select.radius {
border-radius: 3px;
}
select:hover {
background-color: #f3f3f3;
border-color: #999999;
}
select:disabled {
background-color: #DDDDDD;
cursor: default;
}
select[multiple] {
height: auto;
}
/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
margin: 0 0 1rem 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline;
}
/* Normalize file input width */
input[type="file"] {
width: 100%;
}
/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
border: 1px solid #DDDDDD;
padding: 1.25rem;
margin: 1.125rem 0;
}
fieldset legend {
font-weight: bold;
background: #ffffff;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem;
}
/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
display: block;
padding: 0.375rem 0.5625rem 0.5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
background: #f04124;
color: #ffffff;
}
[data-abide] span.error, [data-abide] small.error {
display: none;
}
span.error, small.error {
display: block;
padding: 0.375rem 0.5625rem 0.5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
background: #f04124;
color: #ffffff;
}
.error input,
.error textarea,
.error select {
margin-bottom: 0;
}
.error input[type="checkbox"],
.error input[type="radio"] {
margin-bottom: 1rem;
}
.error label,
.error label.error {
color: #f04124;
}
.error small.error {
display: block;
padding: 0.375rem 0.5625rem 0.5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
background: #f04124;
color: #ffffff;
}
.error > label > small {
color: #676767;
background: transparent;
padding: 0;
text-transform: capitalize;
font-style: normal;
font-size: 60%;
margin: 0;
display: inline;
}
.error span.error-message {
display: block;
}
input.error,
textarea.error,
select.error {
margin-bottom: 0;
}
label.error {
color: #f04124;
}
.icon-bar {
width: 100%;
font-size: 0;
display: inline-block;
background: #333333;
}
.icon-bar > * {
text-align: center;
font-size: 1rem;
width: 25%;
margin: 0 auto;
display: block;
padding: 1.25rem;
float: left;
}
.icon-bar > * i, .icon-bar > * img {
display: block;
margin: 0 auto;
}
.icon-bar > * i + label, .icon-bar > * img + label {
margin-top: .0625rem;
}
.icon-bar > * i {
font-size: 1.875rem;
vertical-align: middle;
}
.icon-bar > * img {
width: 1.875rem;
height: 1.875rem;
}
.icon-bar.label-right > * i, .icon-bar.label-right > * img {
margin: 0 0.0625rem 0 0;
display: inline-block;
}
.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
margin-top: 0;
}
.icon-bar.label-right > * label {
display: inline-block;
}
.icon-bar.vertical.label-right > * {
text-align: left;
}
.icon-bar.vertical, .icon-bar.small-vertical {
height: 100%;
width: auto;
}
.icon-bar.vertical .item, .icon-bar.small-vertical .item {
width: auto;
margin: auto;
float: none;
}
@media only screen and (min-width: 40.063em) {
.icon-bar.medium-vertical {
height: 100%;
width: auto;
}
.icon-bar.medium-vertical .item {
width: auto;
margin: auto;
float: none;
}
}
@media only screen and (min-width: 64.063em) {
.icon-bar.large-vertical {
height: 100%;
width: auto;
}
.icon-bar.large-vertical .item {
width: auto;
margin: auto;
float: none;
}
}
.icon-bar > * {
font-size: 1rem;
padding: 1.25rem;
}
.icon-bar > * i + label, .icon-bar > * img + label {
margin-top: .0625rem;
}
.icon-bar > * i {
font-size: 1.875rem;
}
.icon-bar > * img {
width: 1.875rem;
height: 1.875rem;
}
.icon-bar > * label {
color: #ffffff;
}
.icon-bar > * i {
color: #ffffff;
}
.icon-bar > a:hover {
background: #008CBA;
}
.icon-bar > a:hover label {
color: #ffffff;
}
.icon-bar > a:hover i {
color: #ffffff;
}
.icon-bar > a.active {
background: #008CBA;
}
.icon-bar > a.active label {
color: #ffffff;
}
.icon-bar > a.active i {
color: #ffffff;
}
.icon-bar .item.disabled {
opacity: 0.7;
cursor: not-allowed;
pointer-events: none;
}
.icon-bar .item.disabled > * {
opacity: 0.7;
cursor: not-allowed;
}
.icon-bar.two-up .item {
width: 50%;
}
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 40.063em) {
.icon-bar.two-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 64.063em) {
.icon-bar.two-up.large-vertical .item {
width: auto;
}
}
.icon-bar.three-up .item {
width: 33.3333%;
}
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 40.063em) {
.icon-bar.three-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 64.063em) {
.icon-bar.three-up.large-vertical .item {
width: auto;
}
}
.icon-bar.four-up .item {
width: 25%;
}
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 40.063em) {
.icon-bar.four-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 64.063em) {
.icon-bar.four-up.large-vertical .item {
width: auto;
}
}
.icon-bar.five-up .item {
width: 20%;
}
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 40.063em) {
.icon-bar.five-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 64.063em) {
.icon-bar.five-up.large-vertical .item {
width: auto;
}
}
.icon-bar.six-up .item {
width: 16.66667%;
}
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 40.063em) {
.icon-bar.six-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 64.063em) {
.icon-bar.six-up.large-vertical .item {
width: auto;
}
}
.icon-bar.seven-up .item {
width: 14.28571%;
}
.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 40.063em) {
.icon-bar.seven-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 64.063em) {
.icon-bar.seven-up.large-vertical .item {
width: auto;
}
}
.icon-bar.eight-up .item {
width: 12.5%;
}
.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
width: auto;
}
@media only screen and (min-width: 40.063em) {
.icon-bar.eight-up.medium-vertical .item {
width: auto;
}
}
@media only screen and (min-width: 64.063em) {
.icon-bar.eight-up.large-vertical .item {
width: auto;
}
}
.inline-list {
margin: 0 auto 1.0625rem auto;
margin-left: -1.375rem;
margin-right: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.inline-list > li {
list-style: none;
float: left;
margin-left: 1.375rem;
display: block;
}
.inline-list > li > * {
display: block;
}
/* Foundation Joyride */
.joyride-list {
display: none;
}
/* Default styles for the container */
.joyride-tip-guide {
display: none;
position: absolute;
background: #333333;
color: #ffffff;
z-index: 101;
top: 0;
left: 2.5%;
font-family: inherit;
font-weight: normal;
width: 95%;
}
.lt-ie9 .joyride-tip-guide {
max-width: 800px;
left: 50%;
margin-left: -400px;
}
.joyride-content-wrapper {
width: 100%;
padding: 1.125rem 1.25rem 1.5rem;
}
.joyride-content-wrapper .button {
margin-bottom: 0 !important;
}
.joyride-content-wrapper .joyride-prev-tip {
margin-right: 10px;
}
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
display: block;
position: absolute;
left: 22px;
width: 0;
height: 0;
border: 10px solid #333333;
}
.joyride-tip-guide .joyride-nub.top {
border-top-style: solid;
border-color: #333333;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
top: -20px;
}
.joyride-tip-guide .joyride-nub.bottom {
border-bottom-style: solid;
border-color: #333333 !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -20px;
}
.joyride-tip-guide .joyride-nub.right {
right: -20px;
}
.joyride-tip-guide .joyride-nub.left {
left: -20px;
}
/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
line-height: 1.25;
margin: 0;
font-weight: bold;
color: #ffffff;
}
.joyride-tip-guide p {
margin: 0 0 1.125rem 0;
font-size: 0.875rem;
line-height: 1.3;
}
.joyride-timer-indicator-wrap {
width: 50px;
height: 3px;
border: solid 1px #555555;
position: absolute;
right: 1.0625rem;
bottom: 1rem;
}
.joyride-timer-indicator {
display: block;
width: 0;
height: inherit;
background: #666666;
}
.joyride-close-tip {
position: absolute;
right: 12px;
top: 10px;
color: #777777 !important;
text-decoration: none;
font-size: 24px;
font-weight: normal;
line-height: .5 !important;
}
.joyride-close-tip:hover,
.joyride-close-tip:focus {
color: #EEEEEE !important;
}
.joyride-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: transparent;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
display: none;
top: 0;
left: 0;
cursor: pointer;
}
.joyride-expose-wrapper {
background-color: #ffffff;
position: absolute;
border-radius: 3px;
z-index: 102;
box-shadow: 0 0 15px #ffffff;
}
.joyride-expose-cover {
background: transparent;
border-radius: 3px;
position: absolute;
z-index: 9999;
top: 0;
left: 0;
}
/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 40.063em) {
.joyride-tip-guide {
width: 300px;
left: inherit;
}
.joyride-tip-guide .joyride-nub.bottom {
border-color: #333333 !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -20px;
}
.joyride-tip-guide .joyride-nub.right {
border-color: #333333 !important;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
top: 22px;
left: auto;
right: -20px;
}
.joyride-tip-guide .joyride-nub.left {
border-color: #333333 !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: transparent !important;
top: 22px;
left: -20px;
right: auto;
}
}
@media only screen and (max-width: 500px) {
.apontment, .qcontact, .working{width:97% !important;}
.working{margin-top:0 !important;}
.social_icon li a i{font-size:1.40em !important; padding-top:15px !important;}
.cop_info{margin-top:25px; text-align:center !important;}
.Drinfo_desk{display:none;}
.drinfo_res{display:block !important;}
.drinfo_res .su-spoiler {border-radius: 0; margin:0 !important;}
.drinfo_res .su-spoiler-title {
background-color: #455064 !important;
border-radius: 0 !important;
color: #fff;
opacity: 0.8;
text-align: center;
font-size:18px !important;
padding:10px;
}
.drinfo_res .cont .su-spoiler-title{background:#4faaf9 !important; color:#FFF;}
.drinfo_res .cons .su-spoiler-title{background:#3bc2e2 !important; color:#FFF;}
.drinfo_res .apt .su-spoiler-title{background:#11d1ff !important; color:#FFF;}
.drinfo_res ul{margin:0; padding:0;}
.drinfo_res ul li{
list-style-type:none;
background-color:#5ec400;
border-bottom:1px solid #FFF;
color: #fff;
font-size: 17px;
font-weight:bold;
padding: 5px;
text-align: center;
text-transform:uppercase;
}
.drinfo_res .su-spoiler-content .qcontact,
.drinfo_res .su-spoiler-content .apontment,
.drinfo_res .su-spoiler-content .working{width:100% !important;}
.drinfo_res .su-spoiler-content{padding:0 !important;}
.drinfo_res .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before{content: "\f0da" !important;}
.drinfo_res .su-spoiler-icon-plus .su-spoiler-icon:before{content: "\f0d7" !important;}
.drinfo_res .su-spoiler-icon {
font-size: 45px !important;
padding-top: 4px;
color:#FFF;
position:relative;
top:-5px;
left:-2px;
float:right;
}
}
.drinfo_res{display:none;}
.keystroke,
kbd {
background-color: #ededed;
border-color: #dddddd;
color: #222222;
border-style: solid;
border-width: 1px;
margin: 0;
font-family: "Consolas", "Menlo", "Courier", monospace;
font-size: inherit;
padding: 0.125rem 0.25rem 0;
border-radius: 3px;
}
.label {
font-weight: normal;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline-block;
position: relative;
margin-bottom: auto;
padding: 0.25rem 0.5rem 0.25rem;
font-size: 0.6875rem;
background-color: #008CBA;
color: #ffffff;
}
.label.radius {
border-radius: 3px;
}
.label.round {
border-radius: 1000px;
}
.label.alert {
background-color: #f04124;
color: #ffffff;
}
.label.warning {
background-color: #f08a24;
color: #ffffff;
}
.label.success {
background-color: #43AC6A;
color: #ffffff;
}
.label.secondary {
background-color: #e7e7e7;
color: #333333;
}
.label.info {
background-color: #a0d3e8;
color: #333333;
}
[data-magellan-expedition], [data-magellan-expedition-clone] {
background: #ffffff;
z-index: 50;
min-width: 100%;
padding: 10px;
}
[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
margin-bottom: 0;
}
[data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
margin-bottom: 0;
}
[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
line-height: 1.8em;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Orbit Graceful Loading */
.slideshow-wrapper {
position: relative;
}
.slideshow-wrapper ul {
list-style-type: none;
margin: 0;
}
.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
display: none;
}
.slideshow-wrapper ul li:first-child {
display: block;
}
.slideshow-wrapper .orbit-container {
background-color: transparent;
}
.slideshow-wrapper .orbit-container li {
display: block;
}
.slideshow-wrapper .orbit-container li .orbit-caption {
display: block;
}
.slideshow-wrapper .orbit-container .orbit-bullets li {
display: inline-block;
}
.slideshow-wrapper .preloader {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
border: solid 3px;
border-color: #555555 #ffffff;
border-radius: 1000px;
animation-name: rotate;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.orbit-container {
overflow: hidden;
width: 100%;
position: relative;
background: none;
}
.orbit-container .orbit-slides-container {
list-style: none;
margin: 0;
padding: 0;
position: relative;
-webkit-transform: translateZ(0);
}
.orbit-container .orbit-slides-container img {
display: block;
max-width: 100%;
}
.orbit-container .orbit-slides-container > * {
position: absolute;
top: 0;
width: 100%;
margin-left: 100%;
}
.orbit-container .orbit-slides-container > *:first-child {
margin-left: 0;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
position: absolute;
bottom: 0;
background-color: rgba(51, 51, 51, 0.8);
color: #ffffff;
width: 100%;
padding: 0.625rem 0.875rem;
font-size: 0.875rem;
}
.orbit-container .orbit-slide-number {
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
color: #ffffff;
background: transparent;
z-index: 10;
}
.orbit-container .orbit-slide-number span {
font-weight: 700;
padding: 0.3125rem;
}
.orbit-container .orbit-timer {
position: absolute;
top: 12px;
right: 10px;
height: 6px;
width: 100px;
z-index: 10;
}
.orbit-container .orbit-timer .orbit-progress {
height: 3px;
background-color: rgba(255, 255, 255, 0.3);
display: block;
width: 0;
position: relative;
right: 20px;
top: 5px;
}
.orbit-container .orbit-timer > span {
display: none;
position: absolute;
top: 0;
right: 0;
width: 11px;
height: 14px;
border: solid 4px #ffffff;
border-top: none;
border-bottom: none;
}
.orbit-container .orbit-timer.paused > span {
right: -4px;
top: 0;
width: 11px;
height: 14px;
border: inset 8px;
border-left-style: solid;
border-color: transparent;
border-left-color: #ffffff;
}
.orbit-container .orbit-timer.paused > span.dark {
border-left-color: #333333;
}
.orbit-container:hover .orbit-timer > span {
display: block;
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
position: absolute;
top: 45%;
margin-top: -25px;
width: 36px;
height: 60px;
line-height: 50px;
color: white;
background-color: transparent;
text-indent: -9999px !important;
z-index: 10;
}
.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.orbit-container .orbit-prev > span,
.orbit-container .orbit-next > span {
position: absolute;
top: 50%;
margin-top: -10px;
display: block;
width: 0;
height: 0;
border: inset 10px;
}
.orbit-container .orbit-prev {
left: 0;
}
.orbit-container .orbit-prev > span {
border-right-style: solid;
border-color: transparent;
border-right-color: #ffffff;
}
.orbit-container .orbit-prev:hover > span {
border-right-color: #ffffff;
}
.orbit-container .orbit-next {
right: 0;
}
.orbit-container .orbit-next > span {
border-color: transparent;
border-left-style: solid;
border-left-color: #ffffff;
left: 50%;
margin-left: -4px;
}
.orbit-container .orbit-next:hover > span {
border-left-color: #ffffff;
}
.orbit-bullets-container {
text-align: center;
}
.orbit-bullets {
margin: 0 auto 30px auto;
overflow: hidden;
position: relative;
top: 10px;
float: none;
text-align: center;
display: block;
}
.orbit-bullets li {
cursor: pointer;
display: inline-block;
width: 0.5625rem;
height: 0.5625rem;
background: #CCCCCC;
float: none;
margin-right: 6px;
border-radius: 1000px;
}
.orbit-bullets li.active {
background: #999999;
}
.orbit-bullets li:last-child {
margin-right: 0;
}
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
display: none;
}
.touch .orbit-bullets {
display: none;
}
@media only screen and (min-width: 40.063em) {
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
display: inherit;
}
.touch .orbit-bullets {
display: block;
}
}
@media only screen and (max-width: 40em) {
.orbit-stack-on-small .orbit-slides-container {
height: auto !important;
}
.orbit-stack-on-small .orbit-slides-container > * {
position: relative;
margin: 0 !important;
opacity: 1 !important;
}
.orbit-stack-on-small .orbit-slide-number {
display: none;
}
.orbit-timer {
display: none;
}
.orbit-next, .orbit-prev {
display: none;
}
.orbit-bullets {
display: none;
}
}
ul.pagination {
display: block;
min-height: 1.5rem;
margin-left: -0.3125rem;
}
ul.pagination li {
height: 1.5rem;
color: #222222;
font-size: 0.875rem;
margin-left: 0.3125rem;
}
ul.pagination li a, ul.pagination li button {
display: block;
padding: 0.0625rem 0.625rem 0.0625rem;
color: #999999;
background: none;
border-radius: 3px;
font-weight: normal;
font-size: 1em;
line-height: inherit;
transition: background-color 300ms ease-out;
}
ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li
button:focus {
background: #e6e6e6;
}
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
cursor: default;
color: #999999;
}
ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
background: transparent;
}
ul.pagination li.current a, ul.pagination li.current button {
background: #008CBA;
color: #ffffff;
font-weight: bold;
cursor: default;
}
ul.pagination li.current a:hover,
ul.pagination li.current a:focus, ul.pagination li.current button:hover,
ul.pagination li.current button:focus {
background: #008CBA;
}
ul.pagination li {
float: left;
display: block;
}
/* Pagination centred wrapper */
.pagination-centered {
text-align: center;
}
.pagination-centered ul.pagination li {
float: none;
display: inline-block;
}
/* Panels */
.panel {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #f2f2f2;
color: #333333;
}
.panel > :first-child {
margin-top: 0;
}
.panel > :last-child {
margin-bottom: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
color: #333333;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
line-height: 1;
margin-bottom: 0.625rem;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
line-height: 1.4;
}
.panel.callout {
border-style: solid;
border-width: 1px;
border-color: #b6edff;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #ecfaff;
color: #333333;
}
.panel.callout > :first-child {
margin-top: 0;
}
.panel.callout > :last-child {
margin-bottom: 0;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
color: #333333;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
line-height: 1;
margin-bottom: 0.625rem;
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
line-height: 1.4;
}
.panel.callout a:not(.button) {
color: #008CBA;
}
.panel.callout a:not(.button):hover,
.panel.callout a:not(.button):focus {
color: #0078a0;
}
.panel.radius {
border-radius: 3px;
}
/* Pricing Tables */
.pricing-table {
border: solid 1px #DDDDDD;
margin-left: 0;
margin-bottom: 1.25rem;
}
.pricing-table * {
list-style: none;
line-height: 1;
}
.pricing-table .title {
background-color: #333333;
padding: 0.9375rem 1.25rem;
text-align: center;
color: #EEEEEE;
font-weight: normal;
font-size: 1rem;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.pricing-table .price {
background-color: #F6F6F6;
padding: 0.9375rem 1.25rem;
text-align: center;
color: #333333;
font-weight: normal;
font-size: 2rem;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.pricing-table .description {
background-color: #ffffff;
padding: 0.9375rem;
text-align: center;
color: #777777;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.4;
border-bottom: dotted 1px #DDDDDD;
}
.pricing-table .bullet-item {
background-color: #ffffff;
padding: 0.9375rem;
text-align: center;
color: #333333;
font-size: 0.875rem;
font-weight: normal;
border-bottom: dotted 1px #DDDDDD;
}
.pricing-table .cta-button {
background-color: #ffffff;
text-align: center;
padding: 1.25rem 1.25rem 0;
}
/* Progress Bar */
.progress {
background-color: #F6F6F6;
height: 1.5625rem;
border: 1px solid white;
padding: 0.125rem;
margin-bottom: 0.625rem;
}
.progress .meter {
background: #008CBA;
height: 100%;
display: block;
}
.progress.secondary .meter {
background: #e7e7e7;
height: 100%;
display: block;
}
.progress.success .meter {
background: #43AC6A;
height: 100%;
display: block;
}
.progress.alert .meter {
background: #f04124;
height: 100%;
display: block;
}
.progress.radius {
border-radius: 3px;
}
.progress.radius .meter {
border-radius: 2px;
}
.progress.round {
border-radius: 1000px;
}
.progress.round .meter {
border-radius: 999px;
}
.range-slider {
position: relative;
border: 1px solid #DDDDDD;
margin: 1.25rem 0;
-ms-touch-action: none;
touch-action: none;
display: block;
width: 100%;
height: 1rem;
background: #FAFAFA;
}
.range-slider.vertical-range {
position: relative;
border: 1px solid #DDDDDD;
margin: 1.25rem 0;
-ms-touch-action: none;
touch-action: none;
display: inline-block;
width: 1rem;
height: 12.5rem;
}
.range-slider.vertical-range .range-slider-handle {
margin-top: 0;
margin-left: -0.5rem;
position: absolute;
bottom: -10.5rem;
}
.range-slider.vertical-range .range-slider-active-segment {
width: 0.875rem;
height: auto;
bottom: 0;
}
.range-slider.radius {
background: #FAFAFA;
border-radius: 3px;
}
.range-slider.radius .range-slider-handle {
background: #008CBA;
border-radius: 3px;
}
.range-slider.radius .range-slider-handle:hover {
background: #007ba4;
}
.range-slider.round {
background: #FAFAFA;
border-radius: 1000px;
}
.range-slider.round .range-slider-handle {
background: #008CBA;
border-radius: 1000px;
}
.range-slider.round .range-slider-handle:hover {
background: #007ba4;
}
.range-slider.disabled, .range-slider[disabled] {
background: #FAFAFA;
cursor: not-allowed;
opacity: 0.7;
}
.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
background: #008CBA;
cursor: default;
opacity: 0.7;
}
.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
background: #007ba4;
}
.range-slider-active-segment {
display: inline-block;
position: absolute;
height: 0.875rem;
background: #e5e5e5;
}
.range-slider-handle {
display: inline-block;
position: absolute;
z-index: 1;
top: -0.3125rem;
width: 2rem;
height: 1.375rem;
border: 1px solid none;
cursor: pointer;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #008CBA;
}
.range-slider-handle:hover {
background: #007ba4;
}
.reveal-modal-bg {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000000;
background: rgba(0, 0, 0, 0.45);
z-index: 1004;
display: none;
left: 0;
}
.reveal-modal {
visibility: hidden;
display: none;
position: absolute;
z-index: 1005;
width: 100%;
top: 0;
border-radius: 3px;
left: 0;
background-color: #ffffff;
padding: 1.875rem;
border: solid 1px #666666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 40em) {
.reveal-modal {
min-height: 100vh;
}
}
.reveal-modal .column, .reveal-modal .columns {
min-width: 0;
}
.reveal-modal > :first-child {
margin-top: 0;
}
.reveal-modal > :last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
.reveal-modal {
width: 80%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
.reveal-modal {
top: 6.25rem;
}
}
.reveal-modal.radius {
border-radius: 3px;
}
.reveal-modal.round {
border-radius: 1000px;
}
.reveal-modal.collapse {
padding: 0;
}
@media only screen and (min-width: 40.063em) {
.reveal-modal.tiny {
width: 30%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
.reveal-modal.small {
width: 40%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
.reveal-modal.medium {
width: 60%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
.reveal-modal.large {
width: 70%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
@media only screen and (min-width: 40.063em) {
.reveal-modal.xlarge {
width: 95%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
.reveal-modal.full {
top: 0;
left: 0;
height: 100%;
height: 100vh;
min-height: 100vh;
max-width: none !important;
margin-left: 0 !important;
}
@media only screen and (min-width: 40.063em) {
.reveal-modal.full {
width: 100%;
max-width: 75rem;
left: 0;
right: 0;
margin: 0 auto;
}
}
.reveal-modal.toback {
z-index: 1003;
}
.reveal-modal .close-reveal-modal {
font-size: 2.5rem;
line-height: 1;
position: absolute;
top: 0.625rem;
right: 1.375rem;
color: #AAAAAA;
font-weight: bold;
cursor: pointer;
}
.side-nav {
display: block;
margin: 0;
padding: 0.875rem 0;
list-style-type: none;
list-style-position: outside;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.side-nav li {
margin: 0 0 0.4375rem 0;
font-size: 0.875rem;
font-weight: normal;
}
.side-nav li a:not(.button) {
display: block;
color: #008CBA;
margin: 0;
padding: 0.4375rem 0.875rem;
}
.side-nav li a:not(.button):hover,
.side-nav li a:not(.button):focus {
background: rgba(0, 0, 0, 0.025);
color: #1cc7ff;
}
.side-nav li.active > a:first-child:not(.button) {
color: #1cc7ff;
font-weight: normal;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
}
.side-nav li.divider {
border-top: 1px solid;
height: 0;
padding: 0;
list-style: none;
border-top-color: white;
}
.side-nav li.heading {
color: #008CBA;
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
}
.split.button {
position: relative;
padding-right: 5.0625rem;
}
.split.button span {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: solid 1px;
}
.split.button span:after {
position: absolute;
content: "";
width: 0;
height: 0;
display: block;
border-style: inset;
top: 50%;
left: 50%;
}
.split.button span:active {
background-color: rgba(0, 0, 0, 0.1);
}
.split.button span {
border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button span {
width: 3.09375rem;
}
.split.button span:after {
border-top-style: solid;
border-width: 0.375rem;
top: 48%;
margin-left: -0.375rem;
}
.split.button span:after {
border-color: #ffffff transparent transparent transparent;
}
.split.button.secondary span {
border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.secondary span:after {
border-color: #ffffff transparent transparent transparent;
}
.split.button.alert span {
border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.success span {
border-left-color: rgba(255, 255, 255, 0.5);
}
.split.button.tiny {
padding-right: 3.75rem;
}
.split.button.tiny span {
width: 2.25rem;
}
.split.button.tiny span:after {
border-top-style: solid;
border-width: 0.375rem;
top: 48%;
margin-left: -0.375rem;
}
.split.button.small {
padding-right: 4.375rem;
}
.split.button.small span {
width: 2.625rem;
}
.split.button.small span:after {
border-top-style: solid;
border-width: 0.4375rem;
top: 48%;
margin-left: -0.375rem;
}
.split.button.large {
padding-right: 5.5rem;
}
.split.button.large span {
width: 3.4375rem;
}
.split.button.large span:after {
border-top-style: solid;
border-width: 0.3125rem;
top: 48%;
margin-left: -0.375rem;
}
.split.button.expand {
padding-left: 2rem;
}
.split.button.secondary span:after {
border-color: #333333 transparent transparent transparent;
}
.split.button.radius span {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.split.button.round span {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px;
}
.split.button.no-pip span:before {
border-style: none;
}
.split.button.no-pip span:after {
border-style: none;
}
.split.button.no-pip span > i {
top: 50%;
display: block;
position: absolute;
left: 50%;
margin-left: -0.28889em;
margin-top: -0.48889em;
}
.sub-nav {
display: block;
width: auto;
overflow: hidden;
margin-bottom: -0.25rem 0 1.125rem;
padding-top: 0.25rem;
}
.sub-nav dt {
text-transform: uppercase;
}
.sub-nav dt,
.sub-nav dd,
.sub-nav li {
float: left;
margin-left: 1rem;
margin-bottom: 0;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
font-weight: normal;
font-size: 0.875rem;
color: #999999;
}
.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
text-decoration: none;
color: #999999;
padding: 0.1875rem 1rem;
}
.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
color: #737373;
}
.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
border-radius: 3px;
font-weight: normal;
background: #008CBA;
padding: 0.1875rem 1rem;
cursor: default;
color: #ffffff;
}
.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
background: #0078a0;
}
.switch {
padding: 0;
border: none;
position: relative;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.switch label {
display: block;
margin-bottom: 1rem;
position: relative;
color: transparent;
background: #DDDDDD;
text-indent: 100%;
width: 4rem;
height: 2rem;
cursor: pointer;
transition: left 0.15s ease-out;
}
.switch input {
opacity: 0;
position: absolute;
top: 9px;
left: 10px;
padding: 0;
}
.switch input + label {
margin-left: 0;
margin-right: 0;
}
.switch label:after {
content: "";
display: block;
background: #ffffff;
position: absolute;
top: .25rem;
left: .25rem;
width: 1.5rem;
height: 1.5rem;
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: translate3d(0, 0, 0);
transition: left 0.15s ease-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.switch input:checked + label {
background: #008CBA;
}
.switch input:checked + label:after {
left: 2.25rem;
}
.switch label {
width: 4rem;
height: 2rem;
}
.switch label:after {
width: 1.5rem;
height: 1.5rem;
}
.switch input:checked + label:after {
left: 2.25rem;
}
.switch label {
color: transparent;
background: #DDDDDD;
}
.switch label:after {
background: #ffffff;
}
.switch input:checked + label {
background: #008CBA;
}
.switch.large label {
width: 5rem;
height: 2.5rem;
}
.switch.large label:after {
width: 2rem;
height: 2rem;
}
.switch.large input:checked + label:after {
left: 2.75rem;
}
.switch.small label {
width: 3.5rem;
height: 1.75rem;
}
.switch.small label:after {
width: 1.25rem;
height: 1.25rem;
}
.switch.small input:checked + label:after {
left: 2rem;
}
.switch.tiny label {
width: 3rem;
height: 1.5rem;
}
.switch.tiny label:after {
width: 1rem;
height: 1rem;
}
.switch.tiny input:checked + label:after {
left: 1.75rem;
}
.switch.radius label {
border-radius: 4px;
}
.switch.radius label:after {
border-radius: 3px;
}
.switch.round {
border-radius: 1000px;
}
.switch.round label {
border-radius: 2rem;
}
.switch.round label:after {
border-radius: 2rem;
}
table {
background: #ffffff;
margin-bottom: 1.25rem;
border: solid 1px #DDDDDD;
table-layout: auto;
}
table caption {
background: transparent;
color: #222222;
font-size: 1rem;
font-weight: bold;
}
table thead {
background: #F5F5F5;
}
table thead tr th,
table thead tr td {
padding: 0.5rem 0.625rem 0.625rem;
font-size: 0.875rem;
font-weight: bold;
color: #222222;
}
table tfoot {
background: #F5F5F5;
}
table tfoot tr th,
table tfoot tr td {
padding: 0.5rem 0.625rem 0.625rem;
font-size: 0.875rem;
font-weight: bold;
color: #222222;
}
table tr th,
table tr td {
padding: 0.5625rem 0.625rem;
font-size: 0.875rem;
color: #222222;
text-align: left;
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
background: #F9F9F9;
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
display: table-cell;
line-height: 1.125rem;
}
.tabs {
margin-bottom: 0 !important;
margin-left: 0;
}
.tabs:before, .tabs:after {
content: " ";
display: table;
}
.tabs:after {
clear: both;
}
.tabs dd, .tabs .tab-title {
position: relative;
margin-bottom: 0 !important;
list-style: none;
float: left;
}
.tabs dd > a, .tabs .tab-title > a {
display: block;
background-color: #EFEFEF;
color: #222222;
padding: 1rem 2rem;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
font-size: 1rem;
}
.tabs dd > a:hover, .tabs .tab-title > a:hover {
background-color: #e1e1e1;
}
.tabs dd > a:focus, .tabs .tab-title > a:focus {
outline: none;
}
.tabs dd.active a, .tabs .tab-title.active a {
background-color: #ffffff;
color: #222222;
}
.tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.tabs.vertical dd, .tabs.vertical .tab-title {
position: inherit;
float: none;
display: block;
top: auto;
}
.tabs-content {
margin-bottom: 1.5rem;
width: 100%;
}
.tabs-content:before, .tabs-content:after {
content: " ";
display: table;
}
.tabs-content:after {
clear: both;
}
.tabs-content > .content {
display: none;
float: left;
padding: 0.9375rem 0;
width: 100%;
}
.tabs-content > .content.active {
display: block;
float: none;
}
.tabs-content > .content.contained {
padding: 0.9375rem;
}
.tabs-content.vertical {
display: block;
}
.tabs-content.vertical > .content {
padding: 0 0.9375rem;
}
@media only screen and (min-width: 40.063em) {
.tabs.vertical {
width: 20%;
max-width: 20%;
float: left;
margin: 0 0 1.25rem;
}
.tabs-content.vertical {
width: 80%;
max-width: 80%;
float: left;
margin-left: -1px;
padding-left: 1rem;
}
}
.no-js .tabs-content > .content {
display: block;
float: none;
}
/* Image Thumbnails */
.th {
line-height: 0;
display: inline-block;
border: solid 4px #ffffff;
max-width: 100%;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
transition: all 200ms ease-out;
}
.th:hover,
.th:focus {
box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
}
.th.radius {
border-radius: 3px;
}
/* Tooltips */
.has-tip {
border-bottom: dotted 1px #CCCCCC;
cursor: help;
font-weight: bold;
color: #333333;
}
.has-tip:hover,
.has-tip:focus {
border-bottom: dotted 1px #003f54;
color: #008CBA;
}
.has-tip.tip-left,
.has-tip.tip-right {
float: none !important;
}
.tooltip {
display: none;
position: absolute;
z-index: 1006;
font-weight: normal;
font-size: 0.875rem;
line-height: 1.3;
padding: 0.75rem;
max-width: 300px;
left: 50%;
width: 100%;
color: #ffffff;
background: #333333;
}
.tooltip > .nub {
display: block;
left: 5px;
position: absolute;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent transparent #333333 transparent;
top: -10px;
pointer-events: none;
}
.tooltip > .nub.rtl {
left: auto;
right: 5px;
}
.tooltip.radius {
border-radius: 3px;
}
.tooltip.round {
border-radius: 1000px;
}
.tooltip.round > .nub {
left: 2rem;
}
.tooltip.opened {
color: #008CBA !important;
border-bottom: dotted 1px #003f54 !important;
}
.tap-to-close {
display: block;
font-size: 0.625rem;
color: #777777;
font-weight: normal;
}
@media only screen and (min-width: 40.063em) {
.tooltip > .nub {
border-color: transparent transparent #333333 transparent;
top: -10px;
}
.tooltip.tip-top > .nub {
border-color: #333333 transparent transparent transparent;
top: auto;
bottom: -10px;
}
.tooltip.tip-left,
.tooltip.tip-right {
float: none !important;
}
.tooltip.tip-left > .nub {
border-color: transparent transparent transparent #333333;
right: -10px;
left: auto;
top: 50%;
margin-top: -5px;
}
.tooltip.tip-right > .nub {
border-color: transparent #333333 transparent transparent;
right: auto;
left: -10px;
top: 50%;
margin-top: -5px;
}
}
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em;
}
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
width: 100%;
background: #333333;
}
.contain-to-grid .top-bar {
margin-bottom: 0;
}
.fixed {
width: 100%;
left: 0;
position: fixed;
top: 0;
z-index: 99;
}
.fixed.expanded:not(.top-bar) {
overflow-y: auto;
height: auto;
width: 100%;
max-height: 100%;
}
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99;
}
.fixed.expanded:not(.top-bar) .top-bar-section {
z-index: 98;
margin-top: 2.8125rem;
}
.top-bar {
overflow: hidden;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative;
background: #333333;
margin-bottom: 0;
}
.top-bar ul {
margin-bottom: 0;
list-style: none;
}
.top-bar .row {
max-width: none;
}
.top-bar form,
.top-bar input {
margin-bottom: 0;
}
.top-bar input {
height: 1.75rem;
padding-top: .35rem;
padding-bottom: .35rem;
font-size: 0.75rem;
}
.top-bar .button, .top-bar button {
padding-top: .4125rem;
padding-bottom: .4125rem;
margin-bottom: 0;
font-size: 0.75rem;
}
@media only screen and (max-width: 40em) {
.top-bar .button, .top-bar button {
position: relative;
top: -1px;
}
}
.top-bar .title-area {
position: relative;
margin: 0;
}
.top-bar .name {
height: 2.8125rem;
margin: 0;
font-size: 16px;
}
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
line-height: 2.8125rem;
font-size: 1.0625rem;
margin: 0;
}
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
font-weight: normal;
color: #ffffff;
width: 75%;
display: block;
padding: 0 0.9375rem;
}
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0;
}
.top-bar .toggle-topbar a {
color: #ffffff;
text-transform: uppercase;
font-size: 0.8125rem;
font-weight: bold;
position: relative;
display: block;
padding: 0 0.9375rem;
height: 2.8125rem;
line-height: 2.8125rem;
}
.top-bar .toggle-topbar.menu-icon {
top: 50%;
margin-top: -16px;
}
.top-bar .toggle-topbar.menu-icon a {
height: 34px;
line-height: 33px;
padding: 0 2.5rem 0 0.9375rem;
color: #ffffff;
position: relative;
}
.top-bar .toggle-topbar.menu-icon a span::after {
content: "";
position: absolute;
display: block;
height: 0;
top: 50%;
margin-top: -8px;
right: 0.9375rem;
box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
width: 16px;
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}
.top-bar.expanded {
height: auto;
background: transparent;
}
.top-bar.expanded .title-area {
background: #333333;
}
.top-bar.expanded .toggle-topbar a {
color: #888888;
}
.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}
.top-bar-section {
left: 0;
position: relative;
width: auto;
transition: left 300ms ease-out;
}
.top-bar-section ul {
padding: 0;
width: 100%;
height: auto;
display: block;
font-size: 16px;
margin: 0;
}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
border-top: solid 1px #1a1a1a;
clear: both;
height: 1px;
width: 100%;
}
.top-bar-section ul li {
background: #333333;
}
.top-bar-section ul li > a {
display: block;
width: 100%;
color: #ffffff;
padding: 12px 0 12px 0;
padding-left: 0.9375rem;
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
font-size: 0.8125rem;
font-weight: normal;
text-transform: none;
}
.top-bar-section ul li > a.button {
font-size: 0.8125rem;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
background-color: #008CBA;
border-color: #007095;
color: #ffffff;
}
.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
background-color: #007095;
}
.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
color: #ffffff;
}
.top-bar-section ul li > a.button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
}
.top-bar-section ul li > a.button.secondary:hover,
.top-bar-section ul li > a.button.secondary:focus {
background-color: #b9b9b9;
}
.top-bar-section ul li > a.button.secondary:hover,
.top-bar-section ul li > a.button.secondary:focus {
color: #333333;
}
.top-bar-section ul li > a.button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #ffffff;
}
.top-bar-section ul li > a.button.success:hover,
.top-bar-section ul li > a.button.success:focus {
background-color: #368a55;
}
.top-bar-section ul li > a.button.success:hover,
.top-bar-section ul li > a.button.success:focus {
color: #ffffff;
}
.top-bar-section ul li > a.button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #ffffff;
}
.top-bar-section ul li > a.button.alert:hover,
.top-bar-section ul li > a.button.alert:focus {
background-color: #cf2a0e;
}
.top-bar-section ul li > a.button.alert:hover,
.top-bar-section ul li > a.button.alert:focus {
color: #ffffff;
}
.top-bar-section ul li > a.button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #ffffff;
}
.top-bar-section ul li > a.button.warning:hover,
.top-bar-section ul li > a.button.warning:focus {
background-color: #cf6e0e;
}
.top-bar-section ul li > a.button.warning:hover,
.top-bar-section ul li > a.button.warning:focus {
color: #ffffff;
}
.top-bar-section ul li > button {
font-size: 0.8125rem;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
background-color: #008CBA;
border-color: #007095;
color: #ffffff;
}
.top-bar-section ul li > button:hover,
.top-bar-section ul li > button:focus {
background-color: #007095;
}
.top-bar-section ul li > button:hover,
.top-bar-section ul li > button:focus {
color: #ffffff;
}
.top-bar-section ul li > button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
}
.top-bar-section ul li > button.secondary:hover,
.top-bar-section ul li > button.secondary:focus {
background-color: #b9b9b9;
}
.top-bar-section ul li > button.secondary:hover,
.top-bar-section ul li > button.secondary:focus {
color: #333333;
}
.top-bar-section ul li > button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #ffffff;
}
.top-bar-section ul li > button.success:hover,
.top-bar-section ul li > button.success:focus {
background-color: #368a55;
}
.top-bar-section ul li > button.success:hover,
.top-bar-section ul li > button.success:focus {
color: #ffffff;
}
.top-bar-section ul li > button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #ffffff;
}
.top-bar-section ul li > button.alert:hover,
.top-bar-section ul li > button.alert:focus {
background-color: #cf2a0e;
}
.top-bar-section ul li > button.alert:hover,
.top-bar-section ul li > button.alert:focus {
color: #ffffff;
}
.top-bar-section ul li > button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #ffffff;
}
.top-bar-section ul li > button.warning:hover,
.top-bar-section ul li > button.warning:focus {
background-color: #cf6e0e;
}
.top-bar-section ul li > button.warning:hover,
.top-bar-section ul li > button.warning:focus {
color: #ffffff;
}
.top-bar-section ul li:hover:not(.has-form) > a {
background-color: #555555;
background: #333333;
color: #ffffff;
}
.top-bar-section ul li.active > a {
background: #008CBA;
color: #ffffff;
}
.top-bar-section ul li.active > a:hover {
background: #0078a0;
color: #ffffff;
}
.top-bar-section .has-form {
padding: 0.9375rem;
}
.top-bar-section .has-dropdown {
position: relative;
}
.top-bar-section .has-dropdown > a:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
border-left-style: solid;
margin-right: 0.9375rem;
margin-top: -4.5px;
position: absolute;
top: 50%;
right: 0;
}
.top-bar-section .has-dropdown.moved {
position: static;
}
.top-bar-section .has-dropdown.moved > .dropdown {
display: block;
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
position: absolute !important;
width: 100%;
}
.top-bar-section .has-dropdown.moved > a:after {
display: none;
}
.top-bar-section .dropdown {
padding: 0;
position: absolute;
left: 100%;
top: 0;
z-index: 99;
display: block;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.top-bar-section .dropdown li {
width: 100%;
height: auto;
}
.top-bar-section .dropdown li a {
font-weight: normal;
padding: 8px 0.9375rem;
}
.top-bar-section .dropdown li a.parent-link {
font-weight: normal;
}
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
margin-bottom: 0;
margin-top: 0;
font-size: 1.125rem;
}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
color: #ffffff;
display: block;
}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
background: none;
}
.top-bar-section .dropdown li.has-form {
padding: 8px 0.9375rem;
}
.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
top: auto;
}
.top-bar-section .dropdown label {
padding: 8px 0.9375rem 2px;
margin-bottom: 0;
text-transform: uppercase;
color: #777777;
font-weight: bold;
font-size: 0.625rem;
}
.js-generated {
display: block;
}
@media only screen and (min-width: 40.063em) {
.top-bar {
background: #333333;
overflow: visible;
}
.top-bar:before, .top-bar:after {
content: " ";
display: table;
}
.top-bar:after {
clear: both;
}
.top-bar .toggle-topbar {
display: none;
}
.top-bar .title-area {
float: left;
}
.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name h5 a,
.top-bar .name h6 a {
width: auto;
}
.top-bar input,
.top-bar .button,
.top-bar button {
font-size: 0.875rem;
position: relative;
height: 1.75rem;
top: 0.53125rem;
}
.top-bar.expanded {
background: #333333;
}
.contain-to-grid .top-bar {
max-width: 75rem;
margin: 0 auto;
margin-bottom: 0;
}
.top-bar-section {
transition: none 0 0;
left: 0 !important;
}
.top-bar-section ul {
width: auto;
height: auto !important;
display: inline;
}
.top-bar-section ul li {
float: left;
}
.top-bar-section ul li .js-generated {
display: none;
}
.top-bar-section li.hover > a:not(.button) {
background-color: #555555;
background: #333333;
color: #ffffff;
}
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 0.9375rem;
line-height: 2.8125rem;
background: #333333;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: #555555;
background: #333333;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
padding: 0 0.9375rem;
line-height: 2.8125rem;
color: #ffffff;
background: #008CBA;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #0078a0;
color: #ffffff;
}
.top-bar-section .has-dropdown > a {
padding-right: 2.1875rem !important;
}
.top-bar-section .has-dropdown > a:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
top: 1.40625rem;
}
.top-bar-section .has-dropdown.moved {
position: relative;
}
.top-bar-section .has-dropdown.moved > .dropdown {
display: block;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
display: block;
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
position: absolute !important;
}
.top-bar-section .has-dropdown > a:focus + .dropdown {
display: block;
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
position: absolute !important;
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: "\00bb";
top: 1rem;
margin-top: -1px;
right: 5px;
line-height: 1.2;
}
.top-bar-section .dropdown {
left: 0;
top: auto;
background: transparent;
min-width: 100%;
}
.top-bar-section .dropdown li a {
color: #ffffff;
line-height: 2.8125rem;
white-space: nowrap;
padding: 12px 0.9375rem;
background: #333333;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
color: #ffffff;
background: #333333;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
color: #ffffff;
background-color: #555555;
background: #333333;
}
.top-bar-section .dropdown li label {
white-space: nowrap;
background: #333333;
}
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0;
}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
border-bottom: none;
border-top: none;
border-right: solid 1px #4e4e4e;
clear: none;
height: 2.8125rem;
width: 0;
}
.top-bar-section .has-form {
background: #333333;
padding: 0 0.9375rem;
height: 2.8125rem;
}
.top-bar-section .right li .dropdown {
left: auto;
right: 0;
}
.top-bar-section .right li .dropdown li .dropdown {
right: 100%;
}
.top-bar-section .left li .dropdown {
right: auto;
left: 0;
}
.top-bar-section .left li .dropdown li .dropdown {
left: 100%;
}
.no-js .top-bar-section ul li:hover > a {
background-color: #555555;
background: #333333;
color: #ffffff;
}
.no-js .top-bar-section ul li:active > a {
background: #008CBA;
color: #ffffff;
}
.no-js .top-bar-section .has-dropdown:hover > .dropdown {
display: block;
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
position: absolute !important;
}
.no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
display: block;
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
position: absolute !important;
}
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
@media only screen and (max-width: 40em) {
.small-only-text-left {
text-align: left !important;
}
.small-only-text-right {
text-align: right !important;
}
.small-only-text-center {
text-align: center !important;
}
.small-only-text-justify {
text-align: justify !important;
}
}
@media only screen {
.small-text-left {
text-align: left !important;
}
.small-text-right {
text-align: right !important;
}
.small-text-center {
text-align: center !important;
}
.small-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.medium-only-text-left {
text-align: left !important;
}
.medium-only-text-right {
text-align: right !important;
}
.medium-only-text-center {
text-align: center !important;
}
.medium-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 40.063em) {
.medium-text-left {
text-align: left !important;
}
.medium-text-right {
text-align: right !important;
}
.medium-text-center {
text-align: center !important;
}
.medium-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.large-only-text-left {
text-align: left !important;
}
.large-only-text-right {
text-align: right !important;
}
.large-only-text-center {
text-align: center !important;
}
.large-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 64.063em) {
.large-text-left {
text-align: left !important;
}
.large-text-right {
text-align: right !important;
}
.large-text-center {
text-align: center !important;
}
.large-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important;
}
.xlarge-only-text-right {
text-align: right !important;
}
.xlarge-only-text-center {
text-align: center !important;
}
.xlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 90.063em) {
.xlarge-text-left {
text-align: left !important;
}
.xlarge-text-right {
text-align: right !important;
}
.xlarge-text-center {
text-align: center !important;
}
.xlarge-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
.xxlarge-only-text-left {
text-align: left !important;
}
.xxlarge-only-text-right {
text-align: right !important;
}
.xxlarge-only-text-center {
text-align: center !important;
}
.xxlarge-only-text-justify {
text-align: justify !important;
}
}
@media only screen and (min-width: 120.063em) {
.xxlarge-text-left {
text-align: left !important;
}
.xxlarge-text-right {
text-align: right !important;
}
.xxlarge-text-center {
text-align: center !important;
}
.xxlarge-text-justify {
text-align: justify !important;
}
}
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
/* Default Link Styles */
a {
color: #008CBA;
text-decoration: none;
line-height: inherit;
}
a:hover,
a:focus {
color: #0078a0;
}
a img {
border: none;
}
/* Default paragraph styles */
p {
font-family: Lato;
font-weight: normal;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility;
}
p.lead {
font-size: 1.21875rem;
line-height: 1.6;
}
p aside {
font-size: 0.875rem;
line-height: 1.35;
font-style: italic;
}
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica", "Helvetica Neue", Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #222222;
text-rendering: optimizeLegibility;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height: 1.4;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0;
}
h1 {
font-size: 2.125rem;
}
h2 {
font-size: 1.6875rem;
}
h3 {
font-size: 1.375rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: normal;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
}
hr {
border: solid #DDDDDD;
border-width: 1px 0 0;
clear: both;
margin: 1.25rem 0 1.1875rem;
height: 0;
}
/* Helpful Typography Defaults */
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 60%;
line-height: inherit;
}
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #333333;
background-color: #f8f8f8;
border-width: 1px;
border-style: solid;
border-color: #dfdfdf;
padding: 0.125rem 0.3125rem 0.0625rem;
}
/* Lists */
ul,
ol,
dl {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
list-style-position: outside;
font-family: inherit;
}
ul {
margin-left: 1.1rem;
}
ul.no-bullet {
margin-left: 0;
}
ul.no-bullet li ul,
ul.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none;
}
/* Unordered Lists */
ul li ul,
ul li ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
ul.square li ul,
ul.circle li ul,
ul.disc li ul {
list-style: inherit;
}
ul.square {
list-style-type: square;
margin-left: 1.1rem;
}
ul.circle {
list-style-type: circle;
margin-left: 1.1rem;
}
ul.disc {
list-style-type: disc;
margin-left: 1.1rem;
}
ul.no-bullet {
list-style: none;
}
/* Ordered Lists */
ol {
margin-left: 1.4rem;
}
ol li ul,
ol li ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
/* Definition Lists */
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
dl dd {
margin-bottom: 0.75rem;
}
/* Abbreviations */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
cursor: help;
}
abbr {
text-transform: none;
}
abbr[title] {
border-bottom: 1px dotted #DDDDDD;
}
/* Blockquotes */
blockquote {
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
/*border-left: 1px solid #DDDDDD;*/
}
blockquote cite {
display: block;
font-size: 0.8125rem;
color: #555555;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
color: #555555;
}
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f;
}
/* Microformats */
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #DDDDDD;
padding: 0.625rem 0.75rem;
}
.vcard li {
margin: 0;
display: block;
}
.vcard .fn {
font-weight: bold;
font-size: 0.9375rem;
}
.vevent .summary {
font-weight: bold;
}
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625rem;
}
@media only screen and (min-width: 40.063em) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
}
h1 {
font-size: 2.75rem;
}
h2 {
font-size: 2.3125rem;
}
h3 {
font-size: 1.6875rem;
}
h4 {
font-size: 1.4375rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
}
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow: hidden;
}
.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left {
min-height: 100%;
-webkit-overflow-scrolling: touch;
}
.inner-wrap {
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.inner-wrap:before, .inner-wrap:after {
content: " ";
display: table;
}
.inner-wrap:after {
clear: both;
}
.tab-bar {
-webkit-backface-visibility: hidden;
background: #333333;
color: #ffffff;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative;
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
color: #ffffff;
font-weight: bold;
line-height: 2.8125rem;
margin: 0;
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
font-size: 1.125rem;
}
.left-small {
width: 2.8125rem;
height: 2.8125rem;
position: absolute;
top: 0;
border-right: solid 1px #1a1a1a;
left: 0;
}
.right-small {
width: 2.8125rem;
height: 2.8125rem;
position: absolute;
top: 0;
border-left: solid 1px #1a1a1a;
right: 0;
}
.tab-bar-section {
padding: 0 0.625rem;
position: absolute;
text-align: center;
height: 2.8125rem;
top: 0;
}
@media only screen and (min-width: 40.063em) {
.tab-bar-section.left {
text-align: left;
}
.tab-bar-section.right {
text-align: right;
}
}
.tab-bar-section.left {
left: 0;
right: 2.8125rem;
}
.tab-bar-section.right {
left: 2.8125rem;
right: 0;
}
.tab-bar-section.middle {
left: 2.8125rem;
right: 2.8125rem;
}
.tab-bar .menu-icon {
text-indent: 2.1875rem;
width: 2.8125rem;
height: 2.8125rem;
display: block;
padding: 0;
color: #ffffff;
position: relative;
transform: translate3d(0, 0, 0);
}
.tab-bar .menu-icon span::after {
content: "";
position: absolute;
display: block;
height: 0;
top: 50%;
margin-top: -0.5rem;
left: 0.90625rem;
box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
width: 1rem;
}
.tab-bar .menu-icon span:hover:after {
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
width: 15.625rem;
top: 0;
bottom: 0;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
background: #333333;
z-index: 1001;
box-sizing: content-box;
transition: transform 500ms ease 0s;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
-ms-transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
width: 15.625rem;
top: 0;
bottom: 0;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
background: #333333;
z-index: 1001;
box-sizing: content-box;
transition: transform 500ms ease 0s;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
-ms-transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
}
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden;
}
ul.off-canvas-list {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.off-canvas-list li label {
display: block;
padding: 0.3rem 0.9375rem;
color: #999999;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: bold;
background: #444444;
border-top: 1px solid #5e5e5e;
border-bottom: none;
margin: 0;
}
ul.off-canvas-list li a {
display: block;
padding: 0.6666666667rem;
color: rgba(255, 255, 255, 0.7);
border-bottom: 1px solid #262626;
transition: background 300ms ease;
}
ul.off-canvas-list li a:hover {
background: #242424;
}
.move-right > .inner-wrap {
-ms-transform: translate(15.625rem, 0);
-webkit-transform: translate3d(15.625rem, 0, 0);
-moz-transform: translate3d(15.625rem, 0, 0);
-ms-transform: translate3d(15.625rem, 0, 0);
-o-transform: translate3d(15.625rem, 0, 0);
transform: translate3d(15.625rem, 0, 0);
}
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
transition: background 300ms ease;
cursor: pointer;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.2);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.move-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.move-left > .inner-wrap {
-ms-transform: translate(-15.625rem, 0);
-webkit-transform: translate3d(-15.625rem, 0, 0);
-moz-transform: translate3d(-15.625rem, 0, 0);
-ms-transform: translate3d(-15.625rem, 0, 0);
-o-transform: translate3d(-15.625rem, 0, 0);
transform: translate3d(-15.625rem, 0, 0);
}
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
transition: background 300ms ease;
cursor: pointer;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.2);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.move-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
transition: background 300ms ease;
cursor: pointer;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.2);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap-left .right-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
transition: background 300ms ease;
cursor: pointer;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.2);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.offcanvas-overlap-right .left-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003;
}
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
transition: background 300ms ease;
cursor: pointer;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.2);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 40.063em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05);
}
}
.no-csstransforms .left-off-canvas-menu {
left: -15.625rem;
}
.no-csstransforms .right-off-canvas-menu {
right: -15.625rem;
}
.no-csstransforms .move-left > .inner-wrap {
right: 15.625rem;
}
.no-csstransforms .move-right > .inner-wrap {
left: 15.625rem;
}
.left-submenu {
-webkit-backface-visibility: hidden;
width: 15.625rem;
top: 0;
bottom: 0;
position: absolute;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
background: #333333;
z-index: 1002;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.left-submenu * {
-webkit-backface-visibility: hidden;
}
.left-submenu .back > a {
padding: 0.3rem 0.9375rem;
color: #999999;
text-transform: uppercase;
font-weight: bold;
background: #444;
border-top: 1px solid #5e5e5e;
border-bottom: none;
margin: 0;
}
.left-submenu .back > a:hover {
background: #303030;
border-top: 1px solid #5e5e5e;
border-bottom: none;
}
.left-submenu .back > a:before {
content: "\AB";
margin-right: 0.5rem;
display: inline;
}
.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
-ms-transform: translate(0%, 0);
-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);
}
.right-submenu {
-webkit-backface-visibility: hidden;
width: 15.625rem;
top: 0;
bottom: 0;
position: absolute;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
background: #333333;
z-index: 1002;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
.right-submenu * {
-webkit-backface-visibility: hidden;
}
.right-submenu .back > a {
padding: 0.3rem 0.9375rem;
color: #999999;
text-transform: uppercase;
font-weight: bold;
background: #444;
border-top: 1px solid #5e5e5e;
border-bottom: none;
margin: 0;
}
.right-submenu .back > a:hover {
background: #303030;
border-top: 1px solid #5e5e5e;
border-bottom: none;
}
.right-submenu .back > a:after {
content: "\BB";
margin-left: 0.5rem;
display: inline;
}
.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
-ms-transform: translate(0%, 0);
-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);
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
content: "\BB";
margin-left: 0.5rem;
display: inline;
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
content: "\AB";
margin-right: 0.5rem;
display: inline;
}
/* small displays */
@media only screen {
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* medium displays */
@media only screen and (min-width: 40.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* large displays */
@media only screen and (min-width: 64.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important;
}
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
display: none !important;
}
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
display: table !important;
}
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important;
}
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important;
}
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row;
}
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important;
}
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visibility for tables */
table.hide-for-landscape,
table.show-for-portrait {
display: table !important;
}
thead.hide-for-landscape,
thead.show-for-portrait {
display: table-header-group !important;
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
display: table-row-group !important;
}
tr.hide-for-landscape,
tr.show-for-portrait {
display: table-row !important;
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important;
}
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
/* Specific visibility for tables */
table.show-for-landscape,
table.hide-for-portrait {
display: table !important;
}
thead.show-for-landscape,
thead.hide-for-portrait {
display: table-header-group !important;
}
tbody.show-for-landscape,
tbody.hide-for-portrait {
display: table-row-group !important;
}
tr.show-for-landscape,
tr.hide-for-portrait {
display: table-row !important;
}
td.show-for-landscape,
td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important;
}
}
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important;
}
.hide-for-portrait,
.show-for-landscape {
display: none !important;
}
/* Specific visibility for tables */
table.show-for-portrait,
table.hide-for-landscape {
display: table !important;
}
thead.show-for-portrait,
thead.hide-for-landscape {
display: table-header-group !important;
}
tbody.show-for-portrait,
tbody.hide-for-landscape {
display: table-row-group !important;
}
tr.show-for-portrait,
tr.hide-for-landscape {
display: table-row !important;
}
td.show-for-portrait,
td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important;
}
}
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important;
}
.hide-for-touch {
display: inherit !important;
}
.touch .show-for-touch {
display: inherit !important;
}
.touch .hide-for-touch {
display: none !important;
}
/* Specific visibility for tables */
table.hide-for-touch {
display: table !important;
}
.touch table.show-for-touch {
display: table !important;
}
thead.hide-for-touch {
display: table-header-group !important;
}
.touch thead.show-for-touch {
display: table-header-group !important;
}
tbody.hide-for-touch {
display: table-row-group !important;
}
.touch tbody.show-for-touch {
display: table-row-group !important;
}
tr.hide-for-touch {
display: table-row !important;
}
.touch tr.show-for-touch {
display: table-row !important;
}
td.hide-for-touch {
display: table-cell !important;
}
.touch td.show-for-touch {
display: table-cell !important;
}
th.hide-for-touch {
display: table-cell !important;
}
.touch th.show-for-touch {
display: table-cell !important;
}
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: #000000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print {
display: block;
}
.hide-for-print {
display: none;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.hide-on-print {
display: none !important;
}
.print-only {
display: block !important;
}
.hide-for-print {
display: none !important;
}
.show-for-print {
display: inherit !important;
}
}
/* Print visibility */
@media print {
.show-for-print {
display: block;
}
.hide-for-print {
display: none;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
}
/* ------------------------------------------------------------ * Fonts
\* ------------------------------------------------------------ */
@font-face {
font-family: 'Dosis';
src: url("fonts/dosisbold-webfont.eot");
src: url("fonts/dosisbold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/dosisbold-webfont.woff") format("woff"), url("fonts/dosisbold-webfont.ttf") format("truetype"), url("fonts/dosisbold-webfont.svg#dosisbold") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Dosis';
src: url("fonts/dosislight-webfont.eot");
src: url("fonts/dosislight-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/dosislight-webfont.woff") format("woff"), url("fonts/dosislight-webfont.ttf") format("truetype"), url("fonts/dosislight-webfont.svg#dosislight") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Karla';
src: url("fonts/karlabold-webfont.eot");
src: url("fonts/karlabold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/karlabold-webfont.woff") format("woff"), url("fonts/karlabold-webfont.ttf") format("truetype"), url("fonts/karlabold-webfont.svg#karlabold") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Karla';
src: url("fonts/karlaregular-webfont.eot");
src: url("fonts/karlaregular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/karlaregular-webfont.woff") format("woff"), url("fonts/karlaregular-webfont.ttf") format("truetype"), url("fonts/karlaregular-webfont.svg#karlaregular") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Karla';
src: url("fonts/karlaitalic-webfont.eot");
src: url("fonts/karlaitalic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/karlaitalic-webfont.woff") format("woff"), url("fonts/karlaitalic-webfont.ttf") format("truetype"), url("fonts/karlaitalic-webfont.svg#karlaitalic") format("svg");
font-weight: 400;
font-style: italic;
}
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
html,
body {
height: 100%;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
min-width: 320px;
font-family: "Karla", sans-serif;
font-size: 16px;
line-height: 1.63;
color: #54667a;
-webkit-font-smoothing: antialiased;
}
a {
color: #51b8f2;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img {
border: 0;
vertical-align: middle;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
color: inherit;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
background: #fff;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
label[for] {
cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button {
overflow: visible;
}
textarea {
overflow: auto;
resize: none;
}
strong {
font-family: 'Proxima Nova Bold', sans-serif;
}
small {
font-size: 80%;
}
ul li ul,
ul li ol {
margin-left: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
h1,
h2,
h3 {
font-family: "Dosis", sans-serif;
font-size: 36px;
line-height: 1;
color: #54667a;
font-weight: 700;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
line-height: 1.08;
}
h4 {
font-size: 16px;
font-weight: 400;
}
h5 {
font-size: 15px;
font-weight: 400;
}
h6 {
font-size: 14px;
line-height: 1.86;
font-weight: 400;
}
/* ------------------------------------------------------------ * Containers
\* ------------------------------------------------------------ */
.wrapper {
overflow: hidden;
position: relative;
min-height: 100%;
}
@media (max-width: 1024px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 18px;
}
}
/* ------------------------------------------------------------ * Helpers
\* ------------------------------------------------------------ */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.hidden {
display: none;
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
display: table;
content: ' ';
}
.clearfix:after {
clear: both;
}
/* ------------------------------------------------------------ * FullSize Image
\* ------------------------------------------------------------ */
.fullsize-image-container {
-webkit-background-size: cover;
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
}
.fullsize-image {
display: none;
}
@media (max-width: 767px) {
.mobile-hidden {
display: none;
}
}
/* ------------------------------------------------------------ * Icons
\* ------------------------------------------------------------ */
.section-ribbon i {
font-size: 80px;
color: #7f64b5;
}
.section-ribbon i.white {
font-size: 80px;
color: #ffffff;
}
.ico-phone2 {
width: 35px;
height: 37px;
background-position: -112px -91px;
}
.ico-volume {
width: 63px;
height: 53px;
background-position: 0 -68px;
}
@font-face {
font-family: 'icomoon';
src: url("fonts/icomoon8eb2.eot?q971zn");
src: url("fonts/icomoond41d.eot?#iefixq971zn") format("embedded-opentype"), url("fonts/icomoon8eb2.woff?q971zn") format("woff"), url("fonts/icomoon8eb2.ttf?q971zn") format("truetype"), url("fonts/icomoon8eb2.svg?q971zn#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-ambulance:before {
content: "\e600";
}
.icon-asclepius-sign:before {
content: "\e601";
}
.icon-bacterium-cells:before {
content: "\e602";
}
.icon-badge:before {
content: "\e603";
}
.icon-barrow:before {
content: "\e604";
}
.icon-biohazard-sign:before {
content: "\e605";
}
.icon-bladder:before {
content: "\e606";
}
.icon-blood-pressure-kit:before {
content: "\e607";
}
.icon-body-weighter:before {
content: "\e608";
}
.icon-bone-joint:before {
content: "\e609";
}
.icon-brain:before {
content: "\e60a";
}
.icon-broken-pill:before {
content: "\e60b";
}
.icon-bulb-full:before {
content: "\e60c";
}
.icon-bulb-reaction:before {
content: "\e60d";
}
.icon-bulb:before {
content: "\e60e";
}
.icon-cell:before {
content: "\e60f";
}
.icon-chromosome:before {
content: "\e610";
}
.icon-clinical-record:before {
content: "\e611";
}
.icon-clyster:before {
content: "\e612";
}
.icon-cross:before {
content: "\e613";
}
.icon-crutches:before {
content: "\e614";
}
.icon-disabled:before {
content: "\e615";
}
.icon-dna:before {
content: "\e616";
}
.icon-doctor:before {
content: "\e617";
}
.icon-drop-counter:before {
content: "\e618";
}
.icon-drop:before {
content: "\e619";
}
.icon-dropper:before {
content: "\e61a";
}
.icon-drug-blister:before {
content: "\e61b";
}
.icon-drug-bottle:before {
content: "\e61c";
}
.icon-drugs:before {
content: "\e61d";
}
.icon-ear:before {
content: "\e61e";
}
.icon-emergency-call:before {
content: "\e61f";
}
.icon-emergency-cross:before {
content: "\e620";
}
.icon-epty-testtube:before {
content: "\e621";
}
.icon-eye-drop:before {
content: "\e622";
}
.icon-eye-sign:before {
content: "\e623";
}
.icon-eyeball:before {
content: "\e624";
}
.icon-facial-plastic-surgery-2:before {
content: "\e625";
}
.icon-facial-plastic-surgery:before {
content: "\e626";
}
.icon-female-sign:before {
content: "\e627";
}
.icon-fertilization:before {
content: "\e628";
}
.icon-footsteps:before {
content: "\e629";
}
.icon-full-testtube:before {
content: "\e62a";
}
.icon-fungus-cells:before {
content: "\e62b";
}
.icon-glasses:before {
content: "\e62c";
}
.icon-hand-with-patch:before {
content: "\e62d";
}
.icon-heart-attack:before {
content: "\e62e";
}
.icon-heart-checklist:before {
content: "\e62f";
}
.icon-heart-sign:before {
content: "\e630";
}
.icon-heart:before {
content: "\e631";
}
.icon-helicopter:before {
content: "\e632";
}
.icon-help:before {
content: "\e633";
}
.icon-hospital-bed:before {
content: "\e634";
}
.icon-hospital-sign:before {
content: "\e635";
}
.icon-hospital:before {
content: "\e636";
}
.icon-intestines:before {
content: "\e637";
}
.icon-kidneys:before {
content: "\e638";
}
.icon-liver:before {
content: "\e639";
}
.icon-lungs:before {
content: "\e63a";
}
.icon-male-sign:before {
content: "\e63b";
}
.icon-medic:before {
content: "\e63c";
}
.icon-medical-alert:before {
content: "\e63d";
}
.icon-medical-checklist:before {
content: "\e63e";
}
.icon-medicine-chest:before {
content: "\e63f";
}
.icon-men-urogenital-system:before {
content: "\e640";
}
.icon-microscope:before {
content: "\e641";
}
.icon-muscle:before {
content: "\e642";
}
.icon-nasopharynx:before {
content: "\e643";
}
.icon-neurology:before {
content: "\e644";
}
.icon-nurse-cap:before {
content: "\e645";
}
.icon-nurse:before {
content: "\e646";
}
.icon-oculist-table:before {
content: "\e647";
}
.icon-patch:before {
content: "\e648";
}
.icon-pill:before {
content: "\e649";
}
.icon-pulse:before {
content: "\e64a";
}
.icon-radiation-sign:before {
content: "\e64b";
}
.icon-ribbon:before {
content: "\e64c";
}
.icon-Rx-sign:before {
content: "\e64d";
}
.icon-sex-signs:before {
content: "\e64e";
}
.icon-shot:before {
content: "\e64f";
}
.icon-skin:before {
content: "\e650";
}
.icon-skull-bones:before {
content: "\e651";
}
.icon-skull:before {
content: "\e652";
}
.icon-snakes-cup:before {
content: "\e653";
}
.icon-spermatozoids:before {
content: "\e654";
}
.icon-stethoscope:before {
content: "\e655";
}
.icon-stomach:before {
content: "\e656";
}
.icon-surgery:before {
content: "\e657";
}
.icon-syringe:before {
content: "\e658";
}
.icon-tablet:before {
content: "\e659";
}
.icon-testtubes:before {
content: "\e65a";
}
.icon-thermometer:before {
content: "\e65b";
}
.icon-thyroid-gland:before {
content: "\e65c";
}
.icon-tooth-paste:before {
content: "\e65d";
}
.icon-tooth:before {
content: "\e65e";
}
.icon-ultrasonic-diagnostic:before {
content: "\e65f";
}
.icon-virus:before {
content: "\e660";
}
.icon-women-urogenital-system:before {
content: "\e661";
}
.icon-zoom-glass:before {
content: "\e662";
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
/* ------------------------------------------------------------ * Header
\* ------------------------------------------------------------ */
.header-bar {
border-bottom: 1px solid #d8dde3;
font-size: 0;
line-height: 0;
}
.header-bar p {
margin: 12px 0 10px;
font-size: 14px;
line-height: 1.86;
}
.header-bar .socials {
display: inline-block;
vertical-align: middle;
}
.header-bar .socials li {
margin-top: -4px;
}
.header-bar .large-4 {
text-align: right;
}
.header-bar .large-4 > a {
min-width: 209px;
margin-bottom: -1px;
vertical-align: middle;
}
.header-bar .large-6 + .large-6 {
text-align: right;
}
.header {
/*position: fixed;*/
z-index: 400;
background-color:#304770;
background:linear-gradient(to right, #4eabf9 0%, #4eabf9 50%, #304770 50%, #304770 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
width:100%;}
}
.header .columns {
padding: 0 !important;
}
.header .phone {
min-width: 180px;
}
.logo {
margin: 22px 0;
display: inline-block;
font-family: "Dosis", sans-serif;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
color: #54667a;
}
a.logo:hover {
color: #117dbf;
}
.logo img {
width: 90%;
height: auto;
display: block;
margin-top: 7px;
margin-bottom: 2px;
}
/* ------------------------------------------------------------ * Nav
\* ------------------------------------------------------------ */
.nav {
position: relative;
z-index: 20;
padding-left: 28px;
margin-top: 45px;
float:right;
}
.nav ul {
list-style: none outside none;
}
.nav li {
position: relative;
float: left;
}
.nav li:after {
visibility: hidden;
content: '';
position: absolute;
top: 100%;
left: 0;
width: 261px;
height: 35px;
background: none;
opacity: 0;
}
.nav li + li {
margin-left: 32px;
}
.nav a {
color: #FFF;
text-transform: uppercase;
font-weight:bold;
font-size:15px;
}
.nav a {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.nav li:hover > a,
.nav .current > a {
color: #51b8f2;
text-decoration: none;
}
.nav li:hover:after {
visibility: visible;
}
.nav li:hover > .nav-dropdown {
visibility: visible;
opacity: 1;
}
.nav-dropdown {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 400;
width: 319px;
padding: 30px 0;
margin-top: 35px;
background-color: #54667a;
opacity: 0;
}
.nav-dropdown {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.nav-dropdown a {
font-size: 14px;
line-height: 3;
font-weight: 700;
color: #c0cfe0;
}
.nav-dropdown a .fa {
margin-right: 4px;
}
.nav-dropdown li {
float: none;
display: block;
padding: 0 29px;
}
.nav-dropdown li + li {
margin-left: 0;
}
.nav-dropdown li:hover > a {
color: #fff;
text-decoration: none;
}
.nav-dropdown .nav-dropdown {
top: 0;
left: 100%;
margin: 0;
}
@media (max-width: 1199px) {
.header .columns {
padding: 0 10px !important;
}
.logo img {
width: 90%;
max-width: 290px;
height: auto;
display: block;
margin-top: 7px;
margin-bottom: 2px;
}
.nav {
padding-left: 0;
}
.nav > ul {
margin-left: 10px;
}
.nav > ul > li + li {
margin-left: 10px;
}
.nav-dropdown {
padding: 20px 0;
}
.nav-dropdown li {
padding: 0 19px;
}
}
@media (max-width: 1024px) {
.logo {
margin-bottom: 10px;
}
.nav {
border: none;
margin-top: 0;
}
.nav li:hover .nav-dropdown {
visibility: hidden;
opacity: 0;
}
.nav li.active > .nav-dropdown {
visibility: visible;
opacity: 1;
}
.nav-dropdown {
width: 220px;
margin-top: 20px;
}
.nav li:after {
height: 20px;
}
.header .phone {
margin-top: -20px;
}
}
@media (max-width: 767px) {
.header {
position: relative;
padding-bottom: 0px;
}
.header .columns {
padding: 0 13px !important;
}
.header .medium-8 {
position: static;
}
.nav {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 999;
display: none;
background-color: #fff;
}
.nav ul {
margin: 0;
}
.nav li {
float: none;
display: block;
}
.nav > ul > li + li {
margin-left: 0;
}
.nav li a {
display: block;
padding: 10px 15px;
}
.nav .current > a {
background-color: #51b8f2;
color: #fff;
}
.nav li:hover > .nav-dropdown,
.nav-dropdown {
visibility: visible;
position: static;
opacity: 1;
display: none;
width: 100%;
padding: 10px 15px;
margin-top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.nav .current:hover a,
.nav .current > a {
color: #ffffff;
}
}
/* ------------------------------------------------------------ * Intro
\* ------------------------------------------------------------ */
.intro.no-bg-img {
background: #7f64b5;
}
.intro {
position: relative;
}
.intro-small {
overflow: hidden;
height: auto;
height: 341px;
}
.intro-small.alt {
background-color: #f0f4f7;
}
.intro-small img.fullsize-image {
display: none;
}
.intro-small .intro-image {
position: relative;
height: 100%;
background-attachment: fixed;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.intro-small .row {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
.intro-small .intro-caption {
position: absolute;
top: 50%;
left: 0;
text-transform: uppercase;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.intro-small .intro-caption h5 {
display: inline-block;
padding: 13px 31px 12px;
margin-bottom: -1px;
background-color: #51b8f2;
font-size: 15px;
line-height: 1.73;
color: #fff;
text-transform: uppercase;
font-weight: 700;
}
.intro-small .intro-caption h2 {
padding: 20px 27px;
border-left: 3px solid #51b8f2;
background-color: #fff;
}
@media (max-width: 1199px) {
.intro-small .intro-caption {
left: 15px;
}
}
@media (max-width: 1024px) {
.intro-small {
min-height: 200px;
}
.intro-small .intro-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-position: 0 0 !important;
background-attachment: scroll;
-webkit-background-size: cover;
background-size: cover;
}
}
/* ------------------------------------------------------------ * Main
\* ------------------------------------------------------------ */
.main {
position: relative;
z-index: 20;
padding-bottom: 445px;
}
.main .large-12 > .breadcrumbs {
margin-top: 17px;
}
.main.grey {
background-color: #f0f4f7;
}
.content .paging {
margin-bottom: 96px;
}
@media (max-width: 1024px) {
.main {
padding-bottom: 0;
}
.content .paging {
margin-bottom: 39px;
}
}
/* ------------------------------------------------------------ * Sections
\* ------------------------------------------------------------ */
.section .section-head h2,
.section .section-head h6 {
text-transform: uppercase;
margin-top: 10px;
}
/*Section Ribbon*/
.section-ribbon {
position: absolute;
top: -36px;
left: 50%;
z-index: 50;
width: 140px;
margin-left: -70px;
background-color: #ffffff;
text-align: center;
}
.section-ribbon .ico {
position: relative;
z-index: 50;
}
.section-ribbon:before {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 70px 40px 70px;
border-color: transparent transparent #ffffff transparent;
}
/*Section Book Appointment*/
.section-book-appointment {
position: relative;
padding: 100px 0 0;
}
.form-appointment .form-head {
margin-bottom: 70px;
}
.form-appointment .form-head .fa-calendar {
float: left;
margin: 3px 11px 0 0;
font-size: 30px;
}
.form-appointment .form-head h3 {
overflow: hidden;
text-transform: uppercase;
}
.form-appointment .form-head h3 small {
display: block;
font-family: "Karla", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.06;
margin-top: 10px;
}
.form-appointment .form-head h6 {
color: #54667a;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
}
.form-appointment .form-head h2 {
text-align: center;
text-transform: uppercase;
}
.form-appointment .phone {
min-width: 200px;
margin: 0;
width:100%;
}
.form-appointment .form-row {
margin-bottom: 26px;
}
.form-appointment .form-cols {
margin-right: -2%;
}
.form-appointment .form-col {
float: left;
width: 23%;
margin-right: 2%;
}
.form-appointment .form-actions {
text-align: center;
}
.form-appointment .form-actions .button {
min-width: 280px;
}
/*Section Information*/
.section-information {
position: relative;
}
.section-information h2 {
color: #ffffff;
text-transform: uppercase;
font-size:35px;
}
.section-information:after,
.section-information:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 50%;
z-index: 0;
}
.section-information .button {
min-width: 170px;
text-align: center;
}
.section-information:after {
left: 0;
background: #4faaf9;
}
.section-information:before {
right: 0;
background: #304771;
}
.section-information .row {
position: relative;
z-index: 1;
}
.section-about-us {
position: relative;
min-height: 620px;
padding-top: 65px;
margin-right: -15px;
-webkit-background-size: auto auto;
background-size: auto auto;
background-position: bottom right;
}
.section-about-us h6 {
color: #9dadbf;
}
.section-about-us h2 {
margin-bottom: 32px;
}
.section-about-us h3 {
max-width: 370px;
margin-bottom: 5px;
font-family: "Karla", sans-serif;
color: #cfd9e4;
font-weight: 400;
font-size:15px;
}
.section-about-us p {
max-width: 370px;
margin-bottom: 32px;
color: #FFF;
}
.section-features {
position: relative;
min-height: 620px;
padding: 60px 0 0 56px;
}
.section-features h6 {
color: #0d679a;
}
.section-features h2,
.section-features p {
margin-bottom: 28px;
}
.section-features p {
color: #d0eeff;
}
.list-features {
margin: 0 0 20px;
list-style: none outside none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.list-features li {
margin-bottom: 8px;
}
.list-features li p {
margin-bottom: 0;
font-family: "Karla", sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
}
.list-features a {
color: #ffffff;
}
.list-features a:hover {
color: #117dbf !important;
}
/*Section Doctors*/
.section-doctors {
position: relative;
z-index: 4;
padding: 78px 0 155px;
}
.section-doctors-alt {
padding: 0;
}
.section-doctors-alt .row.row-alt,
.section-doctors-alt .row:last-child {
margin-bottom: 0;
}
.section-doctors .section-head {
margin-bottom: 55px;
text-align: center;
}
.section-doctors h6 {
color: #54667a;
margin-top: 10px;
}
.section-doctors .section-actions {
margin-top: 70px;
text-align: center;
}
.section-doctors-alt .row {
margin-bottom: 40px;
}
.doctor-name a{color:#FFF !important;}
.doctor-name{
display: inline-block;
padding: 16px 33px 15px;
background-color: #51b8f2;
font-family: "Karla", sans-serif;
color: #ffffff !important;
font-weight: 700;
text-transform: uppercase;
}
.doctor-box {
border-left: 3px solid #51b8f2;
background-color: #f0f5fa;
min-height:525px;
}
.section-doctors-alt .doctor-box {
background-color: #ffffff;
}
.doctor-image {
margin-bottom: 38px;
}
.doctor-image:hover {
opacity: .8;
}
.doctor-image img {
width: 100%;
max-height: 255px;
height: auto;
line-height: 255px;
vertical-align: middle;
}
.doctor-body {
overflow: hidden;
padding: 0 26px 26px;
min-height:222px;
}
.doctor-body h6 {
margin-bottom: 15px;
margin-top: 0px;
text-transform: uppercase;
font-weight:bold;
text-align:center;
}
.doctor-body .socials {
float: right;
}
.doctor-body .socials li {
margin: 3px 0 0;
}
.doctor-body .socials li + li {
margin-left: 22px;
}
.doctor-body p {
clear: both;
}
.section-doctors-alt .ad {
margin-top: 179px;
}
/* Doctor profile page */
.doctor-profile {
margin-bottom: 30px;
}
.doctor-program {
background: #7f64b5;
padding: 34px;
}
.event-body .doctor-program h4 {
color: #fff;
margin: 0 0 10px 0;
padding: 0px;
}
.doctor-program ul {
color: #cdbcf0;
}
.doctor-program li {
font-size: 14px;
border-bottom: 1px solid #cdbcf0;
padding: 7px 5px 7px 10px;
}
.doctor-program ul span {
float: right;
color: #ffffff;
}
/*Section Services*/
.section-services {
position: relative;
z-index: 5;
padding-bottom: 123px;
}
.section-services .section-ribbon {
background-color: #7f64b5;
}
.section-services .section-ribbon:before {
border-color: transparent transparent #7f64b5 transparent;
}
.section-services .section-head {
padding: 78px 0 42px;
background-color: #7f64b5;
text-align: center;
}
.section-services .section-head h2 {
color: #ffffff;
}
.section-services .section-head h6 {
color: #3e305a;
margin-top: 10px;
}
.section-services .ad {
margin-top: 105px;
}
.section-services.section-doctors {
padding-bottom: 0;
}
.section-services.section-doctors .row {
margin-bottom: 31px;
}
.service-image {
overflow: hidden;
max-height: 225px;
}
.service-image:hover {
opacity: .8;
}
.service-image a {
display: block;
}
.service-image img {
width: 100%;
}
.service-body {
padding: 34px 32px;
background-color: #ffffff;
}
.service-body h6 {
margin-bottom: 22px;
color: #54667a;
text-transform: uppercase;
}
.service-body p {
margin-bottom: 25px;
}
/*Section Testimonials*/
.section-testimonials {
position: relative;
padding: 80px 0 148px;
background-color: #3b4754;
}
.section-testimonials .section-head {
margin-bottom: 50px;
text-align: center;
}
.section-testimonials .section-head .fa {
margin-bottom: 17px;
font-size: 40px;
color: #51b8f2;
}
.section-testimonials .section-head h2 {
margin-bottom: 5px;
color: #ffffff;
}
.section-testimonials .section-head h6 {
font-family: "Karla", sans-serif;
color: #a7b9cd;
}
.section-testimonials .row {
position: relative;
}
/*Section Updates*/
.section-updates {
position: relative;
z-index: 30;
padding: 80px 0 111px;
}
.section-updates .section-head {
margin-bottom: 50px;
text-align: center;
}
.section-updates .section-head h6 {
color: #54667a;
}
.section-updates .section-actions {
padding-top: 70px;
text-align: center;
}
.section-updates .section-actions .button {
min-width: 280px;
}
.event-date {
display: inline-block;
padding: 0 32px;
background-color: #51b8f2;
}
.event-date p {
margin-bottom: 0;
font-size: 15px;
line-height: 52px;
font-weight: 700;
color: #ffffff;
}
.event-box {
border-left: 3px solid #51b8f2;
}
.event-image a {
display: block;
}
.event-image a:hover {
opacity: .8;
}
.event-image img {
width: 100%;
}
.event-entry {
padding: 30px 28px 27px;
background-color: #f0f5fa;
}
.event-entry h4 {
margin-bottom: 12px;
}
.event-entry h4 a {
color: #54667a;
font-weight: bold;
}
.event-entry p {
margin-bottom: 15px;
}
.list-events {
margin: 52px 0 0;
font-size: 0;
line-height: 0;
margin-right: -28px;
list-style: none outside none;
}
.list-events li {
display: inline-block;
width: 270px;
margin: 0 28px 25px 0;
font-size: 16px;
line-height: 1.63;
vertical-align: top;
}
.list-events .image,
.list-events a {
display: block;
}
.list-events a:hover {
opacity: .8;
}
.list-events .image {
margin-bottom: 10px;
}
.list-events .image img {
width: 100%;
height: auto;
}
.list-events .title {
font-size: 16px;
line-height: 1.3;
font-weight: 700;
color: #54667a;
}
/*Section Events*/
.section-events {
background-color: #f0f4f7;
}
.events {
margin: 0;
list-style: none outside none;
}
.event {
margin-bottom: 39px;
}
.event-image {
overflow: hidden;
position: relative;
}
.event-image a {
display: block;
}
.event-image a:hover {
opacity: .8;
}
.event-image img {
width: 100%;
height: auto;
}
.event-slider .bx-wrapper .bx-controls .bx-prev {
left: 27px;
}
.event-slider .bx-wrapper .bx-controls .bx-next {
right: 27px;
}
.event-slider .bx-wrapper .bx-controls .bx-prev:before,
.event-slider .bx-wrapper .bx-controls .bx-next:before {
font-size: 36px;
}
.event-slider .bx-wrapper .bx-prev:hover,
.event-slider .bx-wrapper .bx-next:hover {
color: #ffffff;
opacity: 1;
}
.event-body,
.event-head {
padding: 38px 5px 39px;
background-color: #ffffff;
}
.event-body h4,
.event-head h4 {
margin-bottom: 25px;
line-height: 1.69;
font-family: "Karla", sans-serif;
text-transform: uppercase;
font-weight: 700;
color: #54667a;
}
.event h3 {
margin: 20px 0 20px;
font-family: "Karla", sans-serif;
font-size: 21px;
line-height: 1.52;
color: #7f64b5;
text-transform: uppercase;
}
.event-body h4 a {
color: #54667a;
}
.event-body h4 a:hover {
text-decoration: underline;
}
.event-body p {
margin-bottom: 13px;
}
.article-single-event .event-body p {
margin-bottom: 25px;
}
.event-meta {
margin-bottom: 0;
background-color: #f8fbfd;
}
.list-event-meta {
overflow: hidden;
display: table;
width: 100%;
margin-bottom: 0;
list-style: none outside none;
}
.list-event-meta li {
display: table-cell;
padding: 12px 17px;
}
.list-event-meta li + li {
border-left: 1px solid #dee3e8;
}
.list-event-meta a {
font-size: 14px;
color: #54667a;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.list-event-meta a .fa {
margin-right: 5px;
}
.list-event-meta a.link {
font-weight: 700;
color: #856cb8;
text-transform: uppercase;
}
.list-event-meta a:hover {
opacity: .7;
}
.event-image .video {
position: relative;
margin-bottom: -7px;
}
.event-image .video video {
width: 100%;
height: auto;
cursor: pointer;
}
.video-poster {
width: 100%;
height: auto;
}
.event-image .video .btn-play {
position: absolute;
top: 50%;
left: 50%;
pointer-events: none;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.event blockquote {
padding: 12px 0 0;
border: none;
}
.event blockquote .fa {
margin-bottom: 19px;
font-size: 48px;
color: #51b8f2;
}
.event blockquote span {
display: block;
font-family: "Karla", sans-serif;
font-size: 21px;
line-height: 1.43;
font-style: italic;
font-weight: 400;
}
.event-audio {
height: 71px;
width: 100%;
background-color: #856cb9;
}
.event-body > .fa {
margin-bottom: 20px;
font-size: 48px;
color: #51b8f2;
}
.event-body .link {
color: #54667a;
font-size: 16px;
line-height: 1.63;
text-decoration: underline;
}
.event-body .link:hover {
text-decoration: none;
}
/*Article Single Event*/
.article-single-event .list-checks {
margin-bottom: 30px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.article-single-event .list-checks p {
margin-bottom: 0;
}
.article-single-event blockquote {
padding: 40px 37px;
border-left: 3px solid #856cb9;
margin-bottom: 35px;
background-color: #f4fbff;
}
/*Section Comments*/
.section-event-comments .section-body {
padding: 40px 31px;
margin-bottom: 39px;
}
.comments {
margin: 0;
list-style: none outside none;
}
.comments .comments {
padding-top: 30px;
border-top: 1px solid #dee3e8;
margin: 30px 0 0 131px;
}
.comment,
.comment-body,
.comments {
overflow: hidden;
}
.comment + .comment {
padding-top: 36px;
border-top: 1px solid #dee3e8;
margin-top: 34px;
}
.comment-image {
float: left;
width: 110px;
margin-right: 21px;
}
.comment-image a {
display: block;
}
.comment-image a:hover {
opacity: .8;
}
.comment-image img {
width: 100%;
height: auto;
}
.comment h4 {
float: left;
margin-bottom: 10px;
}
.comment h4 a {
color: #54667a;
}
.comment h4 .meta {
display: inline-block;
margin-left: 15px;
font-size: 14px;
line-height: 1.5;
vertical-align: bottom;
text-transform: none;
font-weight: 400;
}
.comment .link {
float: right;
height: 24px;
background-color: #856cb9;
padding: 0 16px;
font-family: "Karla", sans-serif;
font-size: 14px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.comment .link:hover {
opacity: .8;
}
.comment p {
clear: both;
margin-bottom: 0;
}
/*Section Add Comment*/
.section-add-comment {
margin-bottom: 122px;
}
.section-add-comment .section-body {
padding: 38px 36px 38px 31px;
background-color: #fff;
}
.form-add-comment .field {
height: 44px;
}
@media (max-width: 1199px) {
.list-events {
margin-right: -2%;
}
.list-events li {
width: 48%;
margin: 0 2% 25px 0;
}
.list-event-meta li {
padding: 13px 5px;
}
.section-event-comments .section-body {
padding: 30px 21px;
}
.comments .comments {
margin-left: 30px;
}
.section-services .ad {
margin-top: 0;
}
}
@media (max-width: 1024px) {
.form-appointment .form-row {
padding: 0 15px;
}
.section-information:after,
.section-information:before {
display: none;
}
.section-information .grey {
background-color: #54667a;
}
.section-information .blue {
background-color: #51b8f2;
}
.section-about-us,
.section-features {
padding: 100px 0;
min-height: 0;
}
.section-doctors {
padding-bottom: 130px;
}
.section-doctors-alt {
padding-bottom: 0;
}
.doctor-body {
padding: 0 12px 12px;
}
.doctor-name {
display: block;
}
.doctor-body .socials,
.doctor-body h6 {
float: none;
display: block;
margin-bottom: 5px;
}
.doctor-body h6 {
max-width: 100%;
}
.section-services {
padding-bottom: 0;
}
.section-testimonials {
padding: 40px 0 100px;
}
.section-updates {
padding-bottom: 60px;
}
.section-doctors-alt .ad {
margin-top: 0;
}
.service-body {
padding: 15px 20px;
}
.list-event-meta {
display: block;
font-size: 0;
line-height: 0;
}
.list-event-meta li {
display: inline-block;
vertical-align: top;
width: 50%;
}
.list-event-meta li + li {
border: none;
}
.article-single-event .list-checks {
margin-bottom: 30px;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
@media (max-width: 767px) {
.section-book-appointment {
padding-bottom: 30px;
}
.form-appointment .form-head {
margin-bottom: 20px;
}
.service-image {
max-height: none;
height: auto;
}
.event .mejs-controls div.mejs-time-rail {
width: calc(100% - 172px) !important;
margin-right: 10px;
}
.list-event-meta li {
width: 100%;
}
.comment {
position: relative;
}
.comment-image {
float: none;
display: block;
}
.comment-body {
overflow: visible;
}
.comment .link {
position: absolute;
top: 35px;
right: 0;
}
.comment:first-child .link,
.comment .comment .link {
top: 0;
}
}
@media (max-width: 640px) {
.form-appointment .form-head {
text-align: center;
}
.form-appointment .form-head .columns {
margin-bottom: 20px;
}
.form-appointment .form-head .fa-calendar,
.form-appointment .form-head h3,
.form-appointment .phone {
float: none;
display: inline-block;
}
.form-appointment .form-cols {
margin-right: 0;
}
.form-appointment .form-col {
width: 100%;
margin: 0 0 26px 0;
}
.paging {
margin: 20px 0;
}
.section-doctors .columns {
margin-bottom: 15px;
}
.section-doctors .tab-body .row {
margin-bottom: 15px;
}
.section-services.section-doctors .row:last-child {
margin-bottom: 0;
}
.section-doctors .tab-body .columns:last-child {
margin-bottom: 0;
}
.doctor-image img {
max-height: none;
}
.section-about-us {
opacity:0.8;
}
.list-events li {
width: 100%;
margin-right: 0;
}
.form-row-alt {
float: none;
display: block;
width: 100%;
}
.form-row-alt + .form-row-alt {
margin-left: 0;
}
.section-add-comment {
margin-bottom: 30px;
}
.comment h4 .meta {
display: block;
margin-left: 0;
}
.section-doctors-alt .row {
margin-bottom: 0;
}
}
/* ------------------------------------------------------------ * Sidebar
\* ------------------------------------------------------------ */
.widgets {
margin: 0;
list-style: none outside none;
}
.widget {
padding: 36px 33px 41px;
margin-bottom: 30px;
background-color: #fff;
}
.widget h4 {
font-size: 14px;
line-height: 1.86;
color: #738497;
text-transform: uppercase;
}
.widget h3 {
margin-bottom: 20px;
text-transform: uppercase;
}
.widget-search,
.widget-form {
background-color: #51b8f2;
}
.widget-search h4,
.widget-form h4 {
color: #0d73ad;
}
.widget-search h3,
.widget-form h3 {
color: #fff;
}
.widget ul {
list-style: none outside none;
margin: 0;
}
.list-plus a {
font-size: 16px;
line-height: 2.63;
color: #54667a;
font-weight: 700;
text-transform: uppercase;
}
.list-plus a:hover {
opacity: .7;
}
.list-simple-posts {
list-style: none outside none;
margin-left: 0px;
}
.list-simple-posts li {
padding-bottom: 25px;
border-bottom: 1px solid #dee3e8;
margin-bottom: 25px;
}
.list-simple-posts li:last-child {
margin-bottom: 0;
border: none;
padding-bottom: 0;
}
.list-simple-posts a {
display: block;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.list-simple-posts .image {
float: left;
width: 68px;
height: 59px;
margin-right: 18px;
}
.list-simple-posts .image img {
width: 100%;
height: auto;
}
.list-simple-posts span {
overflow: hidden;
display: block;
margin-bottom: 0;
font-family: "Karla", sans-serif;
font-size: 14px;
line-height: 1.5;
color: #54667a;
text-transform: uppercase;
}
.list-simple-posts .meta {
text-transform: none;
}
.list-simple-posts li:hover a {
opacity: .8;
}
.list-tags {
font-size: 0;
line-height: 0;
margin-right: -9px;
list-style: none outside none;
}
.list-tags li {
display: inline-block;
margin: 0 9px 9px 0;
}
.list-tags a {
display: block;
padding: 0 9px;
font-family: "Karla", sans-serif;
font-size: 14px;
line-height: 31px;
background-color: #dee3e8;
font-weight: 700;
text-transform: uppercase;
color: #54667a;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.list-tags .current a,
.list-tags li:hover a {
background-color: #856cb9;
color: #ffffff;
}
.widget-form .form-row {
margin-bottom: 10px;
}
.widget-form .field,
.widget-form .textarea,
.sidebar .widget-form .field-date {
display: inline-block;
height: 42px;
width: 100%;
padding: 0 16px;
margin: 0;
border: none;
background-color: #2c9ad8;
font-size: 0.875rem;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
vertical-align: middle;
}
.widget-form .form-controls:after {
top: 8px;
}
.widget-form .textarea {
height: 82px;
padding: 10px 16px;
}
.widget-form .button {
min-width: 220px;
}
.widget-form .field::-webkit-input-placeholder,
.widget-form .textarea::-webkit-input-placeholder {
color: #ffffff;
}
.widget-form .field:-moz-placeholder,
.widget-form .textarea:-moz-placeholder {
color: #ffffff;
}
.widget-form .field::-moz-placeholder,
.widget-form .textarea::-moz-placeholder {
color: #ffffff;
}
.widget-form .field:-ms-input-placeholder,
.widget-form .textarea:-ms-input-placeholder {
color: #ffffff;
}
.widget-form .form .field:focus,
.widget-form .form .textarea:focus {
color: #54667a;
}
.widget-services {
padding: 0;
}
.widget-services .list-services {
overflow: hidden;
}
.widget-services .list-services li {
overflow: hidden;
position: relative;
width: 50%;
height: 150px;
}
.widget-services .list-services li + li + li {
border-top: 1px solid #dee3e8;
}
.widget-services .list-services li:nth-child(odd) {
border-right: 1px solid #dee3e8;
}
.widget-services .list-services a {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget-video {
padding: 0;
}
.widget-video .video {
position: relative;
width: 100%;
height: auto;
}
.widget-video .video video {
width: 100%;
height: auto;
margin-bottom: -8px;
cursor: pointer;
}
.widget-video .video .btn-play {
position: absolute;
top: 50%;
left: 50%;
pointer-events: none;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
.widget-form {
padding: 26px 23px 31px;
}
.widget-form .button {
min-width: 0;
width: 100%;
}
}
/* ------------------------------------------------------------ * Footer
\* ------------------------------------------------------------ */
.footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 60;
padding-top: 55px;
background-color: #54667a;
}
.footer h5 {
margin-bottom: 48px;
text-transform: uppercase;
color: #fff;
font-weight: 400;
}
.list-links {
margin: 0;
list-style: none outside none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.list-links li {
margin-bottom: 4px;
}
.list-links a {
color: #c2cfde;
font-size: 15px;
line-height: 2;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.list-links a:hover {
color: #fff;
}
.list-work-times {
margin: -20px 0 0;
list-style: none outside none;
}
.list-work-times li + li {
border-top: 1px solid #5f7286;
}
.list-work-times p {
overflow: hidden;
margin-bottom: 0;
font-weight: 400;
}
.list-work-times p span {
float: left;
line-height: 3.2;
color: #c2cfde;
}
.list-work-times p span + span {
float: right;
margin-top: 2px;
font-size: 14px;
line-height: 3.43;
color: #ffffff;
}
.footer p {
color: #c2cfde;
}
.footer .contacts p {
margin-bottom: 25px;
}
.footer .contacts ul {
margin: 0;
list-style: none outside none;
}
.footer .contacts ul p {
margin-bottom: 0;
}
.footer .contacts ul p span:first-child {
color: #ffffff;
}
.copyright {
padding-top: 20px;
border-top: 1px solid #5c6f83;
margin-top: 97px;
text-align: center;
}
@media (max-width: 1024px) {
.footer {
position: static;
height: auto;
padding: 30px 0 0;
}
.footer .columns {
margin-bottom: 20px;
}
.footer h5 {
margin-bottom: 10px;
}
.copyright {
margin-top: 20px;
}
}
/* ------------------------------------------------------------ * 404 Error page
\* ------------------------------------------------------------ */
.error-title {
font-size: 160px;
font-weight: normal;
margin-bottom: 30px;
}
.error-subtitle {
font-weight: normal;
margin-bottom: 30px;
}
/* ------------------------------------------------------------ * Buttons
\* ------------------------------------------------------------ */
/* Button Default */
.button {
margin-bottom: 0;
height: 52px;
font-size: 15px;
background-color: #51b8f2;
text-transform: uppercase;
padding: 18px 15px !important;
color: #ffffff;
}
.button:hover,
.button:focus {
background: #54667a;
text-decoration: none;
outline: none;
}
.button {
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/*Btn White*/
.btn-white {
background-color: #ffffff;
color: #51b8f2;
}
.btn-white:hover {
color: #fff;
background-color: #51b8f2;
}
/* Button Grey */
.btn-grey {
background-color: #54667a;
color: #fff;
}
.btn-grey:hover {
background-color: #fff;
color: #54667a;
}
/* Button Orange */
.button.orange {
background: #d95204;
border-color: transparent;
color: #ffffff;
}
.button.orange:hover {
color: #7b7b7b;
border-color: #7b7b7b;
background: #ffffff;
}
/* Button Circle */
.button.circle {
width: 46px;
height: 46px;
line-height: 46px;
padding: 0;
border-radius: 50%;
background: #efefef;
border: 0;
text-align: center;
color: #7b7b7b;
font-size: 19px;
}
.button.circle:hover {
background: #ffffff;
}
/*Btn Purple*/
.btn-purple {
padding: 0 34px;
background-color: #856cb9;
border: none;
color: #ffffff;
}
.btn-purple:hover {
background-color: #5d3e9d;
}
/*Button Small*/
.btn-small {
height: 44px;
padding: 9px 15px !important;
line-height: 1.73;
}
.button.btn-small {
border: 1px solid #51b8f2;
}
.btn-small.btn-purple {
padding: 0 34px;
border: none;
}
.btn-white.btn-small {
border-color: #ffffff;
}
.btn-grey.btn-small {
border-color: #54667a;
}
/*Btn Play*/
.btn-play {
position: relative;
display: inline-block;
width: 42px;
height: 42px;
border: 6px solid #ffffff;
border-radius: 50%;
}
.btn-play:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 18px;
border-color: transparent transparent transparent #ffffff;
margin: -10px 0 0 -6px;
}
/*Burger Button*/
.btn-menu {
display: none;
height: 9px;
padding-top: 9px;
}
.btn-menu span {
position: relative;
display: block;
width: 25px;
height: 15px;
border-top: 3px solid #51b8f2;
}
.btn-menu span:before,
.btn-menu span:after {
position: absolute;
width: 100%;
height: 3px;
background: #51b8f2;
content: '';
}
.btn-menu span:before {
top: -9px;
}
.btn-menu span:after {
top: 3px;
}
.btn-menu span:before,
.btn-menu span:after,
.btn-menu span {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.btn-menu.active span {
border-color: transparent;
}
.btn-menu.active span:before,
.btn-menu.active span:after {
background: #51b8f2;
}
.btn-menu.active span:before {
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
transform: rotate(45deg) translate(2.5px, 6px);
}
.btn-menu.active span:after {
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
transform: rotate(-45deg) translate(2.5px, -6px);
}
@media (max-width: 767px) {
.btn-menu {
position: absolute;
top: 50px;
right: 20px;
display: block;
}
.menu, #menu-header-menu{background-color:#304771;}
.section-updates{padding-bottom:0;}
.qcontact, .apontment, .working{width:100% !important;}
.working{margin-top:0 !important;}
.title{top:52px !important; padding-left:5%;}
.dr_info_res{ position: relative; background-repeat:no-repeat; background-size:100% auto; color:#FFF; padding:20px; min-height:555px;}
.dr_info_res h2{color:#FFF; text-align:center;}
.dr_info_res span{text-align:center; float:right; width:100%;}
.listing .columns.large-4.medium-4 {margin-bottom: 40px; padding-left: 0; padding-right: 0;}
.event { margin-bottom: 0;}
.social_icon{padding-top:0 !important;}
}
/* ------------------------------------------------------------ * Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs {
border: none;
margin-bottom: 17px;
background: none;
}
.breadcrumbs a,
.breadcrumbs span {
font-family: "Karla", sans-serif;
font-size: 16px;
line-height: 1.63;
color: #54667a;
font-weight: 400;
text-transform: none;
}
.breadcrumbs > *:before {
display: none;
}
.breadcrumbs span {
margin: 0 10px;
}
.breadcrumbs .current {
color: #8a6fc0;
}
/* ------------------------------------------------------------ * Paging
\* ------------------------------------------------------------ */
.paging {
margin-top: 77px;
font-size: 0;
line-height: 0;
text-align: center;
}
.paging ul {
display: inline-block;
margin: 0;
list-style: none outside none;
}
.paging li {
display: inline-block;
}
.paging li + li {
margin-left: 9px;
}
.paging a {
display: block;
min-width: 46px;
height: 42px;
padding: 0 5px;
background-color: #d2dde5;
font-family: "Karla", sans-serif;
font-size: 16px;
line-height: 42px;
color: #54667a;
font-weight: 700;
text-align: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.paging .current a,
.paging li:hover a {
background-color: #51b8f2;
color: #fff;
}
@media (max-width: 767px) {
.paging {
margin: 0;
}
}
/* ------------------------------------------------------------ * Socials
\* ------------------------------------------------------------ */
.socials ul {
overflow: hidden;
margin: 0;
list-style: none outside none;
}
.socials li {
float: left;
margin: 9px 22px 0 0;
}
.socials li:hover .fa {
color: #3a5795;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.socials li:hover .fa-twitter {
color: #51b8f2;
}
.socials li:hover .fa-google-plus {
color: #d73d32;
}
.socials a {
display: inline-block;
color: #54667a;
}
.socials a .fa {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.socials-secondary ul {
font-size: 0;
line-height: 0;
margin-right: -10px;
}
.socials-secondary li {
float: none;
display: inline-block;
margin: 0 10px 10px 0;
font-size: 16px;
line-height: 1.63;
vertical-align: top;
}
.socials-secondary a {
width: 50px;
height: 45px;
text-align: center;
line-height: 45px;
color: #fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.socials-secondary li:hover a {
opacity: .7;
}
.socials-secondary a .fa,
.socials-secondary li:hover .fa {
width: 100%;
color: #fff;
text-align: center;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.socials-secondary a.facebook {
background-color: #3b5aa0;
}
.socials-secondary a.twitter {
background-color: #51b8f2;
}
.socials-secondary a.google {
background-color: #f02b2b;
}
.socials-secondary a.linkedin {
background-color: #427aba;
}
.socials-secondary a.rss {
background-color: #f6992b;
}
.socials-secondary a.orange {
background-color: #f73c8b;
}
.socials-secondary a.pinterest {
background-color: #c82121;
}
.socials-secondary a.flickr {
background-color: #64c74d;
}
.socials-secondary a.youtube {
background-color: #ea1111;
}
.socials-secondary a.vimeo {
background-color: #1c75da;
}
/* ------------------------------------------------------------ * Sliders
\* ------------------------------------------------------------ */
.bx-wrapper ul {
margin: 0;
}
.intro-slider img.fullsize-image {
display: block;
width: 100%;
}
/*Intro Slider*/
.intro-slider .slide-caption {
position: absolute;
top: 50%;
left: 50%;
width: 433px;
margin: -200px 0 0 -590px;
}
.intro-slider .slide-caption > h5 {
display: inline-block;
min-width: 171px;
height: 52px;
padding: 16px 0;
color: #fff;
background-color: #51b8f2;
text-align: center;
}
.intro-slider .slide-caption-inner {
padding: 30px 33px;
border-left: 3px solid #51b8f2;
background-color: #fff;
opacity:0.8;
}
.intro-slider .slide-caption-inner h1 {
margin-bottom: 24px;
}
.intro-slider .slide-caption-inner h1 span {
font-weight: 300;
}
.intro-slider .slide-caption-inner a {
text-transform: uppercase;
}
.intro-slider .bx-wrapper .bx-controls-direction a {
width: auto;
height: auto;
}
.bx-wrapper .bx-controls .bx-prev,
.bx-wrapper .bx-controls .bx-next {
position: absolute;
top: 50%;
z-index: 300;
margin-top: -20px;
background: none;
font: normal normal normal 0/1 FontAwesome;
color: #fff;
text-rendering: auto;
text-indent: 0;
color: #54667a;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.bx-wrapper .bx-controls .bx-prev:hover,
.bx-wrapper .bx-controls .bx-next:hover {
opacity: .7;
text-decoration: none;
}
.bx-wrapper .bx-controls .bx-prev:before {
content: "\f053";
left: 47px;
font-size: 24px;
}
.bx-wrapper .bx-controls .bx-next:before {
content: "\f054";
right: 47px;
font-size: 24px;
}
/*Slider Testimonials*/
.slider-testimonials .bx-loading {
display: none;
}
.slider-testimonials .slide-caption {
text-align: center;
}
.slider-testimonials blockquote p {
padding: 0;
border: none;
margin: 0 0 42px;
font-size: 22px;
line-height: 1.64;
color: #bdcad9;
font-style: italic;
}
.slider-testimonials .user,
.slider-testimonials .user-image {
display: inline-block;
}
.slider-testimonials .user-image {
overflow: hidden;
width: 82px;
height: 82px;
border-radius: 50%;
margin-bottom: 10px;
}
.slider-testimonials .user-image img {
width: 100%;
height: auto;
}
.slider-testimonials .user-meta h6 {
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.slider-testimonials .user-meta h6 span {
font-weight: 400;
color: #bdcad9;
}
.slider-testimonials .bx-wrapper .bx-controls .bx-prev {
left: -80px;
color: #bdcad9;
}
.slider-testimonials .bx-wrapper .bx-controls .bx-next {
right: -80px;
color: #bdcad9;
}
.slider-testimonials .bx-wrapper .bx-controls .bx-prev:before {
content: "\f053";
left: 47px;
font-size: 40px;
}
.slider-testimonials .bx-wrapper .bx-controls .bx-next:before {
content: "\f054";
right: 47px;
font-size: 40px;
}
@media (max-width: 1199px) {
.intro-slider .slide-caption {
margin-left: -217px;
}
.slider-testimonials {
padding: 0 100px;
}
}
@media (max-width: 1024px) {
.intro-slider .slide-caption {
top: 20px;
margin-top: 0;
}
.intro-slider .slide-caption-inner {
padding: 20px 23px;
}
.intro-slider .slide-caption-inner h1 span {
display: block;
}
}
@media (max-width: 767px) {
.intro-slider .slide {
min-height: 370px;
background-position: 50% 50%;
}
.intro-slider img.fullsize-image {
display: none;
}
.intro-slider .slide-caption {
position: static;
width: auto;
max-width: 74%;
margin: 20px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slider-testimonials {
padding: 0 30px;
}
.slider-testimonials blockquote {
font-size: 16px;
}
.slider-testimonials .bx-controls-direction {
display: none;
}
}
/* ------------------------------------------------------------ * Phone
\* ------------------------------------------------------------ */
.phone {
float: right;
margin: 18px 0px 0 0;
}
.phone .fa {
float: left;
margin-right: 14px;
font-size: 46px;
}
.phone small,
.phone a {
display: block;
color: #54667a;
}
.phone small {
margin-top: 3px;
font-size: 14px;
line-height: 1;
}
.phone a {
font-family: "Dosis", sans-serif;
font-size: 24px;
line-height: 1.08;
letter-spacing: 0.05em;
font-weight: 700;
}
/* ------------------------------------------------------------ * Form Elements
\* ------------------------------------------------------------ */
.sidebar input[type="text"]:focus,
.sidebar input[type="password"]:focus,
.sidebar input[type="date"]:focus,
.sidebar input[type="datetime"]:focus,
.sidebar input[type="datetime-local"]:focus,
.sidebar input[type="month"]:focus,
.sidebar input[type="week"]:focus,
.sidebar input[type="email"]:focus,
.sidebar input[type="number"]:focus,
.sidebar input[type="search"]:focus,
.sidebar input[type="tel"]:focus,
.sidebar input[type="time"]:focus,
.sidebar input[type="url"]:focus,
.sidebar input[type="color"]:focus {
background: #2c9ad8;
}
::-webkit-input-placeholder {
color: #54667a;
}
:-moz-placeholder {
color: #54667a;
}
::-moz-placeholder {
color: #54667a;
}
:-ms-input-placeholder {
color: #54667a;
}
input[type='text'].field-date::-webkit-input-placeholder {
color: #ffffff;
}
input[type='text'].field-date:-moz-placeholder {
color: #ffffff;
}
input[type='text'].field-date::-moz-placeholder {
color: #ffffff;
}
input[type='text'].field-date:-ms-input-placeholder {
color: #ffffff;
}
input[type='text'],
input[type='tel'],
input[type='email'],
textarea {
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0;
}
input[type='text'].field-date {
padding-right: 38px;
border-color: #54667a;
background-color: #54667a;
color: #ffffff;
opacity: 1;
}
.form-controls-data-field {
position: relative;
font: normal normal normal 22px/1 FontAwesome;
color: #fff;
}
.form-controls-data-field:after {
top: 5px;
right: 13px;
pointer-events: none;
}
.form-controls-data-field .field {
font-family: "Karla", sans-serif;
}
.field {
opacity: 1;
}
.form-row {
margin-bottom: 26px;
}
.form-row-alt {
float: left;
width: 49%;
}
.form-row-alt + .form-row-alt {
margin-left: 2%;
}
.form-row-alt + .form-row-alt + .form-row {
clear: both;
}
.textarea {
height: 160px;
}
.form-notice {
margin-top: 24px;
font-size: 15px;
line-height: 1.6;
color: #54667a;
}
.form-notice .purple {
color: #a693cc;
}
.field.error,
.textarea.error,
.form-controls-data-field input[type='text'].field-date.error {
border-color: #840101;
background-color: #fedddd;
color: #54667a;
}
input[type='text'].field-date.error::-webkit-input-placeholder {
color: #54667a;
}
input[type='text'].field-date.error:-moz-placeholder {
color: #54667a;
}
input[type='text'].field-date.error::-moz-placeholder {
color: #54667a;
}
input[type='text'].field-date.error:-ms-input-placeholder {
color: #54667a;
}
@media (max-width: 640px) {
.form-row-alt {
float: none;
display: block;
width: 100%;
}
.form-row-alt + .form-row-alt {
margin-left: 0;
}
}
/* ------------------------------------------------------------ * Tabs
\* ------------------------------------------------------------ */
.tab-body {
display: none;
padding-top: 89px;
}
.tab-body.current {
display: block;
}
/* Tabs Services */
.section-doctors-alt {
background-color: #f0f4f7;
}
.tab-head {
background-color: #7f64b5;
padding-bottom: 43px;
}
.section-doctors-alt .tab-head {
padding: 36px 0 0;
margin-bottom: 15px;
background-color: #ffffff;
}
.section-doctors-alt .tab-body {
padding-top: 0;
}
.list-services {
margin: 0 -15px;
list-style: none outside none;
}
.list-services li {
position: relative;
float: left;
width: 200px;
min-height: 94px;
padding-top: 8px;
opacity: .6;
text-transform: uppercase;
}
.list-services li,
.list-services li:after {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.list-services li.current {
opacity: 1;
}
.list-services li + li:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
background-color: #8c71c1;
}
.list-services a,
.list-services .icon {
display: block;
text-align: center;
}
.list-services .icon {
min-height: 39px;
margin-bottom: 9px;
line-height: 39px;
vertical-align: middle;
}
.list-services a {
color: #ffffff;
}
.list-services li:hover {
opacity: 1;
}
.list-services li:hover a {
text-decoration: none;
}
.list-services li:after {
content: '';
visibility: hidden;
position: absolute;
top: 100%;
left: 50%;
margin: 33px 0 0 -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ffffff transparent;
opacity: 0;
}
.list-services li.current:after {
visibility: visible;
opacity: 1;
}
.list-services [class^="icon-"] {
font-size: 48px;
color: #fff;
}
.service-description {
padding: 20px 0 18px 40px;
border-left: 3px solid #51b8f2;
margin-bottom: 120px;
}
.service-description h1 {
margin-bottom: 22px;
text-transform: uppercase;
}
.service-description h1 span {
display: block;
font-weight: 300;
}
.service-description a {
text-transform: uppercase;
}
.service-benefits {
padding: 20px 0 18px 50px;
border-left: 1px solid #dee3e8;
margin-bottom: 120px;
}
.service-benefits h3 {
margin-bottom: 25px;
text-transform: uppercase;
}
.list-checks {
margin: 0;
list-style: none outside none;
}
.list-checks li {
margin-bottom: 8px;
}
.list-checks p {
margin-bottom: 0;
}
.list-checks .fa {
margin-right: 9px;
}
.service-video {
position: relative;
}
.service-video video {
width: 100%;
height: auto;
cursor: pointer;
}
.service-video .btn-play {
position: absolute;
top: 50%;
left: 50%;
pointer-events: none;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.section-doctors-alt .bx-wrapper {
height: 136px;
}
.section-doctors-alt .bx-viewport {
height: 100% !important;
}
.bx-wrapper .list-services-alt li {
margin-left: -1px;
}
.list-services-alt li {
padding-top: 3px;
opacity: 1;
}
.list-services-alt a {
color: #738497;
font-weight: 700;
}
.list-services-alt li:hover a,
.list-services-alt .current a,
.list-services-alt .current [class^="icon-"],
.list-services-alt li:hover [class^="icon-"] {
color: #7f64b5;
}
.list-services-alt li:after {
border-color: transparent transparent #f0f4f7 transparent;
}
.list-services-alt li + li:before {
display: none;
}
.section-doctors-alt .list-services-alt > li:before {
content: '';
position: absolute;
top: 0;
bottom: auto;
right: 0;
width: 1px;
height: 100%;
display: block;
background-color: #dee3e8;
}
.list-services-alt [class^="icon-"] {
color: #738497;
}
.section-doctors-alt .bx-wrapper .bx-controls .bx-prev,
.section-doctors-alt .bx-wrapper .bx-controls .bx-next {
width: auto;
height: auto;
margin-top: -35px;
}
.section-doctors-alt .bx-wrapper .bx-controls .bx-prev {
left: -30px;
}
.section-doctors-alt .bx-wrapper .bx-controls .bx-next {
right: -30px;
}
@media (max-width: 1199px) {
.list-services {
margin: 0 -1%;
font-size: 0;
line-height: 0;
}
.list-services-alt {
margin: 0;
}
.list-services li {
float: none;
display: inline-block;
width: 14.67%;
margin-right: 1%;
vertical-align: top;
}
.list-services-alt li {
float: left;
width: 200px;
margin: 0;
margin-left: -1px;
}
.list-services li a {
font-size: 14px;
line-height: 1.1;
}
.list-services li + li:before {
display: none;
}
.section-doctors-alt .slider-tabs {
float: none;
display: block;
margin: 0 auto;
width: 800px;
}
}
@media (max-width: 1024px) {
.tab-head {
padding-bottom: 23px;
}
.list-services li:after {
margin-top: 15px;
}
.tab-body {
padding: 30px 0 100px;
}
.tab-body.current .form-col:last-child {
margin-bottom: 0;
}
.service-description,
.service-benefits {
margin-bottom: 40px;
}
.section-doctors-alt .slider-tabs {
width: 600px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.list-services li:after {
display: none;
}
}
@media (max-width: 767px) {
.list-services li:after {
display: none;
}
.list-services li {
width: 32%;
}
.section-doctors-alt .slider-tabs {
width: 200px;
}
.section-doctors-alt .list-services-alt > li:before {
display: none;
}
.tab-body {
padding-bottom: 30px;
}
}
/* ------------------------------------------------------------ * Ad
\* ------------------------------------------------------------ */
.ad {
position: relative;
z-index: 50;
height: 120px;
padding-left: 230px;
background-color: #51b8f2;
}
.ad-image {
position: absolute;
bottom: 0;
left: 27px;
width: 189px;
}
.ad-image img {
width: 100%;
height: auto;
}
.ad-head,
.ad-actions,
.ad-contacts {
display: inline-block;
vertical-align: middle;
}
.ad-head {
margin-top: 35px;
}
.ad-head h3 {
margin-bottom: 5px;
color: #fff;
}
.ad-head p {
color: #fff;
}
.ad-actions {
margin-left: 43px;
}
.ad-actions .button {
min-width: 170px;
text-align: center;
}
.ad-contacts {
margin-left: 63px;
}
.ad-contacts .phone {
min-width: 300px;
color: #fff;
}
.ad-contacts .phone .fa {
margin-top: -17px;
font-size: 70px;
vertical-align: bottom;
}
.ad-contacts .phone small {
margin-top: -8px;
color: #fff;
}
.ad-contacts .phone a {
font-size: 36px;
line-height: 1;
color: #fff;
letter-spacing: 0.05em;
}
@media (max-width: 1199px) {
.ad {
height: 140px;
margin: 0 -3% 0 0;
}
.ad-actions,
.ad-head,
.ad-contacts {
width: 30%;
margin: 15px 3% 0 0;
}
}
@media (max-width: 1024px) {
.ad {
height: 260px;
margin: 0;
}
.ad-actions,
.ad-head,
.ad-contacts {
display: block;
width: 100%;
margin: 0;
padding: 10px 0;
}
.ad-contacts .phone {
float: none;
}
}
@media (max-width: 767px) {
.ad {
padding: 13px 20px 0;
height: auto;
text-align: center;
}
.phone {
display: inline-block;
}
.ad-head p {
margin-bottom: 0;
}
}
.mejs-offscreen {
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
position: absolute !important;
top: -10000px;
left: -10000px;
overflow: hidden;
width: 1px;
height: 1px;
}
.mejs-container {
position: relative;
background: #000;
font-family: Helvetica, Arial;
text-align: left;
vertical-align: top;
text-indent: 0;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden;
}
.mejs-fullscreen {
/* set it to not show scroll bars so 100% will work */
overflow: hidden !important;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
}
.mejs-clear {
clear: both;
}
/* Start: LAYERS */
.mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
:root .mejs-poster img {
display: none;
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(bigplay.html) no-repeat;
}
.no-svg .mejs-overlay-button {
background-image: url(bigplay-2.html);
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: #333;
background: rgba(0, 0, 0, 0.9);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
background: transparent url(loading.html) 50% 50% no-repeat;
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
height: 30px;
width: 100%;
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
font-size: 11px;
line-height: 11px;
font-family: Helvetica, Arial;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 5px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
}
.no-svg .mejs-controls .mejs-button button {
background-image: url(controls.html);
}
/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
outline: dotted 1px #999;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 10px 3px 0 3px;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time a {
color: #fff;
font-size: 11px;
line-height: 12px;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}
.mejs-controls .mejs-stop button {
background-position: -112px 0;
}
/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
direction: ltr;
width: 200px;
padding-top: 5px;
}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
display: block;
position: absolute;
width: 180px;
height: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background: #333;
background: rgba(50, 50, 50, 0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
}
@-webkit-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-moz-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-ms-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@-o-keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@keyframes buffering-stripes {
from {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #3caac8;
background: rgba(60, 170, 200, 0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #fff;
background: rgba(255, 255, 255, 0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
border: solid 2px #333;
top: -2px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #eee;
width: 36px;
height: 17px;
border: solid 1px #333;
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #eee;
border-color: #eee transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px;
}
/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
visibility:visible;
}
*/
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background: rgba(50, 50, 50, 0.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.5);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
cursor: N-resize;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0;
}
/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider {
height: 26px;
width: 56px;
position: relative;
display: block;
float: left;
vertical-align: middle;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #333;
background: rgba(50, 50, 50, 0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fff;
background: rgba(255, 255, 255, 0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}
/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -51px;
width: 85px;
height: 100px;
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
padding: 10px 10px 0 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/*
.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
visibility: visible;
}
*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 55px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
z-index: 1;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #222;
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #666;
background: rgba(102, 102, 102, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
line-height: 20px;
font-size: 16px;
color: #fff;
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 35px;
}
.mejs-captions-text {
padding: 3px 5px;
background: rgba(20, 20, 20, 0.5);
white-space: pre-wrap;
}
/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}
/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
/* End: backlight */
/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}
/* End: Picture Controls */
/* context menu */
.mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
border-radius: 4px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #999;
z-index: 1001;
/* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333;
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family: Helvetica, Arial;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff;
}
/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
/* End: Source Chooser */
/* Start: Postroll */
.mejs-postroll-layer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(50, 50, 50, 0.7);
z-index: 1000;
overflow: hidden;
}
.mejs-postroll-layer-content {
width: 100%;
height: 100%;
}
.mejs-postroll-close {
position: absolute;
right: 0;
top: 0;
background: rgba(50, 50, 50, 0.7);
color: #fff;
padding: 4px;
z-index: 100;
cursor: pointer;
}
/* End: Postroll */
/* Start: Speed */
div.mejs-speed-button {
width: 46px !important;
position: relative;
}
.mejs-controls .mejs-button.mejs-speed-button button {
background: transparent;
width: 36px;
font-size: 11px;
line-height: normal;
color: #ffffff;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector {
visibility: hidden;
position: absolute;
top: -100px;
left: -10px;
width: 60px;
height: 100px;
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
padding: 0;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
visibility: visible;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
color: #21f8f8;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
margin: 0 0 6px 0;
padding: 0 10px;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
display: none;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
width: 60px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 11.5px;
color: white;
margin-left: 5px;
cursor: pointer;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
background-color: #c8c8c8 !important;
background-color: rgba(255, 255, 255, 0.4) !important;
}
/* End: Speed */
/* Start: Skip Back */
.mejs-controls .mejs-button.mejs-skip-back-button {
background: transparent url(skipback.html) no-repeat;
background-position: 3px 3px;
}
.mejs-controls .mejs-button.mejs-skip-back-button button {
background: transparent;
font-size: 9px;
line-height: normal;
color: #ffffff;
}
/* End: Skip Back */
/* ------------------------------------------------------------ * Audio
\* ------------------------------------------------------------ */
.mejs-container {
width: 100% !important;
height: 71px !important;
background-color: #856cb9 !important;
}
.mejs-container .mejs-controls {
top: 0;
height: 71px;
padding: 22px 37px 27px 29px;
background: none;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
width: 20px;
height: 35px;
margin-right: 14px;
border: none !important;
}
.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button,
.mejs-controls .mejs-button button {
background: none;
width: 20px;
height: 20px;
margin: 5px 14px 5px 0;
font: normal normal normal 20px/1 FontAwesome;
color: #fff;
border: none !important;
}
.mejs-controls .mejs-play button:before {
content: "\f04b";
}
.mejs-controls .mejs-pause button:before {
content: "\f04c";
}
.mejs-controls div.mejs-time-rail {
overflow: hidden;
width: calc(100% - 204px) !important;
height: 13px;
margin: 9px 42px 0 0;
border-radius: 5px;
padding: 0;
background-color: #685491;
}
.mejs-time-loaded {
background-color: #fff;
height: 13px;
}
.mejs-container .mejs-controls .mejs-time {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
position: static;
width: 100% !important;
height: 13px;
margin: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: none;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #fff;
height: 13px;
border-radius: 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
display: none;
}
.mejs-controls .mejs-button.mejs-volume-button button {
margin: 5px 25px 0 0;
background: none;
}
.mejs-controls .mejs-button.mejs-volume-button.mejs-mute button:before {
content: "\f028";
}
.mejs-controls .mejs-button.mejs-volume-button button:before {
content: "\f026";
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
width: 94px;
height: 13px;
border-radius: 5px;
margin-top: -2px;
background: #685491;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 13px;
border-radius: 5px;
margin-top: -2px;
background: #fff;
}
/* ------------------------------------------------------------ * Subscribe
\* ------------------------------------------------------------ */
.subscribe {
font-size: 0;
line-height: 0;
}
.subscribe label {
display: inline-block;
margin-bottom: 30px;
font-size: 15px;
line-height: 1.73;
color: #c2cfde;
}
input[type='email'].subscribe-field {
display: inline-block;
width: calc(100% - 50px);
height: 41px;
padding: 0 18px;
border: none;
background-color: #3f4e5f;
vertical-align: top;
}
input[type='email'].subscribe-field::-webkit-input-placeholder {
color: #8e9fb2;
}
input[type='email'].subscribe-field:-moz-placeholder {
color: #8e9fb2;
}
input[type='email'].subscribe-field::-moz-placeholder {
color: #8e9fb2;
}
input[type='email'].subscribe-field:-ms-input-placeholder {
color: #8e9fb2;
}
.subscribe-btn {
display: inline-block;
padding: 0;
margin: 0;
font-size: 20px;
line-height: 1.3;
width: 50px;
height: 41px;
background-color: #51b8f2;
vertical-align: top;
color: #fff;
text-align: center;
}
/* ------------------------------------------------------------ * Search
\* ------------------------------------------------------------ */
.search {
font-size: 0;
line-height: 0;
}
input[type="search"].search-field {
display: inline-block;
height: 42px;
width: calc(100% - 60px);
padding: 0 16px;
margin: 0;
border: none;
background-color: #2c9ad8;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
vertical-align: middle;
}
.search-btn {
display: inline-block;
width: 60px;
height: 44px;
background-color: #fff;
border: none;
font-family: "Karla", sans-serif;
font-size: 15px;
line-height: 42px;
color: #51b8f2;
vertical-align: middle;
text-align: center;
font-weight: 700;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.search-btn:hover {
opacity: .7;
}
input[type="search"].search-field::-webkit-input-placeholder {
color: #ffffff;
}
input[type="search"].search-field:-moz-placeholder {
color: #ffffff;
}
input[type="search"].search-field::-moz-placeholder {
color: #ffffff;
}
input[type="search"].search-field:-ms-input-placeholder {
color: #ffffff;
}
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
/*
.datepicker {
.prev, .next {font-style:normal;}
.prev:after {content:"«";}
.next:after {content:"»";}
}
*/
/*!
* Datepicker for Foundation - less stylesheet, just version customized to foundation
*
* Copyright 2013 Peter Beno, najlepsiwebdesigner@gmail.com, @benopeter
* project website http://foundation-datepicker.peterbeno.com
*
* Original project https://github.com/eternicode/bootstrap-datepicker
* Original author 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*/
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
color: #333;
font-family: "Open Sans",sans-serif;
font-size: 13px;
line-height: 18px;
}
.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
padding: 4px 5px;
}
.datepicker {
display: none;
position: absolute;
padding: 4px;
margin-top: 1px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
top: -6px;
left: 7px;
}
.datepicker > div {
display: none;
}
.datepicker.days div.datepicker-days {
display: block;
}
.datepicker.months div.datepicker-months {
display: block;
}
.datepicker.years div.datepicker-years {
display: block;
}
.datepicker table {
border: 0;
margin: 0;
}
.datepicker td, .datepicker th {
text-align: center;
width: 20px;
height: 20px;
border: 0;
font-size: 12px;
padding: 4px 8px;
background: #fff;
cursor: pointer;
}
.datepicker td.active.day, .datepicker th.active.day {
background: #2ba6cb;
}
.datepicker td.active.year, .datepicker th.active.year {
background: #2ba6cb;
}
.datepicker td span.active, .datepicker th span.active {
background: #2ba6cb;
}
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
}
.datepicker th.date-switch {
width: 145px;
}
.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
cursor: pointer;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
cursor: default;
background-color: transparent;
}
.datepicker-dropdown::before, .datepicker-dropdown::after {
display: none;
}
.datepicker-close {
position: absolute;
top: -30px;
right: 0;
width: 15px;
height: 30px;
padding: 0;
display: none;
}
.datepicker td.old, .datepicker td.new {
color: #999;
}
.datepicker td.day.disabled {
color: #eee;
}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
/*!
* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("fonts/fontawesome-webfonte0a5.eot?v=4.3.0");
src: url("fonts/fontawesome-webfontd41d.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfonte0a5.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfonte0a5.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfonte0a5.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfonte0a5.svg?v=4.3.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.3333333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.2857142857em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.1428571429em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.1428571429em;
width: 2.1428571429em;
top: 0.1428571429em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.8571428571em;
}
.fa-border {
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "";
}
.fa-music:before {
content: "";
}
.fa-search:before {
content: "";
}
.fa-envelope-o:before {
content: "";
}
.fa-heart:before {
content: "";
}
.fa-star:before {
content: "";
}
.fa-star-o:before {
content: "";
}
.fa-user:before {
content: "";
}
.fa-film:before {
content: "";
}
.fa-th-large:before {
content: "";
}
.fa-th:before {
content: "";
}
.fa-th-list:before {
content: "";
}
.fa-check:before {
content: "";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "";
}
.fa-search-plus:before {
content: "";
}
.fa-search-minus:before {
content: "";
}
.fa-power-off:before {
content: "";
}
.fa-signal:before {
content: "";
}
.fa-gear:before,
.fa-cog:before {
content: "";
}
.fa-trash-o:before {
content: "";
}
.fa-home:before {
content: "";
}
.fa-file-o:before {
content: "";
}
.fa-clock-o:before {
content: "";
}
.fa-road:before {
content: "";
}
.fa-download:before {
content: "";
}
.fa-arrow-circle-o-down:before {
content: "";
}
.fa-arrow-circle-o-up:before {
content: "";
}
.fa-inbox:before {
content: "";
}
.fa-play-circle-o:before {
content: "";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "";
}
.fa-refresh:before {
content: "";
}
.fa-list-alt:before {
content: "";
}
.fa-lock:before {
content: "";
}
.fa-flag:before {
content: "";
}
.fa-headphones:before {
content: "";
}
.fa-volume-off:before {
content: "";
}
.fa-volume-down:before {
content: "";
}
.fa-volume-up:before {
content: "";
}
.fa-qrcode:before {
content: "";
}
.fa-barcode:before {
content: "";
}
.fa-tag:before {
content: "";
}
.fa-tags:before {
content: "";
}
.fa-book:before {
content: "";
}
.fa-bookmark:before {
content: "";
}
.fa-print:before {
content: "";
}
.fa-camera:before {
content: "";
}
.fa-font:before {
content: "";
}
.fa-bold:before {
content: "";
}
.fa-italic:before {
content: "";
}
.fa-text-height:before {
content: "";
}
.fa-text-width:before {
content: "";
}
.fa-align-left:before {
content: "";
}
.fa-align-center:before {
content: "";
}
.fa-align-right:before {
content: "";
}
.fa-align-justify:before {
content: "";
}
.fa-list:before {
content: "";
}
.fa-dedent:before,
.fa-outdent:before {
content: "";
}
.fa-indent:before {
content: "";
}
.fa-video-camera:before {
content: "";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "";
}
.fa-pencil:before {
content: "";
}
.fa-map-marker:before {
content: "";
}
.fa-adjust:before {
content: "";
}
.fa-tint:before {
content: "";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "";
}
.fa-share-square-o:before {
content: "";
}
.fa-check-square-o:before {
content: "";
}
.fa-arrows:before {
content: "";
}
.fa-step-backward:before {
content: "";
}
.fa-fast-backward:before {
content: "";
}
.fa-backward:before {
content: "";
}
.fa-play:before {
content: "";
}
.fa-pause:before {
content: "";
}
.fa-stop:before {
content: "";
}
.fa-forward:before {
content: "";
}
.fa-fast-forward:before {
content: "";
}
.fa-step-forward:before {
content: "";
}
.fa-eject:before {
content: "";
}
.fa-chevron-left:before {
content: "";
}
.fa-chevron-right:before {
content: "";
}
.fa-plus-circle:before {
content: "";
}
.fa-minus-circle:before {
content: "";
}
.fa-times-circle:before {
content: "";
}
.fa-check-circle:before {
content: "";
}
.fa-question-circle:before {
content: "";
}
.fa-info-circle:before {
content: "";
}
.fa-crosshairs:before {
content: "";
}
.fa-times-circle-o:before {
content: "";
}
.fa-check-circle-o:before {
content: "";
}
.fa-ban:before {
content: "";
}
.fa-arrow-left:before {
content: "";
}
.fa-arrow-right:before {
content: "";
}
.fa-arrow-up:before {
content: "";
}
.fa-arrow-down:before {
content: "";
}
.fa-mail-forward:before,
.fa-share:before {
content: "";
}
.fa-expand:before {
content: "";
}
.fa-compress:before {
content: "";
}
.fa-plus:before {
content: "";
}
.fa-minus:before {
content: "";
}
.fa-asterisk:before {
content: "";
}
.fa-exclamation-circle:before {
content: "";
}
.fa-gift:before {
content: "";
}
.fa-leaf:before {
content: "";
}
.fa-fire:before {
content: "";
}
.fa-eye:before {
content: "";
}
.fa-eye-slash:before {
content: "";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "";
}
.fa-plane:before {
content: "";
}
.fa-calendar:before {
content: "";
}
.fa-random:before {
content: "";
}
.fa-comment:before {
content: "";
}
.fa-magnet:before {
content: "";
}
.fa-chevron-up:before {
content: "";
}
.fa-chevron-down:before {
content: "";
}
.fa-retweet:before {
content: "";
}
.fa-shopping-cart:before {
content: "";
}
.fa-folder:before {
content: "";
}
.fa-folder-open:before {
content: "";
}
.fa-arrows-v:before {
content: "";
}
.fa-arrows-h:before {
content: "";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "";
}
.fa-twitter-square:before {
content: "";
}
.fa-facebook-square:before {
content: "";
}
.fa-camera-retro:before {
content: "";
}
.fa-key:before {
content: "";
}
.fa-gears:before,
.fa-cogs:before {
content: "";
}
.fa-comments:before {
content: "";
}
.fa-thumbs-o-up:before {
content: "";
}
.fa-thumbs-o-down:before {
content: "";
}
.fa-star-half:before {
content: "";
}
.fa-heart-o:before {
content: "";
}
.fa-sign-out:before {
content: "";
}
.fa-linkedin-square:before {
content: "";
}
.fa-thumb-tack:before {
content: "";
}
.fa-external-link:before {
content: "";
}
.fa-sign-in:before {
content: "";
}
.fa-trophy:before {
content: "";
}
.fa-github-square:before {
content: "";
}
.fa-upload:before {
content: "";
}
.fa-lemon-o:before {
content: "";
}
.fa-phone:before {
content: "";
}
.fa-square-o:before {
content: "";
}
.fa-bookmark-o:before {
content: "";
}
.fa-phone-square:before {
content: "";
}
.fa-twitter:before {
content: "";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "";
}
.fa-github:before {
content: "";
}
.fa-unlock:before {
content: "";
}
.fa-credit-card:before {
content: "";
}
.fa-rss:before {
content: "";
}
.fa-hdd-o:before {
content: "";
}
.fa-bullhorn:before {
content: "";
}
.fa-bell:before {
content: "";
}
.fa-certificate:before {
content: "";
}
.fa-hand-o-right:before {
content: "";
}
.fa-hand-o-left:before {
content: "";
}
.fa-hand-o-up:before {
content: "";
}
.fa-hand-o-down:before {
content: "";
}
.fa-arrow-circle-left:before {
content: "";
}
.fa-arrow-circle-right:before {
content: "";
}
.fa-arrow-circle-up:before {
content: "";
}
.fa-arrow-circle-down:before {
content: "";
}
.fa-globe:before {
content: "";
}
.fa-wrench:before {
content: "";
}
.fa-tasks:before {
content: "";
}
.fa-filter:before {
content: "";
}
.fa-briefcase:before {
content: "";
}
.fa-arrows-alt:before {
content: "";
}
.fa-group:before,
.fa-users:before {
content: "";
}
.fa-chain:before,
.fa-link:before {
content: "";
}
.fa-cloud:before {
content: "";
}
.fa-flask:before {
content: "";
}
.fa-cut:before,
.fa-scissors:before {
content: "";
}
.fa-copy:before,
.fa-files-o:before {
content: "";
}
.fa-paperclip:before {
content: "";
}
.fa-save:before,
.fa-floppy-o:before {
content: "";
}
.fa-square:before {
content: "";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "";
}
.fa-list-ul:before {
content: "";
}
.fa-list-ol:before {
content: "";
}
.fa-strikethrough:before {
content: "";
}
.fa-underline:before {
content: "";
}
.fa-table:before {
content: "";
}
.fa-magic:before {
content: "";
}
.fa-truck:before {
content: "";
}
.fa-pinterest:before {
content: "";
}
.fa-pinterest-square:before {
content: "";
}
.fa-google-plus-square:before {
content: "";
}
.fa-google-plus:before {
content: "";
}
.fa-money:before {
content: "";
}
.fa-caret-down:before {
content: "";
}
.fa-caret-up:before {
content: "";
}
.fa-caret-left:before {
content: "";
}
.fa-caret-right:before {
content: "";
}
.fa-columns:before {
content: "";
}
.fa-unsorted:before,
.fa-sort:before {
content: "";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "";
}
.fa-envelope:before {
content: "";
}
.fa-linkedin:before {
content: "";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "";
}
.fa-legal:before,
.fa-gavel:before {
content: "";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "";
}
.fa-comment-o:before {
content: "";
}
.fa-comments-o:before {
content: "";
}
.fa-flash:before,
.fa-bolt:before {
content: "";
}
.fa-sitemap:before {
content: "";
}
.fa-umbrella:before {
content: "";
}
.fa-paste:before,
.fa-clipboard:before {
content: "";
}
.fa-lightbulb-o:before {
content: "";
}
.fa-exchange:before {
content: "";
}
.fa-cloud-download:before {
content: "";
}
.fa-cloud-upload:before {
content: "";
}
.fa-user-md:before {
content: "";
}
.fa-stethoscope:before {
content: "";
}
.fa-suitcase:before {
content: "";
}
.fa-bell-o:before {
content: "";
}
.fa-coffee:before {
content: "";
}
.fa-cutlery:before {
content: "";
}
.fa-file-text-o:before {
content: "";
}
.fa-building-o:before {
content: "";
}
.fa-hospital-o:before {
content: "";
}
.fa-ambulance:before {
content: "";
}
.fa-medkit:before {
content: "";
}
.fa-fighter-jet:before {
content: "";
}
.fa-beer:before {
content: "";
}
.fa-h-square:before {
content: "";
}
.fa-plus-square:before {
content: "";
}
.fa-angle-double-left:before {
content: "";
}
.fa-angle-double-right:before {
content: "";
}
.fa-angle-double-up:before {
content: "";
}
.fa-angle-double-down:before {
content: "";
}
.fa-angle-left:before {
content: "";
}
.fa-angle-right:before {
content: "";
}
.fa-angle-up:before {
content: "";
}
.fa-angle-down:before {
content: "";
}
.fa-desktop:before {
content: "";
}
.fa-laptop:before {
content: "";
}
.fa-tablet:before {
content: "";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "";
}
.fa-circle-o:before {
content: "";
}
.fa-quote-left:before {
content: "";
}
.fa-quote-right:before {
content: "";
}
.fa-spinner:before {
content: "";
}
.fa-circle:before {
content: "";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "";
}
.fa-github-alt:before {
content: "";
}
.fa-folder-o:before {
content: "";
}
.fa-folder-open-o:before {
content: "";
}
.fa-smile-o:before {
content: "";
}
.fa-frown-o:before {
content: "";
}
.fa-meh-o:before {
content: "";
}
.fa-gamepad:before {
content: "";
}
.fa-keyboard-o:before {
content: "";
}
.fa-flag-o:before {
content: "";
}
.fa-flag-checkered:before {
content: "";
}
.fa-terminal:before {
content: "";
}
.fa-code:before {
content: "";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "";
}
.fa-location-arrow:before {
content: "";
}
.fa-crop:before {
content: "";
}
.fa-code-fork:before {
content: "";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "";
}
.fa-question:before {
content: "";
}
.fa-info:before {
content: "";
}
.fa-exclamation:before {
content: "";
}
.fa-superscript:before {
content: "";
}
.fa-subscript:before {
content: "";
}
.fa-eraser:before {
content: "";
}
.fa-puzzle-piece:before {
content: "";
}
.fa-microphone:before {
content: "";
}
.fa-microphone-slash:before {
content: "";
}
.fa-shield:before {
content: "";
}
.fa-calendar-o:before {
content: "";
}
.fa-fire-extinguisher:before {
content: "";
}
.fa-rocket:before {
content: "";
}
.fa-maxcdn:before {
content: "";
}
.fa-chevron-circle-left:before {
content: "";
}
.fa-chevron-circle-right:before {
content: "";
}
.fa-chevron-circle-up:before {
content: "";
}
.fa-chevron-circle-down:before {
content: "";
}
.fa-html5:before {
content: "";
}
.fa-css3:before {
content: "";
}
.fa-anchor:before {
content: "";
}
.fa-unlock-alt:before {
content: "";
}
.fa-bullseye:before {
content: "";
}
.fa-ellipsis-h:before {
content: "";
}
.fa-ellipsis-v:before {
content: "";
}
.fa-rss-square:before {
content: "";
}
.fa-play-circle:before {
content: "";
}
.fa-ticket:before {
content: "";
}
.fa-minus-square:before {
content: "";
}
.fa-minus-square-o:before {
content: "";
}
.fa-level-up:before {
content: "";
}
.fa-level-down:before {
content: "";
}
.fa-check-square:before {
content: "";
}
.fa-pencil-square:before {
content: "";
}
.fa-external-link-square:before {
content: "";
}
.fa-share-square:before {
content: "";
}
.fa-compass:before {
content: "";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "";
}
.fa-euro:before,
.fa-eur:before {
content: "";
}
.fa-gbp:before {
content: "";
}
.fa-dollar:before,
.fa-usd:before {
content: "";
}
.fa-rupee:before,
.fa-inr:before {
content: "";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "";
}
.fa-won:before,
.fa-krw:before {
content: "";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "";
}
.fa-file:before {
content: "";
}
.fa-file-text:before {
content: "";
}
.fa-sort-alpha-asc:before {
content: "";
}
.fa-sort-alpha-desc:before {
content: "";
}
.fa-sort-amount-asc:before {
content: "";
}
.fa-sort-amount-desc:before {
content: "";
}
.fa-sort-numeric-asc:before {
content: "";
}
.fa-sort-numeric-desc:before {
content: "";
}
.fa-thumbs-up:before {
content: "";
}
.fa-thumbs-down:before {
content: "";
}
.fa-youtube-square:before {
content: "";
}
.fa-youtube:before {
content: "";
}
.fa-xing:before {
content: "";
}
.fa-xing-square:before {
content: "";
}
.fa-youtube-play:before {
content: "";
}
.fa-dropbox:before {
content: "";
}
.fa-stack-overflow:before {
content: "";
}
.fa-instagram:before {
content: "";
}
.fa-flickr:before {
content: "";
}
.fa-adn:before {
content: "";
}
.fa-bitbucket:before {
content: "";
}
.fa-bitbucket-square:before {
content: "";
}
.fa-tumblr:before {
content: "";
}
.fa-tumblr-square:before {
content: "";
}
.fa-long-arrow-down:before {
content: "";
}
.fa-long-arrow-up:before {
content: "";
}
.fa-long-arrow-left:before {
content: "";
}
.fa-long-arrow-right:before {
content: "";
}
.fa-apple:before {
content: "";
}
.fa-windows:before {
content: "";
}
.fa-android:before {
content: "";
}
.fa-linux:before {
content: "";
}
.fa-dribbble:before {
content: "";
}
.fa-skype:before {
content: "";
}
.fa-foursquare:before {
content: "";
}
.fa-trello:before {
content: "";
}
.fa-female:before {
content: "";
}
.fa-male:before {
content: "";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "";
}
.fa-sun-o:before {
content: "";
}
.fa-moon-o:before {
content: "";
}
.fa-archive:before {
content: "";
}
.fa-bug:before {
content: "";
}
.fa-vk:before {
content: "";
}
.fa-weibo:before {
content: "";
}
.fa-renren:before {
content: "";
}
.fa-pagelines:before {
content: "";
}
.fa-stack-exchange:before {
content: "";
}
.fa-arrow-circle-o-right:before {
content: "";
}
.fa-arrow-circle-o-left:before {
content: "";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "";
}
.fa-dot-circle-o:before {
content: "";
}
.fa-wheelchair:before {
content: "";
}
.fa-vimeo-square:before {
content: "";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "";
}
.fa-plus-square-o:before {
content: "";
}
.fa-space-shuttle:before {
content: "";
}
.fa-slack:before {
content: "";
}
.fa-envelope-square:before {
content: "";
}
.fa-wordpress:before {
content: "";
}
.fa-openid:before {
content: "";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "";
}
.fa-yahoo:before {
content: "";
}
.fa-google:before {
content: "";
}
.fa-reddit:before {
content: "";
}
.fa-reddit-square:before {
content: "";
}
.fa-stumbleupon-circle:before {
content: "";
}
.fa-stumbleupon:before {
content: "";
}
.fa-delicious:before {
content: "";
}
.fa-digg:before {
content: "";
}
.fa-pied-piper:before {
content: "";
}
.fa-pied-piper-alt:before {
content: "";
}
.fa-drupal:before {
content: "";
}
.fa-joomla:before {
content: "";
}
.fa-language:before {
content: "";
}
.fa-fax:before {
content: "";
}
.fa-building:before {
content: "";
}
.fa-child:before {
content: "";
}
.fa-paw:before {
content: "";
}
.fa-spoon:before {
content: "";
}
.fa-cube:before {
content: "";
}
.fa-cubes:before {
content: "";
}
.fa-behance:before {
content: "";
}
.fa-behance-square:before {
content: "";
}
.fa-steam:before {
content: "";
}
.fa-steam-square:before {
content: "";
}
.fa-recycle:before {
content: "";
}
.fa-automobile:before,
.fa-car:before {
content: "";
}
.fa-cab:before,
.fa-taxi:before {
content: "";
}
.fa-tree:before {
content: "";
}
.fa-spotify:before {
content: "";
}
.fa-deviantart:before {
content: "";
}
.fa-soundcloud:before {
content: "";
}
.fa-database:before {
content: "";
}
.fa-file-pdf-o:before {
content: "";
}
.fa-file-word-o:before {
content: "";
}
.fa-file-excel-o:before {
content: "";
}
.fa-file-powerpoint-o:before {
content: "";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "";
}
.fa-file-code-o:before {
content: "";
}
.fa-vine:before {
content: "";
}
.fa-codepen:before {
content: "";
}
.fa-jsfiddle:before {
content: "";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "";
}
.fa-circle-o-notch:before {
content: "";
}
.fa-ra:before,
.fa-rebel:before {
content: "";
}
.fa-ge:before,
.fa-empire:before {
content: "";
}
.fa-git-square:before {
content: "";
}
.fa-git:before {
content: "";
}
.fa-hacker-news:before {
content: "";
}
.fa-tencent-weibo:before {
content: "";
}
.fa-qq:before {
content: "";
}
.fa-wechat:before,
.fa-weixin:before {
content: "";
}
.fa-send:before,
.fa-paper-plane:before {
content: "";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "";
}
.fa-history:before {
content: "";
}
.fa-genderless:before,
.fa-circle-thin:before {
content: "";
}
.fa-header:before {
content: "";
}
.fa-paragraph:before {
content: "";
}
.fa-sliders:before {
content: "";
}
.fa-share-alt:before {
content: "";
}
.fa-share-alt-square:before {
content: "";
}
.fa-bomb:before {
content: "";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "";
}
.fa-tty:before {
content: "";
}
.fa-binoculars:before {
content: "";
}
.fa-plug:before {
content: "";
}
.fa-slideshare:before {
content: "";
}
.fa-twitch:before {
content: "";
}
.fa-yelp:before {
content: "";
}
.fa-newspaper-o:before {
content: "";
}
.fa-wifi:before {
content: "";
}
.fa-calculator:before {
content: "";
}
.fa-paypal:before {
content: "";
}
.fa-google-wallet:before {
content: "";
}
.fa-cc-visa:before {
content: "";
}
.fa-cc-mastercard:before {
content: "";
}
.fa-cc-discover:before {
content: "";
}
.fa-cc-amex:before {
content: "";
}
.fa-cc-paypal:before {
content: "";
}
.fa-cc-stripe:before {
content: "";
}
.fa-bell-slash:before {
content: "";
}
.fa-bell-slash-o:before {
content: "";
}
.fa-trash:before {
content: "";
}
.fa-copyright:before {
content: "";
}
.fa-at:before {
content: "";
}
.fa-eyedropper:before {
content: "";
}
.fa-paint-brush:before {
content: "";
}
.fa-birthday-cake:before {
content: "";
}
.fa-area-chart:before {
content: "";
}
.fa-pie-chart:before {
content: "";
}
.fa-line-chart:before {
content: "";
}
.fa-lastfm:before {
content: "";
}
.fa-lastfm-square:before {
content: "";
}
.fa-toggle-off:before {
content: "";
}
.fa-toggle-on:before {
content: "";
}
.fa-bicycle:before {
content: "";
}
.fa-bus:before {
content: "";
}
.fa-ioxhost:before {
content: "";
}
.fa-angellist:before {
content: "";
}
.fa-cc:before {
content: "";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "";
}
.fa-meanpath:before {
content: "";
}
.fa-buysellads:before {
content: "";
}
.fa-connectdevelop:before {
content: "";
}
.fa-dashcube:before {
content: "";
}
.fa-forumbee:before {
content: "";
}
.fa-leanpub:before {
content: "";
}
.fa-sellsy:before {
content: "";
}
.fa-shirtsinbulk:before {
content: "";
}
.fa-simplybuilt:before {
content: "";
}
.fa-skyatlas:before {
content: "";
}
.fa-cart-plus:before {
content: "";
}
.fa-cart-arrow-down:before {
content: "";
}
.fa-diamond:before {
content: "";
}
.fa-ship:before {
content: "";
}
.fa-user-secret:before {
content: "";
}
.fa-motorcycle:before {
content: "";
}
.fa-street-view:before {
content: "";
}
.fa-heartbeat:before {
content: "";
}
.fa-venus:before {
content: "";
}
.fa-mars:before {
content: "";
}
.fa-mercury:before {
content: "";
}
.fa-transgender:before {
content: "";
}
.fa-transgender-alt:before {
content: "";
}
.fa-venus-double:before {
content: "";
}
.fa-mars-double:before {
content: "";
}
.fa-venus-mars:before {
content: "";
}
.fa-mars-stroke:before {
content: "";
}
.fa-mars-stroke-v:before {
content: "";
}
.fa-mars-stroke-h:before {
content: "";
}
.fa-neuter:before {
content: "";
}
.fa-facebook-official:before {
content: "";
}
.fa-pinterest-p:before {
content: "";
}
.fa-whatsapp:before {
content: "";
}
.fa-server:before {
content: "";
}
.fa-user-plus:before {
content: "";
}
.fa-user-times:before {
content: "";
}
.fa-hotel:before,
.fa-bed:before {
content: "";
}
.fa-viacoin:before {
content: "";
}
.fa-train:before {
content: "";
}
.fa-subway:before {
content: "";
}
.fa-medium:before {
content: "";
}
/*Custom Style start*/
.row.head_menu{background:linear-gradient(45deg, #4eabf9 0%, #4eabf9 30%, #304770 29%, #304770 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.form-appointment{text-align:center;}
.dr_social {
margin: 20px 0 0;
padding: 0;
overflow:hidden;
position:relative;
}
.dr_social li {
border: 1px solid #fff;
border-radius: 50%;
float: left;
height: 40px;
list-style-type: none;
text-align: center;
width: 40px;
margin-right:10px;
}
.dr_social li a{color:#FFF; font-size:24px;}
.form-controls.form-controls-data-field > input{border:0; background-color:#304771; width:100%; height:35px;}
.section.section-updates.video{background-color:#51b8f2; text-align:center;}
.btn{background-color:#304771; padding:15px; color:#FFF; font-size:18px; padding:10px 85px;}
.qcontact{
padding: 30px 20px;
background-color:#aaaaaa;
color:#323232;
width:32%;
float:left;
margin-top:65px;
min-height:585px;
}
.apontment{
padding: 30px 20px;
background-color:#304771;
color:#323232;
width:32%;
float:left;
min-height:735px;
}
.working{
padding: 30px 20px;
background-image:url('images/working.jpg');
background-color:rgba(53, 159, 248, 0.5);
color:#323232;
width:32%;
float:left;
background-size:cover;
margin-top:65px;
}
.working:before {
/* background-color: rgba(239, 239, 239, 0.5);*/
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.qcontact h3, .apontment h3, .working h3{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:20px;}
.qcontact h3{color:#000}
.apontment h3, .working h3{color:#FFF;}
.qcontact input,
.qcontact textarea,
.apontment input,
.apontment textarea,
.apontment select{
border-color: transparent;
font-size: 14px;
margin-top: 5px;
background-color: #efefef;
border: 1px solid #cbcbcb;
border-radius: 0;
color: #323232;
font-size: 14px;
height: inherit;
line-height: 1.5;
padding: 8px 24px;
}
.apontment select{margin-bottom:0;}
.btn-primary {
background-color: #4eabf9 !important;
border-color: transparent !important;
color: #ffffff !important;
}
.timetable_hours {
margin: 5px 0;
width: 100%;
}
.social_icon {padding-top:40px;}
.social_icon ul{text-align:center;}
.social_icon li{list-style-type:none; display:inline-block; margin-right:15px;}
.social_icon li a .fa{border-radius:50%; background-color:#e5e5e5;}
.social_icon li .fa-facebook:hover{background-color:#3b5998;}
.social_icon li .fa-twitter:hover{background-color:#10dffd;}
.social_icon li .fa-youtube-play:hover{background-color:#90030c;}
.social_icon li .fa-google-plus:hover{background-color:#d34836 ;}
.social_icon li a{color:#FFF;}
.social_icon li a i{height:2.35em; width:2.35em; font-size:1.85em; padding-top:20px;}
.section.section-updates.forms{padding-bottom:35px;}
.section.section-updates.contact {
color: #fff;
text-align: center;
font-size:20px;
padding:0 0 85px;
}
.section.section-updates.copy{background-color:#FFF; padding:20px;}
.cop_info {
color: #8065b6 !important;
font-size: 16px;
text-align: right;
margin-bottom:0;
}
.fa.fa-heart.prim{color:#304771;}
.working table, .working table tr{background:none; border:none;}
.working table tr td{color:#FFF; font-size:16px;}
.working .date{font-weight:bold;}
.centered{text-align:center; }
.centered span{background-color:#4eabf9 !important; font-size:17px; padding:8px 45px; color:#fff;}
.centered i{padding:10px; background-color:#304771; color:#FFF;}
.logo{color:#FFF; font-size:14px; font-weight:normal;}
.logo h2{font-size:30px; color:#FFF;}
.section-features h2{font-size:25px; text-transform:none; font-family:Arial, Helvetica, sans-serif;}
.section-features .su-spoiler-style-fancy > .su-spoiler-title, .su-spoiler-style-fancy{border-radius:0px !important;}
.section-features .su-spoiler-icon { float: right; left: 0 !important; position: relative !important;}
.section-features .su-spoiler-title{
color: #34ceda;
display: block;
font-family: "Open sans";
font-size: 18px !important;
font-weight: 300 !important;
line-height: 28px !important;
padding: 8px 0 8px 15px !important;
background:#FFF !important;
}
.section-features .su-spoiler-title span{background-color: #f15b5a;
color: white;
display: block;
float: right;
font-size: 14px;
padding: 15px;
}
.section-features .su-spoiler-icon{top:-8px !important; height:44px !important; width:42px !important;}
.section-features .su-spoiler-title:hover{background-color:#f15b5a !important; color:#FFF;}
.col-lg-6 .su-spoiler-style-fancy{border:none !important;}
.col-lg-6 .su-accordion .su-spoiler{margin-bottom:1px !important;}
.section-features .su-spoiler-content.su-clearfix { background: #00a6b4; border-radius: 0 !important; color:#FFF;}
.section-features .su-accordion .su-spoiler{margin:0; border-bottom:0px solid #34ceda;}
.bg_gray{background-color:#efefef; height:111px;}
.bg_gray h1:after {
background: linear-gradient(to right top, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
height: 100%;
position: absolute;
right: -72px;
top: 0;
width: 72px;
}
.bg_gray h1 {
background-color: #FFF;
display: inline-block;
min-width: 300px;
padding-right: 10px;
position: relative;
z-index: 2;
}
.bg_gray h1 {
font-weight: 900;
margin: 0;
padding: 30px 0 0;
}
.title{background:linear-gradient(to right, #FFF 0%, #FFF 25%, transparent 25%, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
top:45px; position:relative;}
.dr_info{background-color:#51b8f2; padding:10px; color:#FFF; margin-top:121px;}
.dr_info img{float:left; position:relative; margin-top:-121px;}
.dr_info h2{font-size:23px; color:#FFF;}
.dr_info span{font-size:13px;}
.dr_btns{overflow:hidden;}
.dr_btns .contact{
background:#4faaf9;
color: #fff;
font-size: 20px;
padding: 10px;
width: 33%;
float:left;
cursor:pointer;
font-weight:bold;
}
.dr_btns .consult{
background:#3bc2e2;
color: #4df8f2;
font-size: 20px;
padding: 10px;
width: 32.5%;
float:left;
cursor:pointer;
font-weight:bold;
}
.dr_btns .apoint{
background:#11d1ff;
color: #fff;
font-size: 20px;
padding: 10px;
width: 32.6%;
float:left;
cursor:pointer;
font-weight:bold;
}
.dr_btns > span {
background-color: #304771;
float: left;
height: 53px;
width: 10px;
}
.contact_frm{clear:both; background-color:#4faaf9; padding:15px; overflow:hidden;}
.contact_frm input[type="text"],
.contact_frm input[type="email"],
.contact_frm input[type="tel"]{
width:20% !important;
border-radius:30px;
background:none;
border:1px solid #FFF;
margin-right:40px;
float:left;
}
.contact_frm textarea{
width:80%;
height:0;
float:left;
border-radius:30px;
background:none;
border:1px solid #FFF;
margin-top:10px;
padding-top:15px;
}
.contact_frm input[type="submit"]{
background-color: #fff;
border: 1px solid #fff;
border-radius: 30px;
float: left;
padding: 10px 50px;
margin-top:13px;
color:#66a5f4;
font-weight:bold;
margin-left:15px;
}
.Consult_time{background-color:#3bc2e2; padding:15px; overflow:hidden; clear:both;}
.Consult_time h2{font-size:18px; color:#000; padding-bottom:15px;}
.con_time{background:none; border:none;}
.con_time tr{background:none !important;}
.con_time td{text-align:center; color:#FFF; padding:0;}
.con_time .day{font-weight:bold;}
.apnt_frm{background-color:#11d1ff; padding:15px; clear:both;}
.apnt_frm input[type="text"],
.apnt_frm input[type="email"],
.apnt_frm input[type="tel"],
.apnt_frm select{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 30px;
display: inline-block;
margin-bottom: 20px;
margin-right: 20px !important;
width: 23%;
}
.apnt_frm textarea{
width:76%;
height:25px;
border-radius:30px;
background:none;
border:1px solid #FFF;
margin-right:40px;
display:inline-block;
}
.apnt_frm select{margin-right:0;}
.apnt_frm .msg{width:57% !important; margin-right:0 !important;}
.apnt_frm input[type="submit"]{
background-color: #fff;
border: 1px solid #fff;
border-radius: 30px;
padding: 7px 55px;
color:#66a5f4;
font-weight:bold;
margin-left:15px;
position:relative;
top:-12px;
}
.title h1{text-transform:uppercase;}
.boxed_layout{overflow:hidden;}
.contact-us{overflow:hidden;}
.contact-us input[type="text"],
.contact-us input[type="email"],
.contact-us input[type="tel"]{width:31%; float:left; margin:0 22px 15px 0;}
.contact-us textarea{float:left; width:97%;}
.contact-us input[type="submit"]{
background-color: #51b8f2;
border: 1px solid #fff;
float: left;
padding: 7px 55px;
color:#FFF;
font-weight:bold;
margin-top:15px;
}
.working .su-spoiler-title {
background-color: #4eabf9;
color: #fff;
font-family: lato;
font-size: 17px !important;
font-weight: normal !important;
margin: auto;
text-align: center;
text-transform: uppercase;
width: 220px;
}
.working .su-spoiler-icon {
background-color: #304771;
height: 34px !important;
padding-top: 7px;
top: 0 !important;
width: 34px !important;
}
/*Video Carousal Style */
.slidesjs-container, .slidesjs-control{max-height:173px !important; max-width:231px !important;}
#slides{max-width:300px; margin:0 auto;}
#slides iframe{height:173px !important; width:231px !important;}
.slidesjs-container{margin:0 auto;}
#slides a:link,
#slides a:visited {
color: #333;
text-decoration:none;
}
#slides a:hover, #slides a:active {color: #9e2020}
.slidesjs-pagination{display:none;}
.slidesjs-next.slidesjs-navigation{float:right; position:relative; top:-90px;}
.slidesjs-previous.slidesjs-navigation{float:left; position:relative; top:-90px;}
/*Video Carousal Style End*/
.footer #text-15{font-size:17px; font-family:Lato;}
.dr_bio .su-spoiler-title {background-color: #efefef; padding-left:35px !important;}
.dr_bio .su-spoiler-icon{padding-left:12px;}
.dr_bio .su-spoiler-content{border:3px solid #efefef; border-radius: 0 0 7px 7px;}
.dr_bio .su-spoiler-content p{line-height:30px;}
.dr_bio .su-spoiler-content li { margin-bottom: 15px;}
.dr_bio .su-spoiler-icon-plus .su-spoiler-icon:before{content:"\f0d8"; font-size:20px;}
.dr_bio .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before{content:"\f0d7"; font-size:20px;}
.working p {color: #304771;font-weight: bold; margin: 0; text-align: center;text-transform: uppercase; font-size:13px;}
.working p span{color:#FFF;}
.working p .fa {color: #fff; font-size: 19px; padding-right: 10px;}
.working .su-spoiler-content{padding-top:3px !important;}
.medical > li { border-bottom: 1px solid #0ac2d2; list-style-type: none; padding: 7px 0;}
.listing .columns.large-4.medium-4{float:left;}
.contact_btn{background: #fff none repeat scroll 0 0 !important;
color: #49a6f4 !important;
font-weight: bold !important;
text-transform: uppercase;
}
.listing .columns.large-3.medium-3{float:left;}
.video_gallery iframe { height: 180px; width: 260px;}
.video_gallery { float: left; margin-bottom: 20px;}