added more preview pages and more templates

This commit is contained in:
2026-07-21 07:10:03 -05:00
parent c6119ffdf5
commit b19fdee30d
3726 changed files with 651487 additions and 6169 deletions
File diff suppressed because it is too large Load Diff
@@ -0,0 +1,342 @@
/*========================================================
Contact Form
=========================================================*/
/* Contact Form Basic Styles
========================================================*/
#contact-form {
position: relative; }
#contact-form label {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
letter-spacing: normal;
margin: 0 0 23px;
width: 100%;
text-align: left; }
#contact-form label.message {
max-width: 100%;
width: 100%;
margin: 40px 0 5px; }
#contact-form fieldset {
border: none; }
/* Contact Form Placeholder Styles
========================================================*/
#contact-form ._placeholder {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 18px "Quattrocento", serif;
line-height: 24px;
padding: 10px 17px 10px;
color: #343434;
width: 100% !important;
position: absolute;
left: 0;
top: 0;
display: block;
border-radius: 0;
cursor: text; }
#contact-form ._placeholder.focused {
opacity: 0.4; }
.lt-ie9 #contact-form ._placeholder.focused {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
filter: alpha(opacity=40); }
#contact-form ._placeholder.hidden,
#contact-form .file ._placeholder {
display: none; }
/* Contact Form Input
========================================================*/
#contact-form input[type='text'] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 18px "Quattrocento", serif;
line-height: 24px;
padding: 10px 17px 10px;
color: #343434;
background-color: #fff;
border: none;
border-bottom: 1px solid #a2a2a2;
width: 100%;
border-radius: 0;
outline: none;
-webkit-appearance: none;
height: 44px;
margin: 0; }
@media (min-width: 980px) {
#contact-form .input-wrap:before, #contact-form .input-wrap:after {
display: table;
content: "";
line-height: 0; }
#contact-form .input-wrap:after {
clear: both; }
#contact-form .input-wrap label {
width: 49%;
float: left; }
#contact-form .input-wrap label + label {
margin-left: 2%; } }
/* Contact Form Buttons
========================================================*/
#contact-form .btn {
padding-left: 55px;
padding-right: 55px; }
/* Contact Form Textarea
========================================================*/
#contact-form textarea {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 400 18px "Quattrocento", serif;
line-height: 24px;
padding: 10px 17px 10px;
color: #343434;
background-color: #fff;
border: none;
border-bottom: 1px solid #a2a2a2;
width: 100%;
border-radius: 0;
outline: none;
-webkit-appearance: none;
border: 1px solid #a2a2a2;
resize: none;
height: 158px;
overflow: auto; }
/* Contact Form Error messages
========================================================*/
#contact-form .empty-message,
#contact-form .error-message {
-moz-transition: 0.3s ease-in height;
-o-transition: 0.3s ease-in height;
-webkit-transition: 0.3s ease-in height;
transition: 0.3s ease-in height;
position: absolute;
right: 3px;
top: 2px;
color: red;
height: 0;
overflow: hidden;
font-size: 11px;
z-index: 99; }
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
height: 14px;
line-height: 14px; }
/* Contact Form Processing Box
========================================================*/
#contact-form .contact-form-loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: -1;
overflow: hidden;
background: rgba(247, 247, 247, 0.48) url(data:image/gif;base64,R0lGODlhIAAKAIAAAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAAACwAAAAAIAAKAAACD4yPqcvtD6OctNqLs94cFwAh+QQJCQAFACwAAAAAIAAKAILs7uz8+vz09vT08vT8/vz///8AAAAAAAADMVgx3FIwykmhADjjVzsdmjZ4ZASG2FiSJ6quXRu+8IemdXwDdB5dt54PsgA1BoThJAEAIfkECQkACAAsAAAAACAACgCDtLK03Nrc1NLUvL68/Pr81NbUxMLE/P78////AAAAAAAAAAAAAAAAAAAAAAAAAAAABDjwBGMGNeWgzbv/SACM5CiAKGiU5ZC+3MqOLvwOM22/8lzvqhzgB/TgcsQipyA0KD8HAe5o0Tw7EQAh+QQJCQAMACwAAAAAIAAKAIN0dnS8vrysrqyMioy0trSUkpT8+vy0srSMjoy8uryUlpT8/vz///8AAAAAAAAAAAAEPnAFVWpRZLHNu/9MAIzkeIAoqJQlkr5cwZIDDK8zUNupPA4/HS+Fm+2GnyLriOwkaKVT07M4FAbYQeFgmHoiACH5BAkJAAsALAAAAAAgAAoAg7SytNza3Ozu7NTS1Pz6/Ly+vPT29PTy9NTW1Pz+/MTCxP///wAAAAAAAAAAAAAAAARUMAWlClUorUWO/8YmjmIAnOg5LIbgvm5IkkqaFssBw8dM2yjcjucbFYAnnG4o6BU3NaSQ2XxCkQDhcud8HqULatWKwCoWCWq3mBgcvxYNy9P8yJ8RACH5BAkJAAsALAAAAAAgAAoAg7SytNza3Ozu7NTS1Pz6/Ly+vPT29PTy9NTW1Pz+/MTCxP///wAAAAAAAAAAAAAAAARUcJFDq1krBaUKV0iCjSRmCGiKXgHgvu5QzoeqHosCw8Vc1jYUTrdz9XwjYBBXKBqRyaAw5wQcoUobs3pFZm9UZ9d3kuIQVQV0NKlVDiLCoGmNXdYRACH5BAkJAAwALAAAAAAgAAoAg3R2dLy+vKyurIyKjLS2tJSSlPz6/LSytIyOjLy6vJSWlPz+/P///wAAAAAAAAAAAAQ+kMlJ2Qqq6KLIqmBIBUBploeoVsp5ImvMFK45yGtbAzcu0qVBkOcT6Wq9ImtHVFYStlPKSVkcCoPsoHAwxCIAIfkECQkACwAsAAAAACAACgCDtLK03Nrc7O7s1NLU/Pr8vL689Pb09PL01NbU/P78xMLE////AAAAAAAAAAAAAAAABFZwyUlXCkqVrFCSxCGORmUuAaCu6rAYQizHxEkpLFssxzwftgkup9r5fkFJgVjkHWPA5JBofAqiwWnO2DtibUtm1ZpcIJgAhcX6PSUGy/Dm8xJdr4dEBAAh+QQJCQALACwAAAAAIAAKAIO0srTc2tzs7uzU0tT8+vy8vrz09vT08vTU1tT8/vzEwsT///8AAAAAAAAAAAAAAAAEVXDJSSU5OBuZglLFpyBJZRpCqqZbALzwO5jVsa7HosRxQVO2Wyq34718P0lQmCsYj0mlcKh7ApDJ5a1pBUQXWlz1if2hpjmEVfFdXGyZQ4kwcF5liQgAIfkECQkADAAsAAAAACAACgCDdHZ0vL68rK6sjIqMtLa0lJKU/Pr8tLK0jI6MvLq8lJaU/P78////AAAAAAAAAAAABD6QyUmrZSuowosiyyVeAWCe5jGuk4KiBcsW7znIq1sDNy7SpkGQ5xPpar1i5fhKKicJG0rwrCwOhYF2UDgYIgAh+QQJCQAIACwAAAAAIAAKAIO0srTc2tzU0tS8vrz8+vzU1tTEwsT8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAEOBDJSatFJxgztinHJV4BYJ6mMK6TgaIDy7qvGcvjUNv4SNe3nuVXE150u6BxUtgBDMvKQaBDdg4RACH5BAkJAAUALAAAAAAgAAoAguzu7Pz6/PT29PTy9Pz+/P///wAAAAAAAAMvWLrcrmHIKZ61Auitw/3LwHEDCIqjVpoXmq7s445w3MykLaeb7mS8mg8iAYgkhAQAOw==);
background-repeat: no-repeat;
background-position: 50% 50%; }
.lt-ie9 #contact-form .contact-form-loader {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
#contact-form.processing .contact-form-loader {
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0.7;
z-index: 99; }
.lt-ie9 #contact-form.processing .contact-form-loader {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)";
filter: alpha(opacity=70); }
/* Contact Form Modal
========================================================*/
.modal-open {
overflow: hidden; }
#contact-form .modal {
top: 0;
left: 0;
right: 0;
bottom: 0;
letter-spacing: normal;
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
font-family: "Quattrocento", serif;
font-size: 13px;
color: #222; }
#contact-form .modal h4 {
font-weight: bold;
color: #000;
padding: 0;
margin: 0; }
.modal.fade .modal-dialog {
-moz-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-moz-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%); }
.modal.in .modal-dialog {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: none; }
.modal-backdrop {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 1040;
background-color: #000000; }
.modal-backdrop.fade {
opacity: 0; }
.lt-ie9 .modal-backdrop.fade {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
.modal-backdrop.in {
opacity: 0.5; }
.lt-ie9 .modal-backdrop.in {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
filter: alpha(opacity=50); }
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px; }
.modal-header .close {
margin-top: -2px; }
.modal-title {
margin: 0;
line-height: 1.42857143; }
.modal-body {
position: relative;
padding: 20px; }
.modal-dialog {
width: 600px;
margin: 66px auto 10px; }
@media only screen and (max-width: 768px) {
.modal-dialog {
position: relative;
width: auto;
margin-left: 10px;
margin-right: 10px; } }
/* Contact Form Close icon
========================================================*/
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20); }
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50); }
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
/* Contact Form reCaptcha
========================================================*/
#contact-form label.recaptcha {
max-width: 100%;
text-align: right; }
#captchadiv {
display: inline-block;
text-align: left;
background: #FFF; }
.empty-message + #captchadiv {
border: 1px solid #DCDCDC;
padding-top: 16px; }
#recaptcha_table {
border: none !important; }
#recaptcha_table input[type="text"] {
background: #FFF;
border: 1px solid #CDCDCD !important;
color: #999; }
@media (max-width: 767px) {
#captchadiv {
display: block; }
#recaptcha_table {
width: 100%; }
#recaptcha_table tr:first-child td + td {
padding-right: 14px !important; }
#recaptcha_table tr:first-child td + td + td {
display: none; }
#recaptcha_image {
width: 358px !important; }
#recaptcha_response_field {
width: 360px !important; } }
@media (max-width: 479px) {
#recaptcha_image {
width: 208px !important; }
#recaptcha_response_field {
width: 210px !important; } }
@@ -0,0 +1,135 @@
/**
* Title: 36 Slim Icons Flaticon Pack
* Author: Fermam Aziz
* Source: http://www.flaticon.com/packs/36-slim-icons
* License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
*/
@font-face {
font-family: "fl-36-slim-icons";
src: url("../fonts/36-slim-icons.eot");
src: url("../fonts/36-slim-icons.eot#iefix") format("embedded-opentype"),
url("../fonts/36-slim-icons.woff") format("woff"),
url("../fonts/36-slim-icons.ttf") format("truetype"),
url("../fonts/36-slim-icons.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.fl-36-slim-icons-ico,
[class^="fl-36-slim-icons-"]:before, [class*=" fl-36-slim-icons-"]:before,
[class^="fl-36-slim-icons-"]:after, [class*=" fl-36-slim-icons-"]:after {
font-family: "fl-36-slim-icons";
font-size: inherit;
font-weight: 400;
font-style: normal;
}
.fl-36-slim-icons-bird73:before {
content: "\e000";
}
.fl-36-slim-icons-bookmark38:before {
content: "\e001";
}
.fl-36-slim-icons-calculator63:before {
content: "\e002";
}
.fl-36-slim-icons-calendar148:before {
content: "\e003";
}
.fl-36-slim-icons-circles21:before {
content: "\e004";
}
.fl-36-slim-icons-circular242:before {
content: "\e005";
}
.fl-36-slim-icons-clock91:before {
content: "\e006";
}
.fl-36-slim-icons-cloud288:before {
content: "\e007";
}
.fl-36-slim-icons-cogwheel25:before {
content: "\e008";
}
.fl-36-slim-icons-download155:before {
content: "\e009";
}
.fl-36-slim-icons-email90:before {
content: "\e00a";
}
.fl-36-slim-icons-file77:before {
content: "\e00b";
}
.fl-36-slim-icons-global32:before {
content: "\e00c";
}
.fl-36-slim-icons-happy49:before {
content: "\e00d";
}
.fl-36-slim-icons-house130:before {
content: "\e00e";
}
.fl-36-slim-icons-image77:before {
content: "\e00f";
}
.fl-36-slim-icons-laptop111:before {
content: "\e010";
}
.fl-36-slim-icons-like67:before {
content: "\e011";
}
.fl-36-slim-icons-like68:before {
content: "\e012";
}
.fl-36-slim-icons-monitor79:before {
content: "\e013";
}
.fl-36-slim-icons-musical110:before {
content: "\e014";
}
.fl-36-slim-icons-pencil98:before {
content: "\e015";
}
.fl-36-slim-icons-phone358:before {
content: "\e016";
}
.fl-36-slim-icons-photo193:before {
content: "\e017";
}
.fl-36-slim-icons-placeholder27:before {
content: "\e018";
}
.fl-36-slim-icons-play90:before {
content: "\e019";
}
.fl-36-slim-icons-rss49:before {
content: "\e01a";
}
.fl-36-slim-icons-search89:before {
content: "\e01b";
}
.fl-36-slim-icons-share31:before {
content: "\e01c";
}
.fl-36-slim-icons-shopping223:before {
content: "\e01d";
}
.fl-36-slim-icons-speech105:before {
content: "\e01e";
}
.fl-36-slim-icons-star165:before {
content: "\e01f";
}
.fl-36-slim-icons-tag65:before {
content: "\e020";
}
.fl-36-slim-icons-user152:before {
content: "\e021";
}
.fl-36-slim-icons-video166:before {
content: "\e022";
}
.fl-36-slim-icons-wifi76:before {
content: "\e023";
}
@@ -0,0 +1,687 @@
/**
* Title: Bigmug Line Flaticon Pack
* Author: Catalin Fertu
* Source: http://www.flaticon.com/packs/bigmug-line
* License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
*/
@font-face {
font-family: "fl-bigmug-line";
src: url("../fonts/fl-bigmug-line.eot");
src: url("../fonts/fl-bigmug-line.eot#iefix") format("embedded-opentype"),
url("../fonts/fl-bigmug-line.woff") format("woff"),
url("../fonts/fl-bigmug-line.ttf") format("truetype"),
url("../fonts/fl-bigmug-line.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.fl-bigmug-line-ico,
[class^="fl-bigmug-line-"]:before, [class*=" fl-bigmug-line-"]:before,
[class^="fl-bigmug-line-"]:after, [class*=" fl-bigmug-line-"]:after {
font-family: 'fl-bigmug-line';
font-size: inherit;
font-weight: 400;
font-style: normal;
}
.fl-bigmug-line-add137:before {
content: "\e000";
}
.fl-bigmug-line-add139:before {
content: "\e001";
}
.fl-bigmug-line-add149:before {
content: "\e002";
}
.fl-bigmug-line-airplane86:before {
content: "\e003";
}
.fl-bigmug-line-alarm31:before {
content: "\e004";
}
.fl-bigmug-line-arrow592:before {
content: "\e005";
}
.fl-bigmug-line-attach8:before {
content: "\e006";
}
.fl-bigmug-line-attachment15:before {
content: "\e007";
}
.fl-bigmug-line-audio46:before {
content: "\e008";
}
.fl-bigmug-line-back44:before {
content: "\e009";
}
.fl-bigmug-line-back46:before {
content: "\e00a";
}
.fl-bigmug-line-big104:before {
content: "\e00b";
}
.fl-bigmug-line-book188:before {
content: "\e00c";
}
.fl-bigmug-line-bookmark28:before {
content: "\e00d";
}
.fl-bigmug-line-bottle34:before {
content: "\e00e";
}
.fl-bigmug-line-button5:before {
content: "\e00f";
}
.fl-bigmug-line-buttons5:before {
content: "\e010";
}
.fl-bigmug-line-cellphone55:before {
content: "\e011";
}
.fl-bigmug-line-cellular9:before {
content: "\e012";
}
.fl-bigmug-line-center10:before {
content: "\e013";
}
.fl-bigmug-line-chat51:before {
content: "\e014";
}
.fl-bigmug-line-chat55:before {
content: "\e015";
}
.fl-bigmug-line-checkmark14:before {
content: "\e016";
}
.fl-bigmug-line-checkmark15:before {
content: "\e017";
}
.fl-bigmug-line-checkmark16:before {
content: "\e018";
}
.fl-bigmug-line-circular220:before {
content: "\e019";
}
.fl-bigmug-line-circular224:before {
content: "\e01a";
}
.fl-bigmug-line-circular228:before {
content: "\e01b";
}
.fl-bigmug-line-circular229:before {
content: "\e01c";
}
.fl-bigmug-line-clipboard68:before {
content: "\e01d";
}
.fl-bigmug-line-close42:before {
content: "\e01e";
}
.fl-bigmug-line-cloud255:before {
content: "\e01f";
}
.fl-bigmug-line-cloud260:before {
content: "\e020";
}
.fl-bigmug-line-cocktail26:before {
content: "\e021";
}
.fl-bigmug-line-code30:before {
content: "\e022";
}
.fl-bigmug-line-collapse5:before {
content: "\e023";
}
.fl-bigmug-line-comment45:before {
content: "\e024";
}
.fl-bigmug-line-compass80:before {
content: "\e025";
}
.fl-bigmug-line-contract5:before {
content: "\e026";
}
.fl-bigmug-line-copy23:before {
content: "\e027";
}
.fl-bigmug-line-crescent23:before {
content: "\e028";
}
.fl-bigmug-line-cropping1:before {
content: "\e029";
}
.fl-bigmug-line-cross81:before {
content: "\e02a";
}
.fl-bigmug-line-cross83:before {
content: "\e02b";
}
.fl-bigmug-line-cube29:before {
content: "\e02c";
}
.fl-bigmug-line-double97:before {
content: "\e02d";
}
.fl-bigmug-line-double98:before {
content: "\e02e";
}
.fl-bigmug-line-double99:before {
content: "\e02f";
}
.fl-bigmug-line-down55:before {
content: "\e030";
}
.fl-bigmug-line-down56:before {
content: "\e031";
}
.fl-bigmug-line-down58:before {
content: "\e032";
}
.fl-bigmug-line-down59:before {
content: "\e033";
}
.fl-bigmug-line-down64:before {
content: "\e034";
}
.fl-bigmug-line-download136:before {
content: "\e035";
}
.fl-bigmug-line-download142:before {
content: "\e036";
}
.fl-bigmug-line-download146:before {
content: "\e037";
}
.fl-bigmug-line-download147:before {
content: "\e038";
}
.fl-bigmug-line-download148:before {
content: "\e039";
}
.fl-bigmug-line-electrical17:before {
content: "\e03a";
}
.fl-bigmug-line-electronic57:before {
content: "\e03b";
}
.fl-bigmug-line-email64:before {
content: "\e03c";
}
.fl-bigmug-line-email67:before {
content: "\e03d";
}
.fl-bigmug-line-equalization3:before {
content: "\e03e";
}
.fl-bigmug-line-equalizer26:before {
content: "\e03f";
}
.fl-bigmug-line-event6:before {
content: "\e040";
}
.fl-bigmug-line-expand25:before {
content: "\e041";
}
.fl-bigmug-line-expanding2:before {
content: "\e042";
}
.fl-bigmug-line-fast33:before {
content: "\e043";
}
.fl-bigmug-line-favourites5:before {
content: "\e044";
}
.fl-bigmug-line-file68:before {
content: "\e045";
}
.fl-bigmug-line-file69:before {
content: "\e046";
}
.fl-bigmug-line-film57:before {
content: "\e047";
}
.fl-bigmug-line-flag53:before {
content: "\e048";
}
.fl-bigmug-line-fog10:before {
content: "\e049";
}
.fl-bigmug-line-foggy3:before {
content: "\e04a";
}
.fl-bigmug-line-folder173:before {
content: "\e04b";
}
.fl-bigmug-line-fork34:before {
content: "\e04c";
}
.fl-bigmug-line-four87:before {
content: "\e04d";
}
.fl-bigmug-line-full40:before {
content: "\e04e";
}
.fl-bigmug-line-games32:before {
content: "\e04f";
}
.fl-bigmug-line-gear30:before {
content: "\e050";
}
.fl-bigmug-line-giftbox54:before {
content: "\e051";
}
.fl-bigmug-line-graphical8:before {
content: "\e052";
}
.fl-bigmug-line-headphones32:before {
content: "\e053";
}
.fl-bigmug-line-hot67:before {
content: "\e054";
}
.fl-bigmug-line-images21:before {
content: "\e055";
}
.fl-bigmug-line-ink12:before {
content: "\e056";
}
.fl-bigmug-line-label25:before {
content: "\e057";
}
.fl-bigmug-line-left144:before {
content: "\e058";
}
.fl-bigmug-line-left145:before {
content: "\e059";
}
.fl-bigmug-line-left146:before {
content: "\e05a";
}
.fl-bigmug-line-left148:before {
content: "\e05b";
}
.fl-bigmug-line-left152:before {
content: "\e05c";
}
.fl-bigmug-line-left153:before {
content: "\e05d";
}
.fl-bigmug-line-left158:before {
content: "\e05e";
}
.fl-bigmug-line-left159:before {
content: "\e05f";
}
.fl-bigmug-line-like51:before {
content: "\e060";
}
.fl-bigmug-line-link52:before {
content: "\e061";
}
.fl-bigmug-line-list63:before {
content: "\e062";
}
.fl-bigmug-line-list65:before {
content: "\e063";
}
.fl-bigmug-line-lock64:before {
content: "\e064";
}
.fl-bigmug-line-login12:before {
content: "\e065";
}
.fl-bigmug-line-login9:before {
content: "\e066";
}
.fl-bigmug-line-map87:before {
content: "\e067";
}
.fl-bigmug-line-megaphone11:before {
content: "\e068";
}
.fl-bigmug-line-men25:before {
content: "\e069";
}
.fl-bigmug-line-menu40:before {
content: "\e06a";
}
.fl-bigmug-line-menu41:before {
content: "\e06b";
}
.fl-bigmug-line-microphone76:before {
content: "\e06c";
}
.fl-bigmug-line-microphone77:before {
content: "\e06d";
}
.fl-bigmug-line-minus79:before {
content: "\e06e";
}
.fl-bigmug-line-minus80:before {
content: "\e06f";
}
.fl-bigmug-line-minus83:before {
content: "\e070";
}
.fl-bigmug-line-minus86:before {
content: "\e071";
}
.fl-bigmug-line-monitor74:before {
content: "\e072";
}
.fl-bigmug-line-music218:before {
content: "\e073";
}
.fl-bigmug-line-music219:before {
content: "\e074";
}
.fl-bigmug-line-music221:before {
content: "\e075";
}
.fl-bigmug-line-musical100:before {
content: "\e076";
}
.fl-bigmug-line-musical98:before {
content: "\e077";
}
.fl-bigmug-line-mute34:before {
content: "\e078";
}
.fl-bigmug-line-new83:before {
content: "\e079";
}
.fl-bigmug-line-nine16:before {
content: "\e07a";
}
.fl-bigmug-line-note35:before {
content: "\e07b";
}
.fl-bigmug-line-notebook41:before {
content: "\e07c";
}
.fl-bigmug-line-notification4:before {
content: "\e07d";
}
.fl-bigmug-line-notification5:before {
content: "\e07e";
}
.fl-bigmug-line-opened25:before {
content: "\e07f";
}
.fl-bigmug-line-oval34:before {
content: "\e080";
}
.fl-bigmug-line-paintbrush9:before {
content: "\e081";
}
.fl-bigmug-line-paper122:before {
content: "\e082";
}
.fl-bigmug-line-pause37:before {
content: "\e083";
}
.fl-bigmug-line-pencil85:before {
content: "\e084";
}
.fl-bigmug-line-phone351:before {
content: "\e085";
}
.fl-bigmug-line-photo181:before {
content: "\e086";
}
.fl-bigmug-line-pin42:before {
content: "\e087";
}
.fl-bigmug-line-planetary2:before {
content: "\e088";
}
.fl-bigmug-line-play83:before {
content: "\e089";
}
.fl-bigmug-line-portfolio23:before {
content: "\e08a";
}
.fl-bigmug-line-print34:before {
content: "\e08b";
}
.fl-bigmug-line-radio46:before {
content: "\e08c";
}
.fl-bigmug-line-rain30:before {
content: "\e08d";
}
.fl-bigmug-line-rectangular78:before {
content: "\e08e";
}
.fl-bigmug-line-recycling10:before {
content: "\e08f";
}
.fl-bigmug-line-rewind37:before {
content: "\e090";
}
.fl-bigmug-line-right139:before {
content: "\e091";
}
.fl-bigmug-line-right141:before {
content: "\e092";
}
.fl-bigmug-line-right142:before {
content: "\e093";
}
.fl-bigmug-line-right144:before {
content: "\e094";
}
.fl-bigmug-line-right148:before {
content: "\e095";
}
.fl-bigmug-line-right153:before {
content: "\e096";
}
.fl-bigmug-line-right154:before {
content: "\e097";
}
.fl-bigmug-line-right156:before {
content: "\e098";
}
.fl-bigmug-line-rounded51:before {
content: "\e099";
}
.fl-bigmug-line-sand14:before {
content: "\e09a";
}
.fl-bigmug-line-save15:before {
content: "\e09b";
}
.fl-bigmug-line-search74:before {
content: "\e09c";
}
.fl-bigmug-line-search78:before {
content: "\e09d";
}
.fl-bigmug-line-share27:before {
content: "\e09e";
}
.fl-bigmug-line-shopping198:before {
content: "\e09f";
}
.fl-bigmug-line-shopping199:before {
content: "\e0a0";
}
.fl-bigmug-line-shopping202:before {
content: "\e0a1";
}
.fl-bigmug-line-shopping204:before {
content: "\e0a2";
}
.fl-bigmug-line-shuffle17:before {
content: "\e0a3";
}
.fl-bigmug-line-sort47:before {
content: "\e0a4";
}
.fl-bigmug-line-sort48:before {
content: "\e0a5";
}
.fl-bigmug-line-speaker75:before {
content: "\e0a6";
}
.fl-bigmug-line-speaker80:before {
content: "\e0a7";
}
.fl-bigmug-line-speaker81:before {
content: "\e0a8";
}
.fl-bigmug-line-speaker86:before {
content: "\e0a9";
}
.fl-bigmug-line-speaker87:before {
content: "\e0aa";
}
.fl-bigmug-line-speech96:before {
content: "\e0ab";
}
.fl-bigmug-line-square152:before {
content: "\e0ac";
}
.fl-bigmug-line-square156:before {
content: "\e0ad";
}
.fl-bigmug-line-square160:before {
content: "\e0ae";
}
.fl-bigmug-line-store10:before {
content: "\e0af";
}
.fl-bigmug-line-sun81:before {
content: "\e0b0";
}
.fl-bigmug-line-sunrise3:before {
content: "\e0b1";
}
.fl-bigmug-line-switch23:before {
content: "\e0b2";
}
.fl-bigmug-line-switch24:before {
content: "\e0b3";
}
.fl-bigmug-line-tag47:before {
content: "\e0b4";
}
.fl-bigmug-line-television20:before {
content: "\e0b5";
}
.fl-bigmug-line-text108:before {
content: "\e0b6";
}
.fl-bigmug-line-text109:before {
content: "\e0b7";
}
.fl-bigmug-line-three142:before {
content: "\e0b8";
}
.fl-bigmug-line-timer35:before {
content: "\e0b9";
}
.fl-bigmug-line-tool16:before {
content: "\e0ba";
}
.fl-bigmug-line-triangle33:before {
content: "\e0bb";
}
.fl-bigmug-line-trophy55:before {
content: "\e0bc";
}
.fl-bigmug-line-two311:before {
content: "\e0bd";
}
.fl-bigmug-line-two316:before {
content: "\e0be";
}
.fl-bigmug-line-two317:before {
content: "\e0bf";
}
.fl-bigmug-line-two319:before {
content: "\e0c0";
}
.fl-bigmug-line-two323:before {
content: "\e0c1";
}
.fl-bigmug-line-unlocked27:before {
content: "\e0c2";
}
.fl-bigmug-line-up100:before {
content: "\e0c3";
}
.fl-bigmug-line-up102:before {
content: "\e0c4";
}
.fl-bigmug-line-up103:before {
content: "\e0c5";
}
.fl-bigmug-line-up104:before {
content: "\e0c6";
}
.fl-bigmug-line-up107:before {
content: "\e0c7";
}
.fl-bigmug-line-up111:before {
content: "\e0c8";
}
.fl-bigmug-line-up112:before {
content: "\e0c9";
}
.fl-bigmug-line-up114:before {
content: "\e0ca";
}
.fl-bigmug-line-up98:before {
content: "\e0cb";
}
.fl-bigmug-line-up99:before {
content: "\e0cc";
}
.fl-bigmug-line-upload91:before {
content: "\e0cd";
}
.fl-bigmug-line-upload92:before {
content: "\e0ce";
}
.fl-bigmug-line-upper8:before {
content: "\e0cf";
}
.fl-bigmug-line-user143:before {
content: "\e0d0";
}
.fl-bigmug-line-user144:before {
content: "\e0d1";
}
.fl-bigmug-line-video163:before {
content: "\e0d2";
}
.fl-bigmug-line-wallet26:before {
content: "\e0d3";
}
.fl-bigmug-line-weather21:before {
content: "\e0d4";
}
.fl-bigmug-line-weekly14:before {
content: "\e0d5";
}
.fl-bigmug-line-weekly15:before {
content: "\e0d6";
}
.fl-bigmug-line-wind24:before {
content: "\e0d7";
}
.fl-bigmug-line-window50:before {
content: "\e0d8";
}
.fl-bigmug-line-winds4:before {
content: "\e0d9";
}
.fl-bigmug-line-wrench66:before {
content: "\e0da";
}
.fl-bigmug-line-zoom60:before {
content: "\e0db";
}
@@ -0,0 +1,13 @@
/*================== GOOGLE MAP ======================*/
.map_model {
height: 490px; }
.map_model img {
max-width: none !important; }
@media (max-width: 767px) {
.map_model {
height: 250px; } }
@media (max-width: 479px) {
.map_model {
height: 200px; } }
.map_locations {
display: none; }
+354
View File
@@ -0,0 +1,354 @@
/*==========================================================
NORMALIZE
==========================================================*/
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: top; }
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; }
button,
input[type='button'] {
background: none;
border: none;
display: inline-block;
margin: 0;
padding: 0;
outline: none;
outline-offset: 0;
overflow: visible;
cursor: pointer;
-webkit-appearance: none; }
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner {
border: none;
padding: 0; }
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/*=============== Fluid grid ====================*/
.container-fluid [class*="grid_"] {
float: left;
width: 8.33333%;
min-height: 1px; }
.container-fluid .grid_1 {
width: 8.33333%; }
.container-fluid .grid_2 {
width: 16.66667%; }
.container-fluid .grid_3 {
width: 25%; }
.container-fluid .grid_4 {
width: 33.33333%; }
.container-fluid .grid_5 {
width: 41.66667%; }
.container-fluid .grid_6 {
width: 50%; }
.container-fluid .grid_7 {
width: 58.33333%; }
.container-fluid .grid_8 {
width: 66.66667%; }
.container-fluid .grid_9 {
width: 75%; }
.container-fluid .grid_10 {
width: 83.33333%; }
.container-fluid .grid_11 {
width: 91.66667%; }
.container-fluid .grid_12 {
width: 100%; }
.container-fluid .preffix_1 {
margin-left: 70px; }
.container-fluid .preffix_2 {
margin-left: 140px; }
.container-fluid .preffix_3 {
margin-left: 210px; }
.container-fluid .preffix_4 {
margin-left: 280px; }
.container-fluid .preffix_5 {
margin-left: 350px; }
.container-fluid .preffix_6 {
margin-left: 420px; }
.container-fluid .preffix_7 {
margin-left: 490px; }
.container-fluid .preffix_8 {
margin-left: 560px; }
.container-fluid .preffix_9 {
margin-left: 630px; }
.container-fluid .preffix_10 {
margin-left: 700px; }
.container-fluid .preffix_11 {
margin-left: 770px; }
.container-fluid .preffix_12 {
margin-left: 840px; }
.container, .container-fluid {
width: 1170px; }
.container .row {
margin-left: -30px; }
.container [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 30px; }
.container .grid_1 {
width: 70px; }
.container .grid_2 {
width: 170px; }
.container .grid_3 {
width: 270px; }
.container .grid_4 {
width: 370px; }
.container .grid_5 {
width: 470px; }
.container .grid_6 {
width: 570px; }
.container .grid_7 {
width: 670px; }
.container .grid_8 {
width: 770px; }
.container .grid_9 {
width: 870px; }
.container .grid_10 {
width: 970px; }
.container .grid_11 {
width: 1070px; }
.container .grid_12 {
width: 1170px; }
.container .preffix_1 {
margin-left: 130px; }
.container .preffix_2 {
margin-left: 230px; }
.container .preffix_3 {
margin-left: 330px; }
.container .preffix_4 {
margin-left: 430px; }
.container .preffix_5 {
margin-left: 530px; }
.container .preffix_6 {
margin-left: 630px; }
.container .preffix_7 {
margin-left: 730px; }
.container .preffix_8 {
margin-left: 830px; }
.container .preffix_9 {
margin-left: 930px; }
.container .preffix_10 {
margin-left: 1030px; }
.container .preffix_11 {
margin-left: 1130px; }
.container .preffix_12 {
margin-left: 1230px; }
@media (min-width: 980px) and (max-width: 1199px) {
.container, .container-fluid {
width: 940px; }
.container .row {
margin-left: -20px; }
.container [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px; }
.container .grid_1 {
width: 60px; }
.container .grid_2 {
width: 140px; }
.container .grid_3 {
width: 220px; }
.container .grid_4 {
width: 300px; }
.container .grid_5 {
width: 380px; }
.container .grid_6 {
width: 460px; }
.container .grid_7 {
width: 540px; }
.container .grid_8 {
width: 620px; }
.container .grid_9 {
width: 700px; }
.container .grid_10 {
width: 780px; }
.container .grid_11 {
width: 860px; }
.container .grid_12 {
width: 940px; }
.container .preffix_1 {
margin-left: 100px; }
.container .preffix_2 {
margin-left: 180px; }
.container .preffix_3 {
margin-left: 260px; }
.container .preffix_4 {
margin-left: 340px; }
.container .preffix_5 {
margin-left: 420px; }
.container .preffix_6 {
margin-left: 500px; }
.container .preffix_7 {
margin-left: 580px; }
.container .preffix_8 {
margin-left: 660px; }
.container .preffix_9 {
margin-left: 740px; }
.container .preffix_10 {
margin-left: 820px; }
.container .preffix_11 {
margin-left: 900px; }
.container .preffix_12 {
margin-left: 980px; } }
@media (min-width: 768px) and (max-width: 979px) {
.container, .container-fluid {
width: 748px; }
.container .row {
margin-left: -20px; }
.container [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px; }
.container .grid_1 {
width: 44px; }
.container .grid_2 {
width: 108px; }
.container .grid_3 {
width: 172px; }
.container .grid_4 {
width: 236px; }
.container .grid_5 {
width: 300px; }
.container .grid_6 {
width: 364px; }
.container .grid_7 {
width: 428px; }
.container .grid_8 {
width: 492px; }
.container .grid_9 {
width: 556px; }
.container .grid_10 {
width: 620px; }
.container .grid_11 {
width: 684px; }
.container .grid_12 {
width: 748px; }
.container .preffix_1 {
margin-left: 84px; }
.container .preffix_2 {
margin-left: 148px; }
.container .preffix_3 {
margin-left: 212px; }
.container .preffix_4 {
margin-left: 276px; }
.container .preffix_5 {
margin-left: 340px; }
.container .preffix_6 {
margin-left: 404px; }
.container .preffix_7 {
margin-left: 468px; }
.container .preffix_8 {
margin-left: 532px; }
.container .preffix_9 {
margin-left: 596px; }
.container .preffix_10 {
margin-left: 660px; }
.container .preffix_11 {
margin-left: 724px; }
.container .preffix_12 {
margin-left: 788px; } }
@media (max-width: 767px) {
.container, .container-fluid {
width: 420px;
padding: 0; }
.container .row {
margin-left: 0; }
.row + .row,
[class*="grid_"] + [class*="grid_"] {
margin-top: 30px; }
.container [class*="grid_"], .container-fluid [class*="grid_"] {
float: none;
display: block;
width: 100%;
margin-left: 0; } }
@media (max-width: 479px) {
body {
padding: 0; }
.container, .container-fluid {
width: 300px;
padding: 0 15px; }
.row {
margin-left: 0; } }
.container:before, .container-fluid:before, .row:before, .container:after, .container-fluid:after, .row:after {
display: table;
content: "";
line-height: 0; }
.container:after, .container-fluid:after, .row:after {
clear: both; }
+274
View File
@@ -0,0 +1,274 @@
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../images/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('../images/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
+974
View File
@@ -0,0 +1,974 @@
@charset "UTF-8";
@import url(animate.css);
@import url(//fonts.googleapis.com/css?family=Quattrocento:400,700|Raleway:400,700,800);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
/*========================================================
Main Styles
=========================================================*/
body {
background: #fff;
color: #3f4853;
font: 400 18px/36px "Quattrocento", serif;
-webkit-text-size-adjust: none;
text-align: center; }
img {
max-width: 100%;
height: auto; }
h1 {
font-family: 'Raleway', sans-serif;
font-size: 30px;
line-height: 40px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px; }
h2 {
font-family: 'Raleway', sans-serif;
font-size: 42px;
line-height: 50px;
font-weight: 700;
text-transform: uppercase;
position: relative;
color: #fff;
letter-spacing: 1px; }
h2:after {
content: '';
display: block;
margin: 10px auto 0;
width: 170px;
height: 1px;
background: #fff; }
@media (max-width: 767px) {
h2 {
font-size: 35px; } }
h3 {
font-family: 'Raleway', sans-serif;
font-size: 18px;
line-height: 30px;
font-weight: 700;
text-transform: uppercase;
position: relative;
color: #343434;
letter-spacing: .7px; }
h3:after {
content: '';
display: block;
margin: 25px auto 0;
width: 170px;
height: 1px;
background: #5d5d5d; }
h4 {
font-family: 'Raleway', sans-serif;
font-size: 24px;
line-height: 34px;
font-weight: 700;
letter-spacing: 1px;
color: #c2410c; }
h5 {
font-family: 'Raleway', sans-serif;
font-size: 24px;
line-height: 34px;
font-weight: 700;
letter-spacing: 1px; }
h6 {
color: #c2410c; }
h2 a:hover, h3 a:hover, h5 a:hover {
color: #c2410c; }
h4 a:hover, h6 a:hover {
color: #3f4853; }
p a:hover, .marked-list a:hover, .inline-list a:hover {
text-decoration: underline; }
p .fa, .marked-list .fa, .inline-list .fa {
text-decoration: none; }
time {
display: block; }
a {
font: inherit;
color: inherit;
text-decoration: none;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s; }
a:focus {
outline: none; }
a:active {
background-color: transparent; }
a[href^="tel:"],
a[href^="callto:"] {
color: inherit;
text-decoration: none; }
strong {
font-weight: 700; }
.fa {
line-height: inherit; }
[class*='fa-']:before {
font-weight: 400;
font-family: "FontAwesome"; }
.page {
overflow: hidden;
min-height: 500px; }
.lt-ie9 .page {
min-width: 1200px; }
/*=======================================================
Main Layout
=========================================================*/
h2 + * {
margin-top: 20px; }
* + h4 {
margin-top: 20px; }
h4 + * {
margin-top: 13px; }
* + h5 {
margin-top: 30px; }
h5 + * {
margin-top: 10px; }
* + .btn, * + .btn2 {
margin-top: 45px; }
* + h6 {
margin-top: 10px; }
.row + .row {
margin-top: 25px; }
h3 + * {
margin-top: 50px; }
/*=======================================================
Components
=========================================================*/
/*================== Brand ======================*/
.brand {
display: inline-block; }
.brand_name {
overflow: hidden; }
/*================== Backgrounds ======================*/
.bg1 {
background: no-repeat url(../images/bg1.jpg) 0 0;
background-size: cover; }
.bg2 {
background: no-repeat url(../images/bg2.jpg) 0 0;
background-size: cover; }
.bg3 {
background: #c2410c;
color: #fff;
position: relative;
overflow: hidden; }
.bg3 h2, .bg3 h3, .bg3 h4, .bg3 h5, .bg3 h6 {
color: #fff; }
.bg3 h2:after, .bg3 h3:after, .bg3 h4:after, .bg3 h5:after, .bg3 h6:after {
background: #fff; }
.bg3 h2 a:hover, .bg3 h3 a:hover, .bg3 h4 a:hover, .bg3 h5 a:hover, .bg3 h6 a:hover {
color: #3f4853; }
.bg3 .container {
position: relative; }
.bg-img1 {
display: none; }
@media (min-width: 1540px) {
.bg-img1 {
display: block;
position: absolute;
right: 50%;
margin-right: 360px;
top: 0;
height: 100%; } }
.bg-img2 {
display: none; }
@media (min-width: 1540px) {
.bg-img2 {
display: block;
position: absolute;
right: 50%;
margin-right: 5px;
top: 0;
height: 100%; } }
/*================== Icons ======================*/
.fl-bigmug-line {
font-size: 90px;
line-height: 100px;
color: #c2410c; }
/*================== Buttons ======================*/
.btn, .btn2 {
display: inline-block;
border: 1px solid #c2410c;
font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 30px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .7px;
border-radius: 3px;
padding: 8px 40px;
color: #c2410c;
text-align: center; }
.btn:hover, .btn2:hover {
background: #c2410c;
color: #fff; }
.btn:active, .btn2:active {
background: #c55f02; }
.btn2 {
border-color: #fff;
color: #fff; }
.btn2:hover {
background: #fff;
color: #c2410c; }
.btn2:active {
background: #e6e6e6; }
/*================== Box ======================*/
.box {
border: 1px solid #a2a2a2;
padding: 27px 20px 35px;
font-weight: 700;
line-height: 30px; }
.box2 {
position: relative; }
.box2:before, .box2:after {
display: table;
content: "";
line-height: 0; }
.box2:after {
clear: both; }
.box2_over {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center; }
.box2_over time {
font-size: 120px;
line-height: 110px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
color: rgba(255, 255, 255, 0.25);
padding-bottom: 20px; }
@media (max-width: 1500px) and (min-width: 980px) {
.box2_over time {
font-size: 75px;
line-height: 70px; } }
.box2_aside {
float: left;
margin-right: 30px; }
@media (max-width: 979px) {
.box2_aside {
float: none;
margin-bottom: 30px;
margin-right: 0; } }
.box2_cnt__no-flow {
overflow: hidden;
text-align: left; }
.box3 {
padding: 0 5%; }
/*================== Lists ======================*/
.inline-list {
text-transform: uppercase; }
* + .inline-list {
margin-top: 60px; }
.inline-list li {
display: inline-block;
margin: 0 20px; }
.marked-list li {
position: relative;
padding-left: 30px; }
.marked-list li:before {
content: '';
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
background: #fff;
position: absolute;
top: 13px;
left: 0; }
.marked-list li + li {
margin-top: 12px; }
.marked-list1 li {
position: relative; }
.marked-list1 li:before {
content: '';
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
background: #fff;
vertical-align: top;
margin-top: 13px;
margin-right: 20px; }
.marked-list1 li + li {
margin-top: 12px; }
* + .marked-list1 {
margin-top: 20px; }
.index-list {
counter-reset: li; }
.index-list li {
position: relative; }
.index-list li:before {
content: counter(li,decimal-leading-zero);
counter-increment: li;
display: inline-block;
width: 108px;
height: 108px;
border-radius: 50%;
background: #c2410c;
border: 1px solid #fff;
color: #fff;
font-size: 48px;
line-height: 108px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
text-align: center;
margin-bottom: 30px; }
.list {
text-align: left; }
.list li + li {
margin-top: 10px; }
.list .title {
position: relative;
overflow: hidden;
padding-right: 70px; }
.list .title:before, .list .title:after {
display: table;
content: "";
line-height: 0; }
.list .title:after {
clear: both; }
.list .title_right {
position: absolute;
bottom: 0;
right: 0;
background: #fff; }
.list .title_no-flow {
overflow: hidden;
background: #fff; }
.list .title_text {
background: #fff; }
.list .title .dots {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
z-index: -1; }
/*======================== Menu ==========================*/
.sf-menu {
display: inline-block;
text-align: left; }
.sf-menu:before, .sf-menu:after {
display: table;
content: "";
line-height: 0; }
.sf-menu:after {
clear: both; }
.sf-menu > li {
position: relative;
float: left; }
.sf-menu > li + li {
margin-left: 50px; }
@media (max-width: 979px) and (min-width: 768px) {
.sf-menu > li + li {
margin-left: 25px; } }
.sf-menu a {
display: block;
font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 24px;
color: #fff; }
.sf-menu > li > a {
color: #FFF;
letter-spacing: .4px; }
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.active > a {
color: #fec795; }
.sf-menu ul {
display: none;
position: absolute;
top: 100%;
width: 150px;
margin-top: 15px;
margin-left: -20px;
padding: 13px 15px 20px;
background: #c2410c;
z-index: 2;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.sf-menu ul > li + li {
margin-top: 12px; }
.sf-menu ul > li > a {
color: #FFF; }
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
color: #3f4853; }
.sf-menu ul ul {
position: absolute;
top: -15px;
left: 100%;
width: 150px;
margin-left: 10px;
padding: 13px 15px 20px;
z-index: 4; }
.sf-menu ul ul > li > a {
color: #FFF; }
.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {
color: #3f4853; }
.sf-menu > li > .sf-with-ul {
position: relative; }
.sf-menu > li > .sf-with-ul:before {
position: absolute;
left: 50%;
top: 75%;
margin-left: -6px;
content: "";
font: 400 12px/12px "FontAwesome"; }
@media (max-width: 767px) {
.sf-menu {
display: none; } }
/*================== RD Mobile Menu =====================*/
.rd-mobilemenu {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 9999999;
text-align: left;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.rd-mobilemenu.active {
right: 0; }
.rd-mobilemenu_ul {
position: fixed;
top: -56px;
left: 0;
bottom: -56px;
width: 240px;
padding: 132px 0 76px;
color: #666;
background: #FFF;
font-size: 14px;
line-height: 20px;
overflow: auto;
-webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
-moz-transform: translateX(-240px);
-ms-transform: translateX(-240px);
-o-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
transform: translateX(-240px);
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
.rd-mobilemenu.active .rd-mobilemenu_ul {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0); }
.rd-mobilemenu_ul a {
display: block;
padding: 14px 25px 16px; }
.rd-mobilemenu_ul a.active {
background: #f5f5f5;
color: #2d2d2d; }
.rd-mobilemenu_ul a:hover {
background: #c2410c;
color: #FFF; }
.rd-mobilemenu_ul a .rd-submenu-toggle {
position: absolute;
top: 50%;
right: 11px;
margin-top: -17.5px;
width: 32px;
height: 32px;
font: 400 10px "FontAwesome";
line-height: 32px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
z-index: 1;
background: rgba(0, 0, 0, 0.1); }
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
content: '\f078'; }
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
background: #FFF;
color: #666; }
.rd-mobilemenu_ul a.rd-with-ul {
position: relative; }
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.rd-mobilemenu_ul ul a {
padding-left: 40px; }
.rd-mobilemenu_ul ul ul a {
padding-left: 60px; }
.rd-mobilemenu_ul:after {
content: '';
display: block;
height: 20px; }
.rd-mobilepanel {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 56px;
background: #FFF;
color: #000;
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
z-index: 99999991; }
.rd-mobilepanel_title {
position: fixed;
top: 4px;
left: 56px;
right: 56px;
color: #000;
font-size: 24px;
line-height: 48px;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left; }
.rd-mobilepanel_title:after, .rd-mobilepanel_title:before {
display: none; }
.rd-mobilepanel_toggle {
position: fixed;
top: 4px;
left: 8px;
width: 48px;
height: 48px; }
.rd-mobilepanel_toggle span {
position: relative;
display: block;
margin: auto;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
content: "";
position: absolute;
left: 0;
top: -8px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.rd-mobilepanel_toggle span:after {
top: 8px; }
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
width: 24px;
height: 4px;
background-color: #000;
backface-visibility: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.rd-mobilepanel_toggle span {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
-moz-transform-origin: 1.71429px center;
-ms-transform-origin: 1.71429px center;
-o-transform-origin: 1.71429px center;
-webkit-transform-origin: 1.71429px center;
transform-origin: 1.71429px center;
-moz-transform-origin: 1.71429px center;
-ms-transform-origin: 1.71429px center;
-o-transform-origin: 1.71429px center;
-webkit-transform-origin: 1.71429px center;
transform-origin: 1.71429px center; }
.rd-mobilepanel_toggle.active span {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
top: 0;
width: 15px; }
.rd-mobilepanel_toggle.active span:before {
-webkit-transform: rotate3d(0, 0, 1, -40deg);
transform: rotate3d(0, 0, 1, -40deg); }
.rd-mobilepanel_toggle.active span:after {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg); }
@media (max-width: 767px) {
body {
padding-top: 56px; }
.rd-mobilemenu, .rd-mobilepanel {
display: block; } }
@media (max-width: 359px) {
.rd-mobilepanel_title {
font-size: 18px; } }
/*================== Stuck menu ======================*/
.isStuck {
background: rgba(248, 119, 2, 0.9);
border-bottom: 1px solid #fff;
z-index: 999;
padding-top: 20px;
padding-bottom: 10px; }
@media only screen and (max-width: 979px) {
.isStuck {
display: none !important; } }
/*================== ToTop ======================*/
.toTop {
width: 50px;
height: 50px;
font-size: 24px;
line-height: 46px;
color: #fff;
background: #3f4853;
border-radius: 50%;
-webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
position: fixed;
right: 40px;
bottom: 40px;
display: none;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20; }
.toTop:hover {
color: #fff;
background: #c2410c;
text-decoration: none; }
.mobile .toTop,
.tablet .toTop {
display: none !important; }
/*================== RD Parallax ======================*/
.parallax {
position: relative;
overflow: hidden; }
.parallax_image, .parallax_pattern {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-position: center center;
will-change: transform; }
.parallax_image {
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover; }
.parallax_pattern {
background-repeat: repeat; }
.parallax_cnt {
position: relative;
color: #fff; }
.parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {
color: #fff; }
.parallax h2:after, .parallax h3:after, .parallax h4:after, .parallax h5:after, .parallax h6:after {
background: #fff; }
.parallax h2 a:hover, .parallax h3 a:hover, .parallax h4 a:hover, .parallax h5 a:hover, .parallax h6 a:hover {
color: #c2410c; }
.parallax_1 {
padding-top: 115px;
padding-bottom: 80px; }
.parallax_2 {
padding-top: 115px;
padding-bottom: 110px; }
/*================== Thumbnail ======================*/
.thumb {
display: block;
position: relative;
overflow: hidden; }
.thumb img {
width: 100%;
height: auto;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.thumb_overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
color: #fff;
background: transparent; }
.thumb_overlay:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
font: 400 30px "FontAwesome";
line-height: 30px;
margin-top: -15px;
text-align: center; }
.lt-ie9 .thumb_overlay:before {
display: none; }
.thumb:hover .thumb_overlay {
opacity: 1;
background: rgba(0, 0, 0, 0.5); }
.lt-ie9 .thumb:hover .thumb_overlay {
background: none;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
zoom: 1; }
.lt-ie9 .thumb:hover .thumb_overlay:before {
display: block; }
/*========================================================
HEADER Section
=========================================================*/
header {
padding-top: 25px;
padding-bottom: 27px; }
header .brand {
float: left; }
header .nav {
float: right;
margin-top: 13px; }
@media (max-width: 767px) {
header {
text-align: center; }
header .brand, header .nav {
float: none; } }
.top-section {
padding-top: 170px;
padding-bottom: 195px;
color: #fff; }
.top-section h2 {
color: #fff; }
/*========================================================
CONTENT Section
=========================================================*/
main {
display: block; }
.text1 {
font-weight: 700;
line-height: 30px; }
.primary {
color: #c2410c; }
.circle {
display: inline-block;
border-radius: 50%; }
.full:before, .full:after {
display: table;
content: "";
line-height: 0; }
.full:after {
clear: both; }
@media (max-width: 767px) {
.full {
width: 420px;
margin-right: auto;
margin-left: auto; } }
@media (max-width: 479px) {
.full {
width: 300px;
padding: 0 15px; } }
.full-item {
width: 20%;
float: left; }
@media (min-width: 980px) {
.full-item .box {
border-left: 0; }
.full-item:last-child .box {
border-right: 0; } }
@media (max-width: 979px) and (min-width: 768px) {
.full-item {
width: 50%; }
.full-item:nth-child(2n) .box {
border-right: 0;
border-left: 0; }
.full-item:nth-child(n+3) .box {
border-top: 0; } }
@media (max-width: 767px) {
.full-item {
width: 100%; }
.full-item + .full-item {
margin-top: 30px; } }
.mt1, .row.mt1 {
margin-top: 50px; }
.mt2 {
margin-top: 100px; }
.mt3, .row.mt3 {
margin-top: 60px; }
.mt4 {
margin-top: 20px; }
.addr {
font-size: 18px;
line-height: 30px; }
.addr .fa {
font-size: 48px;
line-height: 53px; }
.addr .fa + * {
margin-top: 30px; }
.addr .fa-mobile {
font-size: 60px; }
.centered {
height: 100%;
display: inline-block; }
.center-wrap {
display: inline-block;
vertical-align: middle; }
.helper {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0px; }
.quote img + * {
margin-top: 15px; }
.quote * + h5 {
margin-top: 10px; }
.tl {
text-align: left; }
.terms {
padding-top: 115px;
padding-bottom: 80px; }
.terms p + h5 {
margin-top: 40px; }
.policy-link {
margin-top: 35px; }
/*================== Well ======================*/
.well1 {
padding-top: 130px;
padding-bottom: 140px; }
.well2 {
padding-top: 120px; }
@media (max-width: 979px) {
.well2 {
padding-top: 80px; } }
.well3 {
padding-top: 120px;
padding-bottom: 80px; }
.well4 {
padding-top: 118px;
padding-bottom: 125px; }
.well5 {
padding-top: 115px;
padding-bottom: 110px; }
.well6 {
padding-top: 125px;
padding-bottom: 135px; }
@media (max-width: 979px) {
.well1, .well3, .well4, .well5, .well6 {
padding-top: 80px;
padding-bottom: 80px; } }
/*========================================================
FOOTER Styles
=========================================================*/
footer {
padding-top: 80px;
padding-bottom: 40px;
color: #fff; }
* + footer .copy {
margin-top: 35px; }
footer .copy span, footer .copy a {
white-space: nowrap; }