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; } 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; }  .cssgrid .container {
width: 100%;
margin-right: auto;
margin-left: auto; }
.cssgrid .col-1 {
grid-column: auto/span 1; }
.cssgrid .col-2 {
grid-column: auto/span 2; }
.cssgrid .col-3 {
grid-column: auto/span 3; }
.cssgrid .col-4 {
grid-column: auto/span 4; }
.cssgrid .col-5 {
grid-column: auto/span 5; }
.cssgrid .col-6 {
grid-column: auto/span 6; }
.cssgrid .col-7 {
grid-column: auto/span 7; }
.cssgrid .col-8 {
grid-column: auto/span 8; }
.cssgrid .col-9 {
grid-column: auto/span 9; }
.cssgrid .col-10 {
grid-column: auto/span 10; }
.cssgrid .col-11 {
grid-column: auto/span 11; }
.cssgrid .col-12 {
grid-column: auto/span 12; }
.cssgrid .container .row {
grid-column: auto/span 12; }
@media (min-width: 0) {
.cssgrid .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 10px;
max-width: none; }
.cssgrid .container .row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 10px;
grid-column: auto/span 12; }
.cssgrid .col-xs-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-xs-offset-1, .cssgrid .row .col-xs-offset-1 {
grid-column-start: 2; }
.cssgrid .col-xs-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-xs-offset-2, .cssgrid .row .col-xs-offset-2 {
grid-column-start: 3; }
.cssgrid .col-xs-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-xs-offset-3, .cssgrid .row .col-xs-offset-3 {
grid-column-start: 4; }
.cssgrid .col-xs-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-xs-offset-4, .cssgrid .row .col-xs-offset-4 {
grid-column-start: 5; }
.cssgrid .col-xs-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-xs-offset-5, .cssgrid .row .col-xs-offset-5 {
grid-column-start: 6; }
.cssgrid .col-xs-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-xs-offset-6, .cssgrid .row .col-xs-offset-6 {
grid-column-start: 7; }
.cssgrid .col-xs-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-xs-offset-7, .cssgrid .row .col-xs-offset-7 {
grid-column-start: 8; }
.cssgrid .col-xs-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-xs-offset-8, .cssgrid .row .col-xs-offset-8 {
grid-column-start: 9; }
.cssgrid .col-xs-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-xs-offset-9, .cssgrid .row .col-xs-offset-9 {
grid-column-start: 10; }
.cssgrid .col-xs-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-xs-offset-10, .cssgrid .row .col-xs-offset-10 {
grid-column-start: 11; }
.cssgrid .col-xs-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-xs-offset-11, .cssgrid .row .col-xs-offset-11 {
grid-column-start: 12; }
.cssgrid .col-xs-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-xs-offset-12, .cssgrid .row .col-xs-offset-12 {
grid-column-start: 13; } }
@media (min-width: 576px) {
.cssgrid .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 10px;
max-width: 540px; }
.cssgrid .container .row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 10px;
grid-column: auto/span 12; }
.cssgrid .col-xs-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-xs-offset-1, .cssgrid .row .col-xs-offset-1 {
grid-column-start: 2; }
.cssgrid .col-xs-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-xs-offset-2, .cssgrid .row .col-xs-offset-2 {
grid-column-start: 3; }
.cssgrid .col-xs-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-xs-offset-3, .cssgrid .row .col-xs-offset-3 {
grid-column-start: 4; }
.cssgrid .col-xs-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-xs-offset-4, .cssgrid .row .col-xs-offset-4 {
grid-column-start: 5; }
.cssgrid .col-xs-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-xs-offset-5, .cssgrid .row .col-xs-offset-5 {
grid-column-start: 6; }
.cssgrid .col-xs-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-xs-offset-6, .cssgrid .row .col-xs-offset-6 {
grid-column-start: 7; }
.cssgrid .col-xs-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-xs-offset-7, .cssgrid .row .col-xs-offset-7 {
grid-column-start: 8; }
.cssgrid .col-xs-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-xs-offset-8, .cssgrid .row .col-xs-offset-8 {
grid-column-start: 9; }
.cssgrid .col-xs-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-xs-offset-9, .cssgrid .row .col-xs-offset-9 {
grid-column-start: 10; }
.cssgrid .col-xs-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-xs-offset-10, .cssgrid .row .col-xs-offset-10 {
grid-column-start: 11; }
.cssgrid .col-xs-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-xs-offset-11, .cssgrid .row .col-xs-offset-11 {
grid-column-start: 12; }
.cssgrid .col-xs-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-xs-offset-12, .cssgrid .row .col-xs-offset-12 {
grid-column-start: 13; }
.cssgrid .col-sm-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-sm-offset-1, .cssgrid .row .col-sm-offset-1 {
grid-column-start: 2; }
.cssgrid .col-sm-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-sm-offset-2, .cssgrid .row .col-sm-offset-2 {
grid-column-start: 3; }
.cssgrid .col-sm-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-sm-offset-3, .cssgrid .row .col-sm-offset-3 {
grid-column-start: 4; }
.cssgrid .col-sm-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-sm-offset-4, .cssgrid .row .col-sm-offset-4 {
grid-column-start: 5; }
.cssgrid .col-sm-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-sm-offset-5, .cssgrid .row .col-sm-offset-5 {
grid-column-start: 6; }
.cssgrid .col-sm-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-sm-offset-6, .cssgrid .row .col-sm-offset-6 {
grid-column-start: 7; }
.cssgrid .col-sm-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-sm-offset-7, .cssgrid .row .col-sm-offset-7 {
grid-column-start: 8; }
.cssgrid .col-sm-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-sm-offset-8, .cssgrid .row .col-sm-offset-8 {
grid-column-start: 9; }
.cssgrid .col-sm-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-sm-offset-9, .cssgrid .row .col-sm-offset-9 {
grid-column-start: 10; }
.cssgrid .col-sm-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-sm-offset-10, .cssgrid .row .col-sm-offset-10 {
grid-column-start: 11; }
.cssgrid .col-sm-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-sm-offset-11, .cssgrid .row .col-sm-offset-11 {
grid-column-start: 12; }
.cssgrid .col-sm-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-sm-offset-12, .cssgrid .row .col-sm-offset-12 {
grid-column-start: 13; } }
@media (min-width: 768px) {
.cssgrid .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 20px;
max-width: 720px; }
.cssgrid .container .row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 20px;
grid-column: auto/span 12; }
.cssgrid .col-xs-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-xs-offset-1, .cssgrid .row .col-xs-offset-1 {
grid-column-start: 2; }
.cssgrid .col-xs-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-xs-offset-2, .cssgrid .row .col-xs-offset-2 {
grid-column-start: 3; }
.cssgrid .col-xs-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-xs-offset-3, .cssgrid .row .col-xs-offset-3 {
grid-column-start: 4; }
.cssgrid .col-xs-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-xs-offset-4, .cssgrid .row .col-xs-offset-4 {
grid-column-start: 5; }
.cssgrid .col-xs-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-xs-offset-5, .cssgrid .row .col-xs-offset-5 {
grid-column-start: 6; }
.cssgrid .col-xs-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-xs-offset-6, .cssgrid .row .col-xs-offset-6 {
grid-column-start: 7; }
.cssgrid .col-xs-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-xs-offset-7, .cssgrid .row .col-xs-offset-7 {
grid-column-start: 8; }
.cssgrid .col-xs-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-xs-offset-8, .cssgrid .row .col-xs-offset-8 {
grid-column-start: 9; }
.cssgrid .col-xs-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-xs-offset-9, .cssgrid .row .col-xs-offset-9 {
grid-column-start: 10; }
.cssgrid .col-xs-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-xs-offset-10, .cssgrid .row .col-xs-offset-10 {
grid-column-start: 11; }
.cssgrid .col-xs-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-xs-offset-11, .cssgrid .row .col-xs-offset-11 {
grid-column-start: 12; }
.cssgrid .col-xs-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-xs-offset-12, .cssgrid .row .col-xs-offset-12 {
grid-column-start: 13; }
.cssgrid .col-sm-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-sm-offset-1, .cssgrid .row .col-sm-offset-1 {
grid-column-start: 2; }
.cssgrid .col-sm-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-sm-offset-2, .cssgrid .row .col-sm-offset-2 {
grid-column-start: 3; }
.cssgrid .col-sm-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-sm-offset-3, .cssgrid .row .col-sm-offset-3 {
grid-column-start: 4; }
.cssgrid .col-sm-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-sm-offset-4, .cssgrid .row .col-sm-offset-4 {
grid-column-start: 5; }
.cssgrid .col-sm-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-sm-offset-5, .cssgrid .row .col-sm-offset-5 {
grid-column-start: 6; }
.cssgrid .col-sm-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-sm-offset-6, .cssgrid .row .col-sm-offset-6 {
grid-column-start: 7; }
.cssgrid .col-sm-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-sm-offset-7, .cssgrid .row .col-sm-offset-7 {
grid-column-start: 8; }
.cssgrid .col-sm-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-sm-offset-8, .cssgrid .row .col-sm-offset-8 {
grid-column-start: 9; }
.cssgrid .col-sm-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-sm-offset-9, .cssgrid .row .col-sm-offset-9 {
grid-column-start: 10; }
.cssgrid .col-sm-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-sm-offset-10, .cssgrid .row .col-sm-offset-10 {
grid-column-start: 11; }
.cssgrid .col-sm-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-sm-offset-11, .cssgrid .row .col-sm-offset-11 {
grid-column-start: 12; }
.cssgrid .col-sm-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-sm-offset-12, .cssgrid .row .col-sm-offset-12 {
grid-column-start: 13; }
.cssgrid .col-md-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-md-offset-1, .cssgrid .row .col-md-offset-1 {
grid-column-start: 2; }
.cssgrid .col-md-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-md-offset-2, .cssgrid .row .col-md-offset-2 {
grid-column-start: 3; }
.cssgrid .col-md-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-md-offset-3, .cssgrid .row .col-md-offset-3 {
grid-column-start: 4; }
.cssgrid .col-md-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-md-offset-4, .cssgrid .row .col-md-offset-4 {
grid-column-start: 5; }
.cssgrid .col-md-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-md-offset-5, .cssgrid .row .col-md-offset-5 {
grid-column-start: 6; }
.cssgrid .col-md-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-md-offset-6, .cssgrid .row .col-md-offset-6 {
grid-column-start: 7; }
.cssgrid .col-md-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-md-offset-7, .cssgrid .row .col-md-offset-7 {
grid-column-start: 8; }
.cssgrid .col-md-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-md-offset-8, .cssgrid .row .col-md-offset-8 {
grid-column-start: 9; }
.cssgrid .col-md-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-md-offset-9, .cssgrid .row .col-md-offset-9 {
grid-column-start: 10; }
.cssgrid .col-md-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-md-offset-10, .cssgrid .row .col-md-offset-10 {
grid-column-start: 11; }
.cssgrid .col-md-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-md-offset-11, .cssgrid .row .col-md-offset-11 {
grid-column-start: 12; }
.cssgrid .col-md-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-md-offset-12, .cssgrid .row .col-md-offset-12 {
grid-column-start: 13; } }
@media (min-width: 992px) {
.cssgrid .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 20px;
max-width: 960px; }
.cssgrid .container .row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 20px;
grid-column: auto/span 12; }
.cssgrid .col-xs-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-xs-offset-1, .cssgrid .row .col-xs-offset-1 {
grid-column-start: 2; }
.cssgrid .col-xs-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-xs-offset-2, .cssgrid .row .col-xs-offset-2 {
grid-column-start: 3; }
.cssgrid .col-xs-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-xs-offset-3, .cssgrid .row .col-xs-offset-3 {
grid-column-start: 4; }
.cssgrid .col-xs-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-xs-offset-4, .cssgrid .row .col-xs-offset-4 {
grid-column-start: 5; }
.cssgrid .col-xs-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-xs-offset-5, .cssgrid .row .col-xs-offset-5 {
grid-column-start: 6; }
.cssgrid .col-xs-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-xs-offset-6, .cssgrid .row .col-xs-offset-6 {
grid-column-start: 7; }
.cssgrid .col-xs-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-xs-offset-7, .cssgrid .row .col-xs-offset-7 {
grid-column-start: 8; }
.cssgrid .col-xs-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-xs-offset-8, .cssgrid .row .col-xs-offset-8 {
grid-column-start: 9; }
.cssgrid .col-xs-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-xs-offset-9, .cssgrid .row .col-xs-offset-9 {
grid-column-start: 10; }
.cssgrid .col-xs-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-xs-offset-10, .cssgrid .row .col-xs-offset-10 {
grid-column-start: 11; }
.cssgrid .col-xs-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-xs-offset-11, .cssgrid .row .col-xs-offset-11 {
grid-column-start: 12; }
.cssgrid .col-xs-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-xs-offset-12, .cssgrid .row .col-xs-offset-12 {
grid-column-start: 13; }
.cssgrid .col-sm-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-sm-offset-1, .cssgrid .row .col-sm-offset-1 {
grid-column-start: 2; }
.cssgrid .col-sm-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-sm-offset-2, .cssgrid .row .col-sm-offset-2 {
grid-column-start: 3; }
.cssgrid .col-sm-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-sm-offset-3, .cssgrid .row .col-sm-offset-3 {
grid-column-start: 4; }
.cssgrid .col-sm-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-sm-offset-4, .cssgrid .row .col-sm-offset-4 {
grid-column-start: 5; }
.cssgrid .col-sm-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-sm-offset-5, .cssgrid .row .col-sm-offset-5 {
grid-column-start: 6; }
.cssgrid .col-sm-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-sm-offset-6, .cssgrid .row .col-sm-offset-6 {
grid-column-start: 7; }
.cssgrid .col-sm-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-sm-offset-7, .cssgrid .row .col-sm-offset-7 {
grid-column-start: 8; }
.cssgrid .col-sm-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-sm-offset-8, .cssgrid .row .col-sm-offset-8 {
grid-column-start: 9; }
.cssgrid .col-sm-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-sm-offset-9, .cssgrid .row .col-sm-offset-9 {
grid-column-start: 10; }
.cssgrid .col-sm-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-sm-offset-10, .cssgrid .row .col-sm-offset-10 {
grid-column-start: 11; }
.cssgrid .col-sm-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-sm-offset-11, .cssgrid .row .col-sm-offset-11 {
grid-column-start: 12; }
.cssgrid .col-sm-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-sm-offset-12, .cssgrid .row .col-sm-offset-12 {
grid-column-start: 13; }
.cssgrid .col-md-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-md-offset-1, .cssgrid .row .col-md-offset-1 {
grid-column-start: 2; }
.cssgrid .col-md-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-md-offset-2, .cssgrid .row .col-md-offset-2 {
grid-column-start: 3; }
.cssgrid .col-md-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-md-offset-3, .cssgrid .row .col-md-offset-3 {
grid-column-start: 4; }
.cssgrid .col-md-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-md-offset-4, .cssgrid .row .col-md-offset-4 {
grid-column-start: 5; }
.cssgrid .col-md-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-md-offset-5, .cssgrid .row .col-md-offset-5 {
grid-column-start: 6; }
.cssgrid .col-md-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-md-offset-6, .cssgrid .row .col-md-offset-6 {
grid-column-start: 7; }
.cssgrid .col-md-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-md-offset-7, .cssgrid .row .col-md-offset-7 {
grid-column-start: 8; }
.cssgrid .col-md-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-md-offset-8, .cssgrid .row .col-md-offset-8 {
grid-column-start: 9; }
.cssgrid .col-md-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-md-offset-9, .cssgrid .row .col-md-offset-9 {
grid-column-start: 10; }
.cssgrid .col-md-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-md-offset-10, .cssgrid .row .col-md-offset-10 {
grid-column-start: 11; }
.cssgrid .col-md-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-md-offset-11, .cssgrid .row .col-md-offset-11 {
grid-column-start: 12; }
.cssgrid .col-md-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-md-offset-12, .cssgrid .row .col-md-offset-12 {
grid-column-start: 13; }
.cssgrid .col-lg-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-lg-offset-1, .cssgrid .row .col-lg-offset-1 {
grid-column-start: 2; }
.cssgrid .col-lg-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-lg-offset-2, .cssgrid .row .col-lg-offset-2 {
grid-column-start: 3; }
.cssgrid .col-lg-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-lg-offset-3, .cssgrid .row .col-lg-offset-3 {
grid-column-start: 4; }
.cssgrid .col-lg-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-lg-offset-4, .cssgrid .row .col-lg-offset-4 {
grid-column-start: 5; }
.cssgrid .col-lg-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-lg-offset-5, .cssgrid .row .col-lg-offset-5 {
grid-column-start: 6; }
.cssgrid .col-lg-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-lg-offset-6, .cssgrid .row .col-lg-offset-6 {
grid-column-start: 7; }
.cssgrid .col-lg-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-lg-offset-7, .cssgrid .row .col-lg-offset-7 {
grid-column-start: 8; }
.cssgrid .col-lg-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-lg-offset-8, .cssgrid .row .col-lg-offset-8 {
grid-column-start: 9; }
.cssgrid .col-lg-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-lg-offset-9, .cssgrid .row .col-lg-offset-9 {
grid-column-start: 10; }
.cssgrid .col-lg-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-lg-offset-10, .cssgrid .row .col-lg-offset-10 {
grid-column-start: 11; }
.cssgrid .col-lg-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-lg-offset-11, .cssgrid .row .col-lg-offset-11 {
grid-column-start: 12; }
.cssgrid .col-lg-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-lg-offset-12, .cssgrid .row .col-lg-offset-12 {
grid-column-start: 13; } }
@media (min-width: 1200px) {
.cssgrid .container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 20px;
max-width: 1140px; }
.cssgrid .container .row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 20px;
grid-column: auto/span 12; }
.cssgrid .col-xs-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-xs-offset-1, .cssgrid .row .col-xs-offset-1 {
grid-column-start: 2; }
.cssgrid .col-xs-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-xs-offset-2, .cssgrid .row .col-xs-offset-2 {
grid-column-start: 3; }
.cssgrid .col-xs-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-xs-offset-3, .cssgrid .row .col-xs-offset-3 {
grid-column-start: 4; }
.cssgrid .col-xs-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-xs-offset-4, .cssgrid .row .col-xs-offset-4 {
grid-column-start: 5; }
.cssgrid .col-xs-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-xs-offset-5, .cssgrid .row .col-xs-offset-5 {
grid-column-start: 6; }
.cssgrid .col-xs-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-xs-offset-6, .cssgrid .row .col-xs-offset-6 {
grid-column-start: 7; }
.cssgrid .col-xs-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-xs-offset-7, .cssgrid .row .col-xs-offset-7 {
grid-column-start: 8; }
.cssgrid .col-xs-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-xs-offset-8, .cssgrid .row .col-xs-offset-8 {
grid-column-start: 9; }
.cssgrid .col-xs-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-xs-offset-9, .cssgrid .row .col-xs-offset-9 {
grid-column-start: 10; }
.cssgrid .col-xs-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-xs-offset-10, .cssgrid .row .col-xs-offset-10 {
grid-column-start: 11; }
.cssgrid .col-xs-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-xs-offset-11, .cssgrid .row .col-xs-offset-11 {
grid-column-start: 12; }
.cssgrid .col-xs-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-xs-offset-12, .cssgrid .row .col-xs-offset-12 {
grid-column-start: 13; }
.cssgrid .col-sm-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-sm-offset-1, .cssgrid .row .col-sm-offset-1 {
grid-column-start: 2; }
.cssgrid .col-sm-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-sm-offset-2, .cssgrid .row .col-sm-offset-2 {
grid-column-start: 3; }
.cssgrid .col-sm-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-sm-offset-3, .cssgrid .row .col-sm-offset-3 {
grid-column-start: 4; }
.cssgrid .col-sm-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-sm-offset-4, .cssgrid .row .col-sm-offset-4 {
grid-column-start: 5; }
.cssgrid .col-sm-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-sm-offset-5, .cssgrid .row .col-sm-offset-5 {
grid-column-start: 6; }
.cssgrid .col-sm-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-sm-offset-6, .cssgrid .row .col-sm-offset-6 {
grid-column-start: 7; }
.cssgrid .col-sm-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-sm-offset-7, .cssgrid .row .col-sm-offset-7 {
grid-column-start: 8; }
.cssgrid .col-sm-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-sm-offset-8, .cssgrid .row .col-sm-offset-8 {
grid-column-start: 9; }
.cssgrid .col-sm-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-sm-offset-9, .cssgrid .row .col-sm-offset-9 {
grid-column-start: 10; }
.cssgrid .col-sm-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-sm-offset-10, .cssgrid .row .col-sm-offset-10 {
grid-column-start: 11; }
.cssgrid .col-sm-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-sm-offset-11, .cssgrid .row .col-sm-offset-11 {
grid-column-start: 12; }
.cssgrid .col-sm-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-sm-offset-12, .cssgrid .row .col-sm-offset-12 {
grid-column-start: 13; }
.cssgrid .col-md-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-md-offset-1, .cssgrid .row .col-md-offset-1 {
grid-column-start: 2; }
.cssgrid .col-md-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-md-offset-2, .cssgrid .row .col-md-offset-2 {
grid-column-start: 3; }
.cssgrid .col-md-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-md-offset-3, .cssgrid .row .col-md-offset-3 {
grid-column-start: 4; }
.cssgrid .col-md-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-md-offset-4, .cssgrid .row .col-md-offset-4 {
grid-column-start: 5; }
.cssgrid .col-md-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-md-offset-5, .cssgrid .row .col-md-offset-5 {
grid-column-start: 6; }
.cssgrid .col-md-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-md-offset-6, .cssgrid .row .col-md-offset-6 {
grid-column-start: 7; }
.cssgrid .col-md-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-md-offset-7, .cssgrid .row .col-md-offset-7 {
grid-column-start: 8; }
.cssgrid .col-md-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-md-offset-8, .cssgrid .row .col-md-offset-8 {
grid-column-start: 9; }
.cssgrid .col-md-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-md-offset-9, .cssgrid .row .col-md-offset-9 {
grid-column-start: 10; }
.cssgrid .col-md-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-md-offset-10, .cssgrid .row .col-md-offset-10 {
grid-column-start: 11; }
.cssgrid .col-md-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-md-offset-11, .cssgrid .row .col-md-offset-11 {
grid-column-start: 12; }
.cssgrid .col-md-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-md-offset-12, .cssgrid .row .col-md-offset-12 {
grid-column-start: 13; }
.cssgrid .col-lg-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-lg-offset-1, .cssgrid .row .col-lg-offset-1 {
grid-column-start: 2; }
.cssgrid .col-lg-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-lg-offset-2, .cssgrid .row .col-lg-offset-2 {
grid-column-start: 3; }
.cssgrid .col-lg-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-lg-offset-3, .cssgrid .row .col-lg-offset-3 {
grid-column-start: 4; }
.cssgrid .col-lg-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-lg-offset-4, .cssgrid .row .col-lg-offset-4 {
grid-column-start: 5; }
.cssgrid .col-lg-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-lg-offset-5, .cssgrid .row .col-lg-offset-5 {
grid-column-start: 6; }
.cssgrid .col-lg-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-lg-offset-6, .cssgrid .row .col-lg-offset-6 {
grid-column-start: 7; }
.cssgrid .col-lg-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-lg-offset-7, .cssgrid .row .col-lg-offset-7 {
grid-column-start: 8; }
.cssgrid .col-lg-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-lg-offset-8, .cssgrid .row .col-lg-offset-8 {
grid-column-start: 9; }
.cssgrid .col-lg-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-lg-offset-9, .cssgrid .row .col-lg-offset-9 {
grid-column-start: 10; }
.cssgrid .col-lg-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-lg-offset-10, .cssgrid .row .col-lg-offset-10 {
grid-column-start: 11; }
.cssgrid .col-lg-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-lg-offset-11, .cssgrid .row .col-lg-offset-11 {
grid-column-start: 12; }
.cssgrid .col-lg-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-lg-offset-12, .cssgrid .row .col-lg-offset-12 {
grid-column-start: 13; }
.cssgrid .col-xl-1 {
grid-column: auto/span 1; }
.cssgrid .container .col-xl-offset-1, .cssgrid .row .col-xl-offset-1 {
grid-column-start: 2; }
.cssgrid .col-xl-2 {
grid-column: auto/span 2; }
.cssgrid .container .col-xl-offset-2, .cssgrid .row .col-xl-offset-2 {
grid-column-start: 3; }
.cssgrid .col-xl-3 {
grid-column: auto/span 3; }
.cssgrid .container .col-xl-offset-3, .cssgrid .row .col-xl-offset-3 {
grid-column-start: 4; }
.cssgrid .col-xl-4 {
grid-column: auto/span 4; }
.cssgrid .container .col-xl-offset-4, .cssgrid .row .col-xl-offset-4 {
grid-column-start: 5; }
.cssgrid .col-xl-5 {
grid-column: auto/span 5; }
.cssgrid .container .col-xl-offset-5, .cssgrid .row .col-xl-offset-5 {
grid-column-start: 6; }
.cssgrid .col-xl-6 {
grid-column: auto/span 6; }
.cssgrid .container .col-xl-offset-6, .cssgrid .row .col-xl-offset-6 {
grid-column-start: 7; }
.cssgrid .col-xl-7 {
grid-column: auto/span 7; }
.cssgrid .container .col-xl-offset-7, .cssgrid .row .col-xl-offset-7 {
grid-column-start: 8; }
.cssgrid .col-xl-8 {
grid-column: auto/span 8; }
.cssgrid .container .col-xl-offset-8, .cssgrid .row .col-xl-offset-8 {
grid-column-start: 9; }
.cssgrid .col-xl-9 {
grid-column: auto/span 9; }
.cssgrid .container .col-xl-offset-9, .cssgrid .row .col-xl-offset-9 {
grid-column-start: 10; }
.cssgrid .col-xl-10 {
grid-column: auto/span 10; }
.cssgrid .container .col-xl-offset-10, .cssgrid .row .col-xl-offset-10 {
grid-column-start: 11; }
.cssgrid .col-xl-11 {
grid-column: auto/span 11; }
.cssgrid .container .col-xl-offset-11, .cssgrid .row .col-xl-offset-11 {
grid-column-start: 12; }
.cssgrid .col-xl-12 {
grid-column: auto/span 12; }
.cssgrid .container .col-xl-offset-12, .cssgrid .row .col-xl-offset-12 {
grid-column-start: 13; } } .no-cssgrid .container {
width: 100%;
margin-right: auto;
margin-left: auto; }
.no-cssgrid .container::after {
clear: both;
content: "";
display: block; }
.no-cssgrid .col-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .col-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
@media (min-width: 0) {
.no-cssgrid .container {
max-width: none; }
.no-cssgrid .col-xs-1 {
width: calc(8.33333% - 10.83333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-1, .no-cssgrid .row .col-xs-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-2 {
width: calc(16.66667% - 11.66667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-2, .no-cssgrid .row .col-xs-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-3 {
width: calc(25% - 12.5px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-3, .no-cssgrid .row .col-xs-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-xs-4 {
width: calc(33.33333% - 13.33333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-4, .no-cssgrid .row .col-xs-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-5 {
width: calc(41.66667% - 14.16667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-5, .no-cssgrid .row .col-xs-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-6 {
width: calc(50% - 15px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-6, .no-cssgrid .row .col-xs-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-xs-7 {
width: calc(58.33333% - 15.83333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-7, .no-cssgrid .row .col-xs-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-8 {
width: calc(66.66667% - 16.66667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-8, .no-cssgrid .row .col-xs-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-9 {
width: calc(75% - 17.5px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-9, .no-cssgrid .row .col-xs-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-xs-10 {
width: calc(83.33333% - 18.33333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-10, .no-cssgrid .row .col-xs-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-11 {
width: calc(91.66667% - 19.16667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-11, .no-cssgrid .row .col-xs-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-12 {
width: calc(100% - 20px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-12, .no-cssgrid .row .col-xs-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; } }
@media (min-width: 576px) {
.no-cssgrid .container {
max-width: 540px; }
.no-cssgrid .row {
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px); }
.no-cssgrid .col-xs-1 {
width: calc(8.33333% - 10.83333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-1, .no-cssgrid .row .col-xs-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-2 {
width: calc(16.66667% - 11.66667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-2, .no-cssgrid .row .col-xs-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-3 {
width: calc(25% - 12.5px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-3, .no-cssgrid .row .col-xs-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-xs-4 {
width: calc(33.33333% - 13.33333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-4, .no-cssgrid .row .col-xs-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-5 {
width: calc(41.66667% - 14.16667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-5, .no-cssgrid .row .col-xs-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-6 {
width: calc(50% - 15px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-6, .no-cssgrid .row .col-xs-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-xs-7 {
width: calc(58.33333% - 15.83333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-7, .no-cssgrid .row .col-xs-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-8 {
width: calc(66.66667% - 16.66667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-8, .no-cssgrid .row .col-xs-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-9 {
width: calc(75% - 17.5px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-9, .no-cssgrid .row .col-xs-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-xs-10 {
width: calc(83.33333% - 18.33333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-10, .no-cssgrid .row .col-xs-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-11 {
width: calc(91.66667% - 19.16667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-11, .no-cssgrid .row .col-xs-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-12 {
width: calc(100% - 20px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-xs-offset-12, .no-cssgrid .row .col-xs-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-sm-1 {
width: calc(8.33333% - 10.83333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-1, .no-cssgrid .row .col-sm-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-2 {
width: calc(16.66667% - 11.66667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-2, .no-cssgrid .row .col-sm-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-3 {
width: calc(25% - 12.5px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-3, .no-cssgrid .row .col-sm-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-sm-4 {
width: calc(33.33333% - 13.33333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-4, .no-cssgrid .row .col-sm-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-5 {
width: calc(41.66667% - 14.16667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-5, .no-cssgrid .row .col-sm-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-6 {
width: calc(50% - 15px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-6, .no-cssgrid .row .col-sm-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-sm-7 {
width: calc(58.33333% - 15.83333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-7, .no-cssgrid .row .col-sm-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-8 {
width: calc(66.66667% - 16.66667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-8, .no-cssgrid .row .col-sm-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-9 {
width: calc(75% - 17.5px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-9, .no-cssgrid .row .col-sm-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-sm-10 {
width: calc(83.33333% - 18.33333px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-10, .no-cssgrid .row .col-sm-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-11 {
width: calc(91.66667% - 19.16667px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-11, .no-cssgrid .row .col-sm-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-12 {
width: calc(100% - 20px);
float: left;
margin-left: 10px; }
.no-cssgrid .container .col-sm-offset-12, .no-cssgrid .row .col-sm-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; } }
@media (min-width: 768px) {
.no-cssgrid .container {
max-width: 720px; }
.no-cssgrid .row {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px); }
.no-cssgrid .col-xs-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-1, .no-cssgrid .row .col-xs-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-2, .no-cssgrid .row .col-xs-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-3, .no-cssgrid .row .col-xs-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-xs-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-4, .no-cssgrid .row .col-xs-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-5, .no-cssgrid .row .col-xs-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-6, .no-cssgrid .row .col-xs-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-xs-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-7, .no-cssgrid .row .col-xs-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-8, .no-cssgrid .row .col-xs-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-9, .no-cssgrid .row .col-xs-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-xs-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-10, .no-cssgrid .row .col-xs-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-11, .no-cssgrid .row .col-xs-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-12, .no-cssgrid .row .col-xs-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-sm-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-1, .no-cssgrid .row .col-sm-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-2, .no-cssgrid .row .col-sm-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-3, .no-cssgrid .row .col-sm-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-sm-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-4, .no-cssgrid .row .col-sm-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-5, .no-cssgrid .row .col-sm-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-6, .no-cssgrid .row .col-sm-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-sm-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-7, .no-cssgrid .row .col-sm-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-8, .no-cssgrid .row .col-sm-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-9, .no-cssgrid .row .col-sm-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-sm-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-10, .no-cssgrid .row .col-sm-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-11, .no-cssgrid .row .col-sm-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-12, .no-cssgrid .row .col-sm-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-md-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-1, .no-cssgrid .row .col-md-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-2, .no-cssgrid .row .col-md-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-3, .no-cssgrid .row .col-md-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-md-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-4, .no-cssgrid .row .col-md-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-5, .no-cssgrid .row .col-md-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-6, .no-cssgrid .row .col-md-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-md-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-7, .no-cssgrid .row .col-md-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-8, .no-cssgrid .row .col-md-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-9, .no-cssgrid .row .col-md-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-md-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-10, .no-cssgrid .row .col-md-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-11, .no-cssgrid .row .col-md-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-12, .no-cssgrid .row .col-md-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; } }
@media (min-width: 992px) {
.no-cssgrid .container {
max-width: 960px; }
.no-cssgrid .row {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px); }
.no-cssgrid .col-xs-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-1, .no-cssgrid .row .col-xs-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-2, .no-cssgrid .row .col-xs-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-3, .no-cssgrid .row .col-xs-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-xs-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-4, .no-cssgrid .row .col-xs-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-5, .no-cssgrid .row .col-xs-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-6, .no-cssgrid .row .col-xs-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-xs-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-7, .no-cssgrid .row .col-xs-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-8, .no-cssgrid .row .col-xs-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-9, .no-cssgrid .row .col-xs-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-xs-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-10, .no-cssgrid .row .col-xs-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-11, .no-cssgrid .row .col-xs-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-12, .no-cssgrid .row .col-xs-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-sm-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-1, .no-cssgrid .row .col-sm-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-2, .no-cssgrid .row .col-sm-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-3, .no-cssgrid .row .col-sm-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-sm-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-4, .no-cssgrid .row .col-sm-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-5, .no-cssgrid .row .col-sm-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-6, .no-cssgrid .row .col-sm-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-sm-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-7, .no-cssgrid .row .col-sm-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-8, .no-cssgrid .row .col-sm-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-9, .no-cssgrid .row .col-sm-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-sm-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-10, .no-cssgrid .row .col-sm-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-11, .no-cssgrid .row .col-sm-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-12, .no-cssgrid .row .col-sm-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-md-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-1, .no-cssgrid .row .col-md-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-2, .no-cssgrid .row .col-md-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-3, .no-cssgrid .row .col-md-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-md-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-4, .no-cssgrid .row .col-md-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-5, .no-cssgrid .row .col-md-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-6, .no-cssgrid .row .col-md-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-md-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-7, .no-cssgrid .row .col-md-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-8, .no-cssgrid .row .col-md-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-9, .no-cssgrid .row .col-md-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-md-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-10, .no-cssgrid .row .col-md-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-11, .no-cssgrid .row .col-md-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-12, .no-cssgrid .row .col-md-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-lg-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-1, .no-cssgrid .row .col-lg-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-lg-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-2, .no-cssgrid .row .col-lg-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-lg-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-3, .no-cssgrid .row .col-lg-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-lg-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-4, .no-cssgrid .row .col-lg-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-lg-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-5, .no-cssgrid .row .col-lg-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-lg-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-6, .no-cssgrid .row .col-lg-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-lg-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-7, .no-cssgrid .row .col-lg-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-lg-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-8, .no-cssgrid .row .col-lg-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-lg-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-9, .no-cssgrid .row .col-lg-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-lg-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-10, .no-cssgrid .row .col-lg-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-lg-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-11, .no-cssgrid .row .col-lg-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-lg-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-12, .no-cssgrid .row .col-lg-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; } }
@media (min-width: 1200px) {
.no-cssgrid .container {
max-width: 1140px; }
.no-cssgrid .row {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px); }
.no-cssgrid .col-xs-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-1, .no-cssgrid .row .col-xs-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-2, .no-cssgrid .row .col-xs-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-3, .no-cssgrid .row .col-xs-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-xs-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-4, .no-cssgrid .row .col-xs-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-5, .no-cssgrid .row .col-xs-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-6, .no-cssgrid .row .col-xs-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-xs-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-7, .no-cssgrid .row .col-xs-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-8, .no-cssgrid .row .col-xs-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-9, .no-cssgrid .row .col-xs-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-xs-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-10, .no-cssgrid .row .col-xs-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-xs-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-11, .no-cssgrid .row .col-xs-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-xs-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xs-offset-12, .no-cssgrid .row .col-xs-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-sm-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-1, .no-cssgrid .row .col-sm-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-2, .no-cssgrid .row .col-sm-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-3, .no-cssgrid .row .col-sm-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-sm-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-4, .no-cssgrid .row .col-sm-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-5, .no-cssgrid .row .col-sm-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-6, .no-cssgrid .row .col-sm-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-sm-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-7, .no-cssgrid .row .col-sm-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-8, .no-cssgrid .row .col-sm-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-9, .no-cssgrid .row .col-sm-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-sm-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-10, .no-cssgrid .row .col-sm-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-sm-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-11, .no-cssgrid .row .col-sm-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-sm-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-sm-offset-12, .no-cssgrid .row .col-sm-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-md-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-1, .no-cssgrid .row .col-md-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-2, .no-cssgrid .row .col-md-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-3, .no-cssgrid .row .col-md-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-md-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-4, .no-cssgrid .row .col-md-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-5, .no-cssgrid .row .col-md-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-6, .no-cssgrid .row .col-md-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-md-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-7, .no-cssgrid .row .col-md-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-8, .no-cssgrid .row .col-md-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-9, .no-cssgrid .row .col-md-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-md-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-10, .no-cssgrid .row .col-md-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-md-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-11, .no-cssgrid .row .col-md-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-md-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-md-offset-12, .no-cssgrid .row .col-md-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-lg-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-1, .no-cssgrid .row .col-lg-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-lg-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-2, .no-cssgrid .row .col-lg-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-lg-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-3, .no-cssgrid .row .col-lg-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-lg-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-4, .no-cssgrid .row .col-lg-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-lg-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-5, .no-cssgrid .row .col-lg-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-lg-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-6, .no-cssgrid .row .col-lg-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-lg-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-7, .no-cssgrid .row .col-lg-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-lg-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-8, .no-cssgrid .row .col-lg-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-lg-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-9, .no-cssgrid .row .col-lg-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-lg-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-10, .no-cssgrid .row .col-lg-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-lg-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-11, .no-cssgrid .row .col-lg-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-lg-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-lg-offset-12, .no-cssgrid .row .col-lg-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; }
.no-cssgrid .col-xl-1 {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-1, .no-cssgrid .row .col-xl-offset-1 {
left: calc(8.33333% - 21.66667px + 20px);
position: relative; }
.no-cssgrid .col-xl-2 {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-2, .no-cssgrid .row .col-xl-offset-2 {
left: calc(16.66667% - 23.33333px + 20px);
position: relative; }
.no-cssgrid .col-xl-3 {
width: calc(25% - 25px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-3, .no-cssgrid .row .col-xl-offset-3 {
left: calc(25% - 25px + 20px);
position: relative; }
.no-cssgrid .col-xl-4 {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-4, .no-cssgrid .row .col-xl-offset-4 {
left: calc(33.33333% - 26.66667px + 20px);
position: relative; }
.no-cssgrid .col-xl-5 {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-5, .no-cssgrid .row .col-xl-offset-5 {
left: calc(41.66667% - 28.33333px + 20px);
position: relative; }
.no-cssgrid .col-xl-6 {
width: calc(50% - 30px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-6, .no-cssgrid .row .col-xl-offset-6 {
left: calc(50% - 30px + 20px);
position: relative; }
.no-cssgrid .col-xl-7 {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-7, .no-cssgrid .row .col-xl-offset-7 {
left: calc(58.33333% - 31.66667px + 20px);
position: relative; }
.no-cssgrid .col-xl-8 {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-8, .no-cssgrid .row .col-xl-offset-8 {
left: calc(66.66667% - 33.33333px + 20px);
position: relative; }
.no-cssgrid .col-xl-9 {
width: calc(75% - 35px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-9, .no-cssgrid .row .col-xl-offset-9 {
left: calc(75% - 35px + 20px);
position: relative; }
.no-cssgrid .col-xl-10 {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-10, .no-cssgrid .row .col-xl-offset-10 {
left: calc(83.33333% - 36.66667px + 20px);
position: relative; }
.no-cssgrid .col-xl-11 {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-11, .no-cssgrid .row .col-xl-offset-11 {
left: calc(91.66667% - 38.33333px + 20px);
position: relative; }
.no-cssgrid .col-xl-12 {
width: calc(100% - 40px);
float: left;
margin-left: 20px; }
.no-cssgrid .container .col-xl-offset-12, .no-cssgrid .row .col-xl-offset-12 {
left: calc(100% - 40px + 20px);
position: relative; } } .visuallyhidden, .screen-reader-text {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.clearfix:after, .main-navigation ul:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
* html .clearfix, * html .main-navigation ul, .main-navigation * html ul {
zoom: 1; } *:first-child + html .clearfix, *:first-child + html .main-navigation ul, .main-navigation *:first-child + html ul {
zoom: 1; } body {
font-family: 'Roboto Slab', serif;
line-height: 1.77689em;
color: #666666; }
h1, h2, h3, h4, h5, h6 {
color: #333333;
font-weight: bold; }
h1 {
font-size: 3.15733em;
line-height: 1.77689em; }
h2 {
font-size: 2.36859em;
line-height: 1.77689em; }
h3 {
font-size: 1.77689em;
line-height: 1.77689em; }
h4 {
font-size: 1.333em;
line-height: 1.77689em; }
h5 {
font-size: 1em;
line-height: 1.77689em; }
h6 {
font-size: 0.75019em; }
em {
font-style: italic; } .main-navigation {
clear: both;
display: block;
float: left;
width: 100%; }
.no-cssgrid .main-navigation {
clear: none; }
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0; }
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999; }
.main-navigation ul ul ul {
left: -999em;
top: 0; }
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%; }
.main-navigation ul ul a {
width: 200px; }
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto; }
.main-navigation li {
float: left;
position: relative;
margin-left: 1em; }
.main-navigation li.current-menu-item > a, .main-navigation li.current-page-ancestor > a {
border-bottom: 3px solid #fff;
padding-left: 0;
padding-right: 0; }
.main-navigation li.menu-item-has-children > a {
padding: 10px; }
@media screen and (max-width: 768px) {
.main-navigation li.menu-item-has-children > a {
padding: 0; } }
.main-navigation li.menu-item-has-children > a:after {
background: url(../svg/down_arrow_white.svg) no-repeat center;
content: '';
width: 25px;
height: 12px;
display: inline-block; }
.main-navigation li.menu-item-has-children:hover:after, .main-navigation li.menu-item-has-children:focus:after {
background: none;
content: ''; }
.main-navigation li.menu-item-has-children:hover > a, .main-navigation li.menu-item-has-children:focus > a {
border: none;
background-color: #003D5D;
border-bottom: 3px solid #002030; }
.main-navigation li.menu-item-has-children:hover > a:after, .main-navigation li.menu-item-has-children:focus > a:after {
background: url(../png/white_up_arrow.png) no-repeat center;
content: '';
width: 25px;
height: 12px;
display: inline-block; }
.main-navigation li.menu-item-has-children.focus:after {
background: none;
content: ''; }
.main-navigation li.menu-item-has-children.focus > a {
border: none;
background-color: #003D5D;
border-bottom: 3px solid #002030;
padding: 10px; }
.main-navigation li.menu-item-has-children.focus > a:after {
background: url(../png/white_up_arrow.png) no-repeat center;
content: '';
width: 25px;
height: 12px;
display: inline-block; }
.main-navigation a {
display: inline-block !important;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin-top: 27px;
letter-spacing: 1px;
padding: 10px; }
@media screen and (max-width: 768px) {
.main-navigation a {
padding: 0; } }
.main-navigation ul.sub-menu {
background: #F7F7F7;
padding-bottom: 25px; }
.main-navigation ul.sub-menu li {
margin: 0; }
.main-navigation ul.sub-menu li a {
color: #333333;
font-weight: normal;
text-transform: none;
margin-top: 15px;
border: none;
margin-left: 1em; }
.main-navigation ul.sub-menu li.current-menu-item, .main-navigation ul.sub-menu li:focus, .main-navigation ul.sub-menu li:hover {
background-color: #CACACA;
width: 100%; } .menu-toggle,
.main-navigation.toggled ul, .main-navigation.toggled span.phone, .main-navigation.toggled span.header-covid {
display: inline-block; }
@media screen and (min-width: 768px) {
.main-navigation ul {
float: right; } }
@media screen and (min-width: 992px) {
.menu-toggle {
display: none; }
.main-navigation ul {
display: block; } }
body { }
body:after {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(../png/paddle_pattern_blue.png), url(//owlrafting.com/wp-content/themes/owlrafting/assets/images/rna.png), url(//owlrafting.com/wp-content/themes/owlrafting/assets/images/results-bg.png), url(//owlrafting.com/wp-content/themes/owlrafting/assets/images/paddle_pattern_green.png); }
#page {
margin: 0 auto;
background-color: #ffffff;
overflow: hidden; }
div#content {
position: relative; }
main#main {
position: relative;
margin-bottom: 105px; }
@media screen and (max-width: 768px) {
main#main {
margin-bottom: 0px; } }
a {
color: #2094D0; }
a, select, button {
outline: none; }
strong {
font-weight: bold;
color: #333333; }
.fancybox-caption {
text-align: center; }
.mobile-only {
display: none; }
@media screen and (max-width: 768px) {
.mobile-only {
display: inline-block; } }
@media screen and (max-width: 768px) {
.desktop-only {
display: none !important; } }
input[type="submit"], button, input[type="button"] {
cursor: pointer; }
.sticky-head {
position: fixed;
top: 0;
width: 100%;
z-index: 2;
border-bottom: 4px solid #1A7CAF; }
header.sticky-head + #content {
padding-top: 160px; }
header.site-header {
border-bottom: 4px solid #1A7CAF; }
header.site-header .header-top {
background: #1b7caf;
height: 40px;
line-height: 40px; }
@media screen and (max-width: 768px) {
header.site-header .header-top {
display: none; } }
header.site-header .header-top .container .phone {
color: #FFFFFF;
font-size: 16px;
line-height: 40px;
background: url(../svg/phone.svg) no-repeat center left;
padding-left: 25px;
background-size: 18px;
box-sizing: border-box; }
header.site-header .header-top .container .header-search {
display: inline; }
header.site-header .header-top .container .header-search form.search-form {
display: inline-block;
border-bottom: 2px solid #ffffff;
height: 30px;
float: right; }
header.site-header .header-top .container .header-search form.search-form input.search-field {
border: none;
background: none;
color: #FFFFFF;
font-size: 14px;
line-height: 19px;
font-family: 'Roboto Slab', serif; }
header.site-header .header-top .container .header-search form.search-form input.search-field::placeholder {
color: #FFFFFF; }
header.site-header .header-top .container .header-search form.search-form .search-submit {
border: none;
background-color: inherit; }
header.site-header .header-top .container .header-search form.search-form .search-submit .search-icon {
background: url(../svg/search_icon.svg);
width: 13px;
height: 13px;
display: block; }
header.site-header .header-top .container .header-search form.search-form .search-submit .search-text {
display: none; }
header.site-header .header-bottom {
background: url(../png/paddle_pattern_blue.png) repeat #2496d1; }
header.site-header .header-bottom .site-branding a {
line-height: 92px;
display: inline-block; }
@media screen and (max-width: 1024px) {
header.site-header .header-bottom .site-branding a {
line-height: 65px; } }
header.site-header .header-bottom .site-branding a img.custom-logo {
vertical-align: middle;
max-width: 100%;
width: 171px; }
.main-navigation .header-covid {
display: none;
}
.main-navigation span.phone {
display: none;
color: #FFFFFF;
font-size: 18px;
line-height: 40px;
background: url(../png/phone_icon.png) no-repeat center left;
padding-left: 25px;
margin-top: 25px; }
.main-navigation span.phone a {
margin: 0; }
@media screen and (max-width: 1024px) {
.top-panel {
display: block !important; }
.right-panel {
display: none !important; } }
footer.site-footer {
background-color: #2094D1; }
footer.site-footer .footer-top {
padding-top: 30px !important;
padding-bottom: 20px !important; }
@media screen and (max-width: 768px) {
footer.site-footer .footer-top {
text-align: center; } }
@media screen and (min-width: 1200px) {
footer.site-footer .footer-top .logos {
grid-column-start: auto; } }
@media screen and (max-width: 767px) {
footer.site-footer .footer-top .logos {
border-bottom: 1px solid #FFFFFF;
margin-bottom: 38px;
grid-column-start: 2; } }
footer.site-footer .footer-top .logos h6 {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin-bottom: 16px;
letter-spacing: 1px; }
footer.site-footer .footer-top .logos img.logo {
max-width: 100%; }
@media screen and (max-width: 768px) {
footer.site-footer .footer-top .logos img.logo {
margin-bottom: 20px; } }
@media screen and (max-width: 768px) {
footer.site-footer .footer-top .logos .owl-cert-2 {
grid-column-start: 2; } }
@media screen and (min-width: 1200px) {
footer.site-footer .footer-top .social {
grid-column-start: auto; } }
footer.site-footer .footer-top .social p {
color: #FFFFFF;
font-size: 14px;
line-height: 19px; }
footer.site-footer .footer-top .social h6 {
color: #FFFFFF;
font-size: 16px;
font-weight: bold; }
footer.site-footer .footer-top form.newsletter-form.validate {
margin-top: 11px;
margin-bottom: 17px; }
footer.site-footer .footer-top form.newsletter-form.validate input#footer-newsletter-email {
-webkit-appearance: none;
-moz-appearance: none;
border: none;
background-color: #FFFFFF;
font-size: 14px;
line-height: 19px;
color: #808080;
padding: 12px 14px;
margin-right: -5px; }
@media screen and (max-width: 768px) {
footer.site-footer .footer-top form.newsletter-form.validate input#footer-newsletter-email {
width: auto; } }
footer.site-footer .footer-top form.newsletter-form.validate button#subscribe-btn {
-webkit-appearance: none;
background-color: #FFB031;
font-size: 14px;
font-weight: bold;
line-height: 19px;
color: #FFFFFF;
padding: 11px 20px;
border: 1px solid #FFB031;
border-bottom: 3px solid #CC9200; }
@media screen and (max-width: 320px) {
footer.site-footer .footer-top form.newsletter-form.validate button#subscribe-btn {
padding: 11px 9px; } }
footer.site-footer .footer-top a.social-icon {
margin-right: 25px; }
footer.site-footer .footer-bottom {
background-color: #1B7CAF;
padding-bottom: 10px; }
@media screen and (max-width: 768px) {
footer.site-footer .footer-bottom {
text-align: center;
padding-bottom: 66px; } }
@media screen and (max-width: 1024px) {
footer.site-footer .footer-bottom {
text-align: center; } }
footer.site-footer .footer-bottom .contact-info {
padding-top: 30px;
padding-left: 15px; }
@media screen and (max-width: 768px) {
footer.site-footer .footer-bottom .contact-info {
padding-bottom: 15px;
margin: 0 40px; } }
footer.site-footer .footer-bottom .contact-info p, footer.site-footer .footer-bottom .contact-info a {
color: #FFFFFF;
font-size: 13px;
line-height: 18px;
text-decoration: none; }
@media (min-width: 992px) {
footer.site-footer .footer-bottom .footer-logo {
grid-column: auto; } }
footer.site-footer .footer-bottom .footer-logo a {
line-height: 88px;
display: inline-block; }
footer.site-footer .footer-bottom .footer-logo a img.custom-logo {
vertical-align: middle; }
footer.site-footer .footer-bottom .footer-nav {
padding-top: 30px; }
@media screen and (max-width: 992px) {
footer.site-footer .footer-bottom .footer-nav {
padding-top: 0px; } }
footer.site-footer .footer-bottom .footer-nav ul#footer-menu li {
display: inline;
margin-left: 33px; }
@media screen and (max-width: 768px) {
footer.site-footer .footer-bottom .footer-nav ul#footer-menu li {
line-height: 20px; } }
@media screen and (max-width: 992px) {
footer.site-footer .footer-bottom .footer-nav ul#footer-menu li {
line-height: 40px;
width: 100%;
display: inline-block;
margin-left: 0px; } }
footer.site-footer .footer-bottom .footer-nav ul#footer-menu li > a {
color: #FFFFFF;
font-size: 13px;
line-height: 19px;
text-decoration: none; }
footer.site-footer .footer-bottom .footer_copyright {
margin-left: 33px;
color: #ffffff;
font-size: 13px;
display: inline-block; }
@media screen and (max-width: 992px) {
footer.site-footer .footer-bottom .footer_copyright {
margin-left: 0px;
display: block; } }
footer.site-footer .footer-bottom a.privacy-policy {
display: inline-block;
margin-left: 30px;
text-decoration: none;
color: #ffffff;
font-size: 14px; }
@media screen and (max-width: 992px) {
footer.site-footer .footer-bottom a.privacy-policy {
margin-left: 0px;
line-height: 40px; } }
.home-banner {
background-position: center 50%;
background-size: cover;
background-repeat: no-repeat; }
.home-banner h1 {
font-size: 60px;
font-weight: bold;
line-height: 69px;
text-align: center;
color: #FFFFFF;
padding-top: 180px;
padding-bottom: 188px;
text-shadow: 0 2px 21px rgba(0, 0, 0, 0.8); }
@media screen and (max-width: 768px) {
.home-banner h1 {
padding-top: 70px;
font-size: 30px;
padding-bottom: 68px;
line-height: 39px; } }
.search-box {
background: url(../png/paddle_pattern_blue.png);
margin-bottom: 65px;
border-bottom: 4px solid #1A7CAF; }
@media screen and (max-width: 768px) {
.search-box {
margin-bottom: 44px; } }
.search-box .search-content {
text-align: center;
margin-top: 33px;
margin-bottom: 46px; }
.search-box .search-content p {
color: #ffffff;
font-size: 20px;
font-weight: bold;
line-height: 26px;
padding: 0 2px;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 5px; }
@media screen and (max-width: 768px) {
.search-box .search-content p {
font-size: 18px;
line-height: 24px;
text-align: center;
font-weight: normal;
padding: 0; } }
.search-box .search-content form.searchandfilter {
margin-bottom: 28px; }
.search-box .search-content form.searchandfilter li {
display: inline-block;
vertical-align: top; }
@media screen and (max-width: 992px) {
.search-box .search-content form.searchandfilter li {
width: 90%;
margin-bottom: 10px; } }
@media screen and (max-width: 768px) {
.search-box .search-content form.searchandfilter li {
width: 100%;
margin-bottom: 10px; } }
.search-box .search-content form.searchandfilter select {
-webkit-appearance: none;
-moz-appearance: none;
background: url(../svg/down_arrow.svg) no-repeat 90% center;
background-color: #ffffff;
border: 1px solid #EAEAEA;
border-radius: 1px;
height: 50px;
padding-left: 18px;
padding-right: 41px;
font-size: 16px;
line-height: 21px;
color: #616161; }
@media screen and (max-width: 768px) {
.search-box .search-content form.searchandfilter select {
width: 100%;
margin: 0 auto; } }
@media screen and (max-width: 992px) {
.search-box .search-content form.searchandfilter select {
width: 90%;
margin: 0 auto; } }
.search-box .search-content form.searchandfilter select::-ms-expand {
display: none; }
.search-box .search-content form.searchandfilter input[type="submit"] {
font-family: 'Roboto Slab', serif;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #FF8F05;
border-radius: 1px;
border: 1px;
font-size: 20px;
font-weight: bold;
line-height: 50px;
color: #FFFFFF;
padding: 0 19px;
-webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.search-box .search-content form.searchandfilter input[type="submit"]:hover {
background-color: #E96407; }
@media screen and (max-width: 768px) {
.search-box .search-content form.searchandfilter input[type="submit"] {
width: 100%;
margin: 0 auto; } }
@media screen and (max-width: 992px) {
.search-box .search-content form.searchandfilter input[type="submit"] {
width: 90%;
margin: 0 auto; } }
.gallery {
grid-column-gap: 10px !important; }
.gallery .gallery-title {
background: url(../png/paddle_pattern_green.png);
height: 241px; }
@media screen and (max-width: 768px) {
.gallery .gallery-title {
height: auto;
width: 120%;
margin-left: -45px;
grid-column: auto/span 12; } }
.gallery .gallery-title a.view-gallery-btn {
background-color: #FFFFFF;
height: auto;
color: #4B4B4B;
font-size: 16px;
line-height: 37px;
text-decoration: none;
padding: 0 14px;
margin-top: 24px;
border-bottom: 3px solid #ABABAB; }
.gallery .gallery-title .title {
margin: 30px 15px 0px 45px; }
@media screen and (max-width: 992px) {
.gallery .gallery-title .title {
margin: 6px 40px; } }
.gallery .gallery-title .title h2 {
color: #FFFFFF;
font-size: 48px;
line-height: 52px;
margin-bottom: 20px;
font-weight: bold; }
.gallery .gallery-title .title p {
color: #FFFFFF;
font-size: 20px;
line-height: 26px; }
@media screen and (max-width: 992px) {
.gallery .gallery-title .title p {
width: auto; } }
.gallery a {
background-size: cover;
background-repeat: no-repeat;
height: 241px;
background-position: 50%;
margin-bottom: 10px; }
.trips-n-packages-body .card-content h3 {
margin-top: 30px; }
.trips-n-packages-body h3 {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 30px;
font-weight: bold;
line-height: 26px;
text-align: center;
margin-bottom: 10px;
margin-top: 100px; }
.trips-n-packages-body h4 {
color: #666666;
font-family: 'Bitter', serif;
font-size: 20px;
font-style: italic;
line-height: 20px;
font-weight: normal;
text-align: center;
margin-bottom: 40px; }
.trips-n-packages-foot {
text-align: center;
box-sizing: border-box; }
.trips-n-packages-foot main#main {
margin-bottom: 0; }
.trips-n-packages-foot h3 {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: bold;
line-height: 26px;
margin: 15px 0; }
.trips-n-packages-foot .box {
padding: 45px;
box-sizing: border-box; }
.trips-n-packages-foot .box .wrap.first {
border-right: dashed 1px #000;
padding-right: 45px;
box-sizing: border-box; }
@media screen and (max-width: 768px) {
.trips-n-packages-foot .box .wrap.first {
border-right: none;
padding-right: 0;
box-sizing: border-box; } }
.trips-n-packages-foot .box .descr {
color: #000000;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px;
text-align: center; }
.trips-n-packages-foot .box a {
font-family: 'Roboto Slab', serif;
margin-top: 30px;
display: inline-block;
background-color: #EA2174;
width: 138px;
max-width: 100%;
text-align: center;
text-decoration: none;
color: #fff;
height: 32px;
line-height: 32px;
border-bottom: 1px solid #93174A; }
.mobile-search-again {
display: none; }
@media screen and (max-width: 767px) {
.mobile-search-again.mobile-only {
background: #ECECEC url(../png/results-bg.png) repeat center center;
border-bottom: 3px solid #CACACA;
display: block;
padding: 10px 0; }
.mobile-search-again.mobile-only .blurb {
max-width: 400px;
display: inline-block; }
.mobile-search-again.mobile-only .sagain {
margin-bottom: 10px;
font-weight: bold;
clear: both;
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 20px;
line-height: 26px; }
.mobile-search-again.mobile-only .sagain-blurb {
clear: both;
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px; }
.mobile-search-again.mobile-only input[type="submit"] {
height: 52px;
line-height: 52px;
width: 97%;
border-radius: 1px;
background-color: #FF8F05;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.19);
text-align: center;
color: #FFFFFF;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.mobile-search-again.mobile-only input[type="submit"]:hover {
background-color: #E96407; }
.mobile-search-again.mobile-only select {
-webkit-appearance: none;
-moz-appearance: none;
background: #ffffff url(../svg/down_arrow.svg) no-repeat 90% center;
background-color: #ffffff;
border: 1px solid #EAEAEA;
border-radius: 1px;
height: 50px;
padding-left: 18px;
padding-right: 41px;
font-size: 16px;
line-height: 21px;
color: #616161;
border: 1px solid #CBCBCB;
margin-bottom: 5px;
width: 97%;
max-width: 100%;
margin-left: auto;
margin-right: auto; }
.mobile-search-again.mobile-only .intensity-wrapper, .mobile-search-again.mobile-only .package-wrapper, .mobile-search-again.mobile-only .button-wrapper {
width: auto; } }
.trips-n-packages-head {
max-width: 100% !important;
background: #ECECEC url(../png/results-bg.png) repeat center center;
border-bottom: 3px solid #CACACA; }
.trips-n-packages-head .row { margin: 0 auto; }
.trips-n-packages-head h1 {
color: #000000;
font-family: 'Roboto Slab', serif;
font-size: 60px;
font-weight: bold;
line-height: 60px;
margin-top: 62px; }
.trips-n-packages-head .blurb {
max-width: 400px;
display: inline-block; }
.trips-n-packages-head .sagain {
font-weight: bold;
clear: both;
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 20px;
line-height: 26px; }
.trips-n-packages-head .sagain-blurb {
clear: both;
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px; }
.trips-n-packages-head .right-panel-head {
float: left;
padding: 64px 0 45px 0;
box-sizing: border-box; }
.trips-n-packages-head .right-panel-head select, .trips-n-packages-head .right-panel-head a, .trips-n-packages-head .right-panel-head div {
display: block;
float: left;
margin-right: 10px;
max-width: 100%; }
.no-cssgrid .trips-n-packages-head .right-panel-head div {
margin-right: 0; }
@media screen and (max-width: 992px) {
.trips-n-packages-head .right-panel-head select, .trips-n-packages-head .right-panel-head a, .trips-n-packages-head .right-panel-head div {
margin-bottom: 5px;
width: 97%;
max-width: 100%;
margin-left: auto;
margin-right: auto; } }
.trips-n-packages-head .right-panel-head input[type="submit"] {
height: 52px;
line-height: 52px;
width: 118px;
border-radius: 1px;
background-color: #FF8F05;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.19);
text-align: center;
color: #FFFFFF;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.trips-n-packages-head .right-panel-head input[type="submit"]:hover {
background-color: #E96407; }
@media screen and (max-width: 992px) {
.trips-n-packages-head .right-panel-head input[type="submit"] {
width: 97%; } }
.trips-n-packages-head .right-panel-head .right-blurb {
width: 600px;
margin-bottom: 15px; }
.trips-n-packages-head select {
-webkit-appearance: none;
-moz-appearance: none;
background: #ffffff url(../svg/down_arrow.svg) no-repeat 90% center;
background-color: #ffffff;
border: 1px solid #EAEAEA;
border-radius: 1px;
height: 50px;
padding-left: 18px;
padding-right: 41px;
font-size: 16px;
line-height: 21px;
color: #616161;
border: 1px solid #CBCBCB; }
.searchedfor {
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px;
margin-top: 70px; }
@media screen and (max-width: 767px) {
.searchedfor {
margin-top: 10px; } }
.searchedforbody {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: bold;
line-height: 26px;
margin-top: 10px;
margin-bottom: 10px; }
.counted-results {
position: absolute;
right: 0;
top: 100px;
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px; }
@media screen and (max-width: 767px) {
.counted-results {
position: relative;
top: 0; } }
.trips-cards {
margin-bottom: 75px;
text-align: center; }
.trips-cards h2 {
font-size: 46px;
font-weight: bold;
line-height: 1.5;
font-family: 'Bitter', serif; }
@media screen and (max-width: 767px) {
.trips-cards h2 {
font-size: 25px; } }
.trips-cards p {
font-size: 20px;
font-style: italic;
line-height: 27px;
color: #4A4A4A;
font-family: 'Bitter', serif; }
@media screen and (max-width: 767px) {
.trips-cards p {
font-size: 16px;
width: auto;
margin: 0 auto; } }
.trips-cards .card {
border: 1px solid #D9D9D9;
text-align: left;
margin-top: 52px; }
@media screen and (max-width: 767px) {
.trips-cards .card {
margin: 11px 5px; } }
.trips-cards .card .card-header {
background-size: cover;
background-repeat: no-repeat;
height: 169px;
background-position: 50%;
position: relative;
margin-bottom: 20px; }
.trips-cards .card .card-header .intensity {
position: absolute;
bottom: -10px;
right: 0;
background-color: #EA2174;
font-size: 13px;
font-weight: bold;
line-height: 21px;
color: #FFFFFF;
font-family: 'Bitter', serif;
padding: 2px 25px;
border-bottom: 3px solid #AD1F65; }
.trips-cards .card .card-content {
padding: 0px 18px 20px; }
.trips-cards .card .card-content h3 {
text-align: left;
color: #333333;
font-size: 20px;
font-weight: bold;
line-height: 26px;
margin-bottom: 9px;
height: 52px;
overflow: hidden; }
.trips-cards .card .card-content p {
color: #666666;
font-size: 14px;
line-height: 20px;
font-family: 'Roboto Slab', serif;
font-style: inherit;
height: 100px;
overflow: hidden; }
@media screen and (max-width: 767px) {
.trips-cards .card .card-content p {
width: auto; } }
.trips-cards .card .card-content .package-cost {
margin-top: 25px;
margin-bottom: 34px;
height: auto;
overflow: hidden;
max-height: 80px; }
.trips-cards .card .card-content .package-cost p {
color: #666666;
font-size: 16px;
font-family: 'Roboto Slab', serif;
font-style: inherit;
height: auto; }
.trips-cards .card .card-content .package-cost p span {
font-weight: bold;
color: #333333; }
@media screen and (max-width: 767px) {
.trips-cards .card .card-content .package-cost p {
display: block;
width: 100%;
margin: auto; } }
.trips-cards .card .card-content a.blue-button {
background: url(../png/right_arrow.png) no-repeat 90% center;
background-color: #2094D0;
color: #FFFFFF;
font-size: 16px;
line-height: 32px;
display: inline-block;
text-decoration: none;
padding: 0 35px 0 14px;
border-bottom: 3px solid #1A7CAF; }
.menu-toggle {
position: absolute;
top: 0px;
right: 10px;
width: 100px;
height: 100px;
display: block;
text-indent: -99999px;
overflow: hidden;
background: transparent url(../png/resp.png) no-repeat right center;
border: none;
cursor: pointer;
outline: none; }
body .about-blurb h2 {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: bold;
line-height: 33px;
margin-top: 70px; }
@media screen and (max-width: 767px) {
body .about-blurb h2 {
margin-top: 30px; } }
body .staff-head {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: bold;
line-height: 33px;
margin-top: 70px; }
.about-owl-greens {
background: #78BE1A;
color: #ffffff;
margin-top: 70px;
padding: 20px; }
.about-owl-greens h2 {
color: #ffffff;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: bold;
line-height: 33px; }
.about-owl-greens strong {
color: #ffffff; }
.about-owl-greens .green-image {
margin-bottom: 10px; }
.directions .col-lg-6 {
box-sizing: border-box;
padding-right: 10px;
padding-bottom: 20px; }
.directions h2 {
color: #2094D0;
font-family: 'Roboto Slab', serif;
font-size: 24px;
line-height: 24px;
margin-top: 30px; }
.directions .about-blurb {
box-sizing: border-box;
padding-right: 10px; }
.directions .about-blurb h3 {
font-size: 16px;
line-height: 20px;
text-align: center;
margin-top: 17px; }
.directions .about-blurb p {
text-align: center; }
.directions h3 {
margin-top: 32px;
font-size: 20px;
font-weight: bold;
line-height: 26px;
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
.main-navigation li {
width: 100%;
margin-left: 0px; } }
.page-template-content-plan-your-visit #nav_menu-2 {
display: none; }
.trip-main aside#secondary, .page-template-content-plan-your-visit aside#secondary {
width: 100%; }
@media screen and (max-width: 767px) {
.trip-main aside#secondary, .page-template-content-plan-your-visit aside#secondary {
padding-bottom: 0; } }
.trips-template-default #nav_menu-2 {
display: none; }
.trips-template-default .breadcrumbs {
margin: 10px 0 35px 0; }
.trips-template-default h3.related {
clear: both;
width: 100%;
text-align: left; }
.trips-template-default .container.related {
margin-bottom: 0;
padding-top: 100px;
overflow: hidden;
position: relative; }
.trips-template-default .container.trips-cards {
margin-bottom: 0;
margin-top: 0; }
.trips-template-default .card {
margin-top: 30px; }
.trips-template-default h2 {
color: #2094D0;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: bold;
line-height: 33px;
margin-bottom: 10px; }
.trips-template-default .ico {
position: absolute;
display: block;
height: 50px;
width: 50px;
left: -70px;
top: 0; }
.trips-template-default .trip-overview {
position: relative; }
.trips-template-default .trip-overview .ico {
background: url(../png/trip-overview.png) no-repeat top left; }
.trips-template-default .trip-intensity {
position: relative; }
.trips-template-default .trip-intensity .ico {
background: url(../png/intensity.png) no-repeat top left; }
.trips-template-default .trip-additional-info {
position: relative;
margin-bottom: 35px; }
.trips-template-default .trip-additional-info .ico {
width: 60px;
left: -80px;
background: url(../png/info.png) no-repeat top left; }
.trips-template-default .trip-accomodation {
margin-top: 60px;
position: relative; }
.trips-template-default .trip-accomodation h3 {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 20px;
line-height: 20px;
font-weight: bold;
margin-bottom: 0.5em; }
.trips-template-default .trip-accomodation .ico {
background: url(../png/accomodation.png) no-repeat top left; }
.trips-template-default .trip-itinerary {
position: relative; }
.trips-template-default .trip-itinerary .toggle-row {
box-sizing: border-box;
padding: 40px; }
.trips-template-default .trip-itinerary .toggle-row .itinerary-row .hour {
text-align: center;
color: #010101;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: bold;
line-height: 33px;
background: url(../png/hours-bg.png) repeat-y top center;
padding-bottom: 30px; }
.trips-template-default .trip-itinerary .toggle-row .itinerary-row .hour span {
background: #fff; }
.trips-template-default .trip-itinerary .toggle-row .itinerary-row .description {
padding-bottom: 30px;
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px; }
.trips-template-default .trip-itinerary .ico {
background: url(../png/itinerary.png) no-repeat top left; }
.trips-template-default .trip-itinerary .itinerary-head {
padding-left: 80px;
box-sizing: border-box;
position: relative;
border: 1px solid #D4D4D4;
background: #FAFAFA url(../png/arrow-down.png) no-repeat center right;
color: #010101;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: bold;
line-height: 64px;
cursor: pointer; }
.trips-template-default .trip-itinerary .itinerary-head .icon {
display: inline-block;
position: absolute;
left: 20px;
top: 15px;
width: 50px;
height: 50px; }
.trips-template-default .trip-itinerary .itinerary-head.collapsed {
background: #FAFAFA url(../png/arrow-right.png) no-repeat center right; }
.trips-template-default .trip-additional-info .head-col {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: bold;
line-height: 26px; }
.trips-template-default .trip-additional-info .desc-col {
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px; }
.trips-template-default .border-bottom {
padding-top: 15px;
padding-bottom: 45px;
border-bottom: 1px solid #ccc; }
.trips-template-default h2.border-bottom {
padding-bottom: 21px; }
.trips-template-default .desc {
margin-bottom: 35px;
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px; }
.trips-template-default .head-banner {
min-height: 380px;
box-sizing: border-box;
width: 100%;
padding: 211px 0 0 0px;
position: relative; }
.trips-template-default .head-banner h1 {
color: #FFFFFF;
font-family: 'Roboto Slab', serif;
font-size: 60px;
font-weight: bold;
line-height: 69px;
text-shadow: 0 2px 21px rgba(0, 0, 0, 0.8);
margin-bottom: 10px; }
.trips-template-default .head-banner .lightbox-popup-link {
display: block;
height: 37px;
width: 216px;
background-color: #2094D0;
color: #FFFFFF;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 37px;
position: absolute;
right: 130px;
bottom: 42px;
text-decoration: none;
text-align: center; }
.trips-template-default .right-panel {
max-width: 400px; }
.trips-template-default .right-panel.sticky.sticky-element-fixed { }
.trips-template-default .top-panel {
margin-top: 10px !important;
margin-bottom: 20px; }
.trips-template-default .right-panel, .trips-template-default .top-panel {
margin-top: 130px;
padding: 30px;
box-sizing: border-box;
background: transparent url(../png/rna.png) repeat top left;
border: 1px solid #EEEEEE;
z-index: 1; }
.trips-template-default .right-panel .rates, .trips-template-default .top-panel .rates {
background-color: #FBFBFB;
border: 1px solid #ECECEC; }
.trips-template-default .right-panel .rates .head-rates, .trips-template-default .top-panel .rates .head-rates {
font-size: 14px;
padding: 0;
box-sizing: border-box; }
.trips-template-default .right-panel .rates .desc-rates, .trips-template-default .top-panel .rates .desc-rates {
padding: 10px;
box-sizing: border-box;
border-top: 1px solid #EEEEEE; }
.trips-template-default .right-panel .book-now, .trips-template-default .top-panel .book-now {
background-color: #FF8F05;
color: #FFFFFF;
clear: both;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: bold;
line-height: 37px;
width: 100%;
min-height: 37px;
display: block;
text-decoration: none;
text-align: center; }
.trips-template-default .right-panel .book-now:hover, .trips-template-default .top-panel .book-now:hover {
background-color: #E96407; }
.trips-template-default .right-panel h2, .trips-template-default .top-panel h2 {
color: #4C4C4C;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: bold;
line-height: 33px;
text-align: center; }
.trips-template-default .right-panel .rated, .trips-template-default .top-panel .rated {
font-size: 14px; }
.trips-template-default .right-panel .weight, .trips-template-default .top-panel .weight {
background: url(../svg/weight.svg) no-repeat 0px top; }
.trips-template-default .right-panel .intensity, .trips-template-default .top-panel .intensity {
background: url(../svg/gym.svg) no-repeat top left;
background-size: 33px 24px; }
.trips-template-default .right-panel .duration, .trips-template-default .top-panel .duration {
background: url(../svg/clock.svg) no-repeat top left; }
.trips-template-default .right-panel .ticket, .trips-template-default .top-panel .ticket {
background: url(../png/ticket.png) no-repeat bottom center;
display: inline-block;
height: 20px;
width: 20px; }
.trips-template-default .right-panel .box, .trips-template-default .top-panel .box {
box-sizing: border-box;
padding-left: 42px;
margin-bottom: 30px;
color: #4C4C4C;
font-family: 'Roboto Slab', serif;
font-size: 12px;
line-height: 16px; }
.trips-template-default .right-panel .box strong, .trips-template-default .top-panel .box strong {
color: #4C4C4C;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: bold;
line-height: 21px; }
.trips-template-default .right-panel .blurb, .trips-template-default .top-panel .blurb {
color: #4C4C4C;
font-family: 'Bitter', serif;
font-size: 12px;
font-style: italic;
line-height: 16px; }
aside#secondary {
margin-top: 15px; }
@media screen and (max-width: 767px) {
aside#secondary {
background-color: #F3F3F3;
margin-top: -20px;
padding-top: 15px;
overflow: hidden;
padding-bottom: 25px;
margin-left: -20px;
margin-right: -20px; }
aside#secondary section {
padding: 0 17px; } }
aside#secondary .breadcrumbs {
margin-bottom: 29px; }
aside#secondary .breadcrumbs a {
color: #666666;
font-size: 14px;
line-height: 20px;
text-decoration: none; }
aside#secondary .breadcrumbs a > span {
font-weight: normal; }
aside#secondary .breadcrumbs span {
color: #666666;
font-size: 14px;
line-height: 20px;
text-decoration: none;
font-weight: bold; }
@media screen and (max-width: 767px) {
aside#secondary .menu-left-nav-container {
border-bottom: 1px solid #EAEAEA; } }
@media screen and (max-width: 767px) {
aside#secondary ul#menu-left-nav {
display: flex;
flex-direction: column; } }
aside#secondary ul#menu-left-nav li {
border-left: 5px solid #666666;
height: 50px;
margin-bottom: 12px; }
@media screen and (max-width: 767px) {
aside#secondary ul#menu-left-nav li {
display: none;
order: 2;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
margin-bottom: 0px;
height: auto; } }
aside#secondary ul#menu-left-nav li > a {
margin-left: 16px;
line-height: 50px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: #666666; }
@media screen and (max-width: 767px) {
aside#secondary ul#menu-left-nav li > a {
font-weight: normal;
line-height: 40px; } }
@media screen and (max-width: 767px) {
aside#secondary ul#menu-left-nav li.opened {
display: block; } }
aside#secondary ul#menu-left-nav li.current-menu-item {
border-left: 5px solid #7FBE0A; }
@media screen and (max-width: 767px) {
aside#secondary ul#menu-left-nav li.current-menu-item {
display: inline-block;
width: 100%;
border: 1px solid #EAEAEA;
border-radius: 1px;
background: url(../svg/down_arrow.svg) no-repeat 95% center;
background-color: #FFFFFF;
order: 1; } }
aside#secondary ul#menu-left-nav li.current-menu-item > a {
color: #7FBE0A; }
@media screen and (max-width: 767px) {
aside#secondary ul#menu-left-nav li.current-menu-item > a {
display: inline-block;
color: #616161;
font-weight: normal;
line-height: 50px; } }
.cta-blocks {
background: #ECECEC url(../png/paddle_pattern_cta.png);
border-top: 3px solid #CACACA; }
@media screen and (max-width: 768px) {
.cta-blocks {
display: none; } }
.cta-blocks .cta-block {
text-align: center;
margin-top: 40px; }
.cta-blocks .cta-block .cta-icon {
height: 72px; }
.cta-blocks .cta-block h4 {
color: #333333;
font-size: 20px;
font-weight: bold;
line-height: 26px;
margin-bottom: 15px; }
.cta-blocks .cta-block p {
color: #000000;
font-size: 16px;
line-height: 20px;
margin-bottom: 33px;
padding: 0 5px; }
.cta-blocks .cta-block a.pink-btn {
background: url(../png/right_arrow.png) no-repeat 90% center;
background-color: #EA2174;
border-bottom: 3px solid #93174A;
color: #FFFFFF;
font-size: 16px;
line-height: 32px;
display: inline-block;
text-decoration: none;
padding: 0 35px 0 14px;
margin-bottom: 58px; }
.cta-blocks .border-separator {
border-right: 2px dashed #cacaca;
margin: 46px 0px 60px 40px; }
header.entry-header {
margin-top: 51px; }
@media screen and (max-width: 767px) {
header.entry-header {
margin-top: 0px; }
header.entry-header h1 {
font-size: 2.6em;
word-wrap: break-word; } }
div#gform_wrapper_1 {
border: 1px solid #BFBFBF;
padding: 34px 50px;
margin-top: 0px;
margin-bottom: 74px; }
@media screen and (max-width: 768px) {
div#gform_wrapper_1 {
padding: 15px; } }
div#gform_wrapper_1 .gform_heading {
margin-bottom: 32px; }
div#gform_wrapper_1 .gform_heading h3.gform_title {
color: #333333;
font-size: 25px;
font-weight: bold;
line-height: 33px; }
div#gform_wrapper_1 .gform_heading span.gform_description {
color: #666666;
font-size: 16px;
line-height: 20px;
display: inline-block; }
div#gform_wrapper_1 .gform_body {
margin-bottom: 39px; }
div#gform_wrapper_1 .gform_body label {
display: none; }
div#gform_wrapper_1 .gform_body input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #CBCBCB;
background-color: #FDFDFD;
padding: 15px 19px;
color: #666666;
font-size: 16px; }
div#gform_wrapper_1 .gform_body textarea {
border: 1px solid #CBCBCB;
background-color: #FDFDFD; }
div#gform_wrapper_1 .gform_footer input#gform_submit_button_1 {
background: url(../png/right_arrow.png) no-repeat 90% center;
background-color: #EA2174;
border-bottom: 3px solid #93174A;
border-left: none;
border-right: none;
border-top: none;
color: #FFFFFF;
font-size: 16px;
line-height: 32px;
display: inline-block;
text-decoration: none;
padding: 0 35px 0 14px; }
div#gform_wrapper_2 {
padding: 0; position: relative;
margin-top: 50px; }
div#gform_wrapper_2 .gform_heading {
margin: 0; text-align: center;
margin-bottom: 50px; }
div#gform_wrapper_2 .gform_heading h3.gform_title {
line-height: 66px;
font-size: 50px; }
div#gform_wrapper_2 .gform_heading .gform_description {
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 20px;
line-height: 20px; }
div#gform_wrapper_2 #gform_page_2_2 label {
display: none;
color: #666666;
font-size: 16px;
line-height: 20px;
font-weight: normal; }
div#gform_wrapper_2 .gf_page_steps {
padding: 0;
margin: 0;
text-align: center;
border: 1px solid #BFBFBF;
border-bottom: none; }
div#gform_wrapper_2 .gf_page_steps .gf_step {
width: 50%;
margin: 0;
background-color: #F2F2F2;
height: 100%;
color: #666666;
opacity: inherit;
padding-top: 12px;
padding-bottom: 29px;
position: relative;
display: inline-block; }
div#gform_wrapper_2 .gf_page_steps .gf_step span.gf_step_number {
font-size: 50px;
font-weight: bold;
line-height: 66px;
text-align: center;
display: block; }
div#gform_wrapper_2 .gf_page_steps .gf_step span.gf_step_label {
font-size: 16px;
font-weight: bold;
line-height: 20px; }
div#gform_wrapper_2 .gf_page_steps .gf_step_active {
background-color: #7FBE0B;
color: #ffffff; }
div#gform_wrapper_2 .gf_page_steps .gf_step_active:after {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #7FBE0B;
position: absolute;
left: 45%;
bottom: -15px; }
div#gform_wrapper_2 .gform_body {
overflow: hidden;
color: #666666; }
div#gform_wrapper_2 .gform_body label.gfield_label {
display: none; }
div#gform_wrapper_2 .gform_body #gform_page_2_2 .gfield {
margin-bottom: 0px; }
div#gform_wrapper_2 .gform_body .gform_fields {
border: 1px solid #BFBFBF;
border-top: none;
padding: 25px 20px; }
div#gform_wrapper_2 .gform_body .gform_fields .gfield {
margin-bottom: 24px; }
div#gform_wrapper_2 .gform_body .gform_fields .pink {
color: #EA2174;
font-weight: bold; }
div#gform_wrapper_2 .gform_body .gform_fields .booking_date {
margin-top: 30px; }
div#gform_wrapper_2 .gform_body .gform_fields li.photos-videos label.gfield_label {
display: inline-block;
color: #333333;
font-size: 20px;
font-weight: bold;
line-height: 26px; }
div#gform_wrapper_2 .gform_body .gform_fields li.photos-videos .gfield_description {
color: #666666;
font-family: 'Bitter', serif;
font-size: 16px;
font-style: italic;
line-height: 20px;
margin-bottom: 22px; }
div#gform_wrapper_2 .gform_body .gform_fields li.add-on-options {
background: url(../png/white_down_arrow.png) no-repeat 73% center;
background-color: #2094D0;
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
padding: 0px 61px 0;
width: 150% !important;
margin-left: -61px !important; }
div#gform_wrapper_2 .gform_body .gform_fields li.add-on-options label.gfield_label {
display: none;
color: #666666;
font-size: 16px;
line-height: 20px; }
div#gform_wrapper_2 .gform_body .gform_fields li.add-on-options label {
line-height: 50px;
width: 100%; }
div#gform_wrapper_2 .gform_body .gform_fields li.add-on-options input {
display: none; }
div#gform_wrapper_2 .gform_body .gform_fields li.add-on-content {
padding: 0px 17px; }
div#gform_wrapper_2 .gform_body .gform_fields li.add-on-content h3 {
margin-bottom: 15px;
margin-top: 22px; }
div#gform_wrapper_2 .gform_body .gform_fields li.add-on-content h5 {
font-size: 16px;
font-weight: bold;
line-height: 25px;
color: #666666; }
div#gform_wrapper_2 .gform_body .gform_fields .gfield_required {
display: none; }
div#gform_wrapper_2 .gform_body li.add-on-radio {
padding: 0px 17px; }
div#gform_wrapper_2 .gform_body li.add-on-radio .ginput_container.ginput_container_radio {
margin-top: 0px; }
div#gform_wrapper_2 .gform_body li.add-on-radio .ginput_container.ginput_container_radio ul.gfield_radio li {
display: inline;
margin-right: 24px; }
div#gform_wrapper_2 .gform_body li.add-on-accomodation {
padding: 0px 17px;
width: 70%;
margin-top: 0px; }
@media screen and (max-width: 768px) {
div#gform_wrapper_2 .gform_body li.add-on-accomodation {
width: auto; } }
div#gform_wrapper_2 .gform_body li.add-on-accomodation select {
background-position: 90% center; }
div#gform_wrapper_2 .gform_body li.add-on-meal {
padding: 0px 17px; }
div#gform_wrapper_2 .gform_body li.add-on-meal label {
line-height: 56px !important;
color: #666666;
font-size: 16px;
line-height: 20px;
font-weight: normal;
display: inline-block; }
div#gform_wrapper_2 .gform_body li.add-on-meal .ginput_container.ginput_container_select {
width: 30% !important;
float: left;
margin-right: 18px;
margin-top: 0; }
div#gform_wrapper_2 .gform_body li.add-on-meal select {
background-position: 80% center; }
div#gform_wrapper_2 .gform_body li.additional-meals {
padding: 20px 75px 0;
border-bottom: none !important;
border-top: 1px solid #CBCBCB; }
div#gform_wrapper_2 .gform_body li.additional-meals h2 {
color: #666666;
font-size: 16px;
font-weight: bold;
line-height: 21px; }
div#gform_wrapper_2 .gform_body li.address-info .address_line_1 input {
margin-bottom: 11px; }
div#gform_wrapper_2 .gform_body li.address-info input, div#gform_wrapper_2 .gform_body li.address-info select {
margin-top: 19px; }
div#gform_wrapper_2 .gform_body li.contact-info-checkbox label {
display: inline-block !important; }
div#gform_wrapper_2 .gform_body h3 {
color: #333333;
font-size: 20px;
font-weight: bold;
line-height: 26px; }
div#gform_wrapper_2 .gform_body span.required-fields {
color: #666666;
font-family: 'Bitter', serif;
font-size: 16px;
font-style: italic;
line-height: 20px; }
div#gform_wrapper_2 .gform_body select {
background: url(../svg/down_arrow.svg) no-repeat 98% center; }
div#gform_wrapper_2 .gform_body input[type="text"], div#gform_wrapper_2 .gform_body select {
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #CBCBCB;
background-color: #FDFDFD;
padding: 15px 19px;
color: #666666;
font-size: 16px;
width: 100%; }
div#gform_wrapper_2 .gform_body input[type="checkbox"] {
height: 18px;
width: 18px !important; }
div#gform_wrapper_2 .gform_body textarea {
border: 1px solid #CBCBCB;
background-color: #FDFDFD; }
div#gform_wrapper_2 .gform_body .ginput_container.ginput_container_date {
position: relative; }
div#gform_wrapper_2 .gform_body .ginput_container.ginput_container_date img.ui-datepicker-trigger {
position: absolute;
top: 26%;
right: 14px;
width: auto !important;
height: auto !important; }
div#gform_wrapper_2 .gform_body .gfield_description, div#gform_wrapper_2 .gform_body p {
color: #666666;
font-size: 14px;
line-height: 18px;
padding-right: 0px; }
div#gform_wrapper_2 .gform_body .gfield_description span.pink, div#gform_wrapper_2 .gform_body p span.pink {
color: #EA2174;
font-weight: bold; }
div#gform_wrapper_2 .gform_body .gfield_description span.bold, div#gform_wrapper_2 .gform_body p span.bold {
font-weight: bold; }
div#gform_wrapper_2 .gform_body .gfield.gsection {
width: 100%;
left: 0;
border-bottom: 1px solid #D9D9D9; }
div#gform_wrapper_2 .gform_body .section {
width: 150% !important;
margin-left: -61px !important; }
div#gform_wrapper_2 .gform_body ul.gfield_radio li label {
width: auto; }
div#gform_wrapper_2 .gform_page_footer {
border: none; }
div#gform_wrapper_2 .gform_page_footer .gform_next_button, div#gform_wrapper_2 .gform_page_footer .gform_button {
background: url(../png/right_arrow.png) no-repeat 80% center;
background-color: #7FBE0A;
border-bottom: 3px solid #64950C;
border-left: none;
border-right: none;
border-top: none;
color: #FFFFFF;
font-size: 16px;
line-height: 32px;
display: inline-block;
text-decoration: none;
padding: 0px 60px 0px 42px;
width: auto;
float: right; }
div#gform_wrapper_2 .gform_page_footer .gform_previous_button {
-webkit-appearance: none;
-moz-appearance: none;
background: url(../png/left_arrow.png) no-repeat left center;
background-color: transparent;
border: none;
color: #7C7C7C;
font-size: 16px;
line-height: 21px;
padding-left: 20px;
margin-left: 20px; }
@media screen and (max-width: 768px) {
div#gform_wrapper_2 .gform_page_footer .gform_previous_button {
width: auto;
display: inline; } }
.booking-content .gform_confirmation_wrapper {
border: 1px solid #BFBFBF;
background: url(../png/paddle_pattern_cta.png);
margin-top: 70px;
margin-bottom: 105px;
text-align: center;
padding: 50px 50px; }
@media screen and (max-width: 768px) {
.booking-content .gform_confirmation_wrapper {
padding: 50px 3px; } }
.booking-content .gform_confirmation_wrapper h1 {
font-size: 50px;
line-height: 60px;
margin-bottom: 40px; }
.booking-content .gform_confirmation_wrapper p {
color: #666666; }
.booking-content .gform_confirmation_wrapper a.pink-btn {
background: url(../png/right_arrow.png) no-repeat 90% center;
background-color: #EA2174;
border-bottom: 3px solid #93174A;
color: #FFFFFF;
font-size: 16px;
line-height: 32px;
display: inline-block;
text-decoration: none;
padding: 0 35px 0 14px;
margin-bottom: 58px;
margin-top: 40px; }
.booking-content .gform_confirmation_wrapper .confirmation-body {
width: 65%;
margin: 0 auto; }
.booking-content .gform_confirmation_wrapper .confirmation-body h4 {
font-size: 20px;
line-height: 26px; }
.booking-content .gform_confirmation_wrapper .confirmation-body .border-separator {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 40px;
margin-bottom: 30px; }
.faq-content {
margin-top: 60px; }
.faq-content #accordion h4 {
border: 1px solid #D4D4D4;
background: #FAFAFA url(../png/arrow-right.png) no-repeat center right;
font-size: 16px;
margin-bottom: 23px;
padding: 5px 20px;
cursor: pointer; }
.faq-content #accordion h4.ui-accordion-header-active.ui-state-active {
background: none;
font-size: 25px;
border: none;
outline: none;
padding: 0px; }
.faq-content #accordion .ui-accordion-content {
margin-bottom: 20px; }
.contact-details { }
.contact-details h4 {
color: #2094D0;
font-size: 20px;
font-weight: bold;
line-height: 26px;
margin-bottom: 15px; }
.contact-details p, .contact-details a {
color: #666666;
font-size: 16px;
line-height: 20px;
text-decoration: none; }
.contact-details p span.bold, .contact-details a span.bold {
font-weight: bold;
color: #333333; }
@media screen and (max-width: 768px) {
.contact-details .contact-map {
margin-top: 20px; } }
.contact-details .contact-map img {
max-width: 100%; }
.search-results header.page-header {
margin-top: 50px; }
.search-results article a {
text-decoration: none;
color: #333333; }
.search-no-results .page-content form.search-form input {
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #CBCBCB;
background-color: #FDFDFD;
padding: 15px 19px;
color: #666666;
font-size: 16px;
margin-top: 30px; }
.search-no-results .page-content form.search-form button.search-submit {
-webkit-appearance: none;
-moz-appearance: none;
background-color: #FF8F05;
border-radius: 1px;
border: 1px;
font-size: 20px;
font-weight: bold;
line-height: 50px;
color: #FFFFFF;
padding: 0 19px;
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.19); }
a#return-to-top {
display: inline-block;
background: url(../png/white_up_arrow.png) no-repeat 90% center;
color: #ffffff;
background-color: #003D5D;
line-height: 32px;
border-bottom: 3px solid #002030;
padding: 4px 37px 2px 11px;
position: absolute;
bottom: 30px;
right: 25px;
cursor: pointer; }
a#return-to-top.trip-details {
bottom: -70px; }
@media screen and (max-width: 767px) {
a#return-to-top.trip-details {
bottom: 14px; } }
.plan-pg .content {
position: relative; }
.plan-pg .content .ico {
position: absolute;
top: -10px;
left: -80px; }
.plan-pg .main-content {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 30px;
line-height: 40px;
width: 100%;
margin-top: 30px; }
@media screen and (max-width: 767px) {
.plan-pg .main-content {
font-size: 21px; } }
.plan-pg h2 {
margin-top: 30px;
color: #2094D0;
font-family: 'Roboto Slab', serif;
font-size: 25px;
font-weight: bold;
line-height: 33px; }
.plan-pg .description {
margin-top: 20px;
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 20px; }
.plan-pg h3 {
margin-top: 30px;
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: bold;
line-height: 26px;
margin-bottom: 15px; }
.plan-pg h4 {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: bold;
line-height: 24px; }
.plan-pg .subdesc {
color: #666666;
font-family: 'Roboto Slab', serif;
font-size: 16px;
line-height: 24px; }
.plan-pg .content-footer {
margin-top: 30px;
color: #2094D0;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: bold;
line-height: 20px; }
.plan-pg p {
margin-top: 10px; }
.page-template-content-plan-your-visit .head-banner {
min-height: 380px;
box-sizing: border-box;
width: 100%;
padding: 265px 0 0 0px;
position: relative; }
.page-template-content-plan-your-visit .head-banner h1 {
color: #FFFFFF;
font-family: 'Roboto Slab', serif;
font-size: 60px;
font-weight: bold;
line-height: 69px;
text-shadow: 0 2px 21px rgba(0, 0, 0, 0.8);
margin-bottom: 10px; }
select.intensity, select.package, .intensity-wrapper, .package-wrapper {
width: 220px; }
.navigation.post-navigation {
display: none; }
.generic-banner {
max-height: 450px;
overflow: hidden;
height: auto; }
@media screen and (max-width: 767px) {
.trips-template-default .right-panel .rates .head-rates, .trips-template-default .top-panel .rates .head-rates {
font-size: 12px; } }
.bread-container {
max-height: 30px; }
p {
margin-bottom: 10px; }
.desc-col ul {
list-style-type: circle;
margin-left: 20px; }
article .card {
border: 1px solid #D9D9D9;
padding: 20px;
margin-bottom: 30px; }
article .card a.blue-button {
background: url(../png/right_arrow.png) no-repeat 90% center;
background-color: #2094D0;
color: #FFFFFF;
font-size: 16px;
line-height: 32px;
display: inline-block;
text-decoration: none;
padding: 0 35px 0 14px;
border-bottom: 3px solid #1A7CAF;
margin-top: 20px; }
article .card img {
max-width: 100%; }
article.main-content ul {
list-style: disc;
margin: 0 1.6em 1em; }
@media all and (max-width: 1024px) {
.container {
padding: 10px  !important;
box-sizing: border-box; }
.head-banner {
padding: 10px !important; }
.lightbox-popup-link {
right: 0 !important;
bottom: 0 !important; } }
body.home,
body.page-id-213 { background-color: #fff;
}
#page {
background-color: transparent;
}
.main-navigation a {
display: block;
text-decoration: none;
font-weight: normal;
}
.search-box .search-content p {
font-weight: normal;
}
p.light {
font-weight: 400 !important;
font-size: 16px !important;
letter-spacing: 1px !important;
}
.right-panel.which-trip-is-right {
margin-top: 0px;
margin-bottom: -25px;
background: none;
border: none;
padding: 10px 0px;
}
.trips-cards .card {
background: #fff;
}
.which-trip-is-right {
text-align: left;
margin-bottom: 100px;
}
.which-trip-is-right .card {
border: 1px solid #D9D9D9;
background: #fff;
text-align: left;
margin-top: 0px;
}
.trips-template-default .right-panel .swim {
background: url(../svg/swim.svg) no-repeat top left;
background-size: 33px 24px;
}
.header-covid {
text-align: right;
}
.header-covid a {
text-decoration: none;
color: #fff;
font-size: 0.9rem;
letter-spacing: 0.02rem;
}
input.search-field {
width: 130px;
}
.header-covid strong {
color: inherit;
}
img.crossed-paddles {
width: 75px;
margin-top: 15px;
margin-bottom: -20px;
}
h2.which-trip {
font-size: 1.77689em;
line-height: 1.45em;
}
.review-spacer {
margin-bottom: -100px;
margin-top: 40px;
}
.review-spacer-small {
margin-top: -115px;
}
a.card-heading {
color: #333333;
text-decoration: none;
}
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.homepage-intensity {
position: absolute;
margin-top: -38px;
}
.trips-intensity {
position: absolute;
margin-top: -47px;
}
img.intensity-icons {
width: 36px;
}
img.intensity-icons.black-diamond {
margin-top: -5px;
}
h4.intensity-heading {
font-size: 17px;
font-style: inherit;
text-align: inherit;
margin-bottom: 0px;
margin-top: 5px;
}
.category-news .head-banner,
.single-post .head-banner {
min-height: 380px;
box-sizing: border-box;
width: 100%;
padding: 265px 0 0 0px;
position: relative;
}
.category-news .head-banner h1,
.single-post .head-banner h1 {
color: #FFFFFF;
font-family: 'Roboto Slab', serif;
font-size: 60px;
font-weight: bold;
line-height: 69px;
text-shadow: 0 2px 21px rgb(0 0 0 / 80%);
margin-bottom: 10px;
}
.smaller-font {
font-size: 14px;
}
.non-widget.breadcrumbs span {
color: #666666;
font-size: 14px;
line-height: 20px;
text-decoration: none;
font-weight: bold;
}
.non-widget.breadcrumbs a {
color: #666666;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.non-widget.breadcrumbs a>span {
font-weight: normal;
}
.entry-meta {
margin-bottom: 10px;
font-size: 14px;
}
.ico {
position: inherit !important;
left: inherit !important;
}
.searchedforbodytitle {
color: #333333;
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: bold;
line-height: 26px;
margin-top: 10px;
margin-bottom: 10px;
}
.searchedforbody {
margin-bottom: -30px;
border-bottom: 1px solid black;
padding-bottom: 10px;
}
#menu-top-of-page-menu li {
float: left;
margin-left: 20px;
}
@media screen and (max-width: 768px) {
.searchedforbody {
margin-bottom: 0px;
}
.review-spacer-small {
margin-top: 0px;
}
}
@media screen and (min-width: 768px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
@media screen and (min-width: 1300px) {
.ico {
position: absolute !important;
left: -70px !important;
}
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}