/*base*/
/* ==========================================================================
#CssReset
========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/**
* 1. Always force vertical scroll
* 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
*/
html {
font-size: 100%;
overflow-y: scroll; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
-webkit-font-smoothing: antialiased;
}
/* ==========================================================================
#Typography
========================================================================== */
body {
background-color: #fff;
color: #2f2f2f;
font: 13px 'Open Sans', Arial, sans-serif;
line-height: 22px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #2f2f2f;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
}
h1 {
margin-bottom: 14px;
font-size: 28px;
line-height: 50px;
}
h2 {
margin-bottom: 10px;
font-size: 22px;
line-height: 40px;
}
h3 {
margin-bottom: 8px;
font-size: 18px;
line-height: 34px;
}
h4 {
margin-bottom: 4px;
font-size: 16px;
line-height: 30px;
}
h5 {
font-size: 14px;
line-height: 24px;
}
h6 {
font-size: 12px;
line-height: 21px;
}
p { margin-bottom: 20px; }
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 90%; }
sub {
vertical-align: sub;
font-size: 75%;
}
sup {
vertical-align: super;
font-size: 75%;
}
abbr[title] {
border-bottom: 1px dotted #999;
cursor: help;
}
address {
display: block;
margin-bottom: 20px;
}
blockquote {}
blockquote p { font-style: italic; }
blockquote span {
display: block;
margin-top: 5px;
color: #999999;
}
blockquote span:before { content: '\2013 \00A0'; }
hr {
height: 0;
border: solid #efefef;
border-width: 1px 0 0 0;
margin: 30px 0;
}
code,
pre {
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
padding: 1px 4px;
border: 1px solid #e1e1e8;
background-color: #f7f7f7;
color: #d14;
}
pre {
display: block;
padding: 20px;
border: 1px solid #e1e1e8;
margin-bottom: 20px;
overflow-x: auto;
white-space: pre-wrap;
background-color: #f7f7f7;
}
/* Typography Helper Classes */
/**
* acts like an
*/
.hr {
border-top: 1px solid #efefef;
margin: 30px 0;
}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-highlight {
padding: 1px 5px;
background-color: #d5edf8;
color: #111111;
}
.text-uppercase { text-transform: uppercase; }
.mute { color: #aaa; }
p.last,
h1.last,
h2.last,
h3.last,
h4.last,
h5.last,
address.last { margin-bottom: 0; }
/* #Links
========================================================================== */
a,
a:visited {
color: #346699;
text-decoration: none;
}
/**
* 1. Remove the gray background color from active links in IE 10.
*/
a:active {
background: transparent; /* 1 */
}
a:hover,
a:focus {
text-decoration: underline;
outline: 0;
}
/* #Lists
========================================================================== */
ul,
ol {
margin-bottom: 20px;
list-style-position: inside;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
margin-left: 30px;
}
li {}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
/* List Helper Classes */
ul.last,
ol.last { margin-bottom: 0; }
/* #Images
========================================================================== */
/**
* 1. Make images behave responsively
*/
img {
/*max-width: 100%;*/ /* 1 */
border: none;
}
/* Images Helper Classes */
.img-align-left {
float: left;
margin: 5px 10px 0 0;
}
.img-align-right {
float: right;
margin: 5px 0 0 10px;
}
/* #Tables
========================================================================== */
table {
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
border-spacing: 0;
background-color: transparent;
}
caption {
margin: 20px 0;
text-align: center;
font-weight: bold;
}
table th,
table td {
padding: 8px;
border-top: 1px solid #efefef;
text-align: left;
vertical-align: top;
}
table th {
border-top: none;
font-weight: bold;
}
table thead th { vertical-align: bottom; }
/* #Forms
========================================================================== */
form {}
fieldset {}
form p {}
label {
display: block;
margin-bottom: 5px;
}
label span { color: #ff0000; }
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] { cursor: pointer; }
input,
textarea,
select {
display: block;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 10px;
border: 1px solid #719cd1;
margin-bottom: 10px;
background: #fff;
color: #666;
}
input[type="text"]:focus,
textarea:focus {
border-color: #cdcdcd;
outline: 0;
}
select { height: 32px; }
select:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
textarea {
min-height: 100px;
overflow: auto;
}
.radio,
.checkbox {
min-height: 18px;
padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: left;
margin-left: -18px;
}
input:-moz-placeholder,
textarea:-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #ccc; }
/*grid*/
/* ==========================================================================
#Base Grid
========================================================================== */
.row {
position: relative;
width: 940px;
margin: 0 auto;
}
.row .row {
width: auto;
margin: 0;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 { float: left; }
.span1 {
width: 60px;
margin-left: 20px;
}
.span2 {
width: 140px;
margin-left: 20px;
}
.span3 {
width: 220px;
margin-left: 20px;
}
.span4 {
width: 300px;
margin-left: 20px;
}
.span5 {
width: 380px;
margin-left: 20px;
}
.span6 {
width: 460px;
margin-left: 20px;
}
.span7 {
width: 540px;
margin-left: 20px;
}
.span8 {
width: 620px;
margin-left: 20px;
}
.span9 {
width: 700px;
margin-left: 20px;
}
.span10 {
width: 780px;
margin-left: 20px;
}
.span11 {
width: 860px;
margin-left: 20px;
}
.span12 {
width: 940px;
margin-left: 20px;
}
.span1:first-child,
.span2:first-child,
.span3:first-child,
.span4:first-child,
.span5:first-child,
.span6:first-child,
.span7:first-child,
.span8:first-child,
.span9:first-child,
.span10:first-child,
.span11:first-child,
.span12:first-child { margin-left: 0; }
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }
/* ==========================================================================
#Large Display
========================================================================== */
@media (min-width: 1400px) {
.row { width: 1170px; }
.span1 {
width: 70px;
margin-left: 30px;
}
.span2 {
width: 170px;
margin-left: 30px;
}
.span3 {
width: 270px;
margin-left: 30px;
}
.span4 {
width: 370px;
margin-left: 30px;
}
.span5 {
width: 470px;
margin-left: 30px;
}
.span6 {
width: 570px;
margin-left: 30px;
}
.span7 {
width: 670px;
margin-left: 30px;
}
.span8 {
width: 770px;
margin-left: 30px;
}
.span9 {
width: 870px;
margin-left: 30px;
}
.span10 {
width: 970px;
margin-left: 30px;
}
.span11 {
width: 1070px;
margin-left: 30px;
}
.span12 {
width: 1170px;
margin-left: 30px;
}
}
/* ==========================================================================
#Tablet (Portrait)
========================================================================== */
@media (min-width: 768px) and (max-width: 979px) {
.row { width: 705px; }
.span1 {
width: 45px;
margin-left: 15px;
}
.span2 {
width: 105px;
margin-left: 15px;
}
.span3 {
width: 165px;
margin-left: 15px;
}
.span4 {
width: 225px;
margin-left: 15px;
}
.span5 {
width: 285px;
margin-left: 15px;
}
.span6 {
width: 345px;
margin-left: 15px;
}
.span7 {
width: 405px;
margin-left: 15px;
}
.span8 {
width: 465px;
margin-left: 15px;
}
.span9 {
width: 525px;
margin-left: 15px;
}
.span10 {
width: 585px;
margin-left: 15px;
}
.span11 {
width: 645px;
margin-left: 15px;
}
.span12 {
width: 705px;
margin-left: 15px;
}
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }
}
/* ==========================================================================
#Mobile (Portrait and Landscape )
========================================================================== */
@media (max-width: 767px) {
.row { width: auto; }
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
float: none;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0;
}
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-phone { display: inherit !important; }
.hidden-phone { display: none !important; }
}
/* ==========================================================================
#Align
========================================================================== */
.float-left { float: left; }
.float-right { float: right; }
/* ==========================================================================
#Responsive Images and Embeds
========================================================================== */
.responsive-img {
max-width: 100%;
height: auto;
}
/**
* 1. 16/9 ratio
*/
.responsive-embed {
position: relative;
overflow: hidden;
height: 0;
padding: 0;
padding-bottom: 56.25%; /* 1 */
margin-bottom: 20px;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ==========================================================================
#Clearing
========================================================================== */
/**
* Automatically Clear Fix rows
*/
.row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/**
* Clear Fix hack
* Usage: add class="fixed" to div's that have floated elements in them
*/
.fixed:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/**
* Clear content
* Usage:
*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* ==========================================================================
#ResponsiveFormInputs
========================================================================== */
/**
* 1. Reset float inherited from .span*
* 2. Reset margin-left inherited from .span*
*/
input.span1,
textarea.span1,
select.span1,
input.span2,
textarea.span2,
select.span2,
input.span3,
textarea.span3,
select.span3,
input.span4,
textarea.span4,
select.span4,
input.span5,
textarea.span5,
select.span5,
input.span6,
textarea.span6,
select.span6,
input.span7,
textarea.span7,
select.span7,
input.span8,
textarea.span8,
select.span8,
input.span9,
textarea.span9,
select.span9,
input.span10,
textarea.span10,
select.span10,
input.span11,
textarea.span11,
select.span11,
input.span12,
textarea.span12,
select.span12 {
float: none; /* 1 */
margin-left: 0; /* 2 */
}
/*element*/
/* ==========================================================================
#Accordions
========================================================================== */
/* Accordeon */
.accordion { margin-bottom: 30px; }
.accordion-item { margin-bottom: 10px; }
.accordion-item-toggle {
position: relative;
display: block;
overflow: hidden;
padding: 17px 20px;
background-color: #719cd1;
color: #555555;
}
.accordion-item-toggle span {
position: absolute;
top: 0;
right: 0;
width: 57px;
height: 57px;
background: #719cd1 url(../images/bg-toggle.png) no-repeat center right;
}
a.accordion-item-toggle {
color: #fff;
text-decoration: none;
}
.accordion-item-toggle:hover,
.accordion-item-toggle.active { background-color: #719cd1; }
.accordion-item-toggle.active span { background: #719cd1 url(../images/bg-toggle-active.png) no-repeat center right; }
.accordion-item-content {
display: none;
padding: 15px 20px;
}
/* Toogle */
.toggle { margin-bottom: 30px; }
.toggle-item { margin-bottom: 10px; }
.toggle-item-toggle {
position: relative;
display: block;
overflow: hidden;
padding: 17px 20px;
border: 1px solid #e2e2e2;
background-color: #719cd1;
color: #555555;
}
.toggle-item-toggle span {
position: absolute;
top: 0;
right: 0;
width: 57px;
height: 57px;
background: #719cd1 url(../images/bg-toggle.png) no-repeat center right;
}
a.toggle-item-toggle {
color: #fff;
text-decoration: none;
}
.toggle-item-toggle:hover,
.toggle-item-toggle.active { background-color: #719cd1; }
.toggle-item-toggle.active span { background: #719cd1 url(../images/bg-toggle-active.png) no-repeat center right; }
.toggle-item-content {
display: none;
padding: 15px 20px;
}
@media (max-width: 767px) {
}
/* ==========================================================================
#Alerts
========================================================================== */
.alert {
padding: 13px 15px;
border: 1px solid #d1d1d1;
margin-bottom: 30px;
background-color: #f8f8f8;
font-size: 13px;
}
.alert i {
position: relative;
top: 1px;
margin-right: 7px;
font-size: 16px;
}
.alert.info {
background-color: #cce9f2;
color: #3194B1;
}
.alert.success {
background-color: #d8f1c6;
color: #749958;
}
.alert.error {
background-color: #f9d9d9;
color: #B55454;
}
.alert.warning {
background-color: #fbf4dd;
color: #978c68;
}
/* ==========================================================================
#Buttons
========================================================================== */
.btn {
display: inline-block;
padding: 6px 12px;
border: 1px solid #ccc;
margin: 0 5px 20px 0;
background-color: #fff;
color: #444;
line-height: 18px;
text-decoration: none !important;
cursor: pointer;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.btn:focus { outline: 0; }
.btn-large {
padding: 12px 24px;
font-size: 13px;
}
.btn i,
.btn-large i {
float: left;
margin: 2px 8px 0 -4px;
font-size: 14px;
line-height: 14px;
}
.btn:hover { background: #f9f9f9; }
/* Buton Colors */
.btn-white {
border: 1px solid #dddddd;
background-color: #f7f7f7;
color: #444;
}
a.btn-white { color: #444; }
.btn-white:hover { background: #fbfbfb; }
.btn-black {
border: 1px solid #464646;
background-color: #464646;
color: #fff;
}
a.btn-black { color: #fff; }
.btn-black:hover { background: #535353; }
.btn-blue {
border: none;
background-color: #719cd1;
color: #fff;
}
a.btn-blue { color: #fff; }
.btn-blue:hover { background: #719cd1; }
.btn-red {
border: 1px solid #b23730;
background-color: #c74039;
color: #fff;
}
a.btn-red { color: #fff; }
.btn-red:hover { background: #ce4640; }
.btn-green {
border: 1px solid #819633;
background-color: #8da046;
color: #fff;
}
a.btn-green { color: #fff; }
.btn-green:hover { background: #93a749; }
.btn-yellow {
border: none;
background-color: #edff58;
color: #fff;
}
a.btn-yellow { color: #000; }
.btn-yellow:hover { background: #fff; }
/* ==========================================================================
#Callout Boxes
========================================================================== */
.callout-box {
padding: 30px 20px;
margin-bottom: 30px;
background-color: #719cd1;
color: #fff;
}
/**
* Callout box with one background image
*
* 1. background-image must be supplied using inline css as it is different for every .callout-box
*
*/
.callout-box.bg-img {
background-repeat: no-repeat; /* 1 */
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
color: #fff;
}
/**
* Callout box with repeating background image
*
* 1. background-image must be supplied using inline css as it is different for every .callout-box
*
*/
.callout-box.bg-pattern {
background: repeat top left; /* 1 */
color: #fff;
}
.callout-box.bordered {
border: 1px solid #efefef;
background-color: #f5f5f5;
}
.callout-box .btn { margin-bottom: 0; }
.callout-box .span1,
.callout-box .span2,
.callout-box .span3,
.callout-box .span4,
.callout-box .span5,
.callout-box .span6,
.callout-box .span7,
.callout-box .span8,
.callout-box .span9,
.callout-box .span10,
.callout-box .span11,
.callout-box .span12 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
margin: 0;
}
.callout-box .span12 { width: 100%; }
.callout-box .span11 { width: 91.6666666667%; }
.callout-box .span10 { width: 83.3333333333%; }
.callout-box .span9 { width: 75%; }
.callout-box .span8 { width: 66.6666666667%; }
.callout-box .span7 { width: 58.3333333333%; }
.callout-box .span6 { width: 50%; }
.callout-box .span5 { width: 41.6666666667%; }
.callout-box .span4 { width: 33.3333333333%; }
.callout-box .span3 { width: 25%; }
.callout-box .span2 { width: 16.66666666666667%; }
.callout-box .span1 { width: 8.333333333333333%; }
@media (max-width: 767px) {
.callout-box .span1,
.callout-box .span2,
.callout-box .span3,
.callout-box .span4,
.callout-box .span5,
.callout-box .span6,
.callout-box .span7,
.callout-box .span8,
.callout-box .span9,
.callout-box .span10,
.callout-box .span11,
.callout-box .span12 { width: 100%; }
}
/* ==========================================================================
#Custom Lists
========================================================================== */
/**
* Custom lists
*
* 1. unstyled list
* 2. list with discs for bullets
*
*/
ul.unstyled { list-style-type: none; } /* 1 */
ul.circle { list-style-type: circle; } /* 2 */
ul.plus,
ul.pin,
ul.star,
ul.check,
ul.square,
ul.square-2 { list-style: none; }
ul.plus li:before,
ul.pin li:before,
ul.star li:before,
ul.check li:before,
ul.square li:before,
ul.square-2 li:before {
position: relative;
width: auto;
height: auto;
margin-right: 8px;
font-family: 'FontAwesome';
font-style: normal;
}
ul.star li:before {
color: #edff58;
font-size: 14px;
}
ul.check li:before {
color: #719cd1;
font-size: 16px;
}
ul.square li:before {
top: -2px;
color: #719cd1;
font-size: 6px;
}
ul.square-2 li:before {
color: #fff;
font-size: 12px;
padding-right: 10px;
}
ul.plus li:before { content: ""; }
ul.pin li:before { content: ""; }
ul.star li:before { content: ""; }
ul.check li:before { content: ""; }
ul.square li:before { content: ""; }
ul.square-2 li:before { content: ""; }
ul.star li { margin-bottom: 20px; }
ul.check li { margin-bottom: 15px; }
ul.square li,
ul.square-2 li { margin-bottom: 10px; }
/* ==========================================================================
#Dividers
========================================================================== */
.divider { margin: 45px 0; }
.divider.single-line { border-top: 1px solid #e2e2e2; }
.divider.double-line { border-top: 4px double #e2e2e2; }
.divider.single-dotted {
height: 1px;
background: url(../images/bg-single-dotted.png) repeat-x top left ;
}
.divider.double-dotted {
height: 4px;
background: url(../images/bg-double-dotted.png) repeat-x top left;
}
#footer .divider.single-dotted { background-image: url(../images/bg-single-dotted.png); }
#footer .divider.double-dotted { background-image: url(../images/bg-double-dotted.png); }
/* ==========================================================================
#Google Maps
========================================================================== */
.map {
width: 100%;
height: 540px;
margin-top: 50px;
}
/* ==========================================================================
#Icon Boxes
========================================================================== */
/* Icon Box 1
========================================================================== */
.icon-box-1 {
position: relative;
margin-bottom: 30px;
}
.icon-box-1 > i {
float: left;
display: block;
font-size: 32px;
line-height: 32px;
}
.icon-box-1 > img {
float: left;
display: block;
}
.icon-box-1 .icon-box-content { margin-left: 80px; }
.icon-box-1 .icon-box-content h5 {
margin-bottom: 15px;
text-transform: uppercase;
}
.icon-box-1 .icon-box-content h5 a,
.icon-box-1 .icon-box-content p { color: #000; }
@media (max-width: 480px) {
.icon-box-1 > img {
float: none;
margin-bottom: 10px;
}
.icon-box-1 .icon-box-content { margin-left: 0; }
}
/* Icon Box 2
========================================================================== */
.icon-box-2 {
position: relative;
padding: 12px;
border: 1px solid #c0e0f3;
margin-bottom: 30px;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.icon-box-2 > img {
display: block;
margin-bottom: 40px;
width: 100%;
}
.icon-box-2 > i {
display: block;
margin-bottom: 10px;
color: #666e74;
font-size: 48px;
}
.icon-box-2 .icon-box-content { color: #000; }
.icon-box-2 .icon-box-content h4 {
margin-bottom: 40px;
text-transform: uppercase;
}
.icon-box-2 .icon-box-content p,
.icon-box-2 .icon-box-content h4 a {
color: #000;
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.icon-box-2:hover {
background-color: #ECF8FF;
cursor: pointer;
}
.icon-box-2:hover p,
.icon-box-2:hover h4 a { }
@media (max-width: 1400px) {
.icon-box-2 { padding: 10px; }
}
@media (max-width: 980px) {
.icon-box-2 { padding: 10px; }
}
@media (min-width: 768px) and (max-width: 979px) {
.icon-box-2 { padding: 10px; }
}
@media (max-width: 767px) {
.icon-box-2 {
padding: 25px;
margin-bottom: 30px;
}
}
/* Icon Box 3
========================================================================== */
.icon-box-3 {
position: relative;
margin-bottom: 30px;
color: #2f2f2f;
}
.icon-box-3 a { color: #2f2f2f; }
.icon-box-3 a i {
margin-left: 5px;
color: #038da7;
}
.icon-box-3 > a { float: right; }
.icon-box-3 > i {
float: left;
margin-right: 10px;
font-size: 32px;
}
.icon-box-3 > img {
float: left;
margin: 0 20px 20px 0;
}
.icon-box-3 .icon-box-content { }
/* Icon Box 4
========================================================================== */
.icon-box-4 {
position: relative;
margin: 30px 0;
}
/**
* 1. Android Browser 2.3 does not support % value for border-radius
* 2. Stop bg color from leaking outside the border
*/
.icon-box-4 > i {
position: absolute;
z-index: 20;
left: 50%;
width: 60px;
height: 60px;
border: 1px solid #969696;
border-radius: 30px; /* 1 */
-webkit-border-radius: 50%;
border-radius: 50%;
margin-top: -30px;
margin-left: -30px;
background-color: #e1e1e1;
background-clip: padding-box; /* 2 */
color: #444444;
font-size: 32px;
line-height: 60px;
text-align: center;
}
.icon-box-4 .icon-box-content {
position: relative;
z-index: 10;
padding: 55px 40px 40px;
border: 1px solid #e0e0e0;
-webkit-border-radius: 50%;
border-radius: 3px;
margin-top: 16px;
background-color: #f4f4f4;
text-align: center;
}
/* Icon Box 5
========================================================================== */
.icon-box-5 {
position: relative;
margin-bottom: 30px;
}
.icon-box-5 > i {
position: absolute;
z-index: 20;
top: 50%;
left: 0;
width: 60px;
height: 60px;
border: 1px solid #969696;
border-radius: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-top: -30px;
background-color: #e1e1e1;
background-clip: padding-box;
color: #444444;
font-size: 32px;
line-height: 60px;
text-align: center;
}
.icon-box-5 .icon-box-content {
position: relative;
z-index: 10;
padding: 40px 40px 40px 55px;
border: 1px solid #e0e0e0;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-left: 30px;
background-color: #f4f4f4;
text-align: center;
}
/* ==========================================================================
#Milestones
========================================================================== */
.milestone {
position: relative;
padding: 10px;
margin-bottom: 30px;
background-color: #719cd1;
}
.milestone i {
float: left;
z-index: 20;
margin-right: 10px;
font-size: 32px;
}
.milestone .milestone-content {
z-index: 10;
padding: 30px;
border: 1px solid #fff;
color: #fff;
font-size: 48px;
line-height: 48px;
font-weight: 700;
text-align: center;
}
.milestone .milestone-content span { color: #fff; }
.milestone .milestone-description {
font-size: 14px;
line-height: 24px;
font-weight: normal;
text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 979px) {
.milestone .milestone-content { font-size: 35px; }
}
/* ==========================================================================
#Our Process
========================================================================== */
.process-builder { margin-bottom: 30px; }
.process-builder ul:before {
position: absolute;
top: 90px;
left: 85px;
display: block;
width: 75%;
height: 0;
border-top: 1px dashed #666;
content: "";
}
.process-builder ul { list-style: none; }
.process-builder ul li {
float: left;
width: 25%;
text-align: center;
}
.process-builder ul li i {
font-size: 70px;
line-height: 140px;
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.process-builder ul li span {
position: relative;
display: inline-block;
overflow: hidden;
width: 140px;
height: 140px;
border: 1px solid #666;
border-radius: 70px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-bottom: 20px;
background-color: #fff;
background-clip: padding-box;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.process-builder ul li:hover span { background-color: #369; }
.process-builder ul li:hover i { color: #fff; }
.process-builder.three-items ul li { width: 33.3333333333%; }
.process-builder.four-items ul li { width: 25%; }
.process-builder.five-items ul li { width: 20%; }
@media (min-width: 768px) and (max-width: 979px) {
.process-builder ul:before {
top: 50px;
left: 70px;
}
.process-builder ul li i {
font-size: 60px;
line-height: 100px;
}
.process-builder ul li span {
width: 100px;
height: 100px;
}
}
@media (max-width: 767px) {
.process-builder ul li {
float: none;
width: auto;
}
.process-builder ul:before {
border-top: none;
}
.process-builder.three-items ul li,
.process-builder.four-items ul li,
.process-builder.five-items ul li { width: auto; }
}
/* ==========================================================================
#Parallax
========================================================================== */
.parallax {
overflow: hidden;
margin-bottom: 30px;
background-color: #333;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 50% 0;
-webkit-background-size: cover;
background-size: cover;
}
.parallax.parallax-enabled { background-attachment: fixed !important; }
/* ==========================================================================
#Pie charts
========================================================================== */
.pie-chart {
position: relative;
margin: 0 auto 30px auto;
text-align: center;
}
.pie-chart canvas {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.pie-chart i,
.pie-chart .pie-chart-custom-text,
.pie-chart .pie-chart-percent {
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: block;
width: 100%;
color: #444444;
text-align: center;
}
.pie-chart img {
max-width: 100%;
vertical-align: middle;
}
.pie-chart .pie-chart-custom-text {
font-size: 18px;
}
.pie-chart .pie-chart-percent {
font-size: 36px;
}
.pie-chart-description {
display: block;
font-size: 14px;
text-align: center;
}
/* ==========================================================================
#Pricing List
========================================================================== */
.price-list {
list-style: none;
}
.price-list li {
position: relative;
padding: 15px 0 15px 15px;
margin-bottom: 20px;
background-color: #719cd1;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.price-list li span {
position: absolute;
top: 0;
right: 0;
padding: 11px 10px;
background-color: #719cd1;
color: #fff;
font-size: 24px;
line-height: 30px;
font-weight: normal;
}
@media (min-width: 768px) and (max-width: 979px) {
.price-list li span { padding: 11px 5px; }
}
/* ==========================================================================
#Pricing Tables
========================================================================== */
.price-table {
margin-bottom: 30px;
list-style: none;
color: #fff;
}
.price-table > li {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 55px;
background-color: #719cd1;
}
.price-table.five-items > li { width: 20%; }
.price-table.four-items > li { width: 25%; }
.price-table.three-items > li { width: 33.3333333333%; }
.price-table > li:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.price-table > li h5 {
margin-bottom: 40px;
color: #fff;
text-align: center;
}
.price-table > li h1 {
padding: 25px 0;
margin-bottom: 0;
background-color: #719cd1;
color: #fff;
text-align: center;
font-size: 36px;
}
.price-table .square-2 { margin: 0 0 65px 25px; }
.price-table > li:hover .price-heading h3 { background-color: #ebba54; }
.price-heading { background-color: #2bc2d5; }
.price-heading h3 {
padding: 5px 0;
background-color: #229baa;
color: #fff;
text-align: center;
}
.price-heading h1 {
padding: 10px 0;
margin-bottom: 0;
color: #fff;
font-size: 40px;
font-weight: bold;
text-align: center;
}
.price-heading h1 sup {
font-weight: bold;
font-size: 25px;
}
.price-heading h1 span {
font-size: 20px;
vertical-align: middle;
}
.pricing-features {
margin-left: 0;
background-color: #eee;
list-style: none;
}
.pricing-features li {
float: none;
display: block;
width: 100%;
padding: 10px 0;
border-top: 1px solid #ccc;
text-align: center;
}
.pricing-features li:first-child { border-top: none; }
.pricing-features li a {
display: inline-block;
padding: 5px 10px;
background-color: #229baa;
color: #fff;
text-decoration: none;
}
@media (min-width: 1400px) {
.price-table .square-2 { margin: 0 0 65px 55px; }
}
@media (min-width: 768px) and (max-width: 979px) {
.price-table .square-2 { margin-left: 10px; }
}
@media (max-width: 767px) {
.price-table > li {
float: none;
width: auto;
margin: 20px 0;
}
.price-table.five-items > li,
.price-table.four-items > li,
.price-table.three-items > li { width: auto; }
.price-table > li+li { border-left: 1px solid #ccc; }
.price-table > li:hover {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
}
/* ==========================================================================
#ProgressBars
========================================================================== */
.progress-bar-wrapper {
position: relative;
padding: 7px 0 0 90px;
margin-bottom: 40px;
}
.progress-bar-wrapper img {
position: absolute;
top: 0px;
left: 0;
}
.progress-bar-description {
display: block;
margin-bottom: 10px;
line-height: 14px;
text-transform: uppercase;
}
.progress-bar {
position: relative;
display: block;
height: 14px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom: 15px;
background-color: #719cd1;
}
.progress-bar .progress-bar-outer {
position: absolute;
top: 0;
left: 0;
height: 100%;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.progress-bar .progress-bar-outer .progress-bar-inner {
position: absolute;
z-index: 1;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%;
}
/* ==========================================================================
#SocialMedia
========================================================================== */
a.social-icon {
display: inline-block;
margin-right: 15px;
margin-bottom: 0;
text-align: center;
}
a.social-icon:last-child { margin-right: 0; }
a.social-icon i {
font-size: 18px;
line-height: 18px;
color: #719cd1;
}
a.social-icon:hover { text-decoration: none; }
a.social-icon:hover i { }
a.facebook-icon:hover i { color: #0e59a0 !important; }
a.twitter-icon:hover i { color: #038da7 !important; }
a.vimeo-icon:hover i { color: #63879c !important; }
a.flickr-icon:hover i { color: #0061db !important; }
a.github-icon:hover i { color: #3b3b3b !important; }
a.googleplus-icon:hover i { color: #282927 !important; }
a.pinterest-icon:hover i { color: #d73532 !important; }
a.tumblr-icon:hover i { color: #586980 !important; }
a.linkedin-icon:hover i { color: #018faf !important; }
a.dribble-icon:hover i { color: #ea73a0 !important; }
a.stumbleupon-icon:hover i { color: #ea4b24 !important; }
a.lastfm-icon:hover i { color: #b80638 !important; }
a.instagram-icon:hover i { color: #82685a !important; }
a.evernote-icon:hover i { color: #3bab27 !important; }
a.skype-icon:hover i { color: #00b0f6 !important; }
a.paypal-icon:hover i { color: #0d3967 !important; }
a.soundcloud-icon:hover i { color: #e9702b !important; }
a.behance-icon:hover i { color: #0066ff !important; }
a.rss-icon:hover i { color: #f79638 !important; }
/* ==========================================================================
#SplitColorBox
========================================================================== */
.split-color-box {
position: relative;
margin-bottom: 30px;
background: -webkit-linear-gradient(90deg, #719cd1 0%, #719cd1 50%, #719cd1 50%, #719cd1 100%);
background: -o-linear-gradient(90deg, #719cd1 0%, #719cd1 50%, #719cd1 50%, #719cd1 100%);
background: linear-gradient(90deg, #719cd1 0%, #719cd1 50%, #719cd1 50%, #719cd1 100%);
background-color: #719cd1;
color: #fff;
}
.split-color-box.alt-colors {
position: relative;
margin-bottom: 30px;
background: -webkit-linear-gradient(90deg, #0293e6 0%, #0293e6 50%, #719cd1 50%, #719cd1 100%);
background: -o-linear-gradient(90deg, #0293e6 0%, #0293e6 50%, #719cd1 50%, #719cd1 100%);
background: linear-gradient(90deg, #0293e6 0%, #0293e6 50%, #719cd1 50%, #719cd1 100%);
background-color: #0293e6;
color: #fff;
}
.split-color-box .span1,
.split-color-box .span2,
.split-color-box .span3,
.split-color-box .span4,
.split-color-box .span5,
.split-color-box .span6,
.split-color-box .span7,
.split-color-box .span8,
.split-color-box .span9,
.split-color-box .span10,
.split-color-box .span11,
.split-color-box .span12 {
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
.split-color-box.no-padding .span1,
.split-color-box.no-padding .span2,
.split-color-box.no-padding .span3,
.split-color-box.no-padding .span4,
.split-color-box.no-padding .span5,
.split-color-box.no-padding .span6,
.split-color-box.no-padding .span7,
.split-color-box.no-padding .span8,
.split-color-box.no-padding .span9,
.split-color-box.no-padding .span10,
.split-color-box.no-padding .span11,
.split-color-box.no-padding .span12 { padding: 0; }
.split-color-box .span1:first-child,
.split-color-box .span2:first-child,
.split-color-box .span3:first-child,
.split-color-box .span4:first-child,
.split-color-box .span5:first-child,
.split-color-box .span6:first-child,
.split-color-box .span7:first-child,
.split-color-box .span8:first-child,
.split-color-box .span9:first-child,
.split-color-box .span10:first-child,
.split-color-box .span11:first-child,
.split-color-box .span12:first-child { padding-left: 0; }
.split-color-box h1,
.split-color-box h2,
.split-color-box h3,
.split-color-box h4,
.split-color-box h5,
.split-color-box h6 { color: #fff; }
.split-color-box .btn-yellow {
float: right;
margin-top: 60px;
font-size: 16px;
}
.split-color-box h2 { margin-bottom: 30px; }
.split-color-box .star li:before { padding-right: 10px; }
.split-color-box img {
display: block;
width: 100%;
margin-bottom: 120px;
}
.split-color-box .inner-box {
padding: 30px 40px;
border: 1px solid #fff;
}
.split-color-box .inner-box img {
display: inline-block;
width: auto;
margin: 10px 10px 10px 0;
vertical-align: middle;
}
.split-color-box .inner-box h3 {
float: left;
margin-bottom: 0;
line-height: 22px;
}
.split-color-box .star { margin-bottom: 65px; }
.split-color-box .inner-box a.btn {
float: left;
margin: 3px 0 0 75px;
}
.split-color-box .inner-box span {
margin-right: 25px;
color: #fff;
}
.split-color-box .inner-box span:last-child { margin-right: 0; }
@media (min-width: 1400px) {
.split-color-box .span1,
.split-color-box .span2,
.split-color-box .span3,
.split-color-box .span4,
.split-color-box .span5,
.split-color-box .span6,
.split-color-box .span7,
.split-color-box .span8,
.split-color-box .span9,
.split-color-box .span10,
.split-color-box .span11,
.split-color-box .span12 { padding: 0 30px; }
.split-color-box .inner-box a.btn { margin-left: 90px; }
.split-color-box .inner-box span { margin-right: 30px; }
.split-color-box img { margin-bottom: 50px; }
}
@media (min-width: 768px) and (max-width: 979px) {
.split-color-box .inner-box h3 { float: none; }
.split-color-box .inner-box a.btn {
float: none;
margin: 20px 0 0 0;
}
}
@media (max-width: 767px) {
.split-color-box {
margin-top: 75px;
background: #0293e6;
}
.split-color-box.alt-colors { margin-top: 0; }
.split-color-box .row { padding: 0; }
.split-color-box .span1,
.split-color-box .span2,
.split-color-box .span3,
.split-color-box .span4,
.split-color-box .span5,
.split-color-box .span6,
.split-color-box .span7,
.split-color-box .span8,
.split-color-box .span9,
.split-color-box .span10,
.split-color-box .span11,
.split-color-box .span12 { padding: 0 40px !important; }
.split-color-box .inner-box h3 { float: none; }
.split-color-box .inner-box a.btn {
float: none;
margin: 20px 0 0 0;
}
.split-color-box .inner-box { margin-top: 20px; }
.split-color-box img,
.split-color-box .star { margin-bottom: 20px; }
.split-color-box .inner-box span {
display: block;
margin-bottom: 10px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.split-color-box .inner-box span { display: inline-block; }
.split-color-box .inner-box h3 { float: left; }
.split-color-box .inner-box a.btn {
float: left;
margin-top: 0;
margin-left: 50px;
}
}
/* ==========================================================================
#Styled Tables
========================================================================== */
.table-bordered {
border-bottom: 1px solid #efefef;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
border-collapse: separate;
}
.table-bordered th { text-align: center; }
.table-bordered td {
padding: 8px 20px;
border-top: none;
border-left: 1px solid #efefef;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
color: #2f2f2f;
text-align: center;
}
.table-bordered.alt { border: none; }
.table-bordered.alt td {
border-left: 1px solid #000;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
}
.table-bordered.alt td:first-child { border-left: none; }
.table-bordered.alt td:last-child { border-right: none; }
.table-bordered td:last-child { border-right: 1px solid #efefef; }
.table-bordered.alt-2 {
border-top: 1px solid #efefef;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
}
.table-bordered.alt-2 th,
.table-bordered.alt-2 td {
border-top: 1px solid #efefef;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
text-align: left;
}
.table-bordered th {
padding: 20px;
background-color: #719cd1;
color: #fff;
font-size: 18px;
font-weight: normal;
border-left: none;
}
.table-bordered.alt-2 th {
border-left: 1px solid #efefef;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
}
.table-bordered.alt-2 th:last-child { border-right: 1px solid #efefef; }
.table-bordered.alt-2 th {
background-color: #edf8fe;
color: #2f2f2f;
text-align: left;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td { border-top: none; }
.table-condensed th,
.table-condensed td { padding: 4px 8px; }
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th { background-color: #edf8fe; }
.table-striped.alt-2 tbody tr:nth-child(odd) td,
.table-striped.alt-2 tbody tr:nth-child(odd) th { background-color: #fff; }
.table-striped.alt tbody tr td,
.table-striped.alt tbody tr th {
background-color: #719cd1;
color: #fff;
}
.table-striped.alt tbody tr:nth-child(odd) td,
.table-striped.alt tbody tr:nth-child(odd) th { background-color: #719cd1; }
@media (max-width: 480px) {
/**
* Force table to not be like tables anymore
*/
table,
thead,
tbody,
th,
td,
tr { display: block; }
/**
* Hide table headers
*/
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table-bordered tr {
border-top: 1px solid #555;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
}
.table-bordered.alt tr {
border-top: 1px solid #f00;
}
td:first-child { border-top:none !important; }
.table-bordered td:last-child,
.table-bordered.alt td:last-child.alt { border: none; }
.table-bordered,
.table-bordered.alt { border-bottom: none; }
.table-bordered td,
.table-bordered.alt td { border-left: none; }
.table-bordered.alt-2 td { border-top: none; }
}
/* ==========================================================================
#Tabs
========================================================================== */
.tabs-menu {
margin-bottom: 1px;
background-color: #719cd1;
list-style: none;
}
.tabs-menu li {
float: left;
padding: 5px;
background-color: #719cd1;
}
.tabs-menu li a {
display: block;
padding: 15px 35px;
border: 1px solid #719cd1;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.tabs-menu li a:hover { text-decoration: none; }
.tabs-menu li.active,
.tabs-menu li:hover,
.tabs-menu li:hover a { border-color: #719cd1; }
.tabs-menu li.active a {
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
color: #fff;
}
.tabs-menu li.active:last-child a { border-right: 1px solid #fff; }
.tabs {
padding: 5px;
margin-bottom: 30px;
background-color: #719cd1;
color: #fff;
}
.tab-content {
padding: 40px 25px;
border: 1px solid #fff;
}
.tab-content h6 {
margin-bottom: 25px;
color: #fff;
}
#tab-2 .tabs-menu li.active { background-color: #719cd1; }
#tab-2 .tabs-menu,
#tab-2 .tabs-menu li { background-color: #719cd1; }
#tab-2 .tabs-menu li a { border-color: #719cd1; }
#tab-2 .tabs-menu li:hover { background-color: #719cd1; }
#tab-2 .tabs-menu li:hover a { border-color: #719cd1; }
#tab-2 .tabs { background-color: #719cd1; }
#tab-3 .tabs-menu { margin-top: -1px; }
#tab-3 .tabs-menu li {
width: 33.3333333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#tab-3 .tabs-menu li a { padding: 10px 15px; }
#tab-3 .tabs {
padding: 30px 0 0 0;
background-color: #fff;
}
#tab-3 .tab-content {
padding: 0;
border: none;
}
@media (min-width: 768px) and (max-width: 979px) {
#tab-3 .tabs-menu li {
display: block;
width: 100%;
}
}
@media (max-width: 767px) {
.tabs-menu { border-bottom: none; }
.tabs-menu li {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tabs-menu li a {
float: none;
display: block;
padding: 20px 25px;
margin: 0;
}
.tabs-menu li a:hover { text-decoration: none; }
.tabs-menu li.active a {
padding: 20px 25px;
margin: 0px;
}
}
/* ==========================================================================
#Testimonials
========================================================================== */
.testimonial {
position: relative;
padding: 35px;
margin-bottom: 30px;
background-color: #719cd1;
}
.testimonial:before {
position: absolute;
z-index: 10;
top: 23px;
left: 50%;
width: auto;
padding: 0 10px;
margin-left: -22px;
background-color: #719cd1;
color: #fff;
font-family: 'FontAwesome';
font-size: 28px;
font-style: normal;
}
.testimonial:before {
text-align: center;
content: "";
}
.testimonial blockquote {
position: relative;
z-index: 5;
padding: 20px;
border: 1px solid #fff;
color: #fff;
}
.testimonial blockquote p {
margin-bottom: 0;
font-style: normal;
}
.testimonial img {
float: left;
margin: 40px 30px 0 30px;
}
.testimonial h5 { margin-top: 40px; }
.testimonial a { color: #555; }
.testimonial h5 span { color: #999; }
.testimonial.alt {
background-color: transparent;
padding: 35px 0 0 0;
}
.testimonial.alt:before {
background-color: #fff;
color: #719cd1;
}
.testimonial.alt blockquote {
padding-top: 40px;
border-width: 1px 0 0 0;
margin-bottom: 35px;
color: #2f2f2f;
}
.testimonial.alt > p {
display: table;
padding: 15px;
border: 1px solid #2f2f2f;
margin: 0 auto;
}
.testimonial.alt > p span { color: #719cd1;}
@media (max-width: 767px) {
.testimonial { padding: 20px; }
.testimonial:before { top: 5px; }
.testimonial.alt:before { top: 23px; }
.testimonial img { margin: 20px 20px 10px 0; }
.testimonial.alt blockquote { padding: 20px 10px 10px 10px; }
}
/*layout*/
.border-replacement {
-webkit-border-image: url(../images/dot.png) 1 repeat !important;
border-image: url(../images/dot.png) 1 repeat !important;
}
.quick-social.border-replacement,
.testimonial.alt blockquote,
.testimonial.alt > p {
-webkit-border-image: url(../images/dot.png) 1 repeat !important;
border-image: url(../images/dot.png) 1 repeat !important;
}
.team-member-details.border-replacement {
-webkit-border-image: url(../images/dot-3.png) 1 repeat !important;
border-image: url(../images/dot-3.png) 1 repeat !important;
}
/* ==========================================================================
#General Layout
========================================================================== */
#wrap { }
/* #Header
========================================================================== */
#header { background-color: #fff; height: 128px;}
/* Logo */
#logo {
display: block;
margin: 0;
}
/* Menu basics */
.sf-menu,
.sf-menu * {
padding: 0;
margin: 0;
list-style: none;
}
.sf-menu li {
position: relative;
white-space: nowrap;
}
.sf-menu ul {
position: absolute;
top: 100%;
left: 0;
z-index: 99;
display: none;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
position: relative;
display: block;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/* Menu skin */
.sf-menu { float: right; }
/* Level 1 */
.sf-menu a {
padding: 10px 15px;
border-bottom: 1px solid #1d91d3;
color: #fff;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
}
.sf-menu > li > a {
position: relative;
overflow: hidden;
padding: 48px 30px;
border: none;
margin-left: 1px;
color: #666;
font-size: 13px;
}
.sf-menu > li > a span {
display: block;
color: #729dd0;
line-height: 10px;
font-weight: bold;
}
.sf-menu > li > a img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
}
.sf-menu > li > a .sf-menu-item-overlay {
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background-color: #729dd0;
opacity: 0;
}
.sf-menu > li > a .sf-menu-item-text {
position: relative;
z-index: 3;
color: #000 ;
}
.sf-menu > li.current > a img,
.sf-menu > li:hover > a img,
.sf-menu > li.sfHover > a img {
opacity: 1;
}
.sf-menu > li.current > a .sf-menu-item-text,
.sf-menu > li:hover > a .sf-menu-item-text,
.sf-menu > li.sfHover > a .sf-menu-item-text {
color: #fff;
}
.sf-menu > li.current > a .sf-menu-item-overlay,
.sf-menu > li:hover > a .sf-menu-item-overlay,
.sf-menu > li.sfHover > a .sf-menu-item-overlay {
opacity: 1;
}
.sf-menu li {
-webkit-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
position: relative;
text-decoration: none;
}
.sf-menu li:hover a,
.sf-menu li.sfHover a {
text-decoration: none;
}
.sf-menu li.current a {
color: #fff !important;
}
.sf-menu li.current span,
.sf-menu li:hover span
{
color: #96b6dd !important;
}
/* Level 2 */
.sf-menu ul {
min-width: 150px; /* allow long menu items to determine submenu width */
background-color: #719cd1;
}
.sf-menu ul li:last-child a {
}
.sf-menu ul ul li {
}
/* Menu arrows */
.sf-arrows .sf-with-ul {
padding-right: 40px;
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
position: absolute;
top: 50%;
right: 16px;
height: 0;
width: 0;
/* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent;
border-top-color: #dfeeff; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(255, 255, 255, .5);
margin-top: -3px;
content: '';
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dfeeff; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255, 255, 255, .5);
}
/* Mobile Menu */
#mobile-menu {
z-index: 20;
border-bottom: 1px solid #efefef;
}
#mobile-menu li {
display: block;
margin: 0;
}
#mobile-menu > li > ul,
#mobile-menu > li > ul > li > ul {
display: none;
margin-left: 0;
}
#mobile-menu li a {
position: relative;
display: block;
padding: 15px 25px;
border-top: 1px solid #efefef;
color:#333;
font-size: 13px;
text-align: left;
text-decoration: none;
}
#mobile-menu li a .sf-menu-item-overlay,
#mobile-menu li a img {
display: none;
}
#mobile-menu ul a { padding-left: 45px; }
#mobile-menu ul li ul a { padding-left: 65px; }
#mobile-menu .mobile-menu-submenu-arrow {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 70px;
border-left: 1px solid #efefef;
color: #333;
font-size:20px;
line-height: 50px;
text-align: center;
cursor: pointer;
}
#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f3f3f3; }
#mobile-menu li a:hover {}
#mobile-menu { display: none; }
/* Mobile menu trigger */
#mobile-menu-trigger {
float: right;
display: none;
font-size: 32px;
}
/* Search */
#searchform { position: relative; }
#s {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 15px;
}
#searchsubmit {
position: absolute;
top: 9px;
right: 3px;
padding: 3px;
border: none;
font-size: 10px;
cursor: pointer;
}
#searchsubmit:focus { outline: 0; }
/* #Content
========================================================================== */
#content {
min-height: 300px;
padding-bottom: 50px;
}
/* Color Shade */
.color-shade-1 { background-color: #719cd1; }
.color-shade-2 { background-color: #719cd1; }
.color-shade-3 { background-color: #0293e6; }
.color-shade-4 { background-color: #038da7; }
/* Headline Titles */
.headline {
margin: 20px 0 75px 0;
text-align: center;
}
.headline img {
display: block;
margin: 0 auto 20px;
}
.headline > span {
display: inline-block;
width: 20px;
padding: 0;
border-bottom: 3px solid #719cd1;
margin-bottom: -11px;
}
.headline h1 {
display: inline-block;
padding: 0 12px;
border-bottom: 1px solid #d0d0d0;
margin: 0 -3px;
line-height: 40px;
font-weight: 300;
text-transform: uppercase;
}
.headline h1 span {
padding: 0;
color: #719cd1;
}
span { color: #719cd1; }
/* Page Header */
#page-header {
padding: 5px 0;
margin-bottom: 60px;
background-color: #719cd1;
color: #fff;
}
#page-header img {
display: block;
width: 100%;
padding: 5px 0;
border-bottom: 1px solid #fff;
}
#page-header-content {
padding: 25px;
/*border-top: 1px solid #fff;
border-bottom: 1px solid #fff;*/
}
#page-header-content h5 {
color: #fff;
margin-bottom: 0;
line-height: 16px;
}
#page-header-content p {
margin-bottom: 0;
}
#page-header-content a {
color: #fff;
}
/* Side Nav */
.side-nav {
border-top: 1px solid #efefef;
margin-bottom: 30px;
list-style-type: none;
list-style-position: outside;
}
.side-nav li { border-bottom: 1px solid #efefef; }
.side-nav li a {
display: block;
padding: 10px 0 10px 25px;
}
.side-nav li a:hover { }
.side-nav li.current a { color: #303030; }
.side-nav li.current a:hover { text-decoration: none; }
/* #Footer
========================================================================== */
#footer {
background-color: #dea300;
color: #000;
}
#footer h5 {
margin-bottom: 20px;
text-transform: uppercase;
color: #000;
}
#footer a,
#footer span { color: #fff; }
/* Footer top */
#footer-top {
padding: 40px 0;
background-color: #62a1cd;
}
/* Footer middle */
#footer-middle {
padding: 50px 0;
background-color: #5390bd;
color: #fff;
}
/* Footer bottom */
#footer-bottom {
padding: 20px 0;
background-color: #528abb;
color: #fff;
}
/* Footer social media */
#footer-top .social { text-align: center; }
#footer-top a.social-icon { margin-right: 40px; }
#footer-top a.social-icon i {
font-size: 22px;
line-height: 22px;
color: #fff;
}
#footer-top a.social-icon:last-child i { margin-right: 0; }
/* Contact Information */
.widget_contact_info ul {
margin-left: -40px;
list-style: none;
}
.widget_contact_info ul li {
margin-bottom: 20px;
padding-left: 30px;
}
.widget_contact_info ul li span,
.widget_contact_info ul li a { color: #2f2f2f; }
.widget_contact_info ul li:last-child { margin-bottom: 0; }
.widget_contact_info ul li.address { background: url(../images/bg-address.png) no-repeat 0 2px; }
.widget_contact_info ul li.phone { background: url(../images/bg-phone.png) no-repeat 0 4px; }
.widget_contact_info ul li.email { background: url(../images/bg-email.png) no-repeat 0 5px; }
.widget_contact_info ul li.addressblack { background: url(../images/bg-address-2.png) no-repeat 0 2px; }
.widget_contact_info ul li.phoneblack { background: url(../images/bg-phone-2.png) no-repeat 0 4px; }
.widget_contact_info ul li.emailblack { background: url(../images/bg-email-2.png) no-repeat 0 5px; }
/* #footer .widget_contact_info ul li.address { background: url(../images/bg-address.png) no-repeat 0 2px; }
#footer .widget_contact_info ul li.phone { background: url(../images/bg-phone.png) no-repeat 0 4px; }
#footer .widget_contact_info ul li.email { background: url(../images/bg-email.png) no-repeat 0 5px; } */
/* Latest Tweet */
#latest-tweet {
min-height: 270px;
padding: 30px 40px;
border: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-left: -40px;
text-align: center;
}
#twitter-account {
display: block;
margin-bottom: 20px;
color: #038da7;
font-size: 22px;
font-weight: 300;
text-align: center;
}
#twitter-account i {
margin-bottom: 10px;
font-size: 40px;
}
#tweet {}
#tweet ul {
margin-bottom: 0;
list-style: none;
}
#tweet .tweet { word-wrap: break-word; }
#tweet .interact { display: none; }
/* Flickr Feed */
#flickr-feed { margin-top: -3px; }
#flickr-feed a { display: inline; }
#flickr-feed img {
width: 65px;
height: auto;
border: 0;
padding: 3px 8px 0 0;
}
/* Contact Support */
.widget_contact_support div {
margin-left: -40px;
padding: 20px;
background-color: #528abb;
color: #fff;
}
.widget_contact_support .phone-number {
padding: 20px;
border: 1px solid #000;
margin-left: 0;
font-size: 18px;
line-height: 18px;
text-align: center;
color: #fff;
}
/* Newsletter Subscribe */
.widget_newsletter_subscribe div {
padding: 20px;
margin-left: -40px;
background: #719cd1 url(../images/bg-newsletter-subscribe.png) no-repeat top left;
color: #000;
}
.widget_newsletter_subscribe h5 {
margin-bottom: 20px;
color: #000;
}
#newsletter-subscribe-form fieldset { position: relative; }
#newsletter-subscribe-form input[type="text"] {
width: 100%;
border: none;
margin-bottom: 2px;
background-color: #dea300;
color: #fff;
}
#newsletter-subscribe-form input[type="submit"] {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
min-height: 24px;
padding: 5px 10px;
border: none;
background-color: #719cd1;
color: #fff;
font-size: 10px;
text-transform: uppercase;
}
#newsletter-subscribe-form input[type="submit"]:hover { background-color: #038da7; }
/* Footer Widgets */
#footer .widget { margin-left: 0; }
#footer .widget-title {
padding: 0;
border: none;
-webkit-border-image: none;
border-image: none;
box-shadow: none;
margin: 0 0 20px 0;
background-color: transparent;
color: #fff;
}
#footer .widget_categories ul li,
#footer .widget_recent_entries ul li,
#footer .widget_pages ul li,
#footer .widget_archive ul li,
#footer .widget_meta ul li,
#footer #recentcomments li,
#footer .widget_nav_menu .menu li,
#footer .widget_categories select,
#footer .widget_archive select,
#footer #wp-calendar tr td {
border-top-color: #fff;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
}
#footer .widget_categories select,
#footer .widget_archive select,
#footer #tab-3 .tabs {
background: transparent;
color: #fff;
}
#footer #recentcomments li a,
#footer #wp-calendar caption,
#footer #calendar_wrap th,
#footer #wp-calendar a,
#footer .popular-posts-info { color: #fff; }
#footer .widget_categories select,
#footer .widget_flickr #flickr-feed,
#footer .widget_popular_posts #tab-3,
#footer .widget_archive select,
#footer #calendar_wrap,
#footer .widget_contact_info ul,
#footer #latest-tweet,
#footer .widget_contact_support div,
#footer .widget_newsletter_subscribe div { margin-left: 0; }
#footer .widget_search { margin-bottom: 20px; }
/* ==========================================================================
#Page Styles
========================================================================== */
/* #Index
========================================================================== */
.blog-post-overview { position: relative; }
.blog-post-overview img {
display: block;
width: 100%;
margin-bottom: 40px;
}
.blog-post-overview .date {
position: absolute;
top: 0;
right: 0;
padding-top: 20px;
background-color: #edff58;
color: #2f2f2f;
font-size: 24px;
text-align: center;
text-transform: uppercase;
}
.blog-post-overview .date p span {
padding: 0 15px;
color: #2f2f2f;
font-size: 30px;
}
.blog-post-overview .date p.new {
padding: 5px 10px;
margin-bottom: 0;
background-color: #70bf00;
color: #fff;
font-size: 18px;
}
.blog-post-overview > p { padding: 0 20px; }
.blog-post-overview h4 {
padding: 0 20px;
margin-bottom: 35px;
}
.blog-post-overview a { color: #fff; }
.blog-post-overview a.btn {
float: none;
margin: 0 0 40px 20px;
color: #2f2f2f;
font-size: 14px;
text-transform: uppercase;
}
/* Services List*/
.services-list {
margin: 20px 0 20px 0;
list-style: none;
text-align: center;
}
.services-list li {
display: inline-block;
margin: 0 25px 30px 0;
text-align: center;
}
.services-list li:last-child { margin-right: 0; }
.services-list li a { color: #2f2f2f; }
.services-list li img {
display: block;
margin: 0 auto 25px;
}
/* #About
========================================================================== */
/* Team Member */
.team-member {
margin-bottom: 30px;
background-color: #fff;
text-align: center;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.team-member img {
display: block;
width: 100%;
}
.team-member-details {
padding: 30px 15px;
border: solid #719cd1;
border-width: 0 1px 1px 1px;
}
.team-member-details h5 {
margin-bottom: 10px;
text-transform: uppercase;
}
.team-member-details h6 {
margin-bottom: 30px;
text-transform: uppercase;
}
.team-member:hover { background-color: #ecf8ff; }
/* #Services
========================================================================== */
/* #Portfolio
========================================================================== */
/* Portfolio Filter */
.portfolio-filter {
margin-bottom: 60px;
text-align: center;
}
.portfolio-filter ul { list-style: none; }
.portfolio-filter ul li {
display: inline-block;
margin-right: 25px;
}
.portfolio-filter ul li a {
display: block;
padding: 2px 15px;
color: #719cd1;
text-decoration: none;
}
.portfolio-filter ul li:last-child { margin-right: 0; }
.portfolio-filter ul li a.active,
.portfolio-filter ul li a:hover {
background-color: #719cd1;
color: #fff;
}
.portfolio-items {
margin: 0 -10px;
list-style: none;
}
.portfolio-items li {
padding: 0 10px;
margin-bottom: 20px;
}
.portfolio-items li.span3,
.portfolio-items li.span4,
.portfolio-items li.span5 { margin-left: 0; }
.portfolio-items li img {
display: block;
max-width: 100%;
}
.portfolio-item {
position: relative;
overflow: hidden;
margin-bottom: 0px;
}
.portfolio-item-preview { position: relative; }
.portfolio-item-preview > a img {
display: block;
width: 100%;
-webkit-transition: -webkit-transform 0.5s;
-ms-transition: -ms-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
}
.portfolio-item-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 40px;
border: 1px solid #fff;
margin: 20px;
background-color: rgba(1, 140, 220, 0.7);
opacity: 0;
color: #fff;
text-align: center;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.portfolio-item-overlay a {
display: inline-block;
margin: 10px 10px 0 0;
color: #fff;
text-transform: uppercase;
}
.portfolio-item-overlay a:last-child { margin-right: 0; }
.portfolio-item-overlay h4 { color: #fff; }
.portfolio-item:hover .portfolio-item-preview > a img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.portfolio-item:hover .portfolio-item-overlay { opacity: 1; }
/* Portfolio Pagination */
.pagination { list-style: none; }
.pagination li { display: inline-block; }
.pagination a {
display: block;
padding: 8px 15px;
border-left: 0;
margin: 0 3px 3px 0;
background-color: #719cd1;
color: #fff;
text-decoration: none;
}
.pagination li a:last-child{ margin-right: 0; }
.pagination li.current a,
.pagination li a:hover { background-color: #719cd1; }
/* Timeline */
.timeline {
padding-bottom: 50px;
margin-bottom: 0;
list-style: none;
background: url(../images/bg-line.png) repeat-y top center;
}
.timeline img {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.left-side,
.right-side {
float: left;
width: 460px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
}
.separator:before {
position: absolute;
top: 5px;
right: 4px;
width: 10px;
height: 10px;
border: 1px solid #719cd1;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #719cd1;
content: "";
}
.separator:hover:before {
background-color: #fff;
border: 1px solid #719cd1;
}
.separator {
position: relative;
float: left;
width: 20px;
min-height: 20px;
}
a.view-more:before {
position: absolute;
top: -30px;
right: 50%;
width: 11px;
height: 11px;
margin-right: -5.5px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #719cd1;
content: "";
}
a.view-more {
display: block;
position: relative;
margin-top: 30px;
}
/* #Blog
========================================================================== */
/* Blog Post */
.blog-post { padding: 0 50px; }
.blog-post a { color: #2f2f2f; }
.blog-post a.btn-blue { color: #fff; }
.blog-post .date {
position: absolute;
top: 0;
left: 50px;
padding-top: 20px;
background-color: #edff58;
color: #2f2f2f;
font-size: 18px;
text-align: center;
text-transform: uppercase;
}
.blog-post .date p span {
padding: 0 15px;
color: #2f2f2f;
font-size: 25px;
}
.blog-post-img {
position: relative;
margin: 30px -50px 50px -50px;
}
.blog-post-img img {
display: block;
width: 100%;
}
.blog-post .testimonial,
.blog-post .row { margin: 30px -50px; }
.blog-post-info {}
.blog-post-readmore {}
#comment-form {}
/* Blog Post Comment */
.blog-post-comment {}
.blog-post-comment .who {}
.blog-post-comment-reply {}
/* Popular Posts Widget */
.popular-posts { margin-bottom: 20px; }
.popular-posts-title {
padding: 5px;
background-color: #719cd1;
}
.popular-posts-title p {
padding: 15px;
border: 1px solid #fff;
margin-bottom: 0;
color: #fff;
text-transform: uppercase;
}
.popular-posts-thumb { float: left; }
.popular-posts-thumb img { display: block; }
.popular-posts-thumb p {
background-color: #edff58;
color: #2f2f2f;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.popular-posts-info {
margin-left: 90px;
color: #2f2f2f;
}
.popular-posts-info h5 { margin-bottom: 10px; }
.popular-posts-info a { color: #2f2f2f; }
/* WordPress Widget Defaults */
.widget { margin: 0 0 20px 40px; }
#content .widget-title {
padding: 10px 15px;
border: 1px solid #fff;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
box-shadow: 0 0 0 5px #719cd1;
margin: 5px 5px 25px -35px;
background-color: #719cd1;
color: #fff;
text-transform: uppercase;
line-height: 20px;
font-size: 14px;
}
.widget-title a { color: #fff; }
/* Search Widget */
.widget_search { margin: 0; }
#searchform { background-color: #719cd1; }
.screen-reader-text { display: none; }
#s {
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 30px;
border: none;
margin-bottom: 0;
background: #719cd1 url(../images/bg-search.png) no-repeat 10px center;
color: #fff;
}
#searchsubmit {
background-color: #719cd1;
color: #fff;
text-transform: uppercase;
}
/* Categories Widget */
.widget_categories {}
.widget_categories ul { list-style: none; }
.widget_categories ul li {
padding-bottom: 10px;
border-bottom: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-bottom: 10px;
}
.widget_categories ul li:last-child { border-bottom: none; }
.widget_categories ul ul.children {}
.widget_categories a { color: #2f2f2f; }
.widget_categories select {
width: 100%;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
margin-left: -40px;
}
.widget_categories select#cat { margin-bottom: 30px; }
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}
/* Flickr Widget */
.widget_flickr #flickr-feed { margin-left: -40px; }
/* Popular Posts Widget */
.widget_popular_posts .widget-title { margin-bottom: 5px; }
.widget_popular_posts #tab-3 { margin-left: -40px; }
.widget_popular_posts .divider { margin: 25px 0; }
/* Recent Entries Widget */
.widget_recent_entries {}
.widget_recent_entries ul { list-style: none; }
.widget_recent_entries ul li {
padding-bottom: 10px;
border-bottom: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-bottom: 10px;
}
.widget_recent_entries ul li:last-child { border-bottom: none; }
.widget_recent_entries ul li a { color: #2f2f2f; }
.widget_recent_entries ul li .post-date {}
/* Pages Widget */
.widget_pages {}
.widget_pages ul { list-style: none; }
.widget_pages ul li {
padding-bottom: 10px;
border-bottom: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-bottom: 10px;
}
.widget_pages ul li:last-child { border-bottom: none; }
.widget_pages ul li a { color: #2f2f2f; }
/* Archive Widget */
.widget_archive {}
.widget_archive ul { list-style: none; }
.widget_archive ul li {
padding-bottom: 10px;
border-bottom: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-bottom: 10px;
}
.widget_archive ul li:last-child { border-bottom: none; }
.widget_archive ul li a { color: #2f2f2f; }
.widget_archive select {
width: 100%;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
margin-left: -40px;
}
.widget_archive option {}
/* Meta Widget */
.widget_meta {}
.widget_meta ul { list-style: none; }
.widget_meta ul li {
padding-bottom: 10px;
border-bottom: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-bottom: 10px;
}
.widget_meta ul li:last-child { border-bottom: none; }
.widget_meta ul li a { color: #2f2f2f; }
/* Recent Comments Widget */
.widget_recent_comments {}
#recentcomments { list-style: none; }
#recentcomments li {
padding-bottom: 10px;
border-bottom: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-bottom: 10px;
}
#recentcomments li:last-child { border-bottom: none; }
#recentcomments li a { color: #2f2f2f; }
.recentcomments {}
/* Tag Cloud Widget */
.widget_tag_cloud { margin-bottom: 30px; }
.widget_tag_cloud a { color: #2f2f2f; }
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}
/* Calendar Widget */
.widget_calendar {}
#calendar_wrap { margin-left: -40px; }
#calendar_wrap th { color: #719cd1; }
#calendar_wrap td {}
#wp-calendar tr td {
border-top: 1px solid #719cd1;
-webkit-border-image: url(../images/dot-3.png) 1 repeat !important;
border-image: url(../images/dot-3.png) 1 repeat !important;
}
#wp-calendar caption { color: #719cd1; }
#wp-calendar a { color: #2f2f2f; }
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
/* Custom Menu Widget */
.widget_nav_menu {}
.widget_nav_menu .menu { list-style: none; }
.widget_nav_menu .menu li {
padding-bottom: 10px;
border-bottom: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-bottom: 10px;
}
.widget_nav_menu .menu li:last-child { border-bottom: none; }
.widget_nav_menu .menu li a { color: #2f2f2f; }
/* RSS Widget */
.widget_rss {}
.widget_rss ul { list-style: none; }
.widget_rss ul li {
padding-bottom: 10px;
border-bottom: 1px solid #2f2f2f;
-webkit-border-image: url(../images/dot.png) 1 repeat;
border-image: url(../images/dot.png) 1 repeat;
margin-bottom: 10px;
}
.widget_rss ul li:last-child { border-bottom: none; }
.widget_rss ul li a { color: #2f2f2f; }
/* WordPress Comments */
.comments-title { margin-bottom: 20px; }
.comment-reply-title { display: none; }
.commentlist .reply {}
.commentlist .reply a { color: #1ba3f1; }
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says { display: none; }
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {
float: left;
margin-right: 30px;
}
.commentlist .vcard cite.fn a.url {
color: #1ba3f1;
font-size: 18px;
}
.commentlist .comment-meta { margin-bottom: 20px; }
.commentlist .comment-meta a { color: #2f2f2f; }
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist p { margin-left: 110px; }
.commentlist .comment-body { margin-bottom: 30px; }
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist { list-style: none; }
.commentlist li {}
.commentlist li p {}
.commentlist li ul {
margin-left: 110px;
list-style: none;
}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
#cancel-comment-reply {}
#cancel-comment-reply a {}
/* Blog Post Comment Form */
.nocomments,
.must-log-in,
.logged-in-as { display: none; }
/* Comment Form */
#commentform {
padding: 40px;
border: 1px solid #719cd1;
-webkit-border-image: url(../images/dot-3.png) 1 repeat;
border-image: url(../images/dot-3.png) 1 repeat;
margin-bottom: 30px;
}
/* Comment notes */
.comment-notes { display: none; }
/* Comment author field. */
.comment-form-author { }
.comment-form-author label { display: none; }
.comment-form-author input#author { }
/* Comment email field. */
.comment-form-email { }
.comment-form-email label { display: none; }
.comment-form-email input#email { }
/* Comment URL field. */
.comment-form-url { }
.comment-form-url label { display: none; }
.comment-form-url input#url { }
/* Required (*) text. */
#commentform .required { }
/* Comment form comment. */
.comment-form-comment { }
.comment-form-comment label { display: none; }
.comment-form-comment textarea#comment { resize: none; }
/* Allowed tags paragraph. */
.form-allowed-tags { display: none; }
.form-allowed-tags code { }
/* Paragraph that wraps the submit button and hidden comment ID fields. */
.form-submit {}
/* Submit button. */
#commentform #submit {
background-color: #038da7;
color: #fff;
}
#commentform #submit:hover { background-color: #719cd1; }
/* #Contact
========================================================================== */
/* Contact Form */
#contact-form {
overflow: hidden;
margin-bottom: 30px;
}
#contact-form fieldset { margin: 0; }
label.validation-error { color: #b55454; }
input.validation-error,
textarea.validation-error,
select.validation-error { border: 1px solid #e1a1a1; }
.input_error { border: 1px #F00 solid !important; }
#contact-form #formstatus {}
/*#contact-form input[type="text"] { background: url(../images/bg-input.png) no-repeat bottom right; }*/
#contact-form textarea {
height: 130px;
/*background: url(../images/bg-input.png) no-repeat bottom right;*/
resize: none;
}
#contact-form .float-left { margin-right: 20px; }
#contact-form .btn-blue {
border: none;
background-color: #719cd1;
}
#contact-form .btn-blue:hover { background-color: #80c8f9; }
/* Need Support */
.need-support {
padding: 35px 15px 35px 35px;
margin-bottom: 20px;
background-color: #719cd1;
color: #fff;
}
.need-support p {
float: left;
width: 200px;
margin: 5px 0 0 10px;
}
.need-support .phone-number {
float: left;
margin: 5px 0 0 20px;
border: 1px solid #fff;
padding: 20px;
font-size: 18px;
line-height: 18px;
text-align: center;
}
/* Quick Social */
.quick-social {
padding: 25px;
border: 1px solid #4d4d4d;
text-align: center;
}
.quick-social p a { margin-bottom: 0; }
/* ==========================================================================
#Responsive
========================================================================== */
/* #Large Display
========================================================================== */
@media (min-width: 1400px) {
#wrap {}
#flickr-feed { margin-top:-5px; }
#flickr-feed img {
width: 75px;
padding: 5px 12px 0 0;
}
/* Portfolio items */
.portfolio-item-overlay {
margin: 30px;
padding-top: 10px;
}
/* Timeline */
.left-side,
.right-side { width: 570px; }
.separator:before { right: 10px; }
.separator { width: 30px; }
#contact-form .float-left { margin-right: 30px; }
.need-support .phone-number { padding: 20px 70px; }
}
/* #Smaller then 1024px width
========================================================================== */
@media (max-width: 1024px) {
#wrap {}
#header {}
#content {}
#footer {}
}
/* #Tablet (Portrait)
========================================================================== */
@media (min-width: 768px) and (max-width: 979px) {
#wrap {}
#header {}
#menu { display: none; }
#mobile-menu-trigger { display: block; margin-top: 45px; }
#content {}
#footer {}
/* Index */
.services-list li {
float: left;
width: 25%;
margin-right: 0;
}
/* Contact Support */
.widget_contact_support .phone-number {
padding: 20px 5px;
font-size: 12px;
}
/* Newsletter Subscribe */
#newsletter-subscribe-form input[type="submit"] {
position: relative;
top: auto;
right: auto;
bottom: auto;
background-color: #dea300;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* Portfolio items */
.portfolio-item-overlay {
margin: 10px;
padding-top: 20px;
}
.portfolio-items { margin: 0 -7.5px; }
.portfolio-items li img { height: 225px; }
.portfolio-items li {
padding:0 7.5px;
margin-bottom: 15px;
}
/* Timeline */
.left-side,
.right-side { width: 345px; }
.separator:before { right: 2px; }
.separator { width: 15px; }
/* Blog */
.popular-posts-thumb { float: none; }
.popular-posts-thumb img { width: 100%; }
.popular-posts-info { margin-left: 0; }
/* Search Widget */
#searchsubmit {
position: relative;
right: 0;
}
/* Contact */
.need-support { padding: 10px; }
.need-support p { width: 115px; }
#contact-form .float-left { margin-right: 15px; }
}
/* #Mobile (Portrait)
========================================================================== */
@media (max-width: 767px) {
body {
background: none;
background-color: #fff;
}
#wrap {}
#header { }
#logo { }
#menu { display: none; }
#mobile-menu-trigger {
position: absolute;
top: 13px;
right:40px;
display: block;
}
#content {}
.headline { margin-top: 50px; }
.headline > span { display: none; }
.headline h1 { border-bottom: none; }
#footer{}
/* Footer social media */
#footer-top .social { text-align: left; }
#footer-top a.social-icon {
margin-right: 10px;
padding: 5px;
}
/* Latest Tweet */
#latest-tweet {
min-height: 0;
margin-bottom: 20px;
}
/* Flickr Feed */
#flickr-feed { margin-bottom: 20px; }
#flickr-feed img {
width: 75px;
padding: 0px 5px 0 0;
}
/* Grid */
.row { padding: 0 40px; }
.row .row {
width: auto;
padding: 0;
margin: 0;
}
p.last,
h1.last,
h2.last,
h3.last,
h4.last,
h5.last,
address.last,
ul.last,
ol.last { margin-bottom: 20px; }
.text-right{ text-align: left; }
/* Index */
.services-list li {
float: left;
width: 50%;
margin-right: 0;
}
/* Portfolio filter */
.portfolio-filter ul li {
display: block;
margin: 0;
}
.portfolio-filter ul li a { padding: 10px; }
/* Portfolio items */
.portfolio-item-overlay {
margin: 10px;
padding-top: 20px;
}
.portfolio-item-overlay p { display: none; }
.portfolio-items li {
float: none;
width: 100%;
padding: 0;
}
.portfolio-items li img { margin: 0 auto; }
/* Timeline */
.timeline { background: none; }
.timeline li {
padding: 10px 0;
border-bottom: 1px solid #719cd1;
}
.timeline li:first-child { border-top: 1px solid #719cd1; }
.timeline .text-right { text-align: left; }
.left-side,
.right-side { width: 100%; }
.separator { display: none; }
a.view-more:before { display: none; }
/* Blog */
.blog-post { padding: 0 }
.blog-post-img { margin: 30px 0 50px 0; }
.blog-post .testimonial,
.blog-post .row { margin: 30px 0; }
/* Contact */
.need-support p {
margin: 20px 0 0 0;
width: 100%;
}
.need-support .phone-number { margin: 20px 0 0 0; }
#contact-form .float-left {
float: none;
margin-right: 0;
}
.commentlist li ul { margin-left: 30px; }
.commentlist p { margin-left: 0; }
#s {
padding-left: 15px;
background-image: none;
}
}
/* #Mobile (Landscape)
========================================================================== */
@media (min-width: 480px) and (max-width: 767px) {
/* Index */
.services-list li {
float: left;
width: 25%;
margin-right: 0;
}
}
/*REVOLUTION*/
/*************************
- CAPTIONS -
**************************/
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;}
.montar {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
bottom: 50px;
color: #fff;
padding: 10px;
position: absolute;
text-align: right;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
width: 100%;
height: 90px;
z-index: 9999;
}
.tp-caption { z-index:100;}
.tp-caption.big_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
padding: 3px 4px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#000;
letter-spacing: 0px;
}
.tp-caption.big_orange{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 36px;
line-height: 36px;
font-family: Arial;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#fb7354;
letter-spacing: -1.5px;
}
.tp-caption.big_black{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#fff;
letter-spacing: -1.5px;
}
.tp-caption.medium_grey{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 20px;
line-height: 20px;
font-family: Arial;
padding: 2px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#888;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.small_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.medium_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_black_text{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 42px;
line-height: 42px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.very_large_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 60px;
line-height: 60px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
letter-spacing: 0px;
}
.tp-caption.very_large_black_text{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 72px;
line-height: 72px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_red_text{
position: absolute;
color: #d31e00;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_brown_text{
position: absolute;
color: #a04606;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_green_text{
position: absolute;
color: #5b9830;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.very_big_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
padding: 3px 4px;
padding-top: 1px;
background-color:#7e8e96;
}
.tp-caption.very_big_black{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 700;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
padding: 0px 4px;
padding-top: 1px;
background-color:#fff;
}
.tp-caption.modern_medium_fat{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 24px;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.modern_medium_fat_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 24px;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.modern_medium_light{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 24px;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.modern_big_bluebg{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 30px;
line-height: 36px;
font-family: 'Open Sans', sans-serif;
padding: 3px 10px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#4e5b6c;
letter-spacing: 0;
}
.tp-caption.modern_big_redbg{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 30px;
line-height: 36px;
font-family: 'Open Sans', sans-serif;
padding: 3px 10px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#de543e;
letter-spacing: 0;
}
.tp-caption.modern_small_text_dark{
position: absolute;
color: #555;
text-shadow: none;
font-size: 14px;
line-height: 22px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.boxshadow{
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black{
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp-caption a {
color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
color: #ffa902;
}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
/******************************
- BUTTONS -
*******************************/
.button { padding:6px 13px 5px;
cursor:pointer;
}
.button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;}
.purchase:hover,
.button:hover,
.button.big:hover { background-position:bottom, 15px 11px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.button { padding:4px 8px 3px; line-height:25px; font-size:11px;font-weight:normal; }
a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.button { padding:2px 5px 2px; line-height:20px; font-size:10px;}
a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
/* BUTTON COLORS */
.button.green, .button:hover.green,
.purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.button.blue, .button:hover.blue,
.purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;}
.button.red, .button:hover.red,
.purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;}
.button.orange, .button:hover.orange,
.purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;}
.button.darkgrey,.button.grey,
.button:hover.darkgrey,.button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;}
.button.lightgrey, .button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img { -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden;
}
.tp-simpleresponsive img { max-width:none;}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:60px; bottom:-60px;}
.tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear { clear:both;}
.tp-bullets { z-index:1000; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
.tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:-10px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px;}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected { background-position:top left; }
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; }
/*************************************
- TP ARROWS -
**************************************/
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; }
.tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; }
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:-7px; }
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:-7px;}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; }
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;}
.tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-position:bottom left; }
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs { padding:3px;}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%; }
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs { width:300px !important; height:30px !important;}
.responsive .tp-bullets.tp-thumbs .tp-mask { width:300px !important; height:30px !important;}
.responsive .tp-bullets.tp-thumbs .bullet { width:60px !important;height:30px !important;}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display:none}
.responsive .tparrows { display:none;}
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none;}
.tp-simpleresponsive ul {
list-style:none;
padding:0;
margin:0;
}
.tp-simpleresponsive >ul >li{
list-stye:none;
position:absolute;
visibility:hidden;
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat;}
.tp-loader { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-transparentimg { content:"url(../assets/transparent.png)"}
.tp-3d { -webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
/*REVOLUTION CUSTOM*/
.fullwidthbanner-container {
position: relative;
overflow: hidden;
width: 100% !important;
max-height: 625px !important;
padding: 0;
margin-bottom: 80px;
}
.fullwidthbanner-container .fullwidthabnner {
position: relative;
width: 100% !important;
max-height: 625px !important;
}
.caption.title {
color: #fff;
font-size: 36px;
line-height: 50px;
text-transform: uppercase;
}
.caption.big-title {
color: rgba(0, 0, 0, 0.5);
font-size: 72px;
line-height: 80px;
font-weight: bold;
text-transform: uppercase;
}
.caption.sub-title {
color: #719cd1;
font-size: 24px;
line-height: 40px;
text-transform: uppercase;
}
.caption.text {
color: #fff;
font-size: 14px;
}
.caption a.button {
padding: 10px 15px;
border: 1px solid #edff58;
background-color: #edff58;
color: #2f2f2f;
font-size: 14px;
text-transform: uppercase;
}
.caption a.button:hover {
background-color: transparent;
color: #fff;
}
.tp-bullets.simplebullets.round .bullet {
position: relative;
float: left;
width: 8px;
height: 8px;
border: 2px solid #719cd1;
border-radius: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
margin-left: 3px;
margin-right: 5px;
margin-top: -10px;
background: #719cd1;
cursor: pointer;
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover { background: transparent; }
.tp-leftarrow.default {
width: 26px;
height: 26px;
background: #719cd1 url(../assets/prev.png) no-repeat top left;
}
.tp-rightarrow.default {
width: 26px;
height: 26px;
background: #719cd1 url(../assets/next.png) no-repeat top left;
}
.bannercontainer {
position: relative;
width: 940px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
.banner{
position: relative;
width: 940px;
height: 500px;
overflow: hidden;
}
@media (min-width: 1400px) {
.banner,
.bannercontainer {
width: 1170px;
height: 625px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.banner,
.bannercontainer {
width: 705px;
height: auto;
}
.caption a.button {
padding: 7px 10px;
font-size: 12px;
}
}
@media (max-width: 767px) {
.banner,
.bannercontainer {
width: 100%;
height: auto;
}
.caption a.button { display: none; }
}
/*FANCYBOX*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../images/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('../images/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*FONT GOOGLE API*/
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
/*FONT-AWESOME*/
@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.3');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.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.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .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:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.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}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
/*ANIMATE*/
@charset "UTF-8";.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}@-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(0);transform:rotate(0)}}@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(0);-ms-transform:rotate(0);transform:rotate(0)}}.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(.9)rotate(-3deg);transform:scale(.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(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.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}@-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(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.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(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.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)}0%,40%{-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)}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(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-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)}}@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)}0%,40%{-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)}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(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-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)}}.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(0);transform:perspective(400px)rotateX(0);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(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);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(0);transform:perspective(400px)rotateY(0);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(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);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(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);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(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);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(0);transform:translateX(0%)skewX(0);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(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);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(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);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:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-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:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-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:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-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:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-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:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-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)}0%,20%,60%{-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)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-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}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-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)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-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}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@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(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}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}