Skip to content

Instantly share code, notes, and snippets.

@mmerriweather

mmerriweather/gist:7a6aede38c0c1d011257

Last active August 29, 2015 14:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mmerriweather/7a6aede38c0c1d011257 to your computer and use it in GitHub Desktop.
Save mmerriweather/7a6aede38c0c1d011257 to your computer and use it in GitHub Desktop.
Download ZIP
Header CSS
Raw
gistfile1.txt
.sidebar-wrapper input[type="email"],
.sidebar-wrapper select {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 13px;
line-height: 1.3;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #e0e0e0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.sidebar-wrapper input[type="email"]:focus,
.sidebar-wrapper select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.sidebar-wrapper input[type="email"]::-moz-placeholder,
.sidebar-wrapper select::-moz-placeholder {
color: #777777;
opacity: 1;
}
.sidebar-wrapper input[type="email"]:-ms-input-placeholder,
.sidebar-wrapper select:-ms-input-placeholder {
color: #777777;
}
.sidebar-wrapper input[type="email"]::-webkit-input-placeholder,
.sidebar-wrapper select::-webkit-input-placeholder {
color: #777777;
}
button,
input[type="submit"] {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background .15s;
transition: background .15s;
color: #ffffff;
background-color: #0072e9;
border-color: transparent;
}
button:focus,
input[type="submit"]:focus,
button:active:focus,
input[type="submit"]:active:focus,
button.active:focus,
input[type="submit"].active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
button:hover,
input[type="submit"]:hover,
button:focus,
input[type="submit"]:focus {
color: #ffffff;
text-decoration: none;
}
button:active,
input[type="submit"]:active,
button.active,
input[type="submit"].active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
button:hover,
input[type="submit"]:hover,
button:focus,
input[type="submit"]:focus,
button:active,
input[type="submit"]:active,
button.active,
input[type="submit"].active {
color: #ffffff;
background-color: #0059b6;
border-color: rgba(0, 0, 0, 0);
}
input[type="password"],
input[type="text"],
input[type="email"],
textarea,
select,
input[type="number"] {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 13px;
line-height: 1.3;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #e0e0e0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type="password"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus,
input[type="number"]:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="password"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
input[type="number"]::-moz-placeholder {
color: #777777;
opacity: 1;
}
input[type="password"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder {
color: #777777;
}
input[type="password"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder {
color: #777777;
}
.woocommerce-page .woocommerce-error {
background-color: white;
}
input[type="button"] {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background .15s;
transition: background .15s;
color: #ffffff;
background-color: #22262e;
border-color: #171a1f;
}
input[type="button"]:focus,
input[type="button"]:active:focus,
input[type="button"].active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
input[type="button"]:hover,
input[type="button"]:focus {
color: #ffffff;
text-decoration: none;
}
input[type="button"]:active,
input[type="button"].active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"].active {
color: #ffffff;
background-color: #0c0e11;
border-color: #000000;
}
input[type="button"]:active,
input[type="button"].active,
input[type="button"] .open > .dropdown-toggle.btn-primary {
background-image: none;
}
.single-product .woocommerce-message a {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background .15s;
transition: background .15s;
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.single-product .woocommerce-message a:focus,
.single-product .woocommerce-message a:active:focus,
.single-product .woocommerce-message a.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.single-product .woocommerce-message a:hover,
.single-product .woocommerce-message a:focus {
color: #ffffff;
text-decoration: none;
}
.single-product .woocommerce-message a:active,
.single-product .woocommerce-message a.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.single-product .woocommerce-message a:hover,
.single-product .woocommerce-message a:focus,
.single-product .woocommerce-message a:active,
.single-product .woocommerce-message a.active {
color: #ffffff;
background-color: #449d44;
border-color: #398439;
}
.single-product .woocommerce-message a:active,
.single-product .woocommerce-message a.active {
background-image: none;
}
.order_item .product-name small a {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background .15s;
transition: background .15s;
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.order_item .product-name small a:focus,
.order_item .product-name small a:active:focus,
.order_item .product-name small a.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.order_item .product-name small a:hover,
.order_item .product-name small a:focus {
color: #ffffff;
text-decoration: none;
}
.order_item .product-name small a:active,
.order_item .product-name small a.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.order_item .product-name small a:hover,
.order_item .product-name small a:focus,
.order_item .product-name small a:active,
.order_item .product-name small a.active {
color: #ffffff;
background-color: #449d44;
border-color: #398439;
}
.order_item .product-name small a:active,
.order_item .product-name small a.active {
background-image: none;
}
.woocommerce-tabs .tabs {
margin-bottom: 0;
padding-left: 0;
list-style: none;
border-bottom: 1px solid #dddddd;
}
.woocommerce-tabs .tabs > li {
position: relative;
display: block;
}
.woocommerce-tabs .tabs > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.woocommerce-tabs .tabs > li > a:hover,
.woocommerce-tabs .tabs > li > a:focus {
text-decoration: none;
}
.woocommerce-tabs .tabs > li.disabled > a {
color: #777777;
}
.woocommerce-tabs .tabs > li {
float: left;
margin-bottom: -1px;
}
.woocommerce-tabs .tabs > li > a {
margin-right: 2px;
line-height: 1.3;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.woocommerce-tabs .tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.woocommerce-tabs .tabs > li.active > a,
.woocommerce-tabs .tabs > li.active > a:hover,
.woocommerce-tabs .tabs > li.active > a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.shop_table,
.cart_totals table,
table.shop_attributes {
width: 100%;
max-width: 100%;
}
.shop_table > thead > tr > th,
.cart_totals table > thead > tr > th,
table.shop_attributes > thead > tr > th,
.shop_table > tbody > tr > th,
.cart_totals table > tbody > tr > th,
table.shop_attributes > tbody > tr > th,
.shop_table > tfoot > tr > th,
.cart_totals table > tfoot > tr > th,
table.shop_attributes > tfoot > tr > th,
.shop_table > thead > tr > td,
.cart_totals table > thead > tr > td,
table.shop_attributes > thead > tr > td,
.shop_table > tbody > tr > td,
.cart_totals table > tbody > tr > td,
table.shop_attributes > tbody > tr > td,
.shop_table > tfoot > tr > td,
.cart_totals table > tfoot > tr > td,
table.shop_attributes > tfoot > tr > td {
padding: 8px;
line-height: 1.3;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.shop_table > thead > tr > th,
.cart_totals table > thead > tr > th,
table.shop_attributes > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}
.shop_table > caption + thead > tr:first-child > th,
.cart_totals table > caption + thead > tr:first-child > th,
table.shop_attributes > caption + thead > tr:first-child > th,
.shop_table > colgroup + thead > tr:first-child > th,
.cart_totals table > colgroup + thead > tr:first-child > th,
table.shop_attributes > colgroup + thead > tr:first-child > th,
.shop_table > thead:first-child > tr:first-child > th,
.cart_totals table > thead:first-child > tr:first-child > th,
table.shop_attributes > thead:first-child > tr:first-child > th,
.shop_table > caption + thead > tr:first-child > td,
.cart_totals table > caption + thead > tr:first-child > td,
table.shop_attributes > caption + thead > tr:first-child > td,
.shop_table > colgroup + thead > tr:first-child > td,
.cart_totals table > colgroup + thead > tr:first-child > td,
table.shop_attributes > colgroup + thead > tr:first-child > td,
.shop_table > thead:first-child > tr:first-child > td,
.cart_totals table > thead:first-child > tr:first-child > td,
table.shop_attributes > thead:first-child > tr:first-child > td {
border-top: 0;
}
.shop_table > tbody + tbody,
.cart_totals table > tbody + tbody,
table.shop_attributes > tbody + tbody {
border-top: 2px solid #dddddd;
}
a.remove {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background .15s;
transition: background .15s;
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
a.remove:focus,
a.remove:active:focus,
a.remove.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a.remove:hover,
a.remove:focus {
color: #ffffff;
text-decoration: none;
}
a.remove:active,
a.remove.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
a.remove:hover,
a.remove:focus,
a.remove:active,
a.remove.active {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
a.remove:active,
a.remove.active {
background-image: none;
}
.woocommerce-checkout:before,
.woocommerce-account header:before,
.woocommerce-checkout:after,
.woocommerce-account header:after {
content: " ";
display: table;
}
.woocommerce-checkout:after,
.woocommerce-account header:after {
clear: both;
}
.dropdown-arrow-inverse {
border-bottom-color: #34495e !important;
border-top-color: #34495e !important;
}
/* styles from flat-ui-free2.0.0-fix.less files */
body {
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.231;
}
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
}
a {
color: #16a085;
text-decoration: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
a:hover {
color: #1abc9c;
text-decoration: none;
}
h1,
.h1 {
font-size: 48px /* 64px */;
}
h2,
.h2 {
font-size: 41px /* 52px */;
}
h3,
.h3 {
font-size: 32px /* 40px */;
}
h4,
.h4 {
font-size: 23px /* 29px */;
}
h5,
.h5 {
font-size: 21px /* 28px */;
}
h6,
.h6 {
font-size: 19px /* 24px */;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
line-height: 1.2em;
}
h1 {
font-weight: 700;
}
h2 {
font-weight: 700;
margin-bottom: 2px;
}
h3 {
font-weight: 700;
margin-bottom: 4px;
margin-top: 2px;
}
h4 {
font-weight: 500;
margin-top: 4px;
}
h5 {
font-weight: 500;
}
h6 {
font-weight: normal;
}
p {
font-size: 18.004px;
/* 18px */
line-height: 1.722169;
/* 31px */
}
.lead {
font-size: 28px;
/* 28px */
line-height: 1.4642745000000001;
/* 41px */
font-weight: 300;
margin-bottom: 20px;
}
small {
font-size: 84%;
/* 15px */
line-height: 2.050846;
/* 31px */
}
blockquote {
position: relative;
border-left: none;
padding-left: 19px;
}
blockquote p {
font-size: 20.006px;
line-height: 1.549829;
font-weight: normal;
margin-bottom: .4em;
}
blockquote small {
font-size: 18.004px;
line-height: 1.722169;
font-style: italic;
color: #34495e;
}
blockquote small:before {
content: "";
}
blockquote:before {
position: absolute;
left: 0;
width: 3px;
height: 100%;
top: 0;
bottom: 0;
background-color: #ebedee;
content: "";
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.img-rounded {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.img-comment {
font-size: 14.994px;
line-height: 1.231;
font-style: italic;
margin: 24px 0;
}
.text-primary {
color: #1abc9c;
}
a.text-primary:hover,
a.text-primary:focus {
color: #15967d;
}
.text-success {
color: #2ecc71;
}
a.text-success:hover,
a.text-success:focus {
color: #25a35a;
}
.text-danger {
color: #e74c3c;
}
a.text-danger:hover,
a.text-danger:focus {
color: #b93d30;
}
.text-warning {
color: #f1c40f;
}
a.text-warning:hover,
a.text-warning:focus {
color: #c19d0c;
}
.text-info {
color: #3498db;
}
a.text-info:hover,
a.text-info:focus {
color: #2a7aaf;
}
.text-inverse {
color: #ffffff;
}
a.text-inverse:hover,
a.text-inverse:focus {
color: #cccccc;
}
.muted {
color: #bdc3c7;
}
a.muted:hover,
a.muted:focus {
color: #979c9f;
}
footer {
background-color: transparent;
}
.input-append input {
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
}
.bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #000000;
}
.bg-turquoise {
background-color: #1abc9c;
}
.bg-green-sea {
background-color: #16a085;
}
.bg-emerland {
background-color: #2ecc71;
}
.bg-nephritis {
background-color: #27ae60;
}
.bg-peter-river {
background-color: #3498db;
}
.bg-belize-hole {
background-color: #2980b9;
}
.bg-amethyst {
background-color: #9b59b6;
}
.bg-wisteria {
background-color: #8e44ad;
}
.bg-wet-asphalt {
background-color: #34495e;
}
.bg-midnight-blue {
background-color: #2c3e50;
}
.bg-sun-flower {
background-color: #f1c40f;
}
.bg-orange {
background-color: #f39c12;
}
.bg-carrot {
background-color: #e67e22;
}
.bg-pumpkin {
background-color: #d35400;
}
.bg-alizarin {
background-color: #e74c3c;
}
.bg-pomegranate {
background-color: #c0392b;
}
.bg-clouds {
background-color: #ecf0f1;
}
.bg-silver {
background-color: #bdc3c7;
}
.bg-concrete {
background-color: #95a5a6;
}
.bg-asbestos {
background-color: #7f8c8d;
}
.bg-base {
background-color: #34495e;
}
.bg-firm {
background-color: #1abc9c;
}
.bg-success {
background-color: #2ecc71;
}
.bg-danger {
background-color: #e74c3c;
}
.bg-warning {
background-color: #f1c40f;
}
.bg-info {
background-color: #3498db;
}
.bordered {
border-style: solid;
}
.bordered.bg-turquoise {
border-color: #16a085;
}
.bordered.bg-emerland {
border-color: #27ae60;
}
.bordered.bg-peter-river {
border-color: #2980b9;
}
.bordered.bg-amethyst {
border-color: #8e44ad;
}
.bordered.bg-wet-asphalt {
border-color: #2c3e50;
}
.bordered.bg-sun-flower {
border-color: #f39c12;
}
.bordered.bg-carrot {
border-color: #d35400;
}
.bordered.bg-alizarin {
border-color: #c0392b;
}
.bordered.bg-clouds {
border-color: #bdc3c7;
}
.bordered.bg-concrete {
border-color: #7f8c8d;
}
body {
overflow-x: hidden;
color: #7f8c8d;
line-height: 1.29;
}
@media (max-width: 767px) {
body {
padding-right: 0;
padding-left: 0;
}
}
li {
line-height: 20px;
}
.btn {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
line-height: 22px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.btn.btn-large {
font-size: 17px;
padding: 12px 18px;
}
.btn > [class^="fui-"] {
margin-left: 4px;
margin-right: 4px;
line-height: inherit;
display: inline-block;
vertical-align: top;
}
.input-group-btn .btn {
background: #bdc3c7;
line-height: 9px 12px 10px;
line-height: 22px;
border: 0;
margin: 0;
color: #fff;
margin-left: 0 !important;
padding-left: 10px;
padding-right: 12px;
}
.input-group-btn .btn:hover {
background: #cacfd2;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
outline: none;
}
.form-group {
margin-bottom: 10px;
}
label {
line-height: 20px;
}
.carousel {
line-height: 1;
}
.hero-unit h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1;
letter-spacing: -1px;
color: inherit;
}
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px;
}
p {
margin-bottom: 10px;
}
.page-wrapper {
position: relative;
z-index: 2;
background: #fff;
}
.header-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.page-wrapper,
.header-antiflicker,
body > header .header-background {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.nav-visible .page-wrapper,
.nav-visible .navbar.navbar-fixed-top,
.nav-visible .header-antiflicker,
.nav-visible body > header .header-background {
-webkit-transform: translate3d(-230px, 0, 0);
-moz-transform: translate3d(-230px, 0, 0);
-ms-transform: translate3d(-230px, 0, 0);
-o-transform: translate3d(-230px, 0, 0);
transform: translate3d(-230px, 0, 0);
}
.no-csstransitions .page-wrapper,
.no-csstransitions .header-antiflicker {
left: 0;
}
.no-csstransitions.nav-visible .page-wrapper,
.no-csstransitions.nav-visible .navbar.navbar-fixed-top,
.no-csstransitions.nav-visible .header-antiflicker {
left: -230px !important;
right: auto;
}
.carousel-indicators {
width: 100%;
}
[class^="fui-"] {
display: inline-block;
vertical-align: middle;
}
body > section,
header,
footer {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 767px) {
body > section,
header,
footer {
padding-right: 5px;
padding-left: 5px;
}
}
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #2c3e50;
}
h1 {
font-weight: normal;
}
h3 {
font-weight: normal;
}
img {
-webkit-backface-visibility: hidden;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
color: #7f8c8d;
}
a:hover,
button:hover,
a:focus,
button:focus,
a:active,
button:active {
outline: none;
}
.navbar {
left: 0;
right: 0;
}
.navbar .brand {
padding: 23px 28px 24px 0;
float: left;
}
.navbar .subnav {
display: none;
}
.navbar a {
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.navbar .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.navbar .nav > li {
float: left;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
background: none;
}
.navbar .navbar-toggle {
margin: 26px 0 10px;
color: white;
background: none;
padding: 0;
width: 30px;
height: 30px;
background: url("../../../common-files/icons/menu-icon.png") 50% no-repeat;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar .navbar-toggle:before {
display: none;
}
.navbar .navbar-form .btn {
height: auto;
line-height: 22px;
padding-top: 10px;
padding-bottom: 10px;
}
.navbar .nav > li > a > [class*="fui-"] {
font-size: 24px;
margin: -10px 0 0;
position: relative;
top: 4px;
}
.navbar.navbar-fixed-top {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
max-width: 1170px;
margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-collapse.collapse {
display: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-header {
float: none;
}
}
.header-19 .navbar-collapse.collapse,
.header-16 .navbar-collapse.collapse {
display: none !important;
}
@media (max-width: 991px) {
body .navbar-collapse {
width: 230px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
height: 100% !important;
z-index: 1;
}
}
@media (min-width: 992px) {
body > .collapse.navbar-collapse {
display: none !important;
}
}
body .navbar-collapse#header-19,
body .navbar-collapse#header-16 {
width: 230px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
height: 100% !important;
z-index: 1;
}
body > .navbar-collapse {
padding: 25px 0;
overflow: auto;
background: #222527;
min-height: 100%;
}
body > .navbar-collapse::-webkit-scrollbar {
display: none;
}
body > .navbar-collapse .pull-right,
body > .navbar-collapse .pull-left {
float: none !important;
}
body > .navbar-collapse .nav {
margin: 0 0 10px;
}
body > .navbar-collapse .nav > li {
margin: 0;
}
body > .navbar-collapse .nav > li > a {
display: block;
padding: 12px 35px;
border-bottom: 2px solid #24292d;
font-size: 13px;
font-weight: normal;
letter-spacing: 1px;
color: #5b5e61;
text-transform: uppercase;
}
body > .navbar-collapse .nav > li > a:hover,
body > .navbar-collapse .nav > li > a:focus,
body > .navbar-collapse .nav > li > a.active {
color: #ffffff;
}
body > .navbar-collapse .nav > li > a:hover,
body > .navbar-collapse .nav > li > a:focus {
background: none;
}
body > .navbar-collapse .nav > li.active > a {
color: #ffffff;
}
body > .navbar-collapse .nav > li.active > a:hover,
body > .navbar-collapse .nav > li.active > a:focus,
body > .navbar-collapse .nav > li.active > a.active {
color: #ffffff;
}
body > .navbar-collapse .subnav {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
body > .navbar-collapse .subnav li > a {
display: block;
margin: 0;
padding: 7px 35px;
font-size: 13px;
font-weight: normal;
color: #5b5e61;
text-transform: capitalize;
}
body > .navbar-collapse .subnav li > a:hover,
body > .navbar-collapse .subnav li > a:focus,
body > .navbar-collapse .subnav li > a.active {
color: #ffffff;
}
body > .navbar-collapse .navbar-form,
body > .navbar-collapse .navbar-search {
padding: 10px 35px;
margin: 0;
border-bottom: 0 none;
border-top: 0 none;
box-shadow: none;
}
body > .navbar-collapse .navbar-form:focus,
body > .navbar-collapse .navbar-search:focus {
outline: 0 none;
}
body > .navbar-collapse .navbar-form .btn,
body > .navbar-collapse .navbar-search .btn,
body > .navbar-collapse .navbar-form .btn-primary,
body > .navbar-collapse .navbar-search .btn-primary {
height: 30px;
line-height: 20px;
font-size: 15px;
color: #5b5e61;
background: none;
padding: 0;
}
body > .navbar-collapse .navbar-form .btn:hover,
body > .navbar-collapse .navbar-search .btn:hover,
body > .navbar-collapse .navbar-form .btn-primary:hover,
body > .navbar-collapse .navbar-search .btn-primary:hover {
color: #fff;
}
.delimiter {
margin-top: 200px;
}
.delimiter.line {
margin-top: 150px;
margin-bottom: 150px;
border-top: 2px solid #ebedee;
}
header {
padding-top: 100px;
padding-bottom: 70px;
z-index: 100;
}
header .brand {
font-size: 25px;
font-weight: normal;
color: #34495e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 800;
letter-spacing: -1px;
color: #2c3e50;
}
header .brand img:first-child {
float: left;
margin: -10px 15px 0 0;
}
section * {
z-index: 2;
}
.background {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
background: 50% 50% no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity: 20;
filter: alpha(opacity=2000);
opacity: 0.2;
filter: alpha(opacity=20);
}
@media (max-width: 768px) {
.background {
-webkit-background-size: auto 200%;
-moz-background-size: auto 200%;
-o-background-size: auto 200%;
background-size: auto 200%;
}
}
.container {
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
header {
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.nav-visible .navbar .nav-collapse .nav > li > a:hover,
.nav-visible .navbar .nav-collapse .nav > li > li a:focus {
background-color: transparent;
}
.nav-visible .nav-collapse .navbar-form,
.nav-visible .nav-collapse .navbar-search {
border-bottom: 0 none;
border-top: 0 none;
box-shadow: none;
margin: 10px 0;
padding: 10px 15px;
}
.nav-visible .nav-collapse .navbar-form a.btn,
.nav-visible .nav-collapse .navbar-search a.btn {
border-color: white;
color: white;
}
.nav-visible .nav-collapse .navbar-form a.btn:hover,
.nav-visible .nav-collapse .navbar-search a.btn:hover,
.nav-visible .nav-collapse .navbar-form a.btn:focus,
.nav-visible .nav-collapse .navbar-search a.btn:focus {
color: #7f8c8d;
background-color: white;
}
/* header */
/**
* Header 11 stylesheet
* */
.header-11-startup-antiflicker {
border-bottom: 1px #bdc3c7 solid;
}
.header-11 {
z-index: 100;
width: 100%;
padding-top: 0;
padding-bottom: 0;
height: 90px;
}
.header-11 .navbar {
position: absolute;
z-index: 2;
top: 0;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.header-11 .navbar .navbar-form {
padding: 30px 0 19px 30px;
}
.header-11 .navbar .btn {
padding-left: 18px;
padding-right: 18px;
}
.header-11 .navbar .btn.btn-primary {
background-color: #16a085;
}
.header-11 .navbar .btn.btn-primary:hover,
.header-11 .navbar .btn.btn-primary:focus {
background-color: #45b39d;
}
.header-11 .navbar .btn.btn-primary:active,
.header-11 .navbar .btn.btn-primary.active {
background-color: #138871;
}
.header-11 .navbar .brand {
padding-top: 30px;
font-size: 25px;
font-weight: normal;
color: #34495e;
font-weight: 600;
}
.header-11 .navbar .brand img:first-child {
float: left;
margin: -10px 15px 0 0;
}
.header-11 .navbar .nav > li {
margin-left: 25px;
}
.header-11 .navbar .nav > li:first-child {
margin-left: 0;
}
.header-11 .navbar .nav > li:active a,
.header-11 .navbar .nav > li.active a {
color: #16a085;
}
.header-11 .navbar .nav > li:active a:hover,
.header-11 .navbar .nav > li.active a:hover,
.header-11 .navbar .nav > li:active a:focus,
.header-11 .navbar .nav > li.active a:focus,
.header-11 .navbar .nav > li:active a.active,
.header-11 .navbar .nav > li.active a.active {
color: #16a085;
}
.header-11 .navbar .nav > li > a {
padding: 41px 0 27px;
font-size: 14px;
font-weight: normal;
color: #7f8c8d;
font-weight: 500;
letter-spacing: 1px;
color: inherit;
}
.header-11 .navbar .nav > li > a:hover,
.header-11 .navbar .nav > li > a:focus,
.header-11 .navbar .nav > li > a.active {
color: #16a085;
}
.header-11 .navbar .navbar-toggle {
background-image: url("../../../common-files/icons/menu-icon-header-8.png");
margin-top: 36px;
}
.header-11-sub {
padding-top: 110px;
padding-bottom: 110px;
color: #bdc3c7;
position: relative;
}
.header-11-sub h3 {
font-size: 33px;
font-weight: normal;
color: #ffffff;
margin-bottom: 15px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
}
.header-11-sub p {
font-size: 16px;
font-weight: normal;
color: #bdc3c7;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.header-11-sub .additional-links {
opacity: 50;
filter: alpha(opacity=5000);
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 12px;
font-weight: normal;
color: #bdc3c7;
}
.header-11-sub .additional-links a {
text-decoration: underline;
color: #bdc3c7;
}
.header-11-sub .additional-links a:hover,
.header-11-sub .additional-links a:focus,
.header-11-sub .additional-links a.active {
color: #979c9f;
}
@media (max-width: 767px) {
.header-11-sub {
padding-top: 68px;
padding-bottom: 70px;
}
.header-11-sub .player {
margin: 40px 0 45px;
}
}
@media (max-width: 480px) {
.header-11-sub {
padding-top: 68px;
padding-bottom: 70px;
}
.header-11-sub h3 {
font-size: 26px;
font-weight: normal;
color: #ffffff;
}
.header-11-sub .player {
margin: 40px 0 45px;
}
}
.header-11-sub .signup-form form {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-top: 40px;
margin-bottom: 20px;
}
.header-11-sub .signup-form form .form-group:first-child + .form-group {
display: table;
width: 100%;
}
.header-11-sub .signup-form form .form-group:first-child + .form-group > div {
display: table-cell;
width: 50%;
padding-left: 5px;
}
@media (max-width: 767px) {
.header-11-sub .signup-form form .form-group:first-child + .form-group > div {
padding-left: 9px;
}
}
.header-11-sub .signup-form form .form-group:first-child + .form-group > div:first-child {
padding-left: 0;
padding-right: 5px;
}
@media (max-width: 767px) {
.header-11-sub .signup-form form .form-group:first-child + .form-group > div:first-child {
padding-right: 9px;
}
}
.header-11-sub .signup-form form .form-group:first-child + .form-group input {
width: 100%;
}
@media (max-width: 767px) {
.header-11-sub .signup-form form .btn {
margin: 9px 0;
}
}
.header-11-sub .signup-form form .btn.btn-info:hover,
.header-11-sub .signup-form form .btn.btn-info:focus {
background-color: #16a085;
}
.header-11-sub .signup-form form .btn.btn-info:active,
.header-11-sub .signup-form form .btn.btn-info.active {
background-color: #138871;
}
.header-11-sub .signup-form form input[type="text"],
.header-11-sub .signup-form form input[type="password"] {
border-color: white!important;
}
@media (max-width: 767px) {
.header-11-sub .signup-form form input[type="text"],
.header-11-sub .signup-form form input[type="password"] {
height: 41px;
}
}
@media (max-width: 480px) {
.header-11-sub .signup-form form {
margin-top: 25px;
}
}
.header-11-sub .player {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #bdc3c7;
position: relative;
overflow: hidden;
height: 360px;
}
.header-11-sub .player .btn-play {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 10px;
bottom: 10px;
width: 60px;
padding-left: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.header-11-sub .player .btn-play.btn-primary {
background-color: #16a085;
}
.header-11-sub .player .btn-play.btn-primary:hover,
.header-11-sub .player .btn-play.btn-primary:focus {
background-color: #45b39d;
}
.header-11-sub .player .btn-play.btn-primary:active,
.header-11-sub .player .btn-play.btn-primary.active {
background-color: #138871;
}
.header-11-sub .player > iframe {
width: 100%;
height: 100%;
border: 0;
display: block;
}
@media (max-width: 480px) {
.header-11-sub .player {
height: 160px;
}
}
/* price */
.ribbon {
display: block;
position: relative;
margin: 0;
padding: 0 10px!important;
background: #e74c3c;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 24px;
}
.ribbon:before,
.ribbon:after {
display: block;
position: absolute;
line-height: 0;
}
.ribbon:before {
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAgCAYAAADe+2JdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAIcbAACL/wAA/RMAAIWJAACNJgAA5z0AADj/AAAeyY4zee8AAACLSURBVHja7M6xCcIAEAXQZwwpJI0W6V3AVgdwKrF3CWdwAhFcIjhDKiGCoDGxSVAxyQT5zcG94+5G+X4GS+zqOlEnxAKn72aTANs2aHCtIwGmfWjAAfsxhPIWeaSJVxaris98WN4i9/Nc9Rz/r32kSStA8Mri7oeqIsj7vj324QbXLrxghQN+TrwHABFIH/AzT59nAAAAAElFTkSuQmCC');
left: -7px;
bottom: 0;
}
.ribbon:after {
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAIcbAACL/wAA/RMAAIWJAACNJgAA5z0AADj/AAAeyY4zee8AAACMSURBVHja7MwxDoJAFIThf9fVAo2x4A5cwprKytPY2HoJS6/hCbwBoaKi0WxYoyYg+ywICQK9jdPNl/dG5Zu1AA44Azsg1TRZAlvgAkQttlkBhz4CxGO4GEP++Cs0yc2ilWI+NYRBwGyim0svwr2syApHWdff716E6/M13HxUbztAL3I0nW6BE7D/DADKLyXavmqdkAAAAABJRU5ErkJggg==');
right: -5px;
top: 0;
}
/**
* Price 1 stylesheet
* */
.price-1 {
padding-top: 110px;
padding-bottom: 110px;
}
.price-1 .plan {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #ebedee;
padding: 25px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
color: #bdc3c7;
font-size: 18px;
font-weight: normal;
}
.price-1 .plan > * {
padding-left: 10px;
padding-right: 10px;
}
.price-1 .plan b {
color: #7f8c8d;
}
.price-1 .plan .title {
color: #2c3e50;
font-size: 24px;
font-weight: 500;
margin-bottom: 8px;
}
.price-1 .plan .description {
margin: 26px 0;
padding-top: 22px;
border-top: 2px solid #ebedee;
line-height: 28px;
font-weight: normal;
}
.price-1 .plan .description b {
font-weight: 500;
}
.price-1 .plan .btn {
min-width: 170px;
}
.price-1 .ribbon {
position: absolute;
right: -3px;
top: 26px;
}
@media (max-width: 991px) {
.price-1 .ribbon {
top: 4px;
}
}
@media (max-width: 767px) {
.price-1 .ribbon {
top: 26px;
}
}
@media (max-width: 767px) {
.price-1 .plan {
margin-top: 30px;
}
.price-1 .col-sm-4:first-child .plan {
margin-top: 0;
}
}
/* content */
/**
* Content 13 stylesheet
* */
.content-13 {
position: relative;
}
.content-13.subscribe-form {
padding-top: 40px;
padding-bottom: 40px;
color: #a1a9b1;
}
.content-13.subscribe-form .col-sm-4 {
text-align: right;
}
@media (max-width: 767px) {
.content-13.subscribe-form .col-sm-4 {
width: auto;
display: inline-block;
float: right;
text-align: center;
}
}
@media (max-width: 668px) {
.content-13.subscribe-form .col-sm-4 {
display: block;
float: none;
}
}
.content-13.subscribe-form form {
margin: 0;
position: relative;
}
@media (max-width: 767px) {
.content-13.subscribe-form form .col-sm-8 {
width: 65%;
display: inline-block;
float: left;
}
}
@media (max-width: 668px) {
.content-13.subscribe-form form .col-sm-8 {
width: auto;
display: block;
float: none;
text-align: center;
}
}
.content-13.subscribe-form input[type="text"],
.content-13.subscribe-form input[type="email"] {
width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
background: transparent;
line-height: 59.99999999999999px;
font-size: 50px;
font-weight: normal;
color: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: -1px;
}
.content-13.subscribe-form input[type="text"]:-moz-placeholder,
.content-13.subscribe-form input[type="email"]:-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.content-13.subscribe-form input[type="text"]::-moz-placeholder,
.content-13.subscribe-form input[type="email"]::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.content-13.subscribe-form input[type="text"]:-ms-input-placeholder,
.content-13.subscribe-form input[type="email"]:-ms-input-placeholder {
color: #ffffff;
}
.content-13.subscribe-form input[type="text"]::-webkit-input-placeholder,
.content-13.subscribe-form input[type="email"]::-webkit-input-placeholder {
color: #ffffff;
}
.content-13.subscribe-form input[type="text"].placeholder,
.content-13.subscribe-form input[type="email"].placeholder {
color: #ffffff;
}
.content-13.subscribe-form input[type="text"]::-webkit-input-placeholder,
.content-13.subscribe-form input[type="email"]::-webkit-input-placeholder {
font-weight: 500;
letter-spacing: -1px;
}
.content-13.subscribe-form input[type="text"]:-moz-placeholder,
.content-13.subscribe-form input[type="email"]:-moz-placeholder {
font-weight: 500;
letter-spacing: -1px;
}
.content-13.subscribe-form input[type="text"]::-moz-placeholder,
.content-13.subscribe-form input[type="email"]::-moz-placeholder {
font-weight: 500;
letter-spacing: -1px;
}
.content-13.subscribe-form input[type="text"]:-ms-input-placeholder,
.content-13.subscribe-form input[type="email"]:-ms-input-placeholder {
font-weight: 500;
letter-spacing: -1px;
}
.content-13.subscribe-form .ani-placeholder {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
padding-left: 6px;
line-height: 59.99999999999999px;
font-size: 50px;
font-weight: normal;
color: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content-13.subscribe-form .btn {
margin-top: 8px;
width: 220px;
max-width: 100%;
}
.content-13.subscribe-form .btn.btn-primary {
background: #16a085;
}
.content-13.subscribe-form .btn.btn-primary:hover,
.content-13.subscribe-form .btn.btn-primary:focus {
background: #24deb4;
}
.content-13.subscribe-form .btn.btn-primary:active,
.content-13.subscribe-form .btn.btn-primary.active {
background: #138871;
}
@media (max-width: 480px) {
.content-13.subscribe-form input[type="text"],
.content-13.subscribe-form input[type="email"],
.content-13.subscribe-form .ani-placeholder {
width: 100%;
margin-bottom: 33px;
line-height: 27px;
font-size: 25px;
font-weight: normal;
color: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
}
@media (max-width: 688px) {
.content-13.subscribe-form input[type="text"],
.content-13.subscribe-form input[type="email"],
.content-13.subscribe-form .ani-placeholder {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
}
/* footer */
/**
* Footer 2 stylesheet
* */
.footer-2 {
padding-top: 20px;
padding-bottom: 20px;
color: #bdc3c7;
line-height: 25px;
}
.footer-2 a {
color: #bdc3c7;
font-weight: normal;
}
.footer-2 a:hover,
.footer-2 a:focus,
.footer-2 a.active {
color: #979c9f;
}
.footer-2 nav ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: normal;
color: #bdc3c7;
}
.footer-2 nav ul li {
float: left;
margin-left: 25px;
line-height: 25px;
}
.footer-2 nav ul li:first-child {
margin-left: 0;
}
.footer-2 .social-btns {
white-space: nowrap;
}
.footer-2 .social-btns > * {
display: inline-block;
vertical-align: top;
margin-left: 15px;
font-size: 20px;
font-weight: normal;
color: #979c9f;
width: 20px;
height: 25px;
overflow: hidden;
text-align: center;
}
.footer-2 .social-btns > *:first-child {
margin-left: 0;
}
.footer-2 .social-btns > * > * {
display: block;
position: relative;
top: 0;
-webkit-transition: 0.25s top;
-moz-transition: 0.25s top;
-o-transition: 0.25s top;
transition: 0.25s top;
}
.footer-2 .social-btns > * > *:first-child {
color: #bdc3c7;
}
.footer-2 .social-btns > *:hover > * {
top: -100%;
}
.footer-2 .additional-links {
font-size: 12px;
font-weight: normal;
color: #bdc3c7;
text-align: center;
}
@media (max-width: 991px) {
.footer-2 .additional-links {
clear: both;
text-align: left;
}
}
.footer-2 .additional-links a {
text-decoration: underline;
}
@media (max-width: 480px) {
.footer-2 {
padding-top: 28px;
padding-bottom: 28px;
}
.footer-2 > .container > * {
float: none !important;
*zoom: 1;
}
.footer-2 > .container > *:before,
.footer-2 > .container > *:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.footer-2 > .container > *:after {
clear: both;
}
.footer-2 > .container > *:before,
.footer-2 > .container > *:after {
display: table;
content: "";
line-height: 0;
}
.footer-2 > .container > *:after {
clear: both;
}
.footer-2 nav ul li {
float: none;
margin: 18px 0 0;
}
.footer-2 nav ul li:first-child {
margin-top: 0;
}
.footer-2 .social-btns {
margin: 25px 0 10px;
}
}
.header-11-sub .background {
background-image: url("http://magdeleine.co/wp-content/uploads/2015/01/rollingfog-1400x933.jpg");
opacity: 80;
filter: alpha(opacity=8000);
opacity: 0.8;
filter: alpha(opacity=80);
}
@media (max-width: 767px) {
.header-11-sub .background {
background: #f6f6f2;
}
}
.header-11-sub h3 {
color: #2c3e50;
}
.header-11-sub p {
color: #7f8c8d;
}
.header-11-sub .additional-links {
color: #7f8c8d;
}
.header-11-sub .additional-links a {
color: #697172;
}
.logos {
background: #f1f1f1;
padding-top: 40px;
padding-bottom: 40px;
}
@media (max-width: 767px) {
.logos {
padding-top: 20px;
padding-bottom: 20px;
}
}
.logos > .container {
display: table;
}
.logos > .container > div {
display: table-cell;
text-align: center;
}
@media (max-width: 480px) {
.logos {
display: none;
}
}
.price-1 {
padding-top: 80px;
padding-bottom: 80px;
}
.price-1 h3 {
margin: 0 0 8px;
font-size: 35px;
text-align: center;
letter-spacing: -1px;
}
.price-1 .lead {
font-size: 25px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
margin-bottom: 55px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment