@charset "UTF-8";
@import url(animate.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
.pull-left {
float: left;
}
.pull-none {
float: none;
}
.pull-right {
float: right;
}
@media (min-width: 480px) {
.pull-xs-left {
float: left;
}
.pull-xs-none {
float: none;
}
.pull-xs-right {
float: right;
}
}
@media (min-width: 768px) {
.pull-sm-left {
float: left;
}
.pull-sm-none {
float: none;
}
.pull-sm-right {
float: right;
}
}
@media (min-width: 992px) {
.pull-md-left {
float: left;
}
.pull-md-none {
float: none;
}
.pull-md-right {
float: right;
}
}
@media (min-width: 1200px) {
.pull-lg-left {
float: left;
}
.pull-lg-none {
float: none;
}
.pull-lg-right {
float: right;
}
}
/*================ Alignment =================*/
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
@media (min-width: 480px) {
.text-xs-left {
text-align: left;
}
.text-xs-center {
text-align: center;
}
.text-xs-right {
text-align: right;
}
}
@media (min-width: 768px) {
.text-sm-left {
text-align: left;
}
.text-sm-center {
text-align: center;
}
.text-sm-right {
text-align: right;
}
}
@media (min-width: 992px) {
.text-md-left {
text-align: left;
}
.text-md-center {
text-align: center;
}
.text-md-right {
text-align: right;
}
}
@media (min-width: 1200px) {
.text-lg-left {
text-align: left;
}
.text-lg-center {
text-align: center;
}
.text-lg-right {
text-align: right;
}
}
/**** Background img ****/
.bg-image-2 {
background-image: url("../images/parallax_bg.jpg");
}
.bg-image {
background-attachment: fixed;
}
.sectionbg {
background: url(../images/sectionbg.jpg) no-repeat center top;
}
/*
* @section Main Styles
* @description This section holds template default elements style
* declarations
*/
body {
-webkit-text-size-adjust: none;
color: #30353c;
font-family: "Open Sans", sans-serif;
font-weight: 400;
line-height: 1.3;
font-size: 14px;
}
@media (min-width: 768px) {
body {
font-size: 16px;
}
}
@media (min-width: 992px) {
body {
font-size: 18px;
}
}
img {
max-width: 100%;
height: auto;
}
.circle {
border-radius: 50%;
}
h1, h2, h3, h4, h5, h6, h7,
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
font-family: "Roboto Slab", sans-serif;
font-weight: 600;
line-height: 1;
}
h2 {
color: #fff;
}
h3 {
color: #103786;
text-transform: uppercase;
font-weight: 600;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a,
.heading-1 a, .heading-2 a, .heading-3 a, .heading-4 a, .heading-5 a, .heading-6 a {
font: inherit;
color: inherit;
}
h1 a:active, h1 a:focus, h2 a:active, h2 a:focus, h3 a:active, h3 a:focus, h4 a:active, h4 a:focus, h5 a:active, h5 a:focus, h6 a:active, h6 a:focus, h7 a:active, h7 a:focus,
.heading-1 a:active,
.heading-1 a:focus, .heading-2 a:active, .heading-2 a:focus, .heading-3 a:active, .heading-3 a:focus, .heading-4 a:active, .heading-4 a:focus, .heading-5 a:active, .heading-5 a:focus, .heading-6 a:active, .heading-6 a:focus {
color: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover,
.heading-1 a:hover, .heading-2 a:hover, .heading-3 a:hover, .heading-4 a:hover, .heading-5 a:hover, .heading-6 a:hover {
color: #5ac441;
}
h1, .heading-1 {
font-size: 55px;
}
h2, .heading-2 {
font-size: 40px;
}
@media (min-width: 768px) {
h2, .heading-2 {
font-size: 50px;
}
}
h3, .heading-3 {
font-size: 40px;
text-align: center;
}
h4, .heading-4 {
font-size: 27px;
padding: 26px 0 14px;
}
h5, .heading-5 {
font-size: 28px;
}
h6, .heading-6 {
font-family: "Open Sans", sans-serif;
text-transform:uppercase;
color: #1878b4;
font-size: 26px;
line-height: 1;
padding-bottom: 18px;
}
h6 span {
color: #103786;
font-weight: 600;
}
@media (max-width: 767px) {
h6 span {
display: block;
line-height: 38px;
}
}
.subtitle {
font-family: "Open Sans", sans-serif;
text-transform:uppercase;
color: #fff;
font-size: 30px;
line-height: 1;
padding: 20px 0;
}
.subtitle span {
color: #103786;
font-weight: 600;
}
.white {
color: #fff;
}
.green {
color: #40892f;
}
.small {
font-size: 14px;
line-height: 1.5;
}
.downlittle {
margin-top: 15px;
}
.downmedium {
margin-top: 30px;
}
.downmore {
margin-top: 40px;
clear: both;
}
.downmore-2 {
margin-top: 80px;
clear: both;
}
.topspace {
padding-top: 50px;
}
.uplittle {
margin-top: -30px;
}
.uplittlesm {
margin-top: 5px;
}
.upbig {
position: relative;
top: -140px;
}
.lefttab {
margin-left: 22px;
}
.ctr {
text-align:center;
}
/**** Calendar's Reason ****/
#Iframe-Family-History-Conference {
max-width: 600px;
max-height: 100%;
overflow: hidden;
}
#Iframe-Google-Calendar {
max-height: 800px;
max-width: 1000px;
overflow: hidden;
}
/* inner wrapper: make responsive */
.responsive-wrapper {
position: relative;
height: 0; /* gets height from padding-bottom */
/* put following styles (necessary for overflow and scrolling handling on mobile devices) inline in .responsive-wrapper around iframe because not stable in CSS:
-webkit-overflow-scrolling: touch; overflow: auto; */
}
.responsive-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: none;
}
/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.responsive-wrapper-wxh-650x315 {
padding-bottom: 56.25%;
}
.responsive-wrapper-wxh-600x480 {
padding-bottom: 80%;
}
.responsive-wrapper-padding-bottom-75pct {
padding-bottom: 75%;
}
/* general styles */
/* ============== */
.set-border {
border: 5px inset #1c8fd6;
}
.set-padding {
padding: 40px;
}
.set-margin {
margin: 30px;
}
.center-block-horiz {
margin-left: auto !important;
margin-right: auto !important;
}
/**** End of Calendar's Reason ****/
.lowercase {
text-transform: none;
}
.height {
line-height: 2;
}
.nospace {
margin-top: 20px;
margin-bottom: 20px;
line-height: 1.2;
}
@media (min-width: 992px) {
.small {
font-size: 16px;
}
}
.large {
color: #fff;
font-size: 20px;
line-height: 1.5;
}
@media (min-width: 992px) {
.large {
font-size: 22px;
}
}
.light {
font-weight: 300;
}
.bold {
font-weight: 700;
}
.black {
color: #000;
}
.right {
margin-left: 250px;
}
.text-secondary {
color: #ffb619;
}
.text-contrast-variant-1 {
color: #30353c;
}
.text-default-variant-3 {
color: #a6a6a6;
}
p {
font-size: 20px;
}
p .fa, .marked-list .fa, .list .fa {
text-decoration: none;
}
time {
display: block;
}
address {
line-height: 1.6;
letter-spacing: 0.5px;
}
a, .link {
font-size: 20px;
line-height: 1.2;
color: inherit;
text-decoration: none;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:focus, .link:focus {
outline: none;
}
a:active, .link:active {
background-color: transparent;
}
a:hover, .link:hover {
text-decoration: none;
}
a[href^="tel:"],
a[href^="callto:"] {
color: inherit;
text-decoration: none;
}
.underline {
color: #103786;
font-size: 24px;
font-weight: bold;
line-height: 32px;
text-decoration: underline;
}
.underline:hover {
color: #fff;
text-decoration: underline;
}
/****
img:hover {
opacity: 0.5;
filter: alpha(opacity=100);
}
****/
strong {
font-weight: 700;
}
i {
font-style: italic;
font-weight: 400;
}
.fa {
line-height: inherit;
}
[class*='fa-']:before {
font-weight: 400;
font-family: "FontAwesome";
}
.page {
overflow: hidden;
min-height: 500px;
}
.lt-ie9 .page {
min-width: 1200px;
}
.offset15 {
margin-top: 15px;
}
.glow {
width: 624px;
height: 425px;
box-shadow: 0px 0px 40px 20px #0071b7;
border: #000 solid 1px;
}
/*
* @section Main Layout
* @decsription This section holds class declarations for elements
* indent creation
*/
* + .row {
margin-top: 64px;
}
.icon-xl + * {
margin-top: 24px;
}
* + .btn {
margin-top: 21px;
}
* + .offset-1 {
margin-top: 57px;
}
* + .offset-2 {
margin-top: 41px;
}
* + .offset-6 {
margin-top: 50px;
}
.inline-list + * {
margin-top: 60px;
}
@media (min-width: 992px) {
.inline-list + * {
margin-top: 30px;
}
}
* + .marked-list {
margin-top: 17px;
}
* + .index-list {
margin-top: 49px;
}
* + .contact-info {
margin-top: 25px;
}
h3 + img {
margin-top: 58px;
}
h3 + h6 {
margin-top: 50px;
}
h3 + p {
margin-top: 52px;
}
h5 {
text-align: center;
margin-top: 10px;
}
p + p {
margin-top: 26px;
}
time + h6,
time + .heading-6 {
margin-top: 23px;
}
img + h6,
img + .heading-6 {
margin-top: 22px;
}
h6 + p, .heading-6 + p {
margin-top: 15px;
}
h3 + .heading-6 {
margin-top: 56px;
}
h3 + .terms-list {
margin-top: 50px;
}
p + .small {
margin-top: 5px;
}
.heading-6 + .row {
margin-top: 19px;
}
.terms-list-2 + * {
margin-top: 27px;
}
.offset-3 {
margin-top: 45px;
}
@media (min-width: 992px) {
.offset-3 {
margin-top: -1px;
}
}
.offset-4 {
margin-top: 40px;
}
@media (min-width: 768px) {
.offset-4 {
margin-top: 0;
}
}
.offset-5 {
margin-top: 40px;
}
@media (min-width: 480px) {
.offset-5 {
margin-top: 0;
}
}
.flow-offset-1.row > * + [class*='col-'] {
margin-top: 30px;
}
@media (min-width: 480px) {
html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-5:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-7:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-8:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-9:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-10:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-11:first-child, html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:first-child {
margin-top: 0;
}
}
@media (min-width: 480px) {
html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n + 3) {
margin-top: 30px;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n + 3) {
margin-top: 30px;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n + 3) {
margin-top: 30px;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n + 3) {
margin-top: 30px;
}
}
.flow-offset-2 > [class*="col"]:nth-child(n + 2) {
margin-top: 45px;
}
@media (min-width: 480px) {
.flow-offset-2 > [class*="col"]:nth-child(n + 2) {
margin-top: 0;
}
.flow-offset-2 > [class*="col"]:nth-child(n + 3) {
margin-top: 50px;
}
}
@media (min-width: 992px) {
.flow-offset-2 > [class*="col"]:nth-child(n + 3) {
margin-top: 0;
}
.flow-offset-2 > [class*="col"]:nth-child(n + 4) {
margin-top: 56px;
}
}
.flow-offset-3.row > * + [class*='col-'] {
margin-top: 50px;
}
@media (min-width: 480px) {
html:not(.lt-ie10) .flow-offset-3 > .col-xs-1:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-2:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-3:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-4:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-5:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-6:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-7:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-8:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-9:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-10:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-11:first-child, html:not(.lt-ie10) .flow-offset-3 > .col-xs-12:first-child {
margin-top: 0;
}
}
@media (min-width: 480px) {
html:not(.lt-ie10) .flow-offset-3 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-3 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-3 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-3 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-3 > .col-xs-6:nth-child(n + 3) {
margin-top: 50px;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .flow-offset-3 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .flow-offset-3 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-3 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-3 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-3 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-3 > .col-sm-6:nth-child(n + 3) {
margin-top: 50px;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .flow-offset-3 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .flow-offset-3 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-3 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-3 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-3 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-3 > .col-md-6:nth-child(n + 3) {
margin-top: 50px;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .flow-offset-3 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .flow-offset-3 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-3 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-3 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-3 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-3 > .col-lg-6:nth-child(n + 3) {
margin-top: 50px;
}
}
.flow-offset-4.row > * + [class*='col-'] {
margin-top: 30px;
}
@media (min-width: 480px) {
html:not(.lt-ie10) .flow-offset-4 > .col-xs-1:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-2:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-3:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-4:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-5:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-6:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-7:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-8:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-9:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-10:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-11:first-child, html:not(.lt-ie10) .flow-offset-4 > .col-xs-12:first-child {
margin-top: 0;
}
}
@media (min-width: 480px) {
html:not(.lt-ie10) .flow-offset-4 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-4 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-4 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-4 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-4 > .col-xs-6:nth-child(n + 3) {
margin-top: 30px;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .flow-offset-4 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-sm-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .flow-offset-4 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-4 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-4 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-4 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-4 > .col-sm-6:nth-child(n + 3) {
margin-top: 30px;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .flow-offset-4 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-md-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .flow-offset-4 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-4 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-4 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-4 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-4 > .col-md-6:nth-child(n + 3) {
margin-top: 30px;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .flow-offset-4 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-4 > .col-lg-12:nth-child(n) {
margin-top: 0;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .flow-offset-4 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-4 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-4 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-4 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-4 > .col-lg-6:nth-child(n + 3) {
margin-top: 30px;
}
}
.flow-offset-5 > [class*="col"]:nth-child(n + 2) {
margin-top: 19px;
}
@media (min-width: 768px) {
.flow-offset-5 > [class*="col"]:nth-child(n + 2) {
margin-top: 0;
}
.flow-offset-5 > [class*="col"]:nth-child(n + 3) {
margin-top: 19px;
}
}
@media (min-width: 992px) {
.flow-offset-5 > [class*="col"]:nth-child(n + 3) {
margin-top: 0;
}
.flow-offset-5 > [class*="col"]:nth-child(n + 2) {
margin-top: 19px;
}
}
@media (min-width: 1200px) {
.flow-offset-5 > [class*="col"]:nth-child(n + 2) {
margin-top: 0;
}
.flow-offset-5 > [class*="col"]:nth-child(n + 3) {
margin-top: 19px;
}
}
/**** PayPal option color ****/
.styled-select {
font-size: 16px;
padding-left: 4px;
width: 320px;
height: 34px;
overflow: hidden;
background: #959595 url(../images/arrowdown.png) no-repeat 98% center;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
}
.styled-select select {
background: transparent;
background-image: none;
width: 268px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
}
.styled-select2 {
font-size: 16px;
padding-left: 4px;
width: 430px;
height: 34px;
overflow: hidden;
background: #959595 url(../images/arrowdown.png) no-repeat 98% center;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
}
.styled-select2 select {
background: transparent;
background-image: none;
width: 368px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
}
/*
* @section Helpers
* @description This section holds various helper classes for conditional
* page styling
*/
.relative {
position: relative;
}
.border-bottom {
border-bottom: 6px solid #1c8fd6;
}
@media (min-width: 768px) and (max-width: 992px) {
.wide-images-sm img {
width: 100%;
}
}
.nowrap-md {
white-space: normal;
}
@media (min-width: 992px) {
.nowrap-md {
white-space: nowrap;
}
}
/**** table ****/
table {
width: 100%;
background: #b1b1b1;
}
th {
height: 50px;
font-size: 22px;
font-weight: 600;
width: 50%;
border: 1px solid #000;
padding: 10px;
text-align: center;
}
td {
padding: 0.5rem;
border: 1px solid #000;
}
/*
* @section Components
* @description This section holds all elements style declarations of
* template
*/
/*
* @subsection Brand
*/
.brand {
display: inline-block;
padding-top: 11px;
padding-bottom: 0px;
text-align: center;
}
.brand img {
display: inline-block;
}
.brand .brand_name {
margin-top: 3px;
overflow: hidden;
}
.brand .brand_name a {
font-family: "Roboto Slab", sans-serif;
display: block;
font-size: 20px;
letter-spacing: -0.14px;
}
.brand .brand_name a:active, .brand .brand_name a:focus {
color: #fff;
}
.brand .brand_name a:hover {
color: #fff;
}
.brand .title {
font-family: 'Candal', sans-serif;
color: #1c8fd6;
font-size: 42px;
}
/*
* @subsection List
*/
.list {
text-transform: capitalize;
}
.list li + li {
line-height: 1.2;
}
@media (min-width: 768px) {
.list li + li {
margin-top: 22px;
}
}
/*
* @subsection Inline list
*/
.inline-list {
font-size: 0;
display: inline-block;
}
.inline-list span {
font-size: 16px;
text-decoration: underline;
line-height: 2;
}
@media (min-width: 768px) {
.inline-list {
white-space: nowrap;
}
}
.inline-list li {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
@media (min-width: 768px) {
.inline-list li {
margin-right: 0;
}
}
@media (min-width: 768px) {
.inline-list li + li {
margin-left: 10px;
}
}
@media (min-width: 1200px) {
.inline-list li + li {
margin-left: 60px;
}
}
.inline-list li > a {
color: #1c8fd6;
border: 2px solid #1c8fd6;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 60px;
height: 60px;
}
@media (min-width: 768px) {
.inline-list li > a {
width: 70px;
height: 70px;
}
}
.inline-list li > a:before {
line-height: 60px;
}
@media (min-width: 768px) {
.inline-list li > a:before {
line-height: 70px;
}
}
.inline-list li > a:hover {
color: #fff;
background: #103786;
}
.inline-list a:hover {
color: #fff;
}
/*
* @subsection Marked list
*/
.marked-list li {
position: relative;
padding-left: 17px;
}
.marked-list li a {
font-size: 16px;
}
.marked-list li a:before {
content: "ï”";
position: absolute;
left: 0;
top: 4px;
font-weight: 400;
font-size: 13px;
font-family: "FontAwesome";
color: #30353c;
pointer-events: none;
}
.marked-list li a:active, .marked-list li a:focus {
color: inherit;
}
.marked-list li a:hover {
color: #5ac441;
}
.marked-list li + li {
margin-top: 5px;
}
.tableft {
margin-left: 160px;
}
@media (max-width: 992px) {
.tableft {
margin-left: 30px;
}
}
/**** Number list style ****/
ol {
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
padding-top: 15px;
}
ol > li {
position:relative; /* Create a positioning context */
margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
padding:4px 8px; /* Add some spacing around the content */
list-style:none; /* Disable the normal item numbering */
border-top:2px solid #1c8fd6;
background:#f6f6f6;
padding-bottom: 10px;
}
ol > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
top:-2px;
left:-2em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:2em;
/* Some space between the number and the content in browsers that support
generated content but not positioning it (Camino 2 is one example) */
margin-right:8px;
padding:4px;
border-top:2px solid #1c8fd6;
color:#fff;
background:#103786;
font-weight:bold;
font-family:"Helvetica Neue", Arial, sans-serif;
text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}
/**** Bullet list style ****/
.form li {
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
padding-top: 15px;
}
.form li:before {
position:relative; /* Create a positioning context */
margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
padding:4px 8px; /* Add some spacing around the content */
list-style: disc;
padding-bottom: 10px;
}
/**** Payment list ****/
.payment li {
display: inline-block;
width: 33%;
padding-bottom: 5px;
}
/**** marked-list ****/
.marked-list li {
list-style: disc;
position: relative;
font-size: 18px;
line-height: 24px;
margin-left: 40px;
padding-left: 10px;
}
/*
* @subsection Index list */
*.index-list {
counter-reset: li;
}
.index-list li {
position: relative;
padding-left: 76px;
letter-spacing: -0.15px;
}
.index-list li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: 0;
top: 0;
height: 60px;
width: 60px;
line-height: 60px;
color: #fff;
background: #48a932;
font-weight: 700;
font-size: 22px;
text-align: center;
}
.index-list li + li {
margin-top: 25px;
}
/*
* @subsection Terms list
*/
.terms-list dt {
width: 70px;
position: relative;
float: left;
}
.terms-list dt:after {
content: '-';
position: absolute;
top: 0;
right: 6px;
}
.terms-list dd {
float: left;
position: relative;
letter-spacing: -0.12px;
width: calc(100% - 70px);
}
.terms-list dd:first-of-type {
margin-top: 0;
}
.terms-list dd + dt {
margin-top: 25px;
}
.terms-list dt + dd {
margin-top: 24px;
}
/*
* @subsection Terms list 2
*/
.terms-list-2 dt {
position: relative;
}
.terms-list-2 dd + dt {
margin-top: 37px;
}
.terms-list-2 dt + dd {
margin-top: 15px;
}
/*
* @subsection Box skin
*/
.box-skin * {
display: inline-block;
text-align: center;
}
.box-skin p {
max-width: 300px;
}
@media (min-width: 480px) {
.box-skin {
white-space: nowrap;
}
.box-skin * {
display: inline-block;
text-align: left;
white-space: normal;
}
.box-skin .icon {
max-width: 30%;
}
.box-skin .icon img {
max-height: 50%;
}
.box-skin p {
margin-left: 20px;
vertical-align: middle;
max-width: 70%;
}
}
@media (min-width: 992px) {
.box-skin {
white-space: normal;
}
.box-skin * {
text-align: center;
}
.box-skin .icon, .box-skin .icon img, .box-skin p {
max-width: none;
}
.box-skin p {
margin-left: 0;
}
}
.box-skin-2 {
display: inline-block;
max-width: 360px;
width: 100%;
}
.box-skin-2 img {
width: 100%;
}
.box-skin-2 div {
font-weight: 700;
line-height: 1;
text-align: center;
padding: 30px 15px 30px 15px;
color: #fff;
background: #48a932;
}
.box-skin-2 div p a {
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.box-skin-2 div p a:active, .box-skin-2 div p a:focus {
color: inherit;
}
.box-skin-2 div p a:hover {
color: #262626;
}
.box-skin-2 div .small {
line-height: 0.9;
}
/*
* @subsection Event post
*/
.event-post h1, .event-post h2, .event-post h3, .event-post h4, .event-post h5, .event-post h6,
.event-post .heading-1, .event-post .heading-2, .event-post .heading-3, .event-post .heading-4, .event-post .heading-5, .event-post .heading-6 {
line-height: 1;
}
.event-post p {
font-size: 16px;
font-weight: 300;
}
/*
* @subsection Contact info
*/
.contact-info {
display: inline-block;
}
.contact-info:before, .contact-info:after {
display: table;
content: "";
line-height: 0;
}
.contact-info:after {
clear: both;
}
.contact-info dl {
margin-top: 13px;
text-align: left;
}
.contact-info dl:before, .contact-info dl:after {
display: table;
content: "";
line-height: 0;
}
.contact-info dl:after {
clear: both;
}
.contact-info dl dt {
float: left;
clear: left;
width: 104px;
letter-spacing: -0.25px;
}
.contact-info dl dt:after {
content: ': ';
display: inline-block;
width: 8px;
}
.contact-info dl dt:last-of-type {
width: auto;
}
.contact-info dl dd {
float: left;
max-width: 170px;
}
.contact-info dl dd a {
display: inline;
font-size: 18px;
line-height: 1.5;
letter-spacing: -0.55px;
}
.contact-info dl dd a[href*="callto"], .contact-info dl dd a[href*="mailto"] {
font: inherit;
color: #30353c;
text-decoration: none;
}
.contact-info dl dd a[href*="callto"]:active, .contact-info dl dd a[href*="callto"]:focus, .contact-info dl dd a[href*="mailto"]:active, .contact-info dl dd a[href*="mailto"]:focus {
color: #30353c;
}
.contact-info dl dd a[href*="callto"]:hover, .contact-info dl dd a[href*="mailto"]:hover {
color: #5ac441;
}
.contact-info dl dd:last-of-type {
float: left;
}
/*
* @subsection Quote
*/
.quote {
position: relative;
padding-left: 80px;
}
@media (min-width: 768px) {
.quote {
padding-left: 100px;
}
}
.quote img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 7px;
left: 0;
width: 50px;
height: 50px;
}
@media (min-width: 768px) {
.quote img {
width: 70px;
height: 70px;
}
}
.quote p:first-child q {
line-height: 1.5;
letter-spacing: -0.18px;
}
.quote p:last-child cite {
font-weight: 700;
}
.quote p + p {
margin-top: 20px;
}
/*
* @subsection Quote 2
*/
.quote2 p:first-child {
font-style: italic;
letter-spacing: -0.75px;
}
.quote2 p:first-child:before {
content: '"';
display: block;
font-size: 22px;
font-weight: 700;
line-height: 1.09091;
}
.quote2 p:last-child cite {
font-size: 22px;
font-weight: 700;
}
.quote2 p + p {
margin-top: 12px;
}
/*
* @subsection Backgrounds
*/
.bg-secondary {
background: #c8b99a;
}
/****
.bg-secondary:hover {
background: #c8b99a;
}
****/
.bg3 {
background: #bac6dc;
}
.bg4 {
background: #bac6dc;
}
[class*="bg-default"] .list a {
color: #fff;
}
[class*="bg-default"] .list a:focus, [class*="bg-default"] .list a:active {
color: #fff;
}
[class*="bg-default"] .list a:hover, [class*="bg-default"] .list a.active {
color: #5ac441;
}
.bg-default-variant-1 {
background: #f9f9f9;
}
[class*="bg-contrast"] {
color: #fff;
}
[class*="bg-contrast"] a {
color: #adb8c7;
}
[class*="bg-contrast"] a:active, [class*="bg-contrast"] a:focus {
color: #adb8c7;
}
[class*="bg-contrast"] a:hover {
color: #103786;
}
[class*="bg-contrast"] a.active {
color: #1c8fd6;
}
.bg-contrast-variant-1 {
background: #000000;
}
.bg-contrast-variant-2 {
background: #737373;
}
.bg-contrast-variant-3 {
background: #061533;
}
/*
* @subsection Icons
*/
.icon {
display: inline-block;
line-height: 1;
}
.icon-sm {
font-size: 30px;
line-height: 1.1;
}
.icon-md {
font-size: 32px;
}
@media (min-width: 768px) {
.icon-md {
font-size: 36px;
}
}
.icon-xl, .icon-xxl {
height: 75px;
width: 75px;
line-height: 75px;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
@media (min-width: 480px) {
.icon-xl, .icon-xxl {
height: 100px;
width: 100px;
line-height: 100px;
}
}
@media (min-width: 768px) {
.icon-xl, .icon-xxl {
height: 125px;
width: 125px;
line-height: 125px;
}
}
@media (min-width: 992px) {
.icon-xl, .icon-xxl {
height: 170px;
width: 170px;
line-height: 170px;
}
}
.icon-xl img {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 60%;
max-height: 60%;
}
.icon-xxl img {
position: absolute;
top: 10%;
left: 7%;
min-width: 80%;
min-height: 80%;
}
@media (max-width: 480px) {
.icon-xxl img {
width: 65px;
height: 60px;
line-height: 100px;
}
}
.icon-primary {
color: #5ac441;
}
.icon-secondary {
color: #1c8fd6;
}
/*
* @subsection Buttons
*/
/*
* @subsection Buttons
*/
.btn {
display: inline-block;
text-align: center;
position: relative;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-top: 15px;
}
.btn-default {
background: #000;
color: #fff;
border: 2px solid #1c8fd6;
text-transform: none;
font-weight: 700;
border-radius: 0px;
letter-spacing: 1.1px;
}
/* Winona */
.btn-wiona {
overflow: hidden;
padding: 0;
-webkit-transition: border-color 0.3s, background-color 0.3s;
transition: border-color 0.3s, background-color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-wiona::after {
content: attr(data-text);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
color: #1c8fd6;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, 25%, 0);
}
.btn-wiona > span {
display: block;
}
.btn-wiona::after,
.btn-wiona > span {
padding: 0 5px;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-wiona:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.btn-wiona:hover::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.btn-wiona:hover > span {
opacity: 0;
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
.btn-sm {
min-width: 130px;
font-weight: 700;
padding: 19px;
}
.btn-md {
min-width: 229px;
padding: 15px 12px;
font-size: 20px;
}
.btn-sm.btn-wiona::after {
top: 19px;
}
.btn-md.btn-wiona::after {
top: 15px;
}
/**** btn no opacity ****/
.btn2 {
display: inline-block;
text-align: center;
line-height: 1.2;
color: #103786;
max-width: 100%;
border-style: solid;
text-overflow: ellipsis;
text-transform: uppercase;
cursor: pointer;
vertical-align: middle;
position: relative;
z-index: 1;
text-decoration: none; }
.btn:hover {
color: #1c8fd6;
text-decoration: none; }
.btn2-xs {
border-width: 2px;
padding: 15px 42px;
font-size: 18px;
letter-spacing: 1.7px; }
.btn2-primary {
color: #bac6dc;
background: #000;
border-color: #1c8fd6;
font-weight: bold; }
.btn2-primary:hover, .btn-primary:active {
background: transparent;
color: #000;
border-color: #103786; }
/*
* @subsection Br
*/
br {
font-size: 0;
}
.br-visible {
display: block;
}
.br-none {
display: none;
}
@media (min-width: 768px) {
.br-sm-visible {
display: block;
}
}
@media (min-width: 768px) {
.br-sm-none {
display: none;
}
}
/*
* @subsection Imported modules
*/
/*================== Box ======================*/
.box .box__middle,
.box-xs .box__middle,
.box-sm .box__middle,
.box-md .box__middle,
.box-lg .box__middle {
vertical-align: middle;
}
.box .box__bottom,
.box-xs .box__bottom,
.box-sm .box__bottom,
.box-md .box__bottom,
.box-lg .box__bottom {
vertical-align: bottom;
}
.box .box_left img,
.box .box_right img {
max-width: none;
}
.box .box_left,
.box .box_right,
.box .box_cnt {
padding: 0;
display: table-cell;
vertical-align: top;
}
.box .box_left {
padding-right: 30px;
}
.box .box_right {
padding-left: 30px;
}
.box-xs .box_left,
.box-sm .box_left,
.box-md .box_left,
.box-lg .box_left {
padding-bottom: 30px;
}
.box-xs .box_right,
.box-sm .box_right,
.box-md .box_right,
.box-lg .box_right {
padding-top: 30px;
}
@media (min-width: 480px) {
.box-xs .box_left img,
.box-xs .box_right img {
max-width: none;
}
.box-xs .box_left,
.box-xs .box_right,
.box-xs .box_cnt {
display: table-cell;
vertical-align: top;
}
.box-xs .box_left {
padding-right: 30px;
}
.box-xs .box_right {
padding-left: 30px;
}
.box-xs-clear .box_left img,
.box-xs-clear .box_right img {
max-width: 100%;
}
.box-xs-clear .box_left,
.box-xs-clear .box_right,
.box-xs-clear .box_cnt {
padding: 0;
display: block;
vert-align: top;
}
.box-xs-clear .box_left {
padding-bottom: 30px;
}
.box-xs-clear .box_right {
padding-top: 30px;
}
}
@media (min-width: 768px) {
.box-sm .box_left img,
.box-sm .box_right img {
max-width: none;
}
.box-sm .box_left,
.box-sm .box_right,
.box-sm .box_cnt {
display: table-cell;
vertical-align: top;
}
.box-sm .box_left {
padding-right: 30px;
}
.box-sm .box_right {
padding-left: 30px;
}
.box-sm-clear .box_left img,
.box-sm-clear .box_right img {
max-width: 100%;
}
.box-sm-clear .box_left,
.box-sm-clear .box_right,
.box-sm-clear .box_cnt {
padding: 0;
display: block;
vert-align: top;
}
.box-sm-clear .box_left {
padding-bottom: 30px;
}
.box-sm-clear .box_right {
padding-top: 30px;
}
}
@media (min-width: 992px) {
.box-md .box_left img,
.box-md .box_right img {
max-width: none;
}
.box-md .box_left,
.box-md .box_right,
.box-md .box_cnt {
display: table-cell;
vertical-align: top;
}
.box-md .box_left {
padding-right: 30px;
}
.box-md .box_right {
padding-left: 30px;
}
.box-md-clear .box_left img,
.box-md-clear .box_right img {
max-width: 100%;
}
.box-md-clear .box_left,
.box-md-clear .box_right,
.box-md-clear .box_cnt {
padding: 0;
display: block;
vert-align: top;
}
.box-md-clear .box_left {
padding-bottom: 30px;
}
.box-md-clear .box_right {
padding-top: 30px;
}
}
@media (min-width: 1200px) {
.box-lg .box_left img,
.box-lg .box_right img {
max-width: none;
}
.box-lg .box_left,
.box-lg .box_right,
.box-lg .box_cnt {
display: table-cell;
vertical-align: top;
}
.box-lg .box_left {
padding-right: 30px;
}
.box-lg .box_right {
padding-left: 30px;
}
.box-lg-clear .box_left img,
.box-lg-clear .box_right img {
max-width: 100%;
}
.box-lg-clear .box_left,
.box-lg-clear .box_right,
.box-lg-clear .box_cnt {
padding: 0;
display: block;
vert-align: top;
}
.box-lg-clear .box_left {
padding-bottom: 30px;
}
.box-lg-clear .box_right {
padding-top: 30px;
}
}
/*
* @subsection Script modules
*/
/*======================== Menu ==========================*/
.sf-menu {
display: inline-block;
}
.sf-menu:before, .sf-menu:after {
display: table;
content: "";
line-height: 0;
}
.sf-menu:after {
clear: both;
}
.sf-menu > li {
position: relative;
float: left;
left: 30px;
}
.sf-menu > li + li {
margin-left: -15px;
}
.sf-menu > li > a {
display: block;
height: 114px;
line-height: 114px;
padding-left: 15px;
padding-right: 15px;
white-space: nowrap;
color: #fff;
letter-spacing: 0.15px;
}
@media (min-width: 992px) {
.sf-menu > li > a {
padding-left: 29px;
padding-right: 31px;
}
}
.sf-menu > li > a:focus, .sf-menu > li > a:active {
color: #fff;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {
color: #1c8fd6;
}
.sf-menu > li.active > a {
color: #fff;
background: #1c8fd6;
}
.sf-menu ul {
display: none;
width: 187px;
padding: 26px 0px 5px 0px;
position: absolute;
top: 100%;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #bac6dc;
z-index: 2;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11);
}
.sf-menu ul > li {
position: relative;
}
.sf-menu ul > li + li {
margin-top: 22px;
}
.sf-menu ul > li > a {
display: inline-block;
font-size: 15px;
color: #30353c;
width: 100%;
height: 100%;
padding: 7px 7px;
}
.sf-menu ul > li > a:focus, .sf-menu ul > li > a:active {
color: #30353c;
}
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
background: #40892f;
color: #000;
}
.sf-menu ul ul {
position: absolute;
top: -26.6px;
left: calc(100% + 13px);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
width: 187px;
padding: 27px 15px 15px 14px;
background: #f9f9f9;
margin-top: 0;
z-index: 4;
}
.sf-menu ul ul {
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11);
}
.sf-menu ul ul > li > a {
color: #30353c;
}
.sf-menu ul ul > li > a:focus, .sf-menu ul ul > li > a:active {
color: #30353c;
}
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
color: #5ac441;
}
.sf-menu > li > .sf-with-ul {
position: relative;
}
.sf-menu > li > .sf-with-ul:before {
position: absolute;
left: 50%;
top: 68%;
margin-left: -7px;
content: "\f0d7";
font: 400 26px/12px "FontAwesome";
}
.sf-with-ul + ul > li > .sf-with-ul {
margin-left: -17px;
}
.sf-with-ul + ul > li > .sf-with-ul:after {
font-family: "FontAwesome";
content: "ï„…";
font-size: 16px;
line-height: 19px;
position: absolute;
right: 40px;
}
@media (max-width: 767px) {
.sf-menu {
display: none;
}
}
/*================== RD Mobile Menu =====================*/
.rd-mobilemenu {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 9999999;
text-align: left;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.rd-mobilemenu.active {
right: 0;
}
.rd-mobilemenu_ul {
position: fixed;
top: -56px;
left: 0;
bottom: -56px;
width: 240px;
padding: 127px 0 71px;
color: #f9f9f9;
background: #30353c;
line-height: 20px;
overflow: auto;
-webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
-moz-transform: translateX(-240px);
-ms-transform: translateX(-240px);
-o-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
transform: translateX(-240px);
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.rd-mobilemenu_ul a {
display: block;
padding: 14px 25px 16px;
font-size: 14px;
}
.rd-mobilemenu_ul a.active {
background: #1c8fd6;
color: #30353c;
}
.rd-mobilemenu_ul a:hover {
background: #2b3036;
color: #1c8fd6;
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
position: absolute;
top: 50%;
right: 11px;
margin-top: -17.5px;
width: 32px;
height: 32px;
font: 400 10px "FontAwesome";
line-height: 32px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
z-index: 1;
background: rgba(0, 0, 0, 0.1);
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
content: '\f078';
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
background: #292d34;
color: #f9f9f9;
}
.rd-mobilemenu_ul a.rd-with-ul {
position: relative;
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rd-mobilemenu_ul ul a {
padding-left: 40px;
}
.rd-mobilemenu_ul ul ul a {
padding-left: 60px;
}
.rd-mobilemenu_ul:after {
content: '';
display: block;
height: 20px;
}
.rd-mobilepanel {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 56px;
background: #30353c;
color: #fff;
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
z-index: 99999991;
}
.rd-mobilepanel_title {
position: fixed;
top: 4px;
left: 56px;
right: 56px;
color: #fff;
font-size: 24px;
line-height: 48px;
text-overflow: ellipsis;
white-space: nowrap;
}
.rd-mobilepanel_toggle {
position: fixed;
top: 4px;
left: 8px;
width: 48px;
height: 48px;
}
.rd-mobilepanel_toggle span {
position: relative;
display: block;
margin: auto;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
content: "";
position: absolute;
left: 0;
top: -8px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
top: 8px;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
width: 24px;
height: 4px;
background-color: #fff;
backface-visibility: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
-moz-transform-origin: 1.71429px center;
-ms-transform-origin: 1.71429px center;
-o-transform-origin: 1.71429px center;
-webkit-transform-origin: 1.71429px center;
transform-origin: 1.71429px center;
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
top: 0;
width: 15px;
}
.rd-mobilepanel_toggle.active span:before {
-moz-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.rd-mobilepanel_toggle.active span:after {
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
@media (max-width: 767px) {
body {
padding-top: 56px;
}
.rd-mobilemenu, .rd-mobilepanel {
display: block;
}
}
@media (max-width: 359px) {
.rd-mobilepanel_title {
font-size: 18px;
}
}
/*================== Stuck menu ======================*/
.isStuck {
background: #1f1b1b;
z-index: 999;
height: 74px;
white-space: nowrap;
}
.isStuck .brand {
display: inline-block;
position: relative;
top: -24px;
left: -20px;
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.isStuck .title {
font-size: 46px;
}
.isStuck .brand_name a {
font-size: 26px;
}
.isStuck .nav {
position: relative;
display: inline-block;
right: 0;
}
.isStuck .nav .sf-menu > li > a {
height: 69px;
line-height: 69px;
}
.isStuck .nav .search-form_toggle {
display: none;
}
.isStuck .nav .search-form.on {
display: none;
}
.isStuck .nav:before {
display: none;
}
@media only screen and (max-width: 979px) {
.isStuck {
display: none !important;
}
}
/*================== ToTop ======================*/
a.toTop {
width: 60px;
height: 60px;
color: #fff;
background: #103786;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: fixed;
right: 40px;
bottom: 40px;
display: none;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20;
}
a.toTop:before {
font-size: 30px;
line-height: 58px;
}
a.toTop:active, a.toTop:focus {
color: #fff;
background: #5ac441;
}
a.toTop:hover {
color: #fff;
background: #40892f;
text-decoration: none;
}
.mobile .toTop,
.tablet .toTop {
display: none !important;
}
.thumb {
position: relative;
display: block;
}
.thumb img {
width: 100%;
}
.thumb_overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.thumb_overlay:before {
display: block;
position: absolute;
top: 45%;
left: 50%;
bottom: 0;
right: 0;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transition: 0.4s;
-o-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
opacity: 1;
content: '\f00e';
font: 400 48px/48px "FontAwesome";
color: transparent;
text-align: center;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.thumb:hover .thumb_overlay {
background: rgba(48, 53, 60, 0.6);
}
.thumb:hover .thumb_overlay:before {
opacity: 1;
color: rgba(255, 255, 255, 0.8);
}
/*================== RD Parallax ======================*/
.parallax {
position: relative;
overflow: hidden;
}
.parallax p {
color: #adb8c7;
}
.parallax .white {
color: #fff;
}
.parallax_image, .parallax_pattern {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-position: center center;
will-change: transform;
}
.parallax_image {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
opacity: 0.3;
}
.parallax_image2 {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
opacity: 0.8;
}
.parallax_pattern {
background-repeat: repeat;
}
.parallax_cnt {
position: relative;
}
/*
* @subsection RD Parallax
*
* @description Describes style declarations for RD Parallax extension
*
* @author Evgeniy Gusarov
* @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a
* @version 3.5.0
*/
.rd-parallax-inner {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.rd-parallax-layer[data-type="media"] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
}
.rd-parallax-layer[data-type="media"] iframe {
width: 100%;
height: 100%;
}
.rd-parallax-layer[data-url] {
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
}
/*================= Tabs ======================*/
.resp-tabs-list li, .resp-accordion {
text-align: center;
font: 700 22px/24px "Roboto Slab", sans-serif;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
cursor: pointer;
}
.resp-tabs-list {
text-align: center;
}
.resp-tabs-list li {
display: inline-block;
margin-top: 5px;
}
.resp-tabs-list li:hover {
color: #5ac441;
}
.resp-tabs-list li + li {
margin-left: 47px;
}
.resp-tabs-list .resp-tab-active {
color: #5ac441;
}
.resp-accordion {
margin-left: auto;
margin-right: auto;
display: none;
padding: 15px;
background: #f9f9f9;
max-width: 650px;
}
.resp-accordion + .resp-accordion {
margin-top: 7px;
}
.resp-accordion:hover {
color: #5ac441;
}
.resp-tab-content {
display: none;
}
.resp-tab-content-active {
display: block;
}
@media (max-width: 767px) {
.resp-accordion {
display: block;
}
.resp-tabs-list {
display: none;
}
}
/**** iframe ****/
@media (min-device-width: 768px) {
iframe {
height: 355px;
width: 510px;
}
}
@media (max-device-width: 480px) {
iframe {
height: 255px;
width: 355px;
}
}
/*
* @section Page Header
* @description This section holds specific style redeclarations for
* some of common elements in page header
*/
header .brand {
display: block;
z-index: 10;
}
header .nav {
display: block;
text-align: center;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
header {
text-align: center;
}
header .brand, header .nav {
float: none;
}
}
@media (min-width: 767px) and (max-width: 1440px) {
header .nav:before {
content: '';
position: absolute;
right: 0;
left: -1000px;
bottom: 0;
height: 100%;
width: 100000px;
background: #292d34;
}
}
@media (min-width: 1440px) {
header .brand {
float: left;
}
header .nav {
float: right;
}
}
/*
* @section Page Content
* @description This section holds specific style redeclarations for
* some of common elements in page content
*/
main {
display: block;
}
main a[href*="mailto"] {
display: block;
color: #5ac441;
text-decoration: underline;
}
main a[href*="mailto"]:hover {
color: #ffb619;
}
/*
* @subsection Well
*/
.well {
padding-top: 150px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.well {
padding-top: 75px;
}
}
.well-2 {
padding-top: 150px;
padding-bottom: 150px;
}
.well-3 {
padding-top: 17px;
}
.well--inset-1 {
padding-bottom: 110px;
}
.well--inset-2 {
padding-bottom: 125px;
}
.well--inset-3 {
padding-bottom: 89px;
}
.well--inset-4 {
padding-bottom: 150px;
}
.well--inset-5 {
padding-bottom: 50px;
}
.well--shortboth {
padding-top: 50px;
padding-bottom: 20px;
}
/*
* @section Page Footer
* @description This section holds specific style redeclarations for
* some of common elements in page footer
*/
footer address {
text-transform: uppercase;
}
footer address, footer a[href*="mailto"] {
display: block;
font-weight: 300;
}
footer .brand {
max-width: 200px;
background-size: contain;
}
footer .small {
line-height: 1.1;
}
footer .small.light {
color: #adb8c7;
}