CSS

[css]
@font-face {
font-family: ‘Oxygen’;
src: url(‘fonts/Oxygen-webfont.eot’);
src: url(‘fonts/Oxygen-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/Oxygen-webfont.woff’) format(‘woff’),
url(‘fonts/Oxygen-webfont.ttf’) format(‘truetype’),
url(‘fonts/Oxygen-webfont.svg#OxygenRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}@font-face {
font-family: ‘Oxygen’;
src: url(‘fonts/Oxygen-Italic-webfont.eot’);
src: url(‘fonts/Oxygen-Italic-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/Oxygen-Italic-webfont.woff’) format(‘woff’),
url(‘fonts/Oxygen-Italic-webfont.ttf’) format(‘truetype’),
url(‘fonts/Oxygen-Italic-webfont.svg#OxygenItalic’) format(‘svg’);
font-weight: normal;
font-style: italic;
}@font-face {
font-family: ‘Oxygen’;
src: url(‘fonts/Oxygen-Bold-webfont.eot’);
src: url(‘fonts/Oxygen-Bold-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/Oxygen-Bold-webfont.woff’) format(‘woff’),
url(‘fonts/Oxygen-Bold-webfont.ttf’) format(‘truetype’),
url(‘fonts/Oxygen-Bold-webfont.svg#OxygenBold’) format(‘svg’);
font-weight: normal;
font-style: bold;
}@font-face {
font-family: ‘Oxygen’;
src: url(‘Oxygen-BoldItalic-webfont.eot’);
src: url(‘Oxygen-BoldItalic-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘Oxygen-BoldItalic-webfont.woff’) format(‘woff’),
url(‘Oxygen-BoldItalic-webfont.ttf’) format(‘truetype’),
url(‘Oxygen-BoldItalic-webfont.svg#OxygenBoldItalic’) format(‘svg’);
font-weight: bold;
font-style: italic;
}@font-face {
font-family: ‘YanoneKaffeesatzRegular’;
src: url(‘fonts/yanonekaffeesatz-regular-webfont.eot’);
src: url(‘fonts/yanonekaffeesatz-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/yanonekaffeesatz-regular-webfont.woff’) format(‘woff’),
url(‘fonts/yanonekaffeesatz-regular-webfont.ttf’) format(‘truetype’),
url(‘fonts/yanonekaffeesatz-regular-webfont.svg#YanoneKaffeesatzRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}@font-face {
font-family: ‘YanoneKaffeesatzLight’;
src: url(‘fonts/yanonekaffeesatz-light-webfont.eot’);
src: url(‘fonts/yanonekaffeesatz-light-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/yanonekaffeesatz-light-webfont.woff’) format(‘woff’),
url(‘fonts/yanonekaffeesatz-light-webfont.ttf’) format(‘truetype’),
url(‘fonts/yanonekaffeesatz-light-webfont.svg#YanoneKaffeesatzLight’) format(‘svg’);
font-weight: normal;
font-style: normal;
}body {
font-family: ‘Fanwood Text’,serif;
background-color: #f4f4f4;
}h1, h1 a {
color: #000000;
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 40px;
font-weight: lighter;
margin: 10px auto;
}h2 {
font-family: ‘Alegreya Sans SC’,sans-serif;
color: #2f2f2f;
font-size: 32px;
}h3 {
font-family: ‘Alegreya Sans SC’,sans-serif;
color: #2f2f2f;
font-size: 22px;
}p {
color: #141414;
font-family: ‘Fanwood Text’,serif;
font-size: 20px;
line-height: 1.8;
margin: 0 0 16px;
}a{
color: #141414;
}a:hover, a:focus{
color: #141414;
}button, .button {
background-color: #836C4E;
border-style: none;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 1em;
font-weight: lighter;
line-height: 1;
margin: 0 0 1.25em;
padding: 0.75em 1.5em 0.8125em;
position: relative;
text-align: center;
text-decoration: none;
border-radius: 3px;
}button:hover, .button:hover {
background: none repeat scroll 0 0 #3E382E;
}.page-wrapper ul li {
color: #141414;
font-family: ‘Fanwood Text’,serif;
list-style-type: disc;
margin: 0 0 0 25px;
}.logo {
margin: -5px -44 0;
}.header-company-title {
margin: 10px 0 0;
}.header-company-title a {
color: #E5E5E5;
font-family: ‘Fanwood Text’,serif;
margin: 10px 0 0;
}.header-serviceorder {
margin: 0 0 12px;
color:#E5E5E5;
font-weight: lighter;
}.breadcrumbs-wrapper {
clear: both;
background: url(images/breadcrumb-wrapper.jpg);
height: 32px;
}.content-body{
background:#ffffff;
}.bg-wrapper {
position: absolute;
width: 100%;
z-index: -10;
top: 0;
}.bg-wrapper img {
position: fixed;
}.main-container {
background: none repeat scroll 0 0 #FFFFFF;
padding: 20px 0;
}.page-title-primary {
background: none repeat scroll 0 0 #F1EDE1;
float: left;
margin: 0;
padding: 20px 0;
position: relative;
width: 100%;
}.page-title-primary .page-wrapper > h1 {
background: url(“%THEME%/images/title-effect.png”) no-repeat scroll 0 50px rgba(0, 0, 0, 0);
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 40px;
font-weight: lighter;
margin-bot: 20px;
padding: 10px 0 22px 10px;

}.page-title-secondary {
background: none repeat scroll 0 0 #836c4e;
float: left;
margin: 0;
padding: 20px 0;
position: relative;
width: 100%;
z-index:2;
}.page-title-secondary .page-wrapper > h1 {
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 40px;
font-weight: lighter;
padding: 18px 0 18px 10px;
color: #000000;
text-align: center;
}.page-title-secondary .page-wrapper > span {
color: #000000;
display: block;
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 32px;
font-weight: bold;
margin: 10px 0;
padding: 18px 0 18px 10px;
text-align: center;
}.top-content-container {
background: url(“%THEME%/images/top-content-bg.png”) repeat scroll 0 0 rgba(0, 0, 0, 0);
padding: 40px 0 24px;
}.top-content-container h1 {
color: #F1EDE1;
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 32px;
}.top-content-container .page-wrapper p {
color: #F1EDE1;
}.row.custom-section {
max-width: 100%;
}.row.custom-section.contact-section {
background: #FFFFFF;
}.custom-section > .column, .custom-section > .columns {
padding: 0;
}.custom-section .large-6 div {
padding: 0 15px;
}.custom-section .custom-section-title {
background: none repeat scroll 0 0 #836C4E;
margin: 0 0 15px 0;
}.custom-section .custom-section-title > h1 {
padding: 28px 0;
width: 50%;
float: right;
}.contact-section .custom-section-title {
background: none repeat scroll 0 0 #251F19;
}.contact-section .custom-section-title > h1 {
color: #D0B39B;
}.contact-section .contactForm .custom-section-title {
background: none repeat scroll 0 0 #000000;
}.contact-section .contactForm .custom-section-title > h1 {
color: #D0B39B;
}.contact-banner-bottom-left {
background: none repeat scroll 0 0 #836C4E;
bottom: 0;
left: 0;
position: absolute;
}.contact-social-icons {
background: none repeat scroll 0 0 #836C4E;
bottom: 0;
float: left;
position: absolute;
width: 50%;
}ul.social-icons {
float: right;
margin: 0;
width: 50%;
}ul.social-icons li {
float: left;
list-style-type: none;
margin: 28px 0;
}.section-banner-left .custom-section-title > h1, .section-banner-right .custom-section-title > h1 {
margin: 0;
padding: 38px 10px;
text-align: center;
}.section-banner-right .custom-section-title > h1{
text-align: center;
float: left;
}.section-banner-right .custom-section-content {
float:left;
}.section-banner-left .custom-section-content {
float:right;
}.section-banner-left {
background: #FFF;
left: 0;
top: 0;
width: 50%;
}.section-banner-left .custom-section-title:after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #836C4E;
border-style: solid;
border-width: 60px 0 60px 70px;
content: “”;
height: 0;
position: absolute;
right: -70px;
top: 0;
width: 0;
}.section-banner-right {
background: #FFF;
width: 50%;
}.section-banner-right .custom-section-title:after {
border-color: rgba(0, 0, 0, 0) #836C4E rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 60px 70px 60px 0;
content: “”;
height: 0;
left: -70px;
position: absolute;
top: 0;
width: 0;
}.contact-section .section-banner-left .custom-section-title:after {
display: none;
}.contact-section .section-banner-right .custom-section-title:after {
display: none;
}.contact-information {
background: url(“%THEME%/images/contact-info-bg.png”) repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
padding: 15px 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2;
}.service-image > img {
min-height:700px;
left: 0;
position: absolute;
top: 0;
z-index: -1;
}.inner-section {
padding: 15px;
width: 500px;
}.inner-section > h1 {
color: #000000;
font-weight: lighter;
margin: 20px 0 50px;
text-align:center;
}.gallery-image-background {
background: url(“%THEME%/images/gallery-image-background.jpg”) repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
}.gallery-image-background > img:hover {
opacity: 0.5;
}.gallery-container {
margin: 0 auto;
width: 1000px;
}.gallery-container h3 {
font-weight: lighter;
}.midbar-container {
background: url(“%THEME%/images/midbar-bg.png”) repeat scroll center top rgba(0, 0, 0, 0);
float: left;
position: relative;
width: 100%;
margin: 0 0 40px 0;
}.navigation-container {
background: url(“%THEME%/images/header-bg.png”) repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
position: relative;
width: 100%;
margin: 0 0 270px 0;
}.breadcrumbs {
width: 1000px;
padding: 9px 0px 0px 0px;
border:none;
background: none;
}.breadcrumbs span.title a {
background: url(images/breadcrumb-title-background.png) no-repeat;
background-position: 0 1px;
padding-left: 15px;
font-size: 11px;
font-family: Oxygen;
font-weight: normal;
text-decoration: none;
color: #fff;
}.breadcrumbs-left {
float: left;
width: 600px;
}.breadcrumbs-right {
float: right;
text-align: right;
width: 380px;
padding-top: 4px;
}.header-contact-wrapper {
margin: 0 auto;
width: 1000px;
padding-top: 10px;
text-align: right;
clear: both;
}#searchform{
padding: 0px;
margin: 0px;
}input#keyword {
font-family: Oxygen;
background: #f4f4f4 url(images/search.png) no-repeat 5px 3px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
line-height: 1.2em;
padding: 5px 10px 2px 28px;
border: 0px;
float: right;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
width: 72px;
height: 17px;
background-color: #f9f9f9;
}
#keyword:focus {
background-color: #f9f9f9;
width: 200px;
}input#searchsubmit {
display: none;
}/* Assistive text */
.assistive-text {
position: absolute !important;
z-index: 100;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}#access a.assistive-text:active,
#access a.assistive-text:focus {
background: #eee;
border-bottom: 1px solid #ddd;
color: #1eb9ea;
clip: auto !important;
font-size: 12px;
position: absolute;
text-decoration: underline;
top: 0;
left: 7.6%;
}.header-contact-wrapper .header-company-title a {
font-family: Oxygen;
font-weight: normal;
text-decoration: none;
font-size: 50px;
color: #373737;
text-decoration: none;
float: left;
width: 100%;
text-align: left;
margin: 30px 0 5px 0;
text-shadow: 1px 1px 3px #666;
}span.contact-title {
font-family: ‘Fanwood Text’,serif;
color: #000000;
font-size: 22px;
font-weight: normal;
line-height: 1.5;
}span.contact-info {
clear: right;
color: #000000;
font-family: ‘Fanwood Text’,serif;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
}span.contact-info:after{
content: “”;
display: block;
}.header-contact-wrapper span.contact-info:after {
content: “”;
background: url(images/slash-separator.png) no-repeat;
background-position: 50% 45%;
padding: 7px 35px;
display: inline;
}.header-contact-wrapper span.phone {
background: url(images/phone-icon.png) no-repeat;
background-position: 0 1px;
color: #373737;
padding-left: 25px;
font-size: 14px;
font-family: “Trebuchet MS”;
font-weight: bold;
}.header-contact-wrapper span.fax {
background: url(images/fax-icon.png) no-repeat;
background-position: 0 1px;
color: #373737;
padding-left: 25px;
font-size: 14px;
font-family: “Trebuchet MS”;
font-weight: bold;
}.header-contact-wrapper span.email {
background: url(images/email-icon.png) no-repeat;
background-position: 0 1px;
color: #373737;
padding-left: 25px;
font-size: 14px;
font-family: “Trebuchet MS”;
font-weight: bold;
}.header-contact-wrapper span:last-of-type:after {
content: “”;
background: none;
padding: 7px 0px 7px 35px;
color: #877777;
}.nav-menu > ul {
margin: 0 0 0 0;
}.main-navigation-wrapper {
width: 1000px;
margin: 0 auto 65px;
clear: both;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}.main-navigation-wrapper .main-navigation {
text-transform: uppercase;
}.main-navigation-wrapper .main-navigation ul {
float: left;
clear: both;
}.main-navigation-wrapper .main-navigation ul li {
font-family: ‘Fanwood Text’,serif;
float: left;
position:relative;
}.main-navigation-wrapper .main-navigation ul li:hover, .main-navigation-wrapper .main-navigation ul li.current_page_item, .main-navigation-wrapper .main-navigation ul li.current_page_ancestor {
background-position: 20px 44%;
}.main-navigation-wrapper .main-navigation ul li:hover a, .main-navigation-wrapper .main-navigation ul li.current_page_item a, .main-navigation-wrapper .main-navigation ul li.current_page_ancestor a{
background:none repeat scroll 0 0 #836C4E;
} .main-navigation-wrapper .main-navigation ul li ul {
background-color: #FFFFFF;
display: none;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 100px;
white-space: nowrap;
}.main-navigation-wrapper .main-navigation ul li ul li {
float: none;
}.main-navigation-wrapper .main-navigation ul li ul li a {
background: none;
color: #373737;
font-size: 14px;
padding-right: 20px;
line-height: 3;
}.main-navigation-wrapper .main-navigation ul li ul.children li.current_page_item a{
background: none repeat scroll 0 0 #836C4E;
}.main-navigation-wrapper .main-navigation ul li:hover ul li a {
background: url(“%THEME%/images/header-bg.png”) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFFFFF;
}.main-navigation-wrapper .main-navigation ul li:hover ul li a:hover {
background: #836C4E;
color: #FFFFFF;
}.main-navigation-wrapper .main-navigation ul li ul li:hover{
background-color: #f4f4f4;
}.main-navigation-wrapper .main-navigation ul li:hover > ul {
display: block;
z-index: 100;
}.main-navigation-wrapper .main-navigation ul li:hover > ul ul {
position: absolute;
left: 33px;
}.main-navigation-wrapper .main-navigation ul li:hover > ul ul li {
white-space: nowrap;
}.main-navigation-wrapper .main-navigation ul li a {
background-position: 0 50%;
color: #D0B39B;
display: block;
font-size: 16;
line-height: 100px;
text-decoration: none;
padding: 0 20px;
}.main-navigation-wrapper .main-navigation ul li:first-child a {

}.main-navigation-wrapper .main-navigation ul li:last-child a {
padding: 0 7px;
}.content-full {
float: left;
position: relative;
width: 100%;
}.header-container {
background: none repeat scroll 0 0 #836C4E;
padding: 15px 0 20px;
border-bottom: 10px solid black;
}.page-wrapper {
width: 1000px;
margin: 0 auto;
clear: both;
font-family: “Calibri”, sans-serif;
font-size: 16px;
}.midbar-wrapper {
margin: 0 auto;
overflow: hidden;
padding: 0;
width: 1024px;
}.midbar {
width: 30%;
float: left;
clear: none;
margin: 0px 17px 40px 17px;
}
.midbar:last-child {
margin-right: 0px;
}.midbar img {
margin: 1px 0 0 0;
border: 2px solid #fff;
width: 100%;
-moz-box-shadow: 0 0 2px #aaa;
-webkit-box-shadow: 0 0 2px #aaa;
box-shadow: 0 0 2px #aaa;
}.midbar img:hover {
-moz-box-shadow: 0 0 2px #333;
-webkit-box-shadow: 0 0 2px #333;
box-shadow: 0 0 2px #333;}
.midbar h1 {
background: none repeat scroll 0 0 #000000;
clear: both;
color: #D0B39B;
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 100px;
margin: 0 24px 24px;
padding: 0;
text-align: center;
}.midbar .content{
text-align:center;
}.drop-shadow {
position:relative;
float:left;
}.drop-shadow:before,
.drop-shadow:after {
content:””;
position:absolute;
z-index:-2;
}.lifted {
-moz-border-radius:4px;
border-radius:4px;
}.lifted:before,
.lifted:after {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 12px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 12px 10px rgba(0, 0, 0, 0.5);
box-shadow:0 12px 10px rgba(0, 0, 0, 0.5);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}.lifted:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}.left-margin{
margin-left: 20px;
}.right-margin{
margin-right: 20px;
}.emailConfirmation {
margin: 0 auto;
width: 1000px;
}.emailConfirmation h1 {
color: #00CC00;
}.map-container > h1 {
padding: 0 0 25px;
text-align: center;
}.footer-wrapper {
background: url(“%THEME%/images/footer-bg.jpg”) repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
font-family: Arial;
padding: 0 0 40px;
position: relative;
width: 100%;
z-index: 2;
}.footer-inner-wrapper {
width: 1000px;
margin: 0 auto;
padding: 10px 0 0 0;
}.footer-inner-wrapper h1 {
font-family: ‘Alegreya Sans SC’,sans-serif;
font-weight: lighter;
padding: 0 0 25px 0;
color: #D0B39B;
}.footer-inner-wrapper p {
padding-left: 25px;
margin: 0 0 15px 0;
}.footer-inner-wrapper li {
list-style: none;
}.footer-inner-wrapper li a {
background: url(images/footer-menu-arrow.png) no-repeat;
background-position: 0 3px;
font-family: “Verdana”, sans-serif;
font-size: 14px;
color: #2f2f2f;
text-decoration: none;
display: block;
padding: 0 13px 4px 24px;
margin-top: -1px;
}.footer-inner-wrapper li a:hover {
color: #777;
}.footer-inner-wrapper .contact-info, .footer-inner-wrapper .contact-title {
color: #FFFFFF;
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 16px;
font-weight: normal;
}.footer-column {
width: 250px;
float: left;
}.footer-column-one{
width: 200px;
float: left;
}.footer-column-two{
width: 275px;
float: left;
}.footer-column-three{
width: 250px;
float: left;
}.footer-column-four{
width: 275px;
float: left;
}.footer-inner-wrapper ul li a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #E5E5E5;
display: block;
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 18px;
padding: 0 0 0 25px;
text-decoration: none;
}.footer-inner-wrapper ul li a:hover {
color: #777;
}.footer-inner-wrapper ul li ul{
display: none;
}.google-map {
height: 250px;
width: 100% !important;
}.google-map > div > div > div > div > div > div > div > div {
height: 60px;
}.google-map > div > div > div > div > div > div > div > div > div {
font-family: “Verdana”, sans-serif;
font-size: 12px;
color: #2f2f2f;
height: 100%;
margin: auto;
}.rhino-btn {
background:url(images/rhinoslider-sprite.png) 0 0 no-repeat;
z-index:10;
width:56px;
height:53px;
display:block;
text-indent:-999%;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}.rhino-prev, .rhino-next { bottom:-4px; }
.rhino-prev {
left:-6px;
background-position:-168px 0;
}.rhino-next {
right:-6px;
background-position:-106px 0;
}.rhino-prev:hover { background-position:-168px -53px; }
.rhino-next:hover { background-position:-106px -53px; }
.rhino-toggle {
top:-4px;
left:-6px;
}.rhino-play { background-position:0 0; }
.rhino-play:hover { background-position:0 -53px; }
.rhino-pause { background-position:-56px 0; }
.rhino-pause:hover { background-position:-56px -53px; }
.slider-wrapper .rhino-container{position:relative;}
.rhino-container { position:relative; }
.rhino-caption {
position:absolute;
background: #000;
display:none;
left:0;
right:0;
top:0;
color:#fff;
padding:10px;
text-align:right;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}.rhino-bullets {
position: absolute;
bottom: -3px;
left: 50%;
margin:0 0 0 -50px;
z-index: 10;
background: #fff;
padding:0;
}.rhino-bullets:before, .rhino-bullets:after {
position:absolute;
display:block;
left:-16px;
content:’ ‘;
width:16px;
height:26px;
background:url(images/rhinoslider-sprite.png) -224px 0 no-repeat;
}.rhino-bullets:after {
left:auto;
right:-16px;
background-position: -240px 0;
}.rhino-bullets li {
float:left;
display:inline;
margin:0 2px;
}.rhino-bullets li a.rhino-bullet {
display: block;
width: 16px;
height: 29px;
cursor: pointer;
background: white;
font-size: 10px;
text-align: center;
padding: 6px 0 5px 0;
color: #333;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}.rhino-bullets li a.rhino-bullet:hover, .rhino-bullets li a.rhino-bullet:focus {
color:#000;
background:#eee;
}.rhino-bullets li a.rhino-bullet.rhino-active-bullet {
color:#fff;
background:#666666;
}ul[id*=”slider-“] {
width:1000px;
height:400px;
overflow: hidden;
}ul[id*=”slider-“] li {
list-style:none;
}ul[id*=”slider-“] article {
position: absolute;
z-index: 1000;
float: left;
height: 400px;
overflow: hidden;
padding: 180px 0 0 180px;
}ul[id*=”slider-“] article h1 {
color: #fff;
}ul[id*=”slider-“] article p {
color: #fff;
}ul[id*=”slider-“] p {
padding: 0;
margin: 0;
}.edit-link a{
font-family: “Verdana”, sans-serif;
font-size: 14px;
color: #2f2f2f;
text-decoration: none;
}.edit-link-custom a {
display: block;
background-color: #FF0000;
color: #FFF;
text-decoration: none;
padding: 5px;
position: fixed;
bottom: 0;
left: 0;
}/* Featured post */
section.featured-post {
float: left;
margin: -1.625em -8.9% 1.625em;
padding: 1.625em 8.9% 0;
position: relative;
width: 100%; background-color: #000;
}section.featured-post .hentry {
border: none;
color: #666;
margin: 0;
}section.featured-post .entry-meta {
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}/* Small featured post */
section.featured-post .attachment-small-feature {
float: right;
height: auto;
margin: 0 -8.9% 1.625em 0;
max-width: 59%;
position: relative;
right: -15px;
}section.featured-post.small {
padding-top: 0;
}section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
opacity: .8;
}article.feature-image.small {
float: left;
margin: 0 0 1.625em;
width: 45%;
}article.feature-image.small .entry-title {
line-height: 1.2em;
}article.feature-image.small .entry-summary {
color: #555;
font-size: 13px;
}article.feature-image.small .entry-summary p a {
background: #222;
color: #eee;
display: block;
left: -23.8%;
padding: 9px 26px 9px 85px;
position: relative;
text-decoration: none;
top: 20px;
width: 180px;
z-index: 1;
}article.feature-image.small .entry-summary p a:hover {
background: #1eb9ea;
color: #eee;
color: rgba(255,255,255,0.8);
}/* Large featured post */
section.feature-image.large {
border: none;
max-height: 288px;
padding: 0;
width: 100%;
}section.feature-image.large .showcase-heading {
display: none;
}section.feature-image.large .hentry {
border-bottom: none;
left: 9%;
margin: 1.625em 9% 0 0;
position: absolute;
top: 0;
}article.feature-image.large .entry-title a {
background: #222;
background: rgba(0,0,0,0.8);
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
display: inline-block;
font-weight: 300;
padding: .2em 20px;
}section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
background: #eee;
background: rgba(255,255,255,0.8);
color: #222;
}article.feature-image.large .entry-summary {
display: none;
}section.feature-image.large img {
display: block;
height: auto;
max-width: 117.9%;
padding: 0 0 6px;
}/* Featured Slider */
.featured-posts {
border-bottom: 1px solid #ddd;
display: block;
height: 328px;
margin: 1.625em -8.9% 20px;
max-width: 1000px;
padding: 0;
position: relative;
overflow: hidden;
}.featured-posts .showcase-heading {
padding-left: 8.9%;
}.featured-posts section.featured-post {
background: #fff;
height: 288px;
left: 0;
margin: 0;
position: absolute;
top: 30px;
width: auto;
}.featured-posts section.featured-post.large {
max-width: 100%;
overflow: hidden;
}.featured-posts section.featured-post {
-webkit-transition-duration: 200ms;
-webkit-transition-property: opacity, visibility;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 200ms;
-moz-transition-property: opacity, visibility;
-moz-transition-timing-function: ease;
}.featured-posts section.featured-post {
opacity: 0;
visibility: hidden;
}.featured-posts #featured-post-1 {
opacity: 1;
visibility: visible;
}.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
content: ‘ ‘;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#00ffffff’, endColorstr=’#ffffff’,GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
width: 100%;
height: 45px;
position: absolute;
top: 230px;
}.featured-post .feature-image.small:after {
top: 253px;
}#content .feature-slider {
top: 5px;
right: 8.9%;
overflow: visible;
position: absolute;
}.feature-slider ul {
list-style-type: none;
margin: 0;
}.feature-slider li {
float: left;
margin: 0 6px;
}.feature-slider a {
background: #3c3c3c;
background: rgba(60,60,60,0.9);
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
display: block;
width: 14px;
height: 14px;
}.feature-slider a.active {
background: #1eb9ea;
-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
cursor: default;
opacity: 0.5;
}/* Recent Posts */
section.recent-posts {
padding: 1em 0 1.625em;
}section.recent-posts .hentry {
border: none;
margin: 0;
}section.recent-posts .other-recent-posts, section.recent-posts {
list-style: none;
width: 100%;
}section.recent-posts .other-recent-posts li, section.recent-posts li {
padding: 0.3125em 0;
position: relative;
}section.recent-posts .entry-title {
border-top: 1px solid #ddd;
font-size: 17px;
margin: 20px 0px;
}section.recent-posts .other-recent-posts .entry-title {
border-top: 1px solid #ddd;
font-size: 17px;
margin: 0px 0px;
}section.recent-posts .other-recent-posts .entry-title .entry-excerpt, section.recent-posts .entry-title .entry-excerpt {
margin: 0px;
}section.recent-posts .other-recent-posts .entry-title .read-more, section.recent-posts .entry-title .read-more {
margin: 0px;
}section.recent-posts span.sep {
font-size: 16px;
font-weight: bold;
background: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}
section.recent-posts .timestamp {
font-weight: bold;
margin: 0 0 3px 0;
}section.recent-posts span.sep2 {
font-size: 16px;
font-weight: bold;
background: none;
margin: 0px 0px 0px 35px;
padding: 0px 0px 10px 0px;
}
section.recent-posts a[rel=”bookmark”] {
font-family: “Trebuchet MS”;
color: #666;
font-size: 20px;
text-decoration: none;
}section.recent-posts .other-recent-posts a[rel=”bookmark”]:hover {
color: #333;
}section.recent-posts .comments-link a {
text-decoration: none;
float: right;
}section.recent-posts .comments-link a,
section.recent-posts .comments-link > span {
border-bottom: 2px solid #999;
bottom: 0px;
color: #666;
display: block;
font-size: 18px;
font-weight: 500;
z-index: 1;
width: 130px;
}section.recent-posts .comments-link a:hover {
color: #333;
border-color: #333;
}section.recent-posts .other-recent-posts li:after {
clear: both;
content: ‘.’;
display: block;
height: 0;
visibility: hidden;
}span.nav-next {
float: right;
}span.nav-next a, span.nav-previous a{
font-size: 18px;
font-weight: bold;
color: #333;
text-decoration: none;
}
article.type-post h1{
margin: 20px 0;
}article.type-post .entry-content{
margin: 20px 0;
}article.type-post .entry-meta{
font-weight: bold;
padding: 20px 0;
margin: 20px 0;
clear: both;
}article.type-post .entry-meta a{
color: #777;
}#comments {
background-color: #DDD;
}#comments h2#comments-title{
font-size: 25px;
font-family: “Trebuchet MS”;
color: #444;
padding: 20px;
}#comments ol {
list-style: none;
padding: 10px 10px 20px 20px;
}#comments .comment-body p{
padding: 10px 30px 0 30px;
margin-bottom: 0;
}#comments .comment-body p:before {
content: url(“images/before.png”);
margin: 0px 20px;
}#comments .comment-body p:after {
content: url(“images/after.png”);
margin: 0px 20px;
}#comments div.reply {
margin: 0 0 30px 0;
}#comments ol li a {
font-weight: bold;
font-size: 16px;
color: #222;
text-decoration: none;
padding-top: 10px;
}#comments #respond {
padding: 30px;
margin-bottom: 20px;
}#comments #respond h3 {
font-size: 20px;
}/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}.required {
color: #F00;
}#commentform label {
font-size: 15px;
font-weight: bold;
}#commentform input {
width: 200px;
margin-left: 30px;
}#commentform textarea {
width: 100%;
}#commentform .form-allowed-tags code {
font-weight: bold;
color: #555;
}#commentform .logged-in-as {
font-size: 15px;
font-weight: bold;
}#commentform .logged-in-as a {
color: #777777;
text-decoration: none;
}.author-wrapper li.entry-title {
border-top: 1px solid #ddd;
list-style: none;
padding-top: 10px;
margin-top: 5px;
}.author-wrapper li.entry-title p{
margin: 5px 0px;
padding-left: 20px;
}.author-wrapper li.entry-title a{
font-size: 20px;
}.author-wrapper li.entry-title .timestamp {
font-weight: bold;
margin: 0;
padding: 0;
}.author-wrapper li.entry-title .comments-link .leave-reply, .author-wrapper li.entry-title .comments-link a {
font-size: 15px;
}.author-wrapper li.entry-title a{
font-weight: bold;
color: #333;
margin: 10px 0 0 0;
}.contact-page-left {
width: 490px;
margin-right: 20px;
float: left;
}.contact-page-right {
width: 490px;
float: left;
}.contactForm {
}.contactForm label {
color: #000000;
display: block;
font-family: ‘Fanwood Text’,serif;
font-size: 22px;
font-weight: lighter;
text-transform: lowercase;
}.contactForm input {
width: 100%;
padding: 3px;
margin-bottom: 5px;
}.contactForm textarea {
width: 100%;
}.contactForm .captchaWrapper {
margin: 10px auto 24px;
}.contactForm .captchaRefresh {
vertical-align: top;
}.contactForm .submitWrapper {
background: #251f19;
float: left;
margin: 0;
text-align: center;
width: 100%;
}.contactForm .submitWrapper span.submit {
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: block;
font-family: ‘Alegreya Sans SC’,sans-serif;
font-size: 25px;
font-weight: lighter;
padding: 48px 0;
}.contactForm .submitWrapper span.submit:hover {
}/*JACKBOX*/
.jackbox-modal{font:12px Arial,Helvetica,sans-serif;color:#666;line-height:18px;background:rgba(0,0,0,0.75);box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.jackbox-modal h2,.jackbox-modal h3{font:24px “Mako”,sans-serif;font-weight:normal;color:#444}
.jackbox-title-text{font:14px “Mako”,sans-serif;color:#222}
.jackbox-thumb-tip{background:url(jackbox/img/graphics/ie_bg.png);background:rgba(0,0,0,0.75)}
.jackbox-thumb-tip-text{font:12px “Mako”,sans-serif;text-transform:uppercase;color:#FFF}
.jackbox-description-text{background-color:#FFF;text-align:left}
.jackbox-html>div{background-color:#f5f5f5;border:1px solid #e5e5e5;text-align:left}
.jackbox-holder{background-color:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-ms-box-sizing: content-box;-o-box-sizing: content-box;box-sizing: content-box;box-sizing: content-box;}
.jackbox-container{background:#000;background:-moz-radial-gradient(center,ellipse cover,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(68,68,68,1)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-radial-gradient(center,ellipse cover,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%);background:radial-gradient(ellipse at center,rgba(68,68,68,1) 0,rgba(0,0,0,1) 100%)}
.jackbox-panel:hover{background-color:#333}
.jackbox-panel-left{background-image:url(jackbox/img/graphics/panel_left.png)}
.jackbox-panel-right{background-image:url(jackbox/img/graphics/panel_right.png)}
.jackbox-panel-left:hover{-webkit-box-shadow:5px 0 10px rgba(0,0,0,0.2);-moz-box-shadow:5px 0 10px rgba(0,0,0,0.2);box-shadow:5px 0 10px rgba(0,0,0,0.2);border-right:1px solid #4d4d4d;background-image:url(jackbox/img/graphics/panel_left_over.png)}
.jackbox-panel-right:hover{-webkit-box-shadow:-5px 0 10px rgba(0,0,0,0.2);-moz-box-shadow:-5px 0 10px rgba(0,0,0,0.2);box-shadow:-5px 0 10px rgba(0,0,0,0.2);border-left:1px solid #4d4d4d;background-image:url(jackbox/img/graphics/panel_right_over.png)}
.jackbox-button{width:20px;height:20px;background-size:20px 20px;background-repeat:no-repeat}
.jackbox-arrow-left{background-image:url(jackbox/img/graphics/left_arrow.png)}
.jackbox-arrow-right{background-image:url(jackbox/img/graphics/right_arrow.png)}
.jackbox-info{background-image:url(jackbox/img/graphics/info.png)}
.jackbox-show-thumbs{background-image:url(jackbox/img/graphics/thumbs_show.png)}
.jackbox-hide-thumbs{background-image:url(jackbox/img/graphics/thumbs_hide.png)}
.jackbox-close{background-image:url(jackbox/img/graphics/exit.png)}
.jackbox-fs{background-image:url(jackbox/img/graphics/fullscreen.png)}
.jackbox-ns{background-image:url(jackbox/img/graphics/normalscreen.png)}.jb-info-inactive,.jackbox-button:hover{opacity:.6}
.jackbox-thumb-panel{background:url(jackbox/img/graphics/ie_bg.png);background:rgba(0,0,0,0.75)}
.jackbox-thumb-left{width:20px;height:20px;margin:-9px 0 0 -30px;background-size:20px 20px;background-repeat:no-repeat;background-image:url(jackbox/img/graphics/thumb_left.png)}
.jackbox-thumb-right{width:20px;height:20px;margin:-9px 0 0 12px;background-size:20px 20px;background-repeat:no-repeat;background-image:url(jackbox/img/graphics/thumb_right.png)}
.jackbox-thumb-left:hover,.jackbox-thumb-right:hover{opacity:.70}
.jackbox-pre-outside{padding:5px;background:url(jackbox/img/graphics/ie_preloader.gif);background:-moz-linear-gradient(top,#FFF 0,#FFF 25%,#444 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(25%,#FFF),color-stop(90%,#444));background:-webkit-linear-gradient(top,#FFF 0,#FFF 25%,#444 90%);background:-o-linear-gradient(top,#FFF 0,#FFF 25%,#444 90%);background:-ms-linear-gradient(top,#FFF 0,#FFF 25%,#444 90%);background:linear-gradient(to bottom,#FFF 0,#FFF 25%,#444 90%)}
.jackbox-pre-inside{background-color:#444}
.jackbox{position:relative;display:inline-block}
.jackbox-modal{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.jackbox-modal h2{margin:0 0 12px -2px}
.jackbox-modal h3{margin:0 0 8px -2px}
.jackbox-modal ul{margin:0;padding:0}
.jackbox-modal li{margin:0 0 10px 0;padding:0}
.jackbox-modal li:last-child{margin-bottom:-10px}
.jackbox-html>div{padding:16px 20px 16px 20px;box-sizing:border-box}
.jackbox-html>div p{margin:5px 0 0 0;color:#808080}
.jackbox-title-text{position:absolute;left:6px;top:7px;width:100%;overflow:hidden;text-align:center;white-space:nowrap;z-index:0}
.jackbox-info-text{display:inline-block;overflow-y:auto;z-index:999;width:100%;position:absolute;top:0;left:0}
.jackbox-description-text{padding:14px 17px 19px 17px}
.jackbox-html,.jackbox-wrapper,.jackbox-content,.jackbox-description,.jackbox-hidden-items{display:none}
.jackbox-html{overflow-y:auto}
.jackbox-modal img{image-rendering:optimizeSpeed}
.jackbox-holder{position:absolute;left:50%;top:50%;width:100%;height:100%;overflow:hidden;opacity:0;padding:33px 6px 34px 6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.jackbox-container{width:100%;height:100%;position:relative;overflow:hidden;z-index:0;text-align:center}
.jackbox-content{margin:0 auto}
.jackbox-overflow{overflow:hidden!important}
.jackbox-thumb-holder{position:absolute;width:100%;bottom:0;left:0}
.jackbox-thumb-panel{position:absolute;left:50%;overflow:hidden;white-space:nowrap;padding:2px 2px 0 2px}
.jackbox-thumb-strip{position:relative}
.jackbox-thumb{overflow:hidden;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.jackbox-thumb img{cursor:pointer;-ms-filter:”alpha(opacity=0)”;filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000);transition:opacity .4s cubic-bezier(0.230,1.000,0.320,1.000)}.jb-thumb-fadein img{-ms-filter:”alpha(opacity=50)”;filter:alpha(opacity=50);opacity:.5}.jb-thumb-active img{-ms-filter:”alpha(opacity=100)”;filter:alpha(opacity=100);opacity:1}.jb-thumb-hover img:hover{-ms-filter:”alpha(opacity=100)”;filter:alpha(opacity=100);opacity:1}.jb-thumb-active img{cursor:auto}
.jackbox-thumb-left,.jackbox-thumb-right{cursor:pointer;position:absolute;display:none}
.jackbox-top{position:absolute;top:7px;left:5px}
.jackbox-top:after{content:””;position:absolute;top:26px;left:1px;width:100%;height:1px;background-color:#FFF;display:block;z-index:999}
.jackbox-bottom{position:relative;white-space:nowrap;z-index:99}
.jackbox-social{position:absolute}
.jackbox-top-icons{position:absolute;right:-1px}
.jackbox-bottom-icons{position:absolute;right:0;top:7px}
.jackbox-controls{position:absolute;left:0;top:7px;z-index:1}
.jackbox-button{cursor:pointer;display:inline-block}
.jackbox-arrow-right{margin-left:6px}
.jackbox-button-margin{margin-left:6px}:-webkit-full-screen .jackbox-fs{display:none!important}:-moz-full-screen .jackbox-fs{display:none!important}:-webkit-full-screen .jackbox-ns{display:inline-block!important}:-moz-full-screen .jackbox-ns{display:inline-block!important}
.jackbox-panel{display:block;cursor:pointer;visibility:hidden;background-position:center center;background-repeat:no-repeat;background-size:38px 38px;width:58px;height:100%;position:absolute;top:0;-ms-filter:”alpha(opacity=0)”;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}
.jackbox-panel-left{left:0}
.jackbox-panel-right{right:0}
.jackbox-preloader{position:fixed;left:50%;top:50%;visibility:hidden;width:20px;height:20px;margin:-15px 0 0 -15px;z-index:9999}
.jackbox-spin-preloader{visibility:visible;-webkit-animation:rotator 1s linear infinite;-moz-animation:rotator 1s linear infinite;-ms-animation:rotator 1s linear infinite;-o-animation:rotator 1s linear infinite;animation:rotator 1s linear infinite}
.jackbox-pre-outside{width:20px;height:20px;display:inline-block;position:relative;top:-25%;left:-25%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.jackbox-pre-inside{display:none;width:20px;height:20px;display:inline-block;position:absolute;top:5px;left:5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:background-color .6s cubic-bezier(0.230,1.000,0.320,1.000)}
.jackbox-thumb-tip{display:block;position:fixed;overflow:hidden;opacity:0;z-index:9999;visibility:hidden;pointer-events:none;padding:5px 10px 5px 10px;-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}
.jackbox-thumb-tip-text{white-space:nowrap;display:inline-block;text-transform:uppercase;-webkit-transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:width .6s cubic-bezier(0.230,1.000,0.320,1.000)}@-webkit-keyframes rotator{from{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotator{from{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes rotator{from{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}to{-o-transform:rotate(360deg)}}@-ms-keyframes rotator{from{-ms-transform:rotate(0deg)}50%{-ms-transform:rotate(180deg)}to{-ms-transform:rotate(360deg)}}@keyframes rotator{from{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@media screen and (max-width:600px){.jackbox-panel,.jackbox-thumb-holder{display:none!important}
.jackbox-show-thumbs,.jackbox-hide-thumbs{width:0;margin-left:0;overflow:hidden}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min–moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.jackbox-arrow-left{background-image:url(jackbox/img/graphics/retina/left_arrow@2x.png)}
.jackbox-arrow-right{background-image:url(jackbox/img/graphics/retina/right_arrow@2x.png)}
.jackbox-info{background-image:url(jackbox/img/graphics/retina/info@2x.png)}
.jackbox-show-thumbs{background-image:url(jackbox/img/graphics/retina/thumbs_show@2x.png)}
.jackbox-hide-thumbs{background-image:url(jackbox/img/graphics/retina/thumbs_hide@2x.png)}
.jackbox-close{background-image:url(jackbox/img/graphics/retina/exit@2x.png)}
.jackbox-fs{background-image:url(jackbox/img/graphics/retina/fullscreen@2x.png)}
.jackbox-ns{background-image:url(jackbox/img/graphics/retina/normalscreen@2x.png)}
.jackbox-thumb-left{background-image:url(jackbox/img/graphics/retina/thumb_left@2x.png)}
.jackbox-thumb-right{background-image:url(jackbox/img/graphics/retina/thumb_right@2x.png)}
.jackbox-panel-left{background-image:url(jackbox/img/graphics/retina/panel_left@2x.png)}
.jackbox-panel-right{background-image:url(jackbox/img/graphics/retina/panel_right@2x.png)}
.jackbox-panel-left:hover{background-image:url(jackbox/img/graphics/retina/panel_left_over@2x.png)}
.jackbox-panel-right:hover{background-image:url(jackbox/img/graphics/retina/panel_right_over@2x.png)}}
.jackbox-hover{width:100%;height:100%;display:block;position:absolute;background-position:center 75%;background-repeat:no-repeat;background-size:45px 45px;opacity:0;-ms-filter:”alpha(opacity=0)”;filter:alpha(opacity=0);-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}
.jackbox-hover:visited{text-decoration:none!}
.jackbox-hover-black{background-color:#000;background-color:rgba(0,0,0,0.65)}
.jackbox-hover-white{background-color:#FFF;background-color:rgba(255,255,255,0.9)}
.jackbox-hover-magnify{background-image:url(jackbox/img/graphics/hover_magnify.png)}
.jackbox-hover-play{background-image:url(jackbox/img/graphics/hover_play.png)}
.jackbox-hover-document{background-image:url(jackbox/img/graphics/hover_document.png)}
.jackbox-hover-blur{background-color:#000;background-color:rgba(255,255,255,0.25)}
.jackbox-canvas-blur{position:absolute;top:0;left:0;opacity:0;-ms-filter:”alpha(opacity=0)”;filter:alpha(opacity=0);-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}
.jackbox:hover>.jackbox-hover{opacity:1;-ms-filter:”alpha(opacity=100)”;filter:alpha(opacity=100);background-position:center center}
.jackbox:hover>.jackbox-canvas-blur{opacity:1;-ms-filter:”alpha(opacity=100)”;filter:alpha(opacity=100)}
.jackbox>.jackbox-hover-black,.jackbox>.jackbox-hover-blur,.jackbox:visited>.jackbox-hover-black,.jackbox:visited>.jackbox-hover-blur{color:#EEE}
.jackbox>.jackbox-hover-white,.jackbox:visited>.jackbox-hover-white{color:#333}
.jackbox{font:14px “Mako”,sans-serif;text-decoration:none;line-height:0}
.jackbox-hover p{margin:0;text-align:left;padding:10px 10px 0 10px;line-height:normal}
.jackbox-tooltip{position:absolute;display:inline-block;pointer-events:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #FFF;border-bottom:0;background:#f5f5f5;background:-moz-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);background:-o-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);background:linear-gradient(to bottom,#f5f5f5 0,#e5e5e5 100%);-moz-box-shadow:0 0 5px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.15);box-shadow:0 0 5px rgba(0,0,0,0.15);-ms-filter:”alpha(opacity=0)”;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);-ms-transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000);transition:all .6s cubic-bezier(0.230,1.000,0.320,1.000)}
.jackbox-tooltip p{font:14px “Mako”,sans-serif;line-height:normal;white-space:nowrap;padding:6px 10px 7px 10px;margin:0;color:#444;text-shadow:1px 1px 0 #FFF}
.jackbox-tooltip p:after{width:0;height:0;content:””;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #e5e5e5;position:absolute;bottom:-10px;left:65%}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min–moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.jackbox-hover-magnify{background-image:url(jackbox/img/graphics/retina/hover_magnify@2x.png)}
.jackbox-hover-play{background-image:url(jackbox/img/graphics/retina/hover_play@2x.png)}
.jackbox-hover-document{background-image:url(jackbox/img/graphics/retina/hover_document@2x.png)}}
/* VALIDATION CSS */
.inputContainer {
position: relative;
float: left;
}.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
z-index: 5000;
cursor: pointer;
}.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none
}.formError .formErrorContent {
width: 100%;
background: #ee0101 url(“images/x.png”) no-repeat;
background-position: 172px 7px;
position:relative;
z-index:5001;
color: #fff;
width: 170px;
font-family: tahoma;
font-size: 13px;
border: 2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}.greenPopup .formErrorContent {
background: #33be40;
}.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position:relative;
z-index: 5006;
}body[dir=’rtl’] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
margin: -2px 13px 0 0;
}.formError .formErrorArrowBottom {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0px 0 0 12px;
top:2px;
}.formError .formErrorArrow div {
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
box-shadow: 0 2px 3px #444;
-moz-box-shadow: 0 2px 3px #444;
-webkit-box-shadow: 0 2px 3px #444;
font-size: 0px;
height: 1px;
background: #ee0101;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}.greenPopup .formErrorArrow div {
background: #33be40;
}.blackPopup .formErrorArrow div {
background: #393939;
color: #FFF;
}.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}.formError .formErrorArrow .line8 {
width: 11px;
}.formError .formErrorArrow .line7 {
width: 9px;
}.formError .formErrorArrow .line6 {
width: 7px;
}.formError .formErrorArrow .line5 {
width: 5px;
}.formError .formErrorArrow .line4 {
width: 3px;
}.formError .formErrorArrow .line3 {
width: 1px;
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
border-bottom: 0 solid #ddd;
}.formError .formErrorArrow .line2 {
width: 3px;
border: none;
background: #ddd;
}.formError .formErrorArrow .line1 {
width: 1px;
border: none;
background: #ddd;
}
@media screen and (max-width: 1224px) {
section[class^=”section-banner-“] .large-6 {
left: 0;
width: 100%;
}
.custom-section .custom-section-title > h1 {
width: 100%;
}
.header-container .page-wrapper {
max-width: 100%;
}

ul.social-icons {
width: 100%;
}
}
@media only screen and (min-device-width : 769px) and (max-device-width : 1280px) {
.navigation-container .main-navigation-wrapper .mobile-navigation-toggle {
display: none !important;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
h1, h2 {
font-size:1.2em;
}
h3 {
font-size:1.1em;
}
p {
font-size:1em;
}
.custom-section .large-6 {
width: 100%;
}
.custom-section .service-image {
display: none;
}
.header-serviceorder {
color: #E5E5E5;
font-weight: lighter;
margin: 0 0 12px;
font-size: 1.2em;
}
.header-company-title a {
color: #E5E5E5;
font-family: ‘Fanwood Text’,serif;
font-size: 1em;
margin: 10px 0 0;
}
.main-navigation-wrapper {
max-width: 100%;
}
.main-navigation-wrapper .main-navigation ul li a {
font-size: 10px;
line-height: 70px;
}
.main-navigation-wrapper .main-navigation ul li ul {
top:70px;
}
.main-navigation-wrapper .main-navigation .nav-menu ul li:hover ul li a {
background: none repeat scroll 0 0 #252525;
}
.midbar {
margin: 0 10px 40px;
}
.midbar-wrapper {
max-width: 100%;
}
.midbar h1 {
font-size: 1.2em;
}
.section-banner-left:after, .section-banner-right:after {
display: none;
}
.footer-inner-wrapper {
max-width: 100%;
}
.page-wrapper {
max-width: 100%;
padding: 0 15px;
}
.page-title-primary .page-wrapper > h1, .page-title-secondary .page-wrapper > h1 {
font-size: 1.2em;
}
span.contact-info, span.contact-title {
font-size: 1em;
}
.contact-section .large-6 {
max-width: 50%;
}
ul.social-icons {
width: 100%;
}
.contact-social-icons {
bottom: 0;
float: left;
position: absolute;
width: 50%;
}
.section-banner-left .large-6 {
max-width: 100%;
}
.section-banner-right .large-6 {
max-width: 100%;
}
.section-banner-left .custom-section-title:after {
display: none;
}
.section-banner-right .custom-section-title:after {
display: none;
}
}
@media only screen and (min-device-width : 319px) and (max-device-width : 768px) {
.header-container {
padding: 15px 0 5px;
}
.header-container .page-wrapper {
max-width: 100%;
padding: 0;
}

.mobile-navigation-toggle {
font-size: 2em;
background: #000000;
z-index: 9999;
}
.mobile-navigation-toggle a{
color: #FFFFFF;
}
.header-company-title {
font-size: 1.3em;
text-align: center;
}
.header-company-title a {
font-size: 1em;
}
.header-serviceorder {
font-size: 1em;
text-align: center;
}
.contact-button {
margin-top: 10px;
}
.contact-button i {
padding: 0 15px 0 0;
vertical-align: top;
}
.contact-button a {
margin: 0;
}
.contact-button .button.small {
font-size: 1em;
}
.navigation-container {
margin: 0;
}
.main-navigation-wrapper {
max-width: 100%;
margin: 0;
}
.mobile-navigation-toggle > span {
color: #FFFFFF;
font-size: 0.4em;
display: inline-block;
padding: 0 6px;
}
.main-navigation-wrapper .main-navigation .nav-menu ul {
display: none;
}
.main-navigation-wrapper .main-navigation ul {
width: 100%;
}
.main-navigation-wrapper .main-navigation ul li {
background: #151515;
float: none;
}
.main-navigation-wrapper .main-navigation ul li a, .main-navigation-wrapper .main-navigation ul li:last-child a {
font-size: 1em;
line-height: 40px;
padding: 0 0 0 20px;
}
.main-navigation-wrapper .main-navigation ul li ul {
position: relative;
top: 0;
float:none;
}
.main-navigation-wrapper .main-navigation ul li ul li a, .main-navigation-wrapper .main-navigation ul li ul li:last-child a {
font-size: 1em;
line-height: 40px;
padding: 0 0 0 35px;
}
.main-navigation-wrapper .main-navigation .nav-menu ul li:hover ul li a {
background: none repeat scroll 0 0 #252525;
}
.main-navigation-wrapper .main-navigation ul li.parent > a:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-image: none;
border-style: solid;
border-width: 6px;
content: “”;
display: block;
height: 0;
position: absolute;
right: 20px;
top: 15px;
width: 0;
z-index: 99999;
}
.page-wrapper {
font-size: 1em;
max-width: 100%;
padding: 0 15px;
}
.page-title-primary .page-wrapper > h1 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
font-size: 1.2em;
padding: 0 15px;
text-align: center;
}
.page-title-secondary .page-wrapper > span {
font-size: 1em;
}
.midbar-container {
background: none;
}
.midbar-wrapper {
max-width: 100%;
}
.midbar {
width: 100%;
margin: 0;
}
.midbar h1 {
background: none repeat scroll 0 0 #151515;
font-size: 1.3em;
line-height: 40px;
margin: 0;
padding: 0;
}
.midbar .content {
background: none repeat scroll 0 0 #867B6B;
font-size: 1.2em;
padding: 15px;
text-align: center;
}
.gallery-container {
max-width: 100%;
}
i.fa-caret-down {
color: #FFF;
font-size: 0.5em
}
.section-banner-left .custom-section-title > h1, .section-banner-right .custom-section-title > h1 {
width: 100%;
max-width: 100%;
font-size: 1.3em;
}
.section-banner-left {
width: 100%;
max-width: 100%;
}
.section-banner-right {
width: 100%;
max-width: 100%;
}
.custom-section .service-image img {
display: none !important;
}
.back-to-top {
background: url(“%THEME%/images/back-to-top.png”) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
height: 50px;
margin: 0 auto;
position: relative;
width: 50px;
z-index: 9999;
}
.footer-wrapper {
max-width: 100%;
}
.section-banner-left .custom-section-title:after {
display: none;
}
.section-banner-right .custom-section-title:after {
display: none;
}
}
@media only screen and (min-device-width : 319px) and (max-device-width : 640px) {
.contact-social-icons {
bottom: 0;
float: left;
position: relative;
width: 100%;
}
}

span.contact-info {
clear: right;
color: black;
font-family: “Fanwood Text”,serif;
font-size: 30px;
line-height: 1.5;
}

.page-title-secondary .page-wrapper > span {
color: black;
display: block;
font-family: “Alegreya Sans SC”,sans-serif;
font-size: 34px;
font-weight: bold;
margin: 10px 0;
padding: 18px 0 18px 10px;
text-align: center;
}

span.contact-title {
color: black;
font-family: “Fanwood Text”,serif;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
}
[/css]