@charset "IBM437";

@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"); article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block; }
audio, canvas, video {
display: inline-block; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden] {
display: none; }
html {
background: #fff;
color: #000;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
a:focus {
outline: thin dotted; }
a:active, a:hover {
outline: 0; }
h1 {
font-size: 2em;
margin: .67em 0; }
abbr[title] {
border-bottom: 1px dotted; }
b, strong {
font-weight: bold; }
dfn {
font-style: italic; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
mark {
background: #ff0;
color: #000; }
code, kbd, pre, samp {
font-family: monospace,serif;
font-size: 1em; }
pre {
white-space: pre-wrap; }
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 0; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em; }
legend {
border: 0;
padding: 0; }
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0; }
button, input {
line-height: normal; }
button, select {
text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled], html input[disabled] {
cursor: default; }
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
textarea {
overflow: auto;
vertical-align: top; }
table {
border-collapse: collapse;
border-spacing: 0; }
nav.site-navigation .site-mainmenu:after, .team-member-social-links:after, .article-tag-list:after, .article-link-list:after, .wpgrade-dribbble-items:after,
.wpgrade-flickr-items:after, .container:after, .slider-front-page .flex-direction-nav:after, .row:after, .sidebar-footer:after, .wpcf7-form:after, .widget-area:after, #respond:after, .contact-details-item:after, .cf:after {
content: "";
display: table;
clear: both; }
.site-header-wrapper .search-remove, .site-header-wrapper .search-form, nav.site-navigation .search-toggle, nav.site-navigation .site-mainmenu > li.menu-parent-item > a:after, .portfolio_single_gallery li a, .portfolio_single_gallery li a .title, .portfolio_single_gallery li a .border, .l-header-fixed .site-header-wrapper, .l-header-fixed .site-logo-container, .l-header-fixed nav.site-navigation .site-mainmenu, .l-header-fixed nav.site-navigation .site-mainmenu > li > a, .l-header-fixed .site-logo, .portfolio_items article li a, .portfolio_items article li a .title, .portfolio_items article li a .video_icon span, .portfolio_items article li a .border {
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out; }
nav.site-navigation .site-mainmenu, nav.site-navigation .site-mainmenu > li ul.sub-menu li, #comments ul, #comments ol, .slider-front-page .slides, .slider-front-page .flex-direction-nav, .contact-details, .team-member-social-links, .article-tag-list, .article-link-list, .worked-on, .latest-posts, .category-list, .wpgrade-dribbble-items,
.wpgrade-flickr-items {
padding-left: 0;
list-style: none; }
.team-member-social-link, .article-tag, .article-link, .wpgrade-dribbble-item,
.wpgrade-flickr-item {
display: inline-block; }
html {
font-family: "Open Sans", sans-serif;
font-size: 93.75%;
line-height: 1.5;
color: #484848; }
ul, ol, dl, p, table {
margin: 0 0 22.5px;
margin:  0 0 1.5rem; }
ul ul, ol ul, ul ol, ol ol {
margin-top: 0;
margin-bottom: 0; }
dt {
font-weight: bold; }
dd {
margin-bottom: 22.5px;
margin-bottom: 1.5rem;
margin-left: 0; }
body hgroup, body h1, body h2, body h3, body h4, body h5, body h6 {
margin: 0;
text-rendering: optimizeLegibility;
font-family: "BebasNeue", sans-serif;
font-weight: 500;
color: #484848; }
.alpha, h1, .entry-title {
line-height: 1.18509;
font-size: 57px;
font-size: 3.8rem; }
.beta, h2, .archive-article-title {
line-height: 1.46848;
font-size: 46px;
font-size: 3.06667rem; }
.gama, h3 {
line-height: 1.55345;
font-size: 29px;
font-size: 1.93333rem; }
.delta, h4, .archive-title {
line-height: 1.9587;
font-size: 23px;
font-size: 1.53333rem; }
.epsylon, h5 {
line-height: 1.18684;
font-size: 19px;
font-size: 1.26667rem; }
.zeta, h6 {
line-height: 1.50333;
font-size: 15px;
font-size: 1rem; }
hgroup .alpha, hgroup h1, hgroup .entry-title, hgroup .beta, hgroup h2, hgroup .archive-article-title, hgroup .gama, hgroup h3, hgroup .delta, hgroup h4, hgroup .archive-title, hgroup .epsylon, hgroup h5 {
margin: 0; }
pre code {
word-wrap: normal; }
pre code {
white-space: -moz-pre-wrap;
white-space: pre-wrap; }
pre {
white-space: pre; }
code {
white-space: pre;
font-family: monospace; }
blockquote {
border-top: 3px double #dddddd;
border-bottom: 1px solid #313131;
font-style: italic;
text-align: center; }
a {
color: #01a279;
text-decoration: none; }
a:hover {
text-decoration: underline; }
* {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important; }
@-ms-viewport {
width: device-width; }
@viewport {
width: device-width; }
img {
max-width: 100%; }
.container, .slider-front-page .flex-direction-nav {
margin-left: auto;
margin-right: auto;
width: 1240px; }
@media only screen {
.container, .slider-front-page .flex-direction-nav {
max-width: 100%; } }
.row, .sidebar-footer, .wpcf7-form {
margin-left: -35px;
margin-left: -2.33333rem; }
.lt-ie8 .row, .lt-ie8 .sidebar-footer, .lt-ie8 .wpcf7-form {
margin-left: 0;
overflow: hidden; }
.span1, .span2, .contact-form-container label, .span3, .span4, .span5, .span6, .footer-menu, .copyright, .category-lists-container, .span7, .span8, .span9, .span10, .contact-form-container span.wpcf7-form-control-wrap, .span11, .span12, .slider-front-page .slide-content, .site-branding, .site-navigation {
border: 0 solid transparent;
border-left-width: 35px;
border-left-width: 2.33333rem;
-webkit-background-clip: padding-box !important;
-moz-background-clip: padding-box !important;
background-clip: padding-box !important;
-webkit-background-origin: padding-box !important;
-moz-background-origin: padding-box !important;
-ms-background-origin: padding-box !important;
-o-background-origin: padding-box !important;
background-origin: padding-box !important; }
.lt-ie8 .span1, .lt-ie8 .span2, .lt-ie8 .contact-form-container label, .contact-form-container .lt-ie8 label, .lt-ie8 .span3, .lt-ie8 .span4, .lt-ie8 .span5, .lt-ie8 .span6, .lt-ie8 .footer-menu, .lt-ie8 .copyright, .lt-ie8 .category-lists-container, .lt-ie8 .span7, .lt-ie8 .span8, .lt-ie8 .span9, .lt-ie8 .span10, .lt-ie8 .contact-form-container span.wpcf7-form-control-wrap, .contact-form-container .lt-ie8 span.wpcf7-form-control-wrap, .lt-ie8 .span11, .lt-ie8 .span12, .lt-ie8 .slider-front-page .slide-content, .slider-front-page .lt-ie8 .slide-content, .lt-ie8 .site-branding, .lt-ie8 .site-navigation {
border-left-width: 0; }
.lt-ie8 .span1, .lt-ie8 .span2, .lt-ie8 .contact-form-container label, .contact-form-container .lt-ie8 label, .lt-ie8 .span3, .lt-ie8 .span4, .lt-ie8 .span5, .lt-ie8 .span6, .lt-ie8 .footer-menu, .lt-ie8 .copyright, .lt-ie8 .category-lists-container, .lt-ie8 .span7, .lt-ie8 .span8, .lt-ie8 .span9, .lt-ie8 .span10, .lt-ie8 .contact-form-container span.wpcf7-form-control-wrap, .contact-form-container .lt-ie8 span.wpcf7-form-control-wrap, .lt-ie8 .span11, .lt-ie8 .span12, .lt-ie8 .slider-front-page .slide-content, .slider-front-page .lt-ie8 .slide-content, .lt-ie8 .site-branding, .lt-ie8 .site-navigation {
margin-left: 2.82258%; }
.span1:first-child, .span2:first-child, .contact-form-container label:first-child, .span3:first-child, .span4:first-child, .span5:first-child, .span6:first-child, .footer-menu:first-child, .copyright:first-child, .category-lists-container:first-child, .span7:first-child, .span8:first-child, .span9:first-child, .span10:first-child, .contact-form-container span.wpcf7-form-control-wrap:first-child, .span11:first-child, .span12:first-child, .slider-front-page .slide-content:first-child, .site-branding:first-child, .site-navigation:first-child {
margin-left: 0; }
.lt-ie8 .last, .lt-ie8 .sidebar-right {
margin-right: -24px; }
.span1, .span2, .contact-form-container label, .span3, .span4, .span5, .span6, .footer-menu, .copyright, .category-lists-container, .span7, .span8, .span9, .span10, .contact-form-container span.wpcf7-form-control-wrap, .span11, .span12, .slider-front-page .slide-content {
float: left; }
@media only screen and (max-width: 60em) {
.span1, .span2, .contact-form-container label, .span3, .span4, .span5, .span6, .footer-menu, .copyright, .category-lists-container, .span7, .span8, .span9, .span10, .contact-form-container span.wpcf7-form-control-wrap, .span11, .span12, .slider-front-page .slide-content {
margin-left: 0;
margin-bottom: 22.5px;
margin-bottom: 1.5rem; } }
@media only screen and (max-width: 0) {
.small-span1 {
width: 8.33333%; }
.lt-ie8 .small-span1 {
width: 5.74597%; }
.small-offset1, .small-offset1:first-child {
margin-left: 8.33333%; }
.lt-ie8 .small-offset1, .lt-ie8 .small-offset1:first-child {
margin-left: 5.74597%; }
.small-push1 {
left: 8.33333%; }
.lt-ie8 .small-push1 {
left: 5.74597%; }
.small-pull1 {
left: -8.33333%; }
.lt-ie8 .small-pull1 {
left: 5.74597%; }
.small-span2 {
width: 16.66667%; }
.lt-ie8 .small-span2 {
width: 14.31452%; }
.small-offset2, .small-offset2:first-child {
margin-left: 16.66667%; }
.lt-ie8 .small-offset2, .lt-ie8 .small-offset2:first-child {
margin-left: 14.31452%; }
.small-push2 {
left: 16.66667%; }
.lt-ie8 .small-push2 {
left: 14.31452%; }
.small-pull2 {
left: -16.66667%; }
.lt-ie8 .small-pull2 {
left: 14.31452%; }
.small-span3 {
width: 25%; }
.lt-ie8 .small-span3 {
width: 22.88306%; }
.small-offset3, .small-offset3:first-child {
margin-left: 25%; }
.lt-ie8 .small-offset3, .lt-ie8 .small-offset3:first-child {
margin-left: 22.88306%; }
.small-push3 {
left: 25%; }
.lt-ie8 .small-push3 {
left: 22.88306%; }
.small-pull3 {
left: -25%; }
.lt-ie8 .small-pull3 {
left: 22.88306%; }
.small-span4 {
width: 33.33333%; }
.lt-ie8 .small-span4 {
width: 31.45161%; }
.small-offset4, .small-offset4:first-child {
margin-left: 33.33333%; }
.lt-ie8 .small-offset4, .lt-ie8 .small-offset4:first-child {
margin-left: 31.45161%; }
.small-push4 {
left: 33.33333%; }
.lt-ie8 .small-push4 {
left: 31.45161%; }
.small-pull4 {
left: -33.33333%; }
.lt-ie8 .small-pull4 {
left: 31.45161%; }
.small-span5 {
width: 41.66667%; }
.lt-ie8 .small-span5 {
width: 40.02016%; }
.small-offset5, .small-offset5:first-child {
margin-left: 41.66667%; }
.lt-ie8 .small-offset5, .lt-ie8 .small-offset5:first-child {
margin-left: 40.02016%; }
.small-push5 {
left: 41.66667%; }
.lt-ie8 .small-push5 {
left: 40.02016%; }
.small-pull5 {
left: -41.66667%; }
.lt-ie8 .small-pull5 {
left: 40.02016%; }
.small-span6 {
width: 50%; }
.lt-ie8 .small-span6 {
width: 48.58871%; }
.small-offset6, .small-offset6:first-child {
margin-left: 50%; }
.lt-ie8 .small-offset6, .lt-ie8 .small-offset6:first-child {
margin-left: 48.58871%; }
.small-push6 {
left: 50%; }
.lt-ie8 .small-push6 {
left: 48.58871%; }
.small-pull6 {
left: -50%; }
.lt-ie8 .small-pull6 {
left: 48.58871%; }
.small-span7 {
width: 58.33333%; }
.lt-ie8 .small-span7 {
width: 57.15726%; }
.small-offset7, .small-offset7:first-child {
margin-left: 58.33333%; }
.lt-ie8 .small-offset7, .lt-ie8 .small-offset7:first-child {
margin-left: 57.15726%; }
.small-push7 {
left: 58.33333%; }
.lt-ie8 .small-push7 {
left: 57.15726%; }
.small-pull7 {
left: -58.33333%; }
.lt-ie8 .small-pull7 {
left: 57.15726%; }
.small-span8 {
width: 66.66667%; }
.lt-ie8 .small-span8 {
width: 65.72581%; }
.small-offset8, .small-offset8:first-child {
margin-left: 66.66667%; }
.lt-ie8 .small-offset8, .lt-ie8 .small-offset8:first-child {
margin-left: 65.72581%; }
.small-push8 {
left: 66.66667%; }
.lt-ie8 .small-push8 {
left: 65.72581%; }
.small-pull8 {
left: -66.66667%; }
.lt-ie8 .small-pull8 {
left: 65.72581%; }
.small-span9 {
width: 75%; }
.lt-ie8 .small-span9 {
width: 74.29435%; }
.small-offset9, .small-offset9:first-child {
margin-left: 75%; }
.lt-ie8 .small-offset9, .lt-ie8 .small-offset9:first-child {
margin-left: 74.29435%; }
.small-push9 {
left: 75%; }
.lt-ie8 .small-push9 {
left: 74.29435%; }
.small-pull9 {
left: -75%; }
.lt-ie8 .small-pull9 {
left: 74.29435%; }
.small-span10 {
width: 83.33333%; }
.lt-ie8 .small-span10 {
width: 82.8629%; }
.small-offset10, .small-offset10:first-child {
margin-left: 83.33333%; }
.lt-ie8 .small-offset10, .lt-ie8 .small-offset10:first-child {
margin-left: 82.8629%; }
.small-push10 {
left: 83.33333%; }
.lt-ie8 .small-push10 {
left: 82.8629%; }
.small-pull10 {
left: -83.33333%; }
.lt-ie8 .small-pull10 {
left: 82.8629%; }
.small-span11 {
width: 91.66667%; }
.lt-ie8 .small-span11 {
width: 91.43145%; }
.small-offset11, .small-offset11:first-child {
margin-left: 91.66667%; }
.lt-ie8 .small-offset11, .lt-ie8 .small-offset11:first-child {
margin-left: 91.43145%; }
.small-push11 {
left: 91.66667%; }
.lt-ie8 .small-push11 {
left: 91.43145%; }
.small-pull11 {
left: -91.66667%; }
.lt-ie8 .small-pull11 {
left: 91.43145%; }
.small-span12 {
width: 100%; }
.lt-ie8 .small-span12 {
width: 100%; }
.small-offset12, .small-offset12:first-child {
margin-left: 100%; }
.lt-ie8 .small-offset12, .lt-ie8 .small-offset12:first-child {
margin-left: 100%; }
.small-push12 {
left: 100%; }
.lt-ie8 .small-push12 {
left: 100%; }
.small-pull12 {
left: -100%; }
.lt-ie8 .small-pull12 {
left: 100%; } }
@media only screen and (max-width: 29em) {
.hand-span1 {
width: 8.33333%; }
.lt-ie8 .hand-span1 {
width: 5.74597%; }
.hand-offset1, .hand-offset1:first-child {
margin-left: 8.33333%; }
.lt-ie8 .hand-offset1, .lt-ie8 .hand-offset1:first-child {
margin-left: 5.74597%; }
.hand-push1 {
left: 8.33333%; }
.lt-ie8 .hand-push1 {
left: 5.74597%; }
.hand-pull1 {
left: -8.33333%; }
.lt-ie8 .hand-pull1 {
left: 5.74597%; }
.hand-span2 {
width: 16.66667%; }
.lt-ie8 .hand-span2 {
width: 14.31452%; }
.hand-offset2, .hand-offset2:first-child {
margin-left: 16.66667%; }
.lt-ie8 .hand-offset2, .lt-ie8 .hand-offset2:first-child {
margin-left: 14.31452%; }
.hand-push2 {
left: 16.66667%; }
.lt-ie8 .hand-push2 {
left: 14.31452%; }
.hand-pull2 {
left: -16.66667%; }
.lt-ie8 .hand-pull2 {
left: 14.31452%; }
.hand-span3 {
width: 25%; }
.lt-ie8 .hand-span3 {
width: 22.88306%; }
.hand-offset3, .hand-offset3:first-child {
margin-left: 25%; }
.lt-ie8 .hand-offset3, .lt-ie8 .hand-offset3:first-child {
margin-left: 22.88306%; }
.hand-push3 {
left: 25%; }
.lt-ie8 .hand-push3 {
left: 22.88306%; }
.hand-pull3 {
left: -25%; }
.lt-ie8 .hand-pull3 {
left: 22.88306%; }
.hand-span4 {
width: 33.33333%; }
.lt-ie8 .hand-span4 {
width: 31.45161%; }
.hand-offset4, .hand-offset4:first-child {
margin-left: 33.33333%; }
.lt-ie8 .hand-offset4, .lt-ie8 .hand-offset4:first-child {
margin-left: 31.45161%; }
.hand-push4 {
left: 33.33333%; }
.lt-ie8 .hand-push4 {
left: 31.45161%; }
.hand-pull4 {
left: -33.33333%; }
.lt-ie8 .hand-pull4 {
left: 31.45161%; }
.hand-span5 {
width: 41.66667%; }
.lt-ie8 .hand-span5 {
width: 40.02016%; }
.hand-offset5, .hand-offset5:first-child {
margin-left: 41.66667%; }
.lt-ie8 .hand-offset5, .lt-ie8 .hand-offset5:first-child {
margin-left: 40.02016%; }
.hand-push5 {
left: 41.66667%; }
.lt-ie8 .hand-push5 {
left: 40.02016%; }
.hand-pull5 {
left: -41.66667%; }
.lt-ie8 .hand-pull5 {
left: 40.02016%; }
.hand-span6, .category-lists-container {
width: 50%; }
.lt-ie8 .hand-span6, .lt-ie8 .category-lists-container {
width: 48.58871%; }
.hand-offset6, .hand-offset6:first-child {
margin-left: 50%; }
.lt-ie8 .hand-offset6, .lt-ie8 .hand-offset6:first-child {
margin-left: 48.58871%; }
.hand-push6 {
left: 50%; }
.lt-ie8 .hand-push6 {
left: 48.58871%; }
.hand-pull6 {
left: -50%; }
.lt-ie8 .hand-pull6 {
left: 48.58871%; }
.hand-span7 {
width: 58.33333%; }
.lt-ie8 .hand-span7 {
width: 57.15726%; }
.hand-offset7, .hand-offset7:first-child {
margin-left: 58.33333%; }
.lt-ie8 .hand-offset7, .lt-ie8 .hand-offset7:first-child {
margin-left: 57.15726%; }
.hand-push7 {
left: 58.33333%; }
.lt-ie8 .hand-push7 {
left: 57.15726%; }
.hand-pull7 {
left: -58.33333%; }
.lt-ie8 .hand-pull7 {
left: 57.15726%; }
.hand-span8 {
width: 66.66667%; }
.lt-ie8 .hand-span8 {
width: 65.72581%; }
.hand-offset8, .hand-offset8:first-child {
margin-left: 66.66667%; }
.lt-ie8 .hand-offset8, .lt-ie8 .hand-offset8:first-child {
margin-left: 65.72581%; }
.hand-push8 {
left: 66.66667%; }
.lt-ie8 .hand-push8 {
left: 65.72581%; }
.hand-pull8 {
left: -66.66667%; }
.lt-ie8 .hand-pull8 {
left: 65.72581%; }
.hand-span9 {
width: 75%; }
.lt-ie8 .hand-span9 {
width: 74.29435%; }
.hand-offset9, .hand-offset9:first-child {
margin-left: 75%; }
.lt-ie8 .hand-offset9, .lt-ie8 .hand-offset9:first-child {
margin-left: 74.29435%; }
.hand-push9 {
left: 75%; }
.lt-ie8 .hand-push9 {
left: 74.29435%; }
.hand-pull9 {
left: -75%; }
.lt-ie8 .hand-pull9 {
left: 74.29435%; }
.hand-span10 {
width: 83.33333%; }
.lt-ie8 .hand-span10 {
width: 82.8629%; }
.hand-offset10, .hand-offset10:first-child {
margin-left: 83.33333%; }
.lt-ie8 .hand-offset10, .lt-ie8 .hand-offset10:first-child {
margin-left: 82.8629%; }
.hand-push10 {
left: 83.33333%; }
.lt-ie8 .hand-push10 {
left: 82.8629%; }
.hand-pull10 {
left: -83.33333%; }
.lt-ie8 .hand-pull10 {
left: 82.8629%; }
.hand-span11 {
width: 91.66667%; }
.lt-ie8 .hand-span11 {
width: 91.43145%; }
.hand-offset11, .hand-offset11:first-child {
margin-left: 91.66667%; }
.lt-ie8 .hand-offset11, .lt-ie8 .hand-offset11:first-child {
margin-left: 91.43145%; }
.hand-push11 {
left: 91.66667%; }
.lt-ie8 .hand-push11 {
left: 91.43145%; }
.hand-pull11 {
left: -91.66667%; }
.lt-ie8 .hand-pull11 {
left: 91.43145%; }
.hand-span12 {
width: 100%; }
.lt-ie8 .hand-span12 {
width: 100%; }
.hand-offset12, .hand-offset12:first-child {
margin-left: 100%; }
.lt-ie8 .hand-offset12, .lt-ie8 .hand-offset12:first-child {
margin-left: 100%; }
.hand-push12 {
left: 100%; }
.lt-ie8 .hand-push12 {
left: 100%; }
.hand-pull12 {
left: -100%; }
.lt-ie8 .hand-pull12 {
left: 100%; } }
.span1 {
width: 8.33333%; }
.lt-ie8 .span1 {
width: 5.74597%; }
.offset1, .offset1:first-child {
margin-left: 8.33333%; }
.lt-ie8 .offset1, .lt-ie8 .offset1:first-child {
margin-left: 5.74597%; }
.push1 {
left: 8.33333%; }
.lt-ie8 .push1 {
left: 5.74597%; }
.pull1 {
left: -8.33333%; }
.lt-ie8 .pull1 {
left: 5.74597%; }
.span2, .contact-form-container label {
width: 16.66667%; }
.lt-ie8 .span2, .lt-ie8 .contact-form-container label, .contact-form-container .lt-ie8 label {
width: 14.31452%; }
.offset2, .offset2:first-child {
margin-left: 16.66667%; }
.lt-ie8 .offset2, .lt-ie8 .offset2:first-child {
margin-left: 14.31452%; }
.push2 {
left: 16.66667%; }
.lt-ie8 .push2 {
left: 14.31452%; }
.pull2 {
left: -16.66667%; }
.lt-ie8 .pull2 {
left: 14.31452%; }
.span3 {
width: 24%; }
.lt-ie8 .span3 {
width: 22.88306%; }
.offset3, .offset3:first-child {
margin-left: 25%; }
.lt-ie8 .offset3, .lt-ie8 .offset3:first-child {
margin-left: 22.88306%; }
.push3 {
left: 25%; }
.lt-ie8 .push3 {
left: 22.88306%; }
.pull3 {
left: -25%; }
.lt-ie8 .pull3 {
left: 22.88306%; }
.span4 {
width: 33.33333%; }
.lt-ie8 .span4 {
width: 31.45161%; }
.offset4, .offset4:first-child {
margin-left: 33.33333%; }
.lt-ie8 .offset4, .lt-ie8 .offset4:first-child {
margin-left: 31.45161%; }
.push4 {
left: 33.33333%; }
.lt-ie8 .push4 {
left: 31.45161%; }
.pull4 {
left: -33.33333%; }
.lt-ie8 .pull4 {
left: 31.45161%; }
.span5 {
width: 41.66667%; }
.lt-ie8 .span5 {
width: 40.02016%; }
.offset5, .offset5:first-child {
margin-left: 41.66667%; }
.lt-ie8 .offset5, .lt-ie8 .offset5:first-child {
margin-left: 40.02016%; }
.push5 {
left: 41.66667%; }
.lt-ie8 .push5 {
left: 40.02016%; }
.pull5 {
left: -41.66667%; }
.lt-ie8 .pull5 {
left: 40.02016%; }
.span6, .footer-menu, .copyright, .category-lists-container {
width: 50%; }
.lt-ie8 .span6, .lt-ie8 .footer-menu, .lt-ie8 .copyright, .lt-ie8 .category-lists-container {
width: 48.58871%; }
.offset6, .offset6:first-child {
margin-left: 50%; }
.lt-ie8 .offset6, .lt-ie8 .offset6:first-child {
margin-left: 48.58871%; }
.push6 {
left: 50%; }
.lt-ie8 .push6 {
left: 48.58871%; }
.pull6 {
left: -50%; }
.lt-ie8 .pull6 {
left: 48.58871%; }
.span7 {
width: 58.33333%; }
.lt-ie8 .span7 {
width: 57.15726%; }
.offset7, .offset7:first-child {
margin-left: 58.33333%; }
.lt-ie8 .offset7, .lt-ie8 .offset7:first-child {
margin-left: 57.15726%; }
.push7 {
left: 58.33333%; }
.lt-ie8 .push7 {
left: 57.15726%; }
.pull7 {
left: -58.33333%; }
.lt-ie8 .pull7 {
left: 57.15726%; }
.span8 {
width: 66.66667%; }
.lt-ie8 .span8 {
width: 65.72581%; }
.offset8, .offset8:first-child {
margin-left: 66.66667%; }
.lt-ie8 .offset8, .lt-ie8 .offset8:first-child {
margin-left: 65.72581%; }
.push8 {
left: 66.66667%; }
.lt-ie8 .push8 {
left: 65.72581%; }
.pull8 {
left: -66.66667%; }
.lt-ie8 .pull8 {
left: 65.72581%; }
.span9 {
width: 75%; }
.lt-ie8 .span9 {
width: 74.29435%; }
.offset9, .offset9:first-child {
margin-left: 75%; }
.lt-ie8 .offset9, .lt-ie8 .offset9:first-child {
margin-left: 74.29435%; }
.push9 {
left: 75%; }
.lt-ie8 .push9 {
left: 74.29435%; }
.pull9 {
left: -75%; }
.lt-ie8 .pull9 {
left: 74.29435%; }
.span10, .contact-form-container span.wpcf7-form-control-wrap {
width: 83.33333%; }
.lt-ie8 .span10, .lt-ie8 .contact-form-container span.wpcf7-form-control-wrap, .contact-form-container .lt-ie8 span.wpcf7-form-control-wrap {
width: 82.8629%; }
.offset10, .offset10:first-child {
margin-left: 83.33333%; }
.lt-ie8 .offset10, .lt-ie8 .offset10:first-child {
margin-left: 82.8629%; }
.push10 {
left: 83.33333%; }
.lt-ie8 .push10 {
left: 82.8629%; }
.pull10 {
left: -83.33333%; }
.lt-ie8 .pull10 {
left: 82.8629%; }
.span11 {
width: 91.66667%; }
.lt-ie8 .span11 {
width: 91.43145%; }
.offset11, .offset11:first-child {
margin-left: 91.66667%; }
.lt-ie8 .offset11, .lt-ie8 .offset11:first-child {
margin-left: 91.43145%; }
.push11 {
left: 91.66667%; }
.lt-ie8 .push11 {
left: 91.43145%; }
.pull11 {
left: -91.66667%; }
.lt-ie8 .pull11 {
left: 91.43145%; }
.span12 {
width: 100%; }
.lt-ie8 .span12 {
width: 100%; }
.offset12, .offset12:first-child {
margin-left: 100%; }
.lt-ie8 .offset12, .lt-ie8 .offset12:first-child {
margin-left: 100%; }
.push12 {
left: 100%; }
.lt-ie8 .push12 {
left: 100%; }
.pull12 {
left: -100%; }
.lt-ie8 .pull12 {
left: 100%; }
@media only screen and (min-width: 133.33333em) {
.desk-span1 {
width: 8.33333%; }
.lt-ie8 .desk-span1 {
width: 5.74597%; }
.desk-offset1, .desk-offset1:first-child {
margin-left: 8.33333%; }
.lt-ie8 .desk-offset1, .lt-ie8 .desk-offset1:first-child {
margin-left: 5.74597%; }
.desk-push1 {
left: 8.33333%; }
.lt-ie8 .desk-push1 {
left: 5.74597%; }
.desk-pull1 {
left: -8.33333%; }
.lt-ie8 .desk-pull1 {
left: 5.74597%; }
.desk-span2 {
width: 16.66667%; }
.lt-ie8 .desk-span2 {
width: 14.31452%; }
.desk-offset2, .desk-offset2:first-child {
margin-left: 16.66667%; }
.lt-ie8 .desk-offset2, .lt-ie8 .desk-offset2:first-child {
margin-left: 14.31452%; }
.desk-push2 {
left: 16.66667%; }
.lt-ie8 .desk-push2 {
left: 14.31452%; }
.desk-pull2 {
left: -16.66667%; }
.lt-ie8 .desk-pull2 {
left: 14.31452%; }
.desk-span3 {
width: 25%; }
.lt-ie8 .desk-span3 {
width: 22.88306%; }
.desk-offset3, .desk-offset3:first-child {
margin-left: 25%; }
.lt-ie8 .desk-offset3, .lt-ie8 .desk-offset3:first-child {
margin-left: 22.88306%; }
.desk-push3 {
left: 25%; }
.lt-ie8 .desk-push3 {
left: 22.88306%; }
.desk-pull3 {
left: -25%; }
.lt-ie8 .desk-pull3 {
left: 22.88306%; }
.desk-span4 {
width: 33.33333%; }
.lt-ie8 .desk-span4 {
width: 31.45161%; }
.desk-offset4, .desk-offset4:first-child {
margin-left: 33.33333%; }
.lt-ie8 .desk-offset4, .lt-ie8 .desk-offset4:first-child {
margin-left: 31.45161%; }
.desk-push4 {
left: 33.33333%; }
.lt-ie8 .desk-push4 {
left: 31.45161%; }
.desk-pull4 {
left: -33.33333%; }
.lt-ie8 .desk-pull4 {
left: 31.45161%; }
.desk-span5 {
width: 41.66667%; }
.lt-ie8 .desk-span5 {
width: 40.02016%; }
.desk-offset5, .desk-offset5:first-child {
margin-left: 41.66667%; }
.lt-ie8 .desk-offset5, .lt-ie8 .desk-offset5:first-child {
margin-left: 40.02016%; }
.desk-push5 {
left: 41.66667%; }
.lt-ie8 .desk-push5 {
left: 40.02016%; }
.desk-pull5 {
left: -41.66667%; }
.lt-ie8 .desk-pull5 {
left: 40.02016%; }
.desk-span6 {
width: 50%; }
.lt-ie8 .desk-span6 {
width: 48.58871%; }
.desk-offset6, .desk-offset6:first-child {
margin-left: 50%; }
.lt-ie8 .desk-offset6, .lt-ie8 .desk-offset6:first-child {
margin-left: 48.58871%; }
.desk-push6 {
left: 50%; }
.lt-ie8 .desk-push6 {
left: 48.58871%; }
.desk-pull6 {
left: -50%; }
.lt-ie8 .desk-pull6 {
left: 48.58871%; }
.desk-span7 {
width: 58.33333%; }
.lt-ie8 .desk-span7 {
width: 57.15726%; }
.desk-offset7, .desk-offset7:first-child {
margin-left: 58.33333%; }
.lt-ie8 .desk-offset7, .lt-ie8 .desk-offset7:first-child {
margin-left: 57.15726%; }
.desk-push7 {
left: 58.33333%; }
.lt-ie8 .desk-push7 {
left: 57.15726%; }
.desk-pull7 {
left: -58.33333%; }
.lt-ie8 .desk-pull7 {
left: 57.15726%; }
.desk-span8 {
width: 66.66667%; }
.lt-ie8 .desk-span8 {
width: 65.72581%; }
.desk-offset8, .desk-offset8:first-child {
margin-left: 66.66667%; }
.lt-ie8 .desk-offset8, .lt-ie8 .desk-offset8:first-child {
margin-left: 65.72581%; }
.desk-push8 {
left: 66.66667%; }
.lt-ie8 .desk-push8 {
left: 65.72581%; }
.desk-pull8 {
left: -66.66667%; }
.lt-ie8 .desk-pull8 {
left: 65.72581%; }
.desk-span9 {
width: 75%; }
.lt-ie8 .desk-span9 {
width: 74.29435%; }
.desk-offset9, .desk-offset9:first-child {
margin-left: 75%; }
.lt-ie8 .desk-offset9, .lt-ie8 .desk-offset9:first-child {
margin-left: 74.29435%; }
.desk-push9 {
left: 75%; }
.lt-ie8 .desk-push9 {
left: 74.29435%; }
.desk-pull9 {
left: -75%; }
.lt-ie8 .desk-pull9 {
left: 74.29435%; }
.desk-span10 {
width: 83.33333%; }
.lt-ie8 .desk-span10 {
width: 82.8629%; }
.desk-offset10, .desk-offset10:first-child {
margin-left: 83.33333%; }
.lt-ie8 .desk-offset10, .lt-ie8 .desk-offset10:first-child {
margin-left: 82.8629%; }
.desk-push10 {
left: 83.33333%; }
.lt-ie8 .desk-push10 {
left: 82.8629%; }
.desk-pull10 {
left: -83.33333%; }
.lt-ie8 .desk-pull10 {
left: 82.8629%; }
.desk-span11 {
width: 91.66667%; }
.lt-ie8 .desk-span11 {
width: 91.43145%; }
.desk-offset11, .desk-offset11:first-child {
margin-left: 91.66667%; }
.lt-ie8 .desk-offset11, .lt-ie8 .desk-offset11:first-child {
margin-left: 91.43145%; }
.desk-push11 {
left: 91.66667%; }
.lt-ie8 .desk-push11 {
left: 91.43145%; }
.desk-pull11 {
left: -91.66667%; }
.lt-ie8 .desk-pull11 {
left: 91.43145%; }
.desk-span12 {
width: 100%; }
.lt-ie8 .desk-span12 {
width: 100%; }
.desk-offset12, .desk-offset12:first-child {
margin-left: 100%; }
.lt-ie8 .desk-offset12, .lt-ie8 .desk-offset12:first-child {
margin-left: 100%; }
.desk-push12 {
left: 100%; }
.lt-ie8 .desk-push12 {
left: 100%; }
.desk-pull12 {
left: -100%; }
.lt-ie8 .desk-pull12 {
left: 100%; } }
.span1 {
position: relative; }
@media only screen and (max-width: 60em) {
.span1 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span1:first-child {
margin-left: 0; } }
.span2, .contact-form-container label {
position: relative; }
@media only screen and (max-width: 60em) {
.span2, .contact-form-container label {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span2:first-child, .contact-form-container label:first-child {
margin-left: 0; } }
.span3 {
position: relative; box-shadow: 0 5px 4px 0 rgba(54,57,73,.09);
height: 200px;
text-align: justify;
margin-right: 10px}
@media only screen and (max-width: 60em) {
.span3 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span3:first-child {
margin-left: 0; } }
.span4 {
position: relative;text-align: justify; }
@media only screen and (max-width: 60em) {
.span4 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span4:first-child {
margin-left: 0; } }
.span5 {
position: relative; }
@media only screen and (max-width: 60em) {
.span5 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span5:first-child {
margin-left: 0; } }
.span6, .footer-menu, .copyright, .category-lists-container {
position: relative; }
@media only screen and (max-width: 60em) {
.span6, .footer-menu, .copyright, .category-lists-container {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span6:first-child, .footer-menu:first-child, .copyright:first-child, .category-lists-container:first-child {
margin-left: 0; } }
.span7 {
position: relative; }
@media only screen and (max-width: 60em) {
.span7 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span7:first-child {
margin-left: 0; } }
.span8 {
position: relative; }
@media only screen and (max-width: 60em) {
.span8 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span8:first-child {
margin-left: 0; } }
.span9 {
position: relative; }
@media only screen and (max-width: 60em) {
.span9 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span9:first-child {
margin-left: 0; } }
.span10, .contact-form-container span.wpcf7-form-control-wrap {
position: relative; }
@media only screen and (max-width: 60em) {
.span10, .contact-form-container span.wpcf7-form-control-wrap {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span10:first-child, .contact-form-container span.wpcf7-form-control-wrap:first-child {
margin-left: 0; } }
.span11 {
position: relative; }
@media only screen and (max-width: 60em) {
.span11 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span11:first-child {
margin-left: 0; } }
.span12 {
position: relative; }
@media only screen and (max-width: 60em) {
.span12 {
width: 100%;
margin-left: 0;
padding-left: 0;
left: 0; }
.span12:first-child {
margin-left: 0; } } @font-face {
font-family: 'FontAwesome';
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/fontawesome-webfont.eot?v=3.0.1);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/fontawesome-webfont.woff?v=3.0.1) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/fontawesome-webfont.ttf?v=3.0.1) format("truetype");
font-weight: normal;
font-style: normal; } [class^="icon-"],
[class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased; display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0; } .icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
background-image: none; }
[class^="icon-"]:before,
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none; } a [class^="icon-"],
a [class*=" icon-"] {
display: inline-block; } .icon-large:before {
vertical-align: -10%;
font-size: 1.3333333333333333em; }
.btn [class^="icon-"],
.btn [class*=" icon-"], .nav [class^="icon-"],
.nav [class*=" icon-"] {
display: inline; }
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
line-height: .9em; }
.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
display: inline-block; }
.nav-tabs [class^="icon-"],
.nav-tabs [class*=" icon-"], .nav-pills [class^="icon-"],
.nav-pills [class*=" icon-"] { }
.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
line-height: .9em; }
li [class^="icon-"],
li [class*=" icon-"], .nav li [class^="icon-"],
.nav li [class*=" icon-"] {
display: inline-block;
width: 1.25em;
text-align: center; }
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large, .nav li [class^="icon-"].icon-large,
.nav li [class*=" icon-"].icon-large { width: 1.5625em; }
ul.icons {
list-style-type: none;
text-indent: -.75em; }
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
width: .75em; }
.icon-muted {
color: #eeeeee; }
.icon-border {
border: solid 1px #eeeeee;
padding: .2em .25em .15em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.icon-2x {
font-size: 2em; }
.icon-2x.icon-border {
border-width: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.icon-3x {
font-size: 3em; }
.icon-3x.icon-border {
border-width: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.icon-4x {
font-size: 4em; }
.icon-4x.icon-border {
border-width: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.pull-right {
float: right; }
.pull-left {
float: left; }
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
margin-right: .3em; }
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
margin-left: .3em; }
.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
margin-top: .18em; }
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
line-height: .8em; }
.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
margin-top: .25em; }
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
margin-top: 0; }
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
margin-top: .05em; }
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
margin-right: .2em; }
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
margin-left: .2em; }
.icon-spin {
display: inline-block;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear; }
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg); }
100% {
-o-transform: rotate(359deg); } }
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg); }
100% {
-ms-transform: rotate(359deg); } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
@-moz-document url-prefix() {
.icon-spin {
height: .9em; }
.btn .icon-spin {
height: auto; }
.icon-spin.icon-large {
height: 1.25em; }
.btn .icon-spin.icon-large {
height: .75em; } } .icon-glass:before {
content: "\f000"; }
.icon-music:before {
content: "\f001"; }
.icon-search:before {
content: "\f002"; }
.icon-envelope:before {
content: "\f003"; }
.icon-heart:before {
content: "\f004"; }
.icon-star:before {
content: "\f005"; }
.icon-star-empty:before {
content: "\f006"; }
.icon-user:before {
content: "\f007"; }
.icon-film:before {
content: "\f008"; }
.icon-th-large:before {
content: "\f009"; }
.icon-th:before {
content: "\f00a"; }
.icon-th-list:before {
content: "\f00b"; }
.icon-ok:before {
content: "\f00c"; }
.icon-remove:before {
content: "\f00d"; }
.icon-zoom-in:before {
content: "\f00e"; }
.icon-zoom-out:before {
content: "\f010"; }
.icon-off:before {
content: "\f011"; }
.icon-signal:before {
content: "\f012"; }
.icon-cog:before {
content: "\f013"; }
.icon-trash:before {
content: "\f014"; }
.icon-home:before {
content: "\f015"; }
.icon-file:before {
content: "\f016"; }
.icon-time:before {
content: "\f017"; }
.icon-road:before {
content: "\f018"; }
.icon-download-alt:before {
content: "\f019"; }
.icon-download:before {
content: "\f01a"; }
.icon-upload:before {
content: "\f01b"; }
.icon-inbox:before {
content: "\f01c"; }
.icon-play-circle:before {
content: "\f01d"; }
.icon-repeat:before {
content: "\f01e"; } .icon-refresh:before {
content: "\f021"; }
.icon-list-alt:before {
content: "\f022"; }
.icon-lock:before {
content: "\f023"; }
.icon-flag:before {
content: "\f024"; }
.icon-headphones:before {
content: "\f025"; }
.icon-volume-off:before {
content: "\f026"; }
.icon-volume-down:before {
content: "\f027"; }
.icon-volume-up:before {
content: "\f028"; }
.icon-qrcode:before {
content: "\f029"; }
.icon-barcode:before {
content: "\f02a"; }
.icon-tag:before {
content: "\f02b"; }
.icon-tags:before {
content: "\f02c"; }
.icon-book:before {
content: "\f02d"; }
.icon-bookmark:before {
content: "\f02e"; }
.icon-print:before {
content: "\f02f"; }
.icon-camera:before {
content: "\f030"; }
.icon-font:before {
content: "\f031"; }
.icon-bold:before {
content: "\f032"; }
.icon-italic:before {
content: "\f033"; }
.icon-text-height:before {
content: "\f034"; }
.icon-text-width:before {
content: "\f035"; }
.icon-align-left:before {
content: "\f036"; }
.icon-align-center:before {
content: "\f037"; }
.icon-align-right:before {
content: "\f038"; }
.icon-align-justify:before {
content: "\f039"; }
.icon-list:before {
content: "\f03a"; }
.icon-indent-left:before {
content: "\f03b"; }
.icon-indent-right:before {
content: "\f03c"; }
.icon-facetime-video:before {
content: "\f03d"; }
.icon-picture:before {
content: "\f03e"; }
.icon-pencil:before {
content: "\f040"; }
.icon-map-marker:before {
content: "\f041"; }
.icon-adjust:before {
content: "\f042"; }
.icon-tint:before {
content: "\f043"; }
.icon-edit:before {
content: "\f044"; }
.icon-share:before {
content: "\f045"; }
.icon-check:before {
content: "\f046"; }
.icon-move:before {
content: "\f047"; }
.icon-step-backward:before {
content: "\f048"; }
.icon-fast-backward:before {
content: "\f049"; }
.icon-backward:before {
content: "\f04a"; }
.icon-play:before {
content: "\f04b"; }
.icon-pause:before {
content: "\f04c"; }
.icon-stop:before {
content: "\f04d"; }
.icon-forward:before {
content: "\f04e"; }
.icon-fast-forward:before {
content: "\f050"; }
.icon-step-forward:before {
content: "\f051"; }
.icon-eject:before {
content: "\f052"; }
.icon-chevron-left:before {
content: "\f053"; }
.icon-chevron-right:before {
content: "\f054"; }
.icon-plus-sign:before {
content: "\f055"; }
.icon-minus-sign:before {
content: "\f056"; }
.icon-remove-sign:before {
content: "\f057"; }
.icon-ok-sign:before {
content: "\f058"; }
.icon-question-sign:before {
content: "\f059"; }
.icon-info-sign:before {
content: "\f05a"; }
.icon-screenshot:before {
content: "\f05b"; }
.icon-remove-circle:before {
content: "\f05c"; }
.icon-ok-circle:before {
content: "\f05d"; }
.icon-ban-circle:before {
content: "\f05e"; }
.icon-arrow-left:before {
content: "\f060"; }
.icon-arrow-right:before {
content: "\f061"; }
.icon-arrow-up:before {
content: "\f062"; }
.icon-arrow-down:before {
content: "\f063"; }
.icon-share-alt:before {
content: "\f064"; }
.icon-resize-full:before {
content: "\f065"; }
.icon-resize-small:before {
content: "\f066"; }
.icon-plus:before {
content: "\f067"; }
.icon-minus:before {
content: "\f068"; }
.icon-asterisk:before {
content: "\f069"; }
.icon-exclamation-sign:before {
content: "\f06a"; }
.icon-gift:before {
content: "\f06b"; }
.icon-leaf:before {
content: "\f06c"; }
.icon-fire:before {
content: "\f06d"; }
.icon-eye-open:before {
content: "\f06e"; }
.icon-eye-close:before {
content: "\f070"; }
.icon-warning-sign:before {
content: "\f071"; }
.icon-plane:before {
content: "\f072"; }
.icon-calendar:before {
content: "\f073"; }
.icon-random:before {
content: "\f074"; }
.icon-comment:before {
content: "\f075"; }
.icon-magnet:before {
content: "\f076"; }
.icon-chevron-up:before {
content: "\f077"; }
.icon-chevron-down:before {
content: "\f078"; }
.icon-retweet:before {
content: "\f079"; }
.icon-shopping-cart:before {
content: "\f07a"; }
.icon-folder-close:before {
content: "\f07b"; }
.icon-folder-open:before {
content: "\f07c"; }
.icon-resize-vertical:before {
content: "\f07d"; }
.icon-resize-horizontal:before {
content: "\f07e"; }
.icon-bar-chart:before {
content: "\f080"; }
.icon-twitter-sign:before {
content: "\f081"; }
.icon-facebook-sign:before {
content: "\f082"; }
.icon-camera-retro:before {
content: "\f083"; }
.icon-key:before {
content: "\f084"; }
.icon-cogs:before {
content: "\f085"; }
.icon-comments:before {
content: "\f086"; }
.icon-thumbs-up:before {
content: "\f087"; }
.icon-thumbs-down:before {
content: "\f088"; }
.icon-star-half:before {
content: "\f089"; }
.icon-heart-empty:before {
content: "\f08a"; }
.icon-signout:before {
content: "\f08b"; }
.icon-linkedin-sign:before {
content: "\f08c"; }
.icon-pushpin:before {
content: "\f08d"; }
.icon-external-link:before {
content: "\f08e"; }
.icon-signin:before {
content: "\f090"; }
.icon-trophy:before {
content: "\f091"; }
.icon-github-sign:before {
content: "\f092"; }
.icon-upload-alt:before {
content: "\f093"; }
.icon-lemon:before {
content: "\f094"; }
.icon-phone:before {
content: "\f095"; }
.icon-check-empty:before {
content: "\f096"; }
.icon-bookmark-empty:before {
content: "\f097"; }
.icon-phone-sign:before {
content: "\f098"; }
.icon-twitter:before {
content: "\f099"; }
.icon-facebook:before {
content: "\f09a"; }
.icon-github:before {
content: "\f09b"; }
.icon-unlock:before {
content: "\f09c"; }
.icon-credit-card:before {
content: "\f09d"; }
.icon-rss:before {
content: "\f09e"; }
.icon-hdd:before {
content: "\f0a0"; }
.icon-bullhorn:before {
content: "\f0a1"; }
.icon-bell:before {
content: "\f0a2"; }
.icon-certificate:before {
content: "\f0a3"; }
.icon-hand-right:before {
content: "\f0a4"; }
.icon-hand-left:before {
content: "\f0a5"; }
.icon-hand-up:before {
content: "\f0a6"; }
.icon-hand-down:before {
content: "\f0a7"; }
.icon-circle-arrow-left:before {
content: "\f0a8"; }
.icon-circle-arrow-right:before {
content: "\f0a9"; }
.icon-circle-arrow-up:before {
content: "\f0aa"; }
.icon-circle-arrow-down:before {
content: "\f0ab"; }
.icon-globe:before {
content: "\f0ac"; }
.icon-wrench:before {
content: "\f0ad"; }
.icon-tasks:before {
content: "\f0ae"; }
.icon-filter:before {
content: "\f0b0"; }
.icon-briefcase:before {
content: "\f0b1"; }
.icon-fullscreen:before {
content: "\f0b2"; }
.icon-group:before {
content: "\f0c0"; }
.icon-link:before {
content: "\f0c1"; }
.icon-cloud:before {
content: "\f0c2"; }
.icon-beaker:before {
content: "\f0c3"; }
.icon-cut:before {
content: "\f0c4"; }
.icon-copy:before {
content: "\f0c5"; }
.icon-paper-clip:before {
content: "\f0c6"; }
.icon-save:before {
content: "\f0c7"; }
.icon-sign-blank:before {
content: "\f0c8"; }
.icon-reorder:before {
content: "\f0c9"; }
.icon-list-ul:before {
content: "\f0ca"; }
.icon-list-ol:before {
content: "\f0cb"; }
.icon-strikethrough:before {
content: "\f0cc"; }
.icon-underline:before {
content: "\f0cd"; }
.icon-table:before {
content: "\f0ce"; }
.icon-magic:before {
content: "\f0d0"; }
.icon-truck:before {
content: "\f0d1"; }
.icon-pinterest:before {
content: "\f0d2"; }
.icon-pinterest-sign:before {
content: "\f0d3"; }
.icon-google-plus-sign:before {
content: "\f0d4"; }
.icon-google-plus:before {
content: "\f0d5"; }
.icon-money:before {
content: "\f0d6"; }
.icon-caret-down:before {
content: "\f0d7"; }
.icon-caret-up:before {
content: "\f0d8"; }
.icon-caret-left:before {
content: "\f0d9"; }
.icon-caret-right:before {
content: "\f0da"; }
.icon-columns:before {
content: "\f0db"; }
.icon-sort:before {
content: "\f0dc"; }
.icon-sort-down:before {
content: "\f0dd"; }
.icon-sort-up:before {
content: "\f0de"; }
.icon-envelope-alt:before {
content: "\f0e0"; }
.icon-linkedin:before {
content: "\f0e1"; }
.icon-undo:before {
content: "\f0e2"; }
.icon-legal:before {
content: "\f0e3"; }
.icon-dashboard:before {
content: "\f0e4"; }
.icon-comment-alt:before {
content: "\f0e5"; }
.icon-comments-alt:before {
content: "\f0e6"; }
.icon-bolt:before {
content: "\f0e7"; }
.icon-sitemap:before {
content: "\f0e8"; }
.icon-umbrella:before {
content: "\f0e9"; }
.icon-paste:before {
content: "\f0ea"; }
.icon-lightbulb:before {
content: "\f0eb"; }
.icon-exchange:before {
content: "\f0ec"; }
.icon-cloud-download:before {
content: "\f0ed"; }
.icon-cloud-upload:before {
content: "\f0ee"; }
.icon-user-md:before {
content: "\f0f0"; }
.icon-stethoscope:before {
content: "\f0f1"; }
.icon-suitcase:before {
content: "\f0f2"; }
.icon-bell-alt:before {
content: "\f0f3"; }
.icon-coffee:before {
content: "\f0f4"; }
.icon-food:before {
content: "\f0f5"; }
.icon-file-alt:before {
content: "\f0f6"; }
.icon-building:before {
content: "\f0f7"; }
.icon-hospital:before {
content: "\f0f8"; }
.icon-ambulance:before {
content: "\f0f9"; }
.icon-medkit:before {
content: "\f0fa"; }
.icon-fighter-jet:before {
content: "\f0fb"; }
.icon-beer:before {
content: "\f0fc"; }
.icon-h-sign:before {
content: "\f0fd"; }
.icon-plus-sign-alt:before {
content: "\f0fe"; }
.icon-double-angle-left:before {
content: "\f100"; }
.icon-double-angle-right:before {
content: "\f101"; }
.icon-double-angle-up:before {
content: "\f102"; }
.icon-double-angle-down:before {
content: "\f103"; }
.icon-angle-left:before {
content: "\f104"; }
.icon-angle-right:before {
content: "\f105"; }
.icon-angle-up:before {
content: "\f106"; }
.icon-angle-down:before {
content: "\f107"; }
.icon-desktop:before {
content: "\f108"; }
.icon-laptop:before {
content: "\f109"; }
.icon-tablet:before {
content: "\f10a"; }
.icon-mobile-phone:before {
content: "\f10b"; }
.icon-circle-blank:before {
content: "\f10c"; }
.icon-quote-left:before {
content: "\f10d"; }
.icon-quote-right:before {
content: "\f10e"; }
.icon-spinner:before {
content: "\f110"; }
.icon-circle:before {
content: "\f111"; }
.icon-reply:before {
content: "\f112"; }
.icon-github-alt:before {
content: "\f113"; }
.icon-folder-close-alt:before {
content: "\f114"; }
.icon-folder-open-alt:before {
content: "\f115"; }
.icons-sprite, .site-header-wrapper .search-remove span, .slider-front-page .flex-direction-nav .flex-prev, .slider-front-page .flex-direction-nav .flex-next {
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/icons-s0e7bcd3125.png) no-repeat; } .hidden, [hidden] {
display: none !important; }
.small {
line-height: 1.61071;
font-size: 14px;
font-size: 0.93333rem;
line-height: 1.5; }
.aligncenter,
div.aligncenter {
display: block;
margin: 11.25px auto;
margin:  0.75rem auto; }
.alignright {
float: right;
margin: 0 0 22.5px 22.5px;
margin:  0 0 1.5rem 1.5rem; }
.alignleft {
float: left;
margin: 0 22.5px 22.5px 0;
margin:  0 1.5rem 1.5rem 0; }
.aligncenter {
display: block;
margin: 11.25px auto;
margin:  0.75rem auto; }
img {
height: auto; }
.icon {
margin-right: 15px; }
.icon.circle {
float: left;
display: block;
padding: 15px 11.25px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
background-color: black;
background-color: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px inset;
box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px inset; }
.icon.circle img {
margin: 0;
padding: 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignleft {
margin: 4px 15px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
.archive .post.sticky {
background-color: #f5f5f5;
padding: 10px 20px;
padding:  0.66667rem 1.33333rem; }
.gallery-caption {
background-color: #006505; }
.bypostauthor {
background-color: #009cee; }
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto; }
.inline {
display: inline-block; }
.mt1 {
margin-top: 1rem !important; }
.mt2 {
margin-top: 2rem !important; }
.mt3 {
margin-top: 3rem !important; }
.mt4 {
margin-top: 4rem !important; }
.mt-1 {
margin-top: -1rem !important; }
.mt-2 {
margin-top: -2rem !important; }
.mt-3 {
margin-top: -3rem !important; }
.mt-4 {
margin-top: -4rem !important; }
.mb1 {
margin-bottom: 1rem !important; }
.mb2 {
margin-bottom: 2rem !important; }
.mb3 {
margin-bottom: 3rem !important; }
.mb-1 {
margin-bottom: -1rem !important; }
.mb-2 {
margin-bottom: -2.25rem !important; }
.mb-3 {
margin-bottom: -3rem !important; }
.mb-50 {
margin-bottom: -50px !important; }
.well-small {
padding: 15px; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #fff;
border: 0;
border: 1px solid #ededed;
border-bottom-color: #ccc;
display: inline-block;
padding: 6px 0 6px 10px;
padding:  0.4rem 0 0.4rem 0.66667rem;
margin-bottom: 10px;
margin-bottom: 0.66667rem;
line-height: 1.25278;
font-size: 18px;
font-size: 1.2rem;
color: #555;
vertical-align: middle;
width: 100%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }
input[type="submit"] {
float: right;
background: #01a279;
color: #fff;
border: none;
padding: 11.25px 22.5px;
padding:  0.75rem 1.5rem; }
input[type="submit"]:hover {
background: #01a279; }
.white, .white a, .white a:hover {
color: #fff !important;
text-decoration: none;
border: none; }
.clean, .clean a, .clean a:hover {
color: #484848 !important;
text-decoration: none;
border: none; }
.clean a:hover {
opacity: 0.7; }
#nav-open-btn, nav.site-navigation {
display: none; }
.site-header-wrapper {
position: relative; }
.site-header-wrapper .search-remove {
cursor: pointer;
width: 5%;
float: right;
font-size: 30px;
font-size: 2rem;
display: block;
height: 90px;
height: 6rem;
padding-top: 30px;
padding-top: 2rem;
padding-left: 22px;
padding-left: 1.46667rem;
padding-right: 22px;
padding-right: 1.46667rem;
margin-right: 3%;
vertical-align: middle;
text-align: center;
color: #373737;
background: none;
position: relative;
z-index: 10; }
.site-header-wrapper .search-remove span {
width: 27px;
height: 27px;
display: block;
background-position: 0 0; }
@media only screen and (min-width: 86.66667em) {
.site-header-wrapper .search-remove {
margin-right: -6%;
padding-left: 0;
padding-right: 0; } }
.site-header-wrapper .search-remove:hover {
text-decoration: none;
color: white; }
.site-header-wrapper .search-remove:hover span {
background-position: 0 -119px; }
.lt-ie8 .site-header-wrapper .search-remove {
height: auto;
padding-bottom: 15px; }
.site-header-wrapper .search-form {
background-color: #01a279;
position: absolute;
top: -100px;
top: -6.66667rem;
left: 0;
width: 100%;
float: left;
height: 100%;
z-index: 200;
pointer-events: none; }
.site-header-wrapper .search-form .row-background {
background-color: #01a279; }
.site-header-wrapper .search-form .container, .site-header-wrapper .search-form .slider-front-page .flex-direction-nav, .slider-front-page .site-header-wrapper .search-form .flex-direction-nav {
padding: 0 0 0 1.5rem; }
.site-header-wrapper .search-form.is-visible {
text-decoration: none;
background-color: #01a279;
background-position: 0 0;
color: white;
pointer-events: auto;
display: block;
top: 0; }
.site-header-wrapper .search-form.is-visible form {
pointer-events: auto; }
.site-header-wrapper .search-form form {
pointer-events: none;
float: left;
width: 100%; }
.site-header-wrapper .search-form .search-query-wrapper {
width: 70%;
height: 85px;
height: 5.66667rem;
overflow: hidden;
font-family: "BebasNeue", sans-serif;
font-weight: 500; }
.site-header-wrapper .search-form input {
width: 100%;
float: left;
background: none;
color: white;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: 56px;
font-size: 3.73333rem;
line-height: 90px;
line-height: 6rem;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding: 0;
outline: 0;
margin-bottom: 0;
letter-spacing: 2px; }
.site-header-wrapper .search-form input:-moz-placeholder {
color: white; }
.site-header-wrapper .search-form input::-moz-placeholder {
color: white; }
.site-header-wrapper .search-form input:-ms-input-placeholder {
color: white; }
.site-header-wrapper .search-form input::-webkit-input-placeholder {
color: white; }
.site-header-wrapper .search-form button {
background: none;
padding: 0;
border: 0;
margin: 0;
float: right;
width: 18%;
margin-right: 2%;
text-align: right;
font-size: 56px;
font-size: 3.73333rem;
line-height: 90px;
line-height: 6rem;
font-family: "BebasNeue", sans-serif;
font-weight: 500;
position: relative;
z-index: 10; }
.site-header-wrapper .search-form .fancyInput > div span {
font-size: 56px;
font-size: 3.73333rem;
line-height: 90px;
line-height: 6rem; }
nav.site-navigation {
font-family: "Oswald", sans-serif;
line-height: 1.73462;
font-size: 13px;
font-size: 0.86667rem; }
nav.site-navigation.desktop {
display: block; }
nav.site-navigation .search-toggle {
float: right;
cursor: pointer;
display: block;
height: 90px;
height: 6rem;
padding-top: 33px;
padding-top: 2.2rem;
padding-left: 22px;
padding-left: 1.46667rem;
padding-right: 22px;
padding-right: 1.46667rem;
vertical-align: middle;
text-align: center;
color: #a0a0a0;
background-color: white;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #01a279), color-stop(50%, #01a279), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
background-image: -webkit-linear-gradient(#01a279, #01a279 50%, #ffffff 50%, #ffffff);
background-image: -moz-linear-gradient(#01a279, #01a279 50%, #ffffff 50%, #ffffff);
background-image: -o-linear-gradient(#01a279, #01a279 50%, #ffffff 50%, #ffffff);
background-image: linear-gradient(#01a279, #01a279 50%, #ffffff 50%, #ffffff);
-webkit-background-size: 100% 200%;
-moz-background-size: 100% 200%;
-o-background-size: 100% 200%;
background-size: 100% 200%;
background-position: 0 -90px;
background-repeat: repeat-x; }
@media only screen and (max-width: 60em) {
nav.site-navigation .search-toggle {
padding-left: 12px;
padding-left: 0.8rem;
padding-right: 12px;
padding-right: 0.8rem; } }
nav.site-navigation .search-toggle i {
position: relative;
left: 0;
top: -2px;
top: -0.13333rem; }
nav.site-navigation .search-toggle:hover {
text-decoration: none;
background-color: #01a279;
background-position: 0 0;
color: white; }
.lt-ie8 nav.site-navigation .search-toggle {
height: auto;
padding-bottom: 33px; }
nav.site-navigation .site-mainmenu {
height: 90px;
height: 6rem;
margin: 0;
padding: 0;
float: right; }
nav.site-navigation .site-mainmenu > li {
float: left;
height: 90px;
height: 6rem;
position: relative; }
nav.site-navigation .site-mainmenu > li > a {
display: block;
text-transform: uppercase;
height: 90px;
height: 6rem;
padding-top: 33px;
padding-top: 2.2rem;
padding-left: 22px;
padding-left: 1.46667rem;
padding-right: 22px;
padding-right: 1.46667rem;
vertical-align: middle;
text-align: center;
color: #a0a0a0;
background-image: linear-gradient(#f2f2f2, #f2f2f2 50%, #f2f2f2 50%, #f2f2f2);
-webkit-background-size: 100% 200%;
-moz-background-size: 100% 200%;
-o-background-size: 100% 200%;
background-size: 100% 200%;
background-position: 0 100%;
background-repeat: repeat-x; }
@media only screen and (max-width: 60em) {
nav.site-navigation .site-mainmenu > li > a {
padding-left: 12px;
padding-left: 0.8rem;
padding-right: 12px;
padding-right: 0.8rem; } }
nav.site-navigation .site-mainmenu > li > a:hover {
text-decoration: none; }
.lt-ie8 nav.site-navigation .site-mainmenu > li > a {
height: auto;
padding-bottom: 33px; }
nav.site-navigation .site-mainmenu > li:hover > a {
background-color: #01a279;
background-position: 0 0;
color: white; }
nav.site-navigation .site-mainmenu > li.menu-parent-item > a:after {
content: "";
width: 5px;
height: 5px;
display: inline-block;
border-color: #a0a0a0;
border-style: solid;
border-width: 1px 1px 0 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
margin-left: 10px;
margin-left: 0.66667rem;
position: relative;
top: -4px;
top: -0.26667rem;
left: 0; }
nav.site-navigation .site-mainmenu > li.menu-parent-item a:hover:after {
border-color: white; }
nav.site-navigation .site-mainmenu > li.menu-parent-item ul li.menu-parent-item:after {
top: 15px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
border-color: #fff; }
nav.site-navigation .site-mainmenu > li:hover > ul.sub-menu, nav.site-navigation .site-mainmenu > li:hover > ul.sub-menu li:hover > ul.sub-menu {
overflow: visible;
opacity: 1;
height: auto;
margin-top: 0; }
@media only screen and (max-width: 60em) {
nav.site-navigation .site-mainmenu > li:hover > ul.sub-menu, nav.site-navigation .site-mainmenu > li:hover > ul.sub-menu li:hover > ul.sub-menu {
display: block; } }
nav.site-navigation .site-mainmenu > li ul.sub-menu {
overflow: hidden;
opacity: 0;
height: 0;
float: left;
width: 200px;
padding-left: 0;
position: absolute;
top: 90px;
top: 6rem;
left: 0;
margin-top: -10px;
z-index: 99999;
background: #f5f5f5;
-webkit-box-shadow: rgba(50, 50, 50, 0.75) 0 1px 1px;
-moz-box-shadow: rgba(50, 50, 50, 0.75) 0 1px 1px;
box-shadow: rgba(50, 50, 50, 0.75) 0 1px 1px;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
@media only screen and (max-width: 60em) {
nav.site-navigation .site-mainmenu > li ul.sub-menu {
height: auto;
opacity: 1;
display: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none; } }
nav.site-navigation .site-mainmenu > li ul.sub-menu li {
width: 100%; }
nav.site-navigation .site-mainmenu > li ul.sub-menu li:hover a {
text-decoration: none;
border-color: #01a279; }
nav.site-navigation .site-mainmenu > li ul.sub-menu a {
width: 100%;
float: left;
padding: 0.8em 1em;
line-height: 1.3;
color: #a0a0a0;
border-left: 3px solid transparent; }
nav.site-navigation .site-mainmenu > li ul.sub-menu li.menu-parent-item {
position: relative;
float: left; }
nav.site-navigation .site-mainmenu > li ul.sub-menu li.menu-parent-item ul.sub-menu {
left: 100%;
top: 0; }
nav.site-navigation .site-mainmenu > li ul.sub-menu li.menu-parent-item ul.sub-menu li:hover a {
background: #fff; }
nav.site-navigation .site-mainmenu > li ul.sub-menu li.menu-parent-item > a:after {
content: "";
width: 5px;
height: 5px;
display: block;
position: absolute;
top: 16px;
right: 15px;
border-color: #a0a0a0;
border-style: solid;
border-width: 1px 1px 0 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
nav.site-navigation .site-mainmenu > li ul {
left: 100%;
top: 0;
list-style: none; }
@media only screen and (max-width: 89.33333em) {
nav.site-navigation .site-mainmenu > li ul {
width: 225px;
left: -100%; } }
@media only screen and (max-width: 900px) {
#nav-open-btn {
display: block; }
nav.site-navigation {
border-left-width: 0;
display: block;
height: 100%;
width: 70%;
z-index: 9999;
position: absolute;
left: 0;
top: 0;
background: #333333;
-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); }
nav.site-navigation.desktop {
display: none; }
nav.site-navigation .site-mainmenu {
float: left;
width: 100%;
top: 6rem;
position: relative;
height: 100%; }
nav.site-navigation .site-mainmenu li {
float: left;
width: 100%;
height: auto;
border-top: 1px solid #000; }
nav.site-navigation .site-mainmenu li a {
background: #484848;
background-image: none !important;
line-height: 1.025;
font-size: 22px;
font-size: 1.46667rem;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
float: left;
width: 100%;
height: auto;
padding: 1rem 1rem 1rem 2rem;
color: #fff;
text-align: left;
border-top: none; }
nav.site-navigation .site-mainmenu li:hover {
border-color: #000; }
nav.site-navigation .site-mainmenu li:hover ul.sub-menu {
display: none; }
nav.site-navigation .site-mainmenu li.menu-parent-item {
position: relative; }
nav.site-navigation .site-mainmenu li.menu-parent-item a:after {
width: 10px;
height: 10px;
position: absolute;
top: 18px;
top: 1.2rem;
right: 20px;
right: 1.33333rem;
border-color: #fafafa;
left: auto; }
nav.site-navigation .site-mainmenu li.active a {
background: #01a279; }
nav.site-navigation .site-mainmenu li.active a:after {
top: 24px;
top: 1.6rem;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg); }
nav.site-navigation .site-mainmenu li.active ul.sub-menu {
display: block; }
nav.site-navigation .site-mainmenu li ul.sub-menu {
top: 0;
left: 0 !important;
width: 100%;
margin: 0;
float: left;
position: relative;
display: none;
height: auto;
opacity: 1; }
nav.site-navigation .site-mainmenu li ul.sub-menu li {
background: #282828; }
nav.site-navigation .site-mainmenu li ul.sub-menu li:hover {
background: black; }
nav.site-navigation .site-mainmenu li ul.sub-menu li.menu-parent-item a:after {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
top: 1.2rem;
right: 2rem; }
nav.site-navigation .site-mainmenu li ul.sub-menu a {
background: #373737;
color: #fff;
padding-left: 3rem; }
nav.site-navigation .site-mainmenu li ul.sub-menu ul.sub-menu a {
padding-left: 4rem; }
nav.site-navigation .site-mainmenu li ul.sub-menu ul.sub-menu li:hover a {
background: black !important; }
.nav-btn {
z-index: 100;
display: block;
width: 60px;
width: 4rem;
height: 50px;
height: 3.33333rem;
padding: 0;
border: 0;
outline: none;
background: #01a279 url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/nav-icon.svg) center center no-repeat;
background-size: 30px 24px;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
right: 1rem; }
.no-svg .nav-btn {
background-image: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/nav-icon.png); }
.nav-btn:hover, .nav-btn:focus {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.menu-toggle .nav-btn {
margin-top: 20px;
margin-top: 1.33333rem; }
#nav-close-btn {
background: #333333 url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/close-btn.svg) center center no-repeat;
left: 1.5rem;
top: 1.5rem; }
.no-svg #nav-close-btn {
background-image: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/close-btn.png); }
.csstransforms3d.csstransitions #page {
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden; }
.csstransforms3d.csstransitions .site-navigation {
left: 0;
margin-left: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
-webkit-transition-delay: ease, 0s;
-moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
-o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
transition: opacity 300ms 100ms ease, transform 500ms ease;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%; }
.csstransforms3d.csstransitions.js-nav #page {
-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); }
.csstransforms3d.csstransitions.js-nav .site-navigation {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; } }
@media only screen and (max-width: 900px) and (max-width: 29em) {
.menu-toggle .nav-btn {
margin-top: 19px;
margin-top: 1.26667rem; } }
@media only screen and (max-width: 400px) {
.site-branding .site-logo {
max-height: auto; } }
.footer-menu {
line-height: 1.61071;
font-size: 14px;
font-size: 0.93333rem; }
.footer-menu .menu-main-navigation-container {
float: right; }
.footer-menu ul {
float: right;
margin: 0; }
.footer-menu ul li {
float: left;
list-style: none; }
.footer-menu ul li:last-child:after {
content: "";
padding: 0; }
.footer-menu ul li a {
color: #d9d9d9;
padding: 0 0 0 22.5px;
padding:  0 0 0 1.5rem; }
.footer-menu ul li a:hover {
color: #fff; }
.paging-navigation .nav-previous {
float: left; }
.paging-navigation .nav-next {
float: right; }
.sidebar ul {
margin: 0;
padding-left: 0;
list-style: none; }
.sidebar li {
padding: 6px 0;
padding:  0.4rem 0;
border-bottom: 1px solid #f0f0f0; }
.sidebar li:last-child {
border-bottom: none; }
.sidebar-footer .quote {
padding-bottom: 0; }
.widget-area {
padding: 0 0 35px 40px;
padding:  0 0 2.33333rem 2.66667rem;
color: #373737; }
.widget-area.sidebar-left {
padding: 0 40px 35px 0;
padding:  0 2.66667rem 2.33333rem 0; }
@media only screen and (max-width: 60em) {
.widget-area {
padding: 0 !important; } }
.widget {
padding: 0 0 22.5px;
padding:  0 0 1.5rem;
float: left;
width: 100%; }
.widget span.small, .widget span.post-date {
font-size: 15px;
font-size: 1rem;
line-height: 25px;
line-height: 1.66667rem;
color: #f0f0f0; }
.widget a {
color: #373737; }
.widget a:hover {
color: #01a279;
text-decoration: none; }
.widget select {
width: 100%;
margin: 1rem 0;
padding: 3px;
line-height: 1.5;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/arrow_down.png) top right no-repeat; }
.widget.widget_nav_menu ul.sub-menu {
padding-left: 20px;
border-bottom: none; }
.widget.widget_recent_comments {
color: #a0a0a0; }
.widget.widget_tag_cloud ul {
float: left;
width: 100%;
padding-bottom: 5px; }
.widget.widget_tag_cloud ul li {
width: 50%;
float: left;
margin: 0;
text-transform: capitalize; }
.widget.widget_tag_cloud ul li:nth-last-child(2) {
border-bottom: none; }
.widget.widget_tag_cloud ul li a:hover {
color: #01a279; }
.widget.widget_wpgrade_social_links .social-links {
margin: 0;
padding-left: 0;
list-style: none;
border: none; }
.widget.widget_wpgrade_social_links .social-links li {
float: left;
border-bottom: 0; }
.widget.widget_wpgrade_social_links .social-links a {
display: inline-block;
float: left;
width: 48px;
height: 48px;
margin-right: 12px;
margin-bottom: 12px; }
.widget.widget_calendar table {
width: 100%;
text-align: left; }
.widget.contact .alignleft {
margin-right: 7px; }
.widget.contact .block {
display: block;
padding-left: 30px; }
.widget-title {
margin: 0;
padding-top: 10.25px;
padding-top: 0.68333rem;
border-top: 1px solid #d9d9d9;
color: black;
line-height: 1.50167;
font-size: 30px;
font-size: 2rem;
text-transform: uppercase; }
.widget-title small {
text-transform: capitalize;
color: #d9d9d9; }
.portfolio_single_gallery ul {
list-style: none;
margin: 0; }
.portfolio_single_gallery li {
float: left;
margin: 0;
list-style: none; }
.portfolio_single_gallery li img {
float: left;
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.portfolio_single_gallery li.big {
width: 66.6%; }
.portfolio_single_gallery li.big a .title div span {
line-height: 1.12562;
font-size: 80px;
font-size: 5.33333rem; }
.portfolio_single_gallery li.xbig {
width: 100%; }
.portfolio_single_gallery li.xbig a .title div span {
line-height: 1.12562;
font-size: 80px;
font-size: 5.33333rem; }
.portfolio_single_gallery li.small {
width: 33.3%; }
.portfolio_single_gallery li.medium {
width: 50%; }
@media only screen and (max-width: 60em) {
.portfolio_single_gallery li.big {
width: 100%; }
.portfolio_single_gallery li.medium, .portfolio_single_gallery li.small {
width: 50%; } }
.portfolio_single_gallery li:hover .zoom-image i {
opacity: 1; }
.portfolio_single_gallery li:hover img {
opacity: 0.8; }
.portfolio_single_gallery li a .zoom-image {
position: absolute;
top: 10px;
left: 10px; }
.portfolio_single_gallery li a .zoom-image i {
color: #fff;
line-height: 1.28714;
font-size: 35px;
font-size: 2.33333rem;
opacity: 0;
z-index: 1;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.portfolio_single_gallery li a {
overflow: hidden;
display: block;
position: relative;
width: 100%;
height: auto;
color: #fff;
display: block;
border: 4px solid #fff;
padding: 0px; }
.portfolio_single_gallery li a .title {
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
margin: 0;
display: table-row;
font-family: "BebasNeue", sans-serif;
font-weight: 500;
text-align: center;
line-height: 1.40729;
font-size: 48px;
font-size: 3.2rem;
opacity: 0; }
.portfolio_single_gallery li a .title > div {
display: table;
width: 100%;
height: 100%; }
.portfolio_single_gallery li a .title span {
display: table-cell;
vertical-align: middle;
padding: 0 10%;
font-family: "Times New Roman", Times, serif;
line-height: 1.351;
font-size: 50px;
font-size: 3.33333rem; }
.portfolio_single_gallery li a .border {
position: absolute;
top: 0;
left: 0;
z-index: 10;
padding: 4px;
width: 100%;
height: 100%;
display: block;
opacity: 0; }
.portfolio_single_gallery li a .border span {
border: 1px solid #fff;
width: 100%;
height: 100%;
display: block; }
.portfolio_single_gallery li:hover a .title {
opacity: 1; }
.portfolio_single_gallery li:hover a .border {
padding: 8px;
opacity: 1; }
.navigation-portfolio a span {
display: none; }
.wrapper.portfolio_archive {
padding-bottom: 67.5px;
padding-bottom: 4.5rem; }
.navigation-portfolio {
padding-bottom: 11.25px;
padding-bottom: 0.75rem; }
.navigation-portfolio a {
color: #373737; }
.navigation-portfolio a i {
font-size: 14px;
padding: 10px 6px; }
.navigation-portfolio a:hover {
text-decoration: none;
color: #01a279; }
#portfolio-nav {
display: none; } #infscr-loading {
display: none; }
.load_more {
text-align: center;
margin-top: 30px;
margin-top: 2rem;
margin-bottom: 40px;
margin-bottom: 2.66667rem; }
.load_more a {
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.load_more a h2 {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.load_more a:before {
content: '';
display: block;
margin: 0 auto 10px;
width: 100px;
height: 9px;
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/loader2.gif) top center no-repeat;
opacity: 0; }
.load_more a:hover {
text-decoration: none; }
.load_more a:hover h2 {
color: #484848; }
.load_more a.loading h2 {
color: #484848; }
.load_more a.loading:before {
opacity: 1; }
.load_more a.hidden {
opacity: 0; }
@media only screen and (min-width: 60em) {
.l_portfolio_content.fade_in {
opacity: 0;
margin-top: 22.5px;
margin-top: 1.5rem;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.js-ready .l_portfolio_content.fade_in {
opacity: 1;
margin-top: 0; } }
#comments {
padding-left: 0;
border-right: 0;
margin-left: 0; }
#comments ol li:before {
display: none; }
#comments .children {
padding-top: 22.5px;
padding-top: 1.5rem;
padding-left: 92.5px;
padding-left: 6.16667rem; }
#comments .children .comment {
border-bottom: 0; }
#comments .children .comment:last-child {
padding-bottom: 0; }
#reply-title {
margin-bottom: 15px;
margin-bottom: 1rem; }
.commentlist {
margin-top: 0;
list-style: none;
padding-left: 0; }
.comment {
position: relative;
padding-bottom: 22.5px;
padding-bottom: 1.5rem;
padding-top: 22.5px;
padding-top: 1.5rem;
border-bottom: 1px solid #ddd;
line-height: 1.50333;
font-size: 15px;
font-size: 1rem; }
.comment:hover .comment-reply-link {
text-decoration: none; }
.reply {
position: absolute;
top: 25px;
top: 1.66667rem;
right: 0; }
.comment-reply-link {
display: block;
color: #d9d9d9;
line-height: 1.73462;
font-size: 13px;
font-size: 0.86667rem;
float: right;
font-weight: normal;
text-transform: uppercase; }
.comment-author {
line-height: 1.40938;
font-size: 16px;
font-size: 1.06667rem;
margin-bottom: 10px;
margin-bottom: 0.66667rem;
color: black;
font-size: 19px;
font-size: 1.26667rem;
font-weight: bold;
line-height: 1; }
.comment-author .fn {
font-style: normal; }
.comment-author .fn a {
color: #373737; }
.comment-author time {
text-transform: uppercase;
font-weight: normal;
line-height: 1.73462;
font-size: 13px;
font-size: 0.86667rem;
margin: 0 11.25px;
margin:  0 0.75rem; }
.comment-author time a {
color: #484848; }
.comment-edit-link {
display: none;
line-height: 1.73462;
font-size: 13px;
font-size: 0.86667rem; }
.comment article:hover .comment-edit-link {
display: inline; }
.comment_content p:last-child {
margin-bottom: 0; }
.comment-author-avatar {
float: left; }
.comment-author-avatar .avatar {
width: 70px;
width: 4.66667rem;
height: 70px;
height: 4.66667rem;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.comment-date {
color: #a0a0a0;
font-size: 14px;
font-size: 0.93333rem; }
.comment-date:hover {
color: #a0a0a0; }
#author, #email, #comment {
max-width: 100%;
width: 100%; }
.comment-form-author {
border-right: 17.5px solid transparent; }
.comment-form-email {
border-left: 17.5px solid transparent;
margin-top: 0; }
#commentform p.comment-form-email {
margin-top: 0; }
.form-submit {
text-align: right; }
.comment-form-author, .comment-form-email {
width: 50%;
float: left;
display: inline-block; }
.bypostauthor {
background: white; }
#respond {
font-size: 16px;
font-size: 1.06667rem;
margin-top: 22.5px;
margin-top: 1.5rem; }
#comment {
height: 150px;
max-width: 100%; }
#cancel-comment-reply-link {
margin-left: 22.5px;
margin-left: 1.5rem;
color: #d9d9d9; }
.sidebar-footer hr {
border-color: #d9d9d9; }
.wrapper.site-footer-wrapper {
background: #373737;
color: #fafafa;
width: 100%; }
.wrapper.site-footer-wrapper .widget-area {
padding: 0;
color: #f0f0f0; }
.wrapper.site-footer-wrapper .widget-area .widget-title {
line-height: 1.50333;
font-size: 15px;
font-size: 1rem;
font-weight: bold;
font-family: "Open Sans", sans-serif;
margin: 11.25px 0 0;
margin:  0.75rem 0 0;
border-top: 0;
padding: 0 0 11.25px;
padding:  0 0 0.75rem;
line-height: 1.5;
text-transform: uppercase;
color: #f0f0f0; }
.wrapper.site-footer-wrapper .widget-area .widget li {
border: none; }
.wrapper.site-footer-wrapper .widget-area a {
color: #01a279; }
.wrapper.site-footer-wrapper .widget-area form {
position: relative; }
.wrapper.site-footer-wrapper .widget-area input {
margin-bottom: 0;
border: 0;
line-height: 1.40938;
font-size: 16px;
font-size: 1.06667rem;
padding: 8px 11px;
padding:  0.53333rem 0.73333rem; }
.wrapper.site-footer-wrapper .widget-area input.email {
width: 100%; }
.wrapper.site-footer-wrapper .widget-area input[type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 8px 11px;
padding:  0.53333rem 0.73333rem; }
.site-info.wrapper {
background: #202020;
color: white; }
.copyright {
line-height: 1.61071;
font-size: 14px;
font-size: 0.93333rem; }
.copyright a {
color: white; }
.copyright p {
float: left;
margin: 0; }
.footer-menu {
text-align: right; }
.footer-menu ul {
float: right; }
@media only screen and (max-width: 900px) {
.site-info .copyright p {
width: 100%;
text-align: center; }
.site-info .footer-menu ul {
width: 100%; } }
.slider-front-page {
width: 100%;
height: 585px;
height: 39rem;
overflow: hidden;
position: relative; }
.slider-front-page .flex-slider {
position: relative; }
.slider-front-page .slides {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
margin-bottom: 0; }
.slider-front-page .slide, .slider-front-page .flex-viewport {
display: block;
width: 100%;
opacity: 0;
z-index: 1;
position: relative;
overflow: hidden;
height: 585px;
height: 39rem; }
.slider-front-page .slide {
-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); }
.slider-front-page .slide.s-hidden .slide-content > div {
visibility: hidden; }
.slider-front-page .flex-direction-nav {
pointer-events: none;
position: relative;
z-index: 50; }
.slider-front-page .flex-prev, .slider-front-page .flex-next {
text-indent: -9999em;
pointer-events: auto; }
.lt-ie8 .slider-front-page .flex-prev, .lt-ie8 .slider-front-page .flex-next {
background-color: #484848; }
.slider-front-page .slide-content {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
-o-perspective: 1000;
perspective: 1000; }
.slider-front-page .slide-content.s-video {
float: left;
width: 100%;
position: relative; }
.slider-front-page hgroup, .slider-front-page h1, .slider-front-page h2, .slider-front-page h3, .slider-front-page h4, .slider-front-page h5, .slider-front-page h6 {
color: white; }
.slider-front-page .alpha, .slider-front-page h1, .slider-front-page .entry-title {
line-height: 1.00491;
font-size: 112px;
font-size: 7.46667rem; }
.slider-front-page .beta, .slider-front-page h2, .slider-front-page .archive-article-title {
line-height: 1.0118;
font-size: 89px;
font-size: 5.93333rem; }
.slider-front-page .gama, .slider-front-page h3 {
line-height: 1.18509;
font-size: 57px;
font-size: 3.8rem; }
.slider-front-page .delta, .slider-front-page h4, .slider-front-page .archive-title {
line-height: 1.18509;
font-size: 57px;
font-size: 3.8rem; }
.slider-front-page .epsylon, .slider-front-page h5 {
line-height: 1.46848;
font-size: 46px;
font-size: 3.06667rem; }
.slider-front-page .zeta, .slider-front-page h6 {
line-height: 1.21757;
font-size: 37px;
font-size: 2.46667rem; }
@media only screen and (max-width: 60em) {
.slider-front-page .alpha, .slider-front-page h1, .slider-front-page .entry-title {
line-height: 1.25069;
font-size: 72px;
font-size: 4.8rem; }
.slider-front-page .beta, .slider-front-page h2, .slider-front-page .archive-article-title {
line-height: 1.18509;
font-size: 57px;
font-size: 3.8rem; }
.slider-front-page .gama, .slider-front-page h3 {
line-height: 1.46848;
font-size: 46px;
font-size: 3.06667rem; }
.slider-front-page .delta, .slider-front-page h4, .slider-front-page .archive-title {
line-height: 1.55345;
font-size: 29px;
font-size: 1.93333rem; }
.slider-front-page .epsylon, .slider-front-page h5 {
line-height: 1.55345;
font-size: 29px;
font-size: 1.93333rem; }
.slider-front-page .zeta, .slider-front-page h6 {
line-height: 1.9587;
font-size: 23px;
font-size: 1.53333rem; } }
.slider-front-page .flex-active-slide {
opacity: 1;
z-index: 2; }
.slider-front-page .flex-active-slide .slide-content > div {
visibility: visible; }
nav.site-navigation {
font-weight: 200;
letter-spacing: 2px; }
@font-face {
font-family: "NewCicleGordita";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita-webfont.eot);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita-webfont.eot?#iefix) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita-webfont.woff) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita-webfont.ttf) format("truetype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "NewCicleGordita";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; } }
@font-face {
font-family: "NewCicleGordita";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita_Italic-webfont.eot);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita_Italic-webfont.eot?#iefix) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita_Italic-webfont.woff) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita_Italic-webfont.ttf) format("truetype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita_Italic-webfont.svg) format("svg");
font-weight: normal;
font-style: italic; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "NewCicleGordita";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Gordita_Italic-webfont.svg) format("svg");
font-weight: normal;
font-style: italic; } }
@font-face {
font-family: "NewCicleGordita";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Fina-webfont.eot);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Fina-webfont.eot?#iefix) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Fina-webfont.woff) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Fina-webfont.ttf) format("truetype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Fina-webfont.svg) format("svg");
font-weight: lighter;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "NewCicleGordita";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font1/New_Cicle_Fina-webfont.svg) format("svg");
font-weight: lighter;
font-style: normal; } }
@font-face {
font-family: "NewCicleGordita";
font-style: normal;
font-weight: 700;
src: local("PT Sans Bold"), local("PTSans-Bold"), url(http://themes.googleusercontent.com/static/fonts/ptsans/v4/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format("woff"); }
.font1 body, .font1 .wpb_teaser_grid_portfolio h2.post-title a {
font-family: "NewCicleGordita", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: lighter; }
.font1 body hgroup, .font1 body h1, .font1 body h2, .font1 body h3, .font1 body h4, .font1 body h5, .font1 body h6, .font1 body h2.wpb_heading,
.font1 .testimonial-title, .font1 .testimonial-author-name,
.font1 blockquote, .font1 .charset {
font-family: "NewCicleGordita", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.font1 .ampersand {
font-family: Georgia, "Constantia", serif;
line-height: 1; }
@font-face {
font-family: "Bodoni";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font2/bodonixt-webfont.eot);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font2/bodonixt-webfont.eot?#iefix) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font2/bodonixt-webfont.woff) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font2/bodonixt-webfont.ttf) format("truetype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font2/bodonixt-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "Bodoni";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font2/bodonixt-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; } }
.font2 body, .font2 .wpb_teaser_grid_portfolio h2.post-title a {
font-family: "PT Sans", Arial, sans-serif; }
.font2 body hgroup, .font2 body h1, .font2 body h2, .font2 body h3, .font2 body h4, .font2 body h5, .font2 body h6, .font2 body h2.wpb_heading,
.font2 .testimonial-title, .font2 .testimonial-author-name,
.font2 blockquote, .font2 .charset {
font-family: "Bodoni", Georgia, serif; }
.font2 .ampersand {
font-family: Georgia, "Constantia", serif;
line-height: 1; }
@font-face {
font-family: "BebasNeue";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font3/bebasneue-webfont.eot);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font3/bebasneue-webfont.eot?#iefix) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font3/bebasneue-webfont.woff) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font3/bebasneue-webfont.ttf) format("truetype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font3/bebasneue-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "BebasNeue";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font3/bebasneue-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; } }
.font3 body, .font3 .wpb_teaser_grid_portfolio h2.post-title a {
font-family: "NewCicleGordita", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: lighter; }
.font3 body hgroup, .font3 body h1, .font3 body h2, .font3 body h3, .font3 body h4, .font3 body h5, .font3 body h6, .font3 body h2.wpb_heading,
.font3 .testimonial-title, .font3 .testimonial-author-name,
.font3 blockquote, .font3 .charset {
font-family: "BebasNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase; }
.font3 .ampersand {
font-family: "BebasNeue", Georgia, "Constantia", serif;
line-height: 1; }
@font-face {
font-family: "ChunkFive";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font4/chunkfive-webfont.eot);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font4/chunkfive-webfont.eot?#iefix) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font4/chunkfive-webfont.woff) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font4/chunkfive-webfont.ttf) format("truetype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font4/chunkfive-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "ChunkFive";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font4/chunkfive-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; } }
.font4 body, .font4 .wpb_teaser_grid_portfolio h2.post-title a {
font-family: Georgia, "Constantia", serif;
font-weight: lighter; }
.font4 body hgroup, .font4 body h1, .font4 body h2, .font4 body h3, .font4 body h4, .font4 body h5, .font4 body h6, .font4 body h2.wpb_heading,
.font4 .testimonial-title, .font4 .testimonial-author-name,
.font4 blockquote, .font4 .charset {
font-family: "ChunkFive", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.font4 .ampersand {
font-family: Georgia, "Constantia", serif;
line-height: 1; }
@font-face {
font-family: "Oswald";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font5/oswald-regular-webfont.eot);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font5/oswald-regular-webfont.eot?#iefix) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font5/oswald-regular-webfont.woff) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font5/oswald-regular-webfont.ttf) format("truetype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font5/oswald-regular-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "Oswald";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font5/oswald-regular-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; } }
.font5 body, .font5 .wpb_teaser_grid_portfolio h2.post-title a {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.font5 body hgroup, .font5 body h1, .font5 body h2, .font5 body h3, .font5 body h4, .font5 body h5, .font5 body h6, .font5 body h2.wpb_heading,
.font5 .testimonial-title, .font5 .testimonial-author-name,
.font5 blockquote, .font5 .charset {
font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase; }
.font5 .ampersand {
font-family: Georgia, "Constantia", serif;
line-height: 1; }
@font-face {
font-family: "Pacifico";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font6/pacifico-webfont.eot);
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font6/pacifico-webfont.eot?#iefix) format("embedded-opentype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font6/pacifico-webfont.woff) format("woff"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font6/pacifico-webfont.ttf) format("truetype"), url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font6/pacifico-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "Pacifico";
src: url(//www.firstcomm-me.com/wp-content/themes/senna/library/css/fonts/font6/pacifico-webfont.svg) format("svg");
font-weight: normal;
font-style: normal; } }
.font6 body, .font6 .wpb_teaser_grid_portfolio h2.post-title a {
font-family: "PT Sans", Arial, sans-serif; }
.font6 body hgroup, .font6 body h1, .font6 body h2, .font6 body h3, .font6 body h4, .font6 body h5, .font6 body h6, .font6 body h2.wpb_heading,
.font6 .testimonial-title, .font6 .testimonial-author-name,
.font6 blockquote, .font6 .charset {
font-family: "Pacifico", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.font6 .ampersand {
font-family: Georgia, "Constantia", serif;
line-height: 1; }
.slider-front-page {
height: 585px;
height: 39rem;
top: -30px;
top: -2rem;
margin-bottom: -30px;
margin-bottom: -2rem;
background: #222; }
.slider-front-page .slide, .slider-front-page .flex-viewport {
height: 585px;
height: 39rem; }
.slider-front-page .slide {
-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); }
.slider-front-page .flex-direction-nav {
height: 585px;
height: 39rem;
top: -585px;
top: -39rem;
left: 0;
margin-bottom: 0; }
.slider-front-page .flex-direction-nav .flex-prev, .slider-front-page .flex-direction-nav .flex-next {
position: absolute;
width: 45px;
width: 3rem;
height: 45px;
height: 3rem;
border: 1px solid transparent;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.slider-front-page .flex-direction-nav .flex-prev:hover, .slider-front-page .flex-direction-nav .flex-next:hover {
border-width: 2px; }
.lt-ie8 .slider-front-page .flex-direction-nav .flex-prev, .lt-ie8 .slider-front-page .flex-direction-nav .flex-next {
background-color: #484848; }
@media only screen and (min-width: 49em) and (max-width: 666.6em) {
.slider-front-page .flex-direction-nav .flex-prev, .slider-front-page .flex-direction-nav .flex-next {
background: transparent; } }
.slider-front-page .flex-direction-nav .flex-prev {
bottom: 112.5px;
bottom: 7.5rem;
right: 45px;
right: 3rem;
border-bottom-color: white;
border-left-color: white;
background-position: 0 -27px; }
.slider-front-page .flex-direction-nav .flex-prev:hover {
margin-bottom: -5px;
margin-right: 5px; }
.slider-front-page .flex-direction-nav .flex-next {
top: 90px;
top: 6rem;
right: 45px;
right: 3rem;
border-top-color: white;
border-right-color: white;
background-position: 0 -73px; }
.slider-front-page .flex-direction-nav .flex-next:hover {
margin-top: -5px;
margin-right: -5px; }
@media only screen and (min-width: 0) and (max-width: 49em) {
.slider-front-page .flex-direction-nav {
width: auto;
float: right;
height: 45px;
height: 3rem;
bottom: 67.5px;
bottom: 4.5rem;
top: auto; }
.slider-front-page .flex-direction-nav li {
float: left;
margin-left: 7.5px;
margin-left: 0.5rem; }
.slider-front-page .flex-direction-nav .flex-prev, .slider-front-page .flex-direction-nav .flex-next {
position: relative;
bottom: 0;
top: 0;
right: 0;
display: block;
width: 46px;
height: 46px;
border: none;
background-color: #222; }
.slider-front-page .flex-direction-nav .flex-prev:hover, .slider-front-page .flex-direction-nav .flex-next:hover {
margin: 0;
background-color: #515151; } }
@media only screen and (min-width: 30em) and (max-width: 49em) {
.slider-front-page, .slider-front-page .slide, .slider-front-page .flex-viewport {
height: 562.5px;
height: 37.5rem; }
.slider-front-page .featured-image {
height: 562.5px;
height: 37.5rem; } }
@media only screen and (min-width: 0) and (max-width: 30em) {
.slider-front-page, .slider-front-page .slide, .slider-front-page .flex-viewport {
height: 382.5px;
height: 25.5rem; }
.slider-front-page .featured-image {
height: 382.5px;
height: 25.5rem; } }
.slider-front-page .slide-content {
margin-top: 110px;
margin-top: 7.33333rem;
color: white;
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 0.8);
-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 0.8);
-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 0.8);
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 0.8); }
.slider-front-page .slide-content.s-video .slide-video {
width: 55%;
float: left; }
.slider-front-page .slide-content.s-video .slide-content-wrapper {
width: 40%;
margin-left: 3%;
float: left; }
@media only screen and (min-width: 0) and (max-width: 49em) {
.slider-front-page .slide-content.s-video .slide-video, .slider-front-page .slide-content.s-video .slide-content-wrapper {
width: 100%;
margin: 0; }
.slider-front-page .slide-content.s-video .slide-content-wrapper *:not(.btn) {
display: none; }
.slider-front-page .slide-content.s-video .slide-content-wrapper .btn {
margin-top: 0; } }
@media only screen and (min-width: 0) and (max-width: 49em) {
.slider-front-page .slide-content {
height: 382.5px;
height: 25.5rem;
margin-top: 50px;
margin-top: 3.33333rem;
width: 100%; }
.slider-front-page .slide-content .btn-slider {
margin-top: 22.5px;
margin-top: 1.5rem;
padding: 12px 20px;
padding:  0.8rem 1.33333rem;
position: absolute;
bottom: 72px;
bottom: 4.8rem;
background: #222;
border-color: #222;
font-size: 13px; } }
@media only screen and (min-width: 30em) and (max-width: 49em) {
.slider-front-page .slide-content {
height: 562.5px;
height: 37.5rem; } }
.slider-front-page hgroup, .slider-front-page h1, .slider-front-page h2, .slider-front-page h3, .slider-front-page h4, .slider-front-page h5, .slider-front-page h6 {
color: white; }
.slider-front-page .flex-active-slide .slide-content {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
.slider-front-page .slider-pattern {
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/slider_pattern.png);
width: 100%;
height: 13px;
position: absolute;
left: 0;
bottom: 40px;
bottom: 2.66667rem;
z-index: 50; }
@media only screen and (min-width: 0) and (max-width: 49em) {
.slider-front-page .slider-pattern {
display: none; } }
html.bw-images .featured-image1, html.bw-images .portfolio_frontpage article ul li:not(.text), html.bw-images .portfolio_archive article ul li:not(.big) {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
html.bw-images #board article ul li:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0); }
html.bw-images .portfolio_frontpage article:hover ul li,
html.bw-images .portfolio_archive article:hover ul li {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0); }
html.bw-images .portfolio_frontpage article ul li.xbig,
html.bw-images .portfolio_archive article ul li.xbig {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0); }
.grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%); }
@keyframes caret {
50% {
opacity: 0.1;
transform: scaleY(1); } }
@-webkit-keyframes caret {
100% {
opacity: 0.1;
-webkit-transform: scaleY(1); } }
.fancyInput :-moz-placeholder {
color: rgba(255, 255, 255, 0.2); } .fancyInput :-webkit-placeholder {
color: rgba(255, 255, 255, 0.2); }
.fancyInput {
position: relative; }
.fancyInp1ut.textarea {
white-space: normal;
overflow: auto; }
.fancyInput input, .fancyInput textarea {
color: transparent !important;
position: absolute;
z-index: 2;
width: 100%;
border: 0;
outline: 0;
top: 0px;
left: 0;
background: none;
padding: inherit;
padding-bottom: 0;
font-size: inherit; }
.fancyInput input {
top: 1px;
left: -1px;
padding-right: 0; }
.fancyInput textarea {
word-break: break-all;
overflow: hidden;
height: 100%; }
.fancyInput > div {
display: inline-block; }
.fancyInput.textarea > div {
width: 99.9%%; }
.fancyInput *:focus ~ .caret, .fancyInput *:focus ~ div .caret {
opacity: .8;
box-shadow: 0 0 0px #FFF;
-webkit-animation: 0.4s 40ms caret infinite;
animation: 0.4s 40ms caret infinite; }
.fancyInput .caret {
font-weight: normal;
opacity: 0;
display: inline-block;
width: 3px;
margin-left: -3px;
background: #FFF;
border-radius: 4px;
-moz-user-select: none;
height: 60px !important;
line-height: auto;
position: absolute;
top: 13px; }
.l-header-small .fancyInput .caret {
height: 40px !important;
line-height: 60px; }
.fancyInput span:not(.deleted) ~ .caret {
line-height: auto;
position: absolute;
margin: 0;
top: 13px; }  .fancyInput > div span {
-webkit-transition: 100ms cubic-bezier(0.08, 0.6, 0.56, 1.4);
transition: 100ms cubic-bezier(0.08, 0.6, 0.56, 1.4);
display: inline-block;
position: relative; }
.fancyInput > input[type=password] + div span:empty::after {
content: '●';
display: inline; }
.fancyInput > div .deleted {
opacity: 0;
-webkit-transition: 140ms;
transition: 140ms;
-webkit-transform: translateX(12px);
transform: translateX(12px); }   .fancyInput > div span.state1 {
-webkit-transform: translateY(-25px) rotateX(90deg);
transform: translateY(-25px) rotateX(90deg); }
.fancyInput > div span.state2 {
-webkit-transform: translateY(25px) rotateX(90deg);
transform: translateY(25px) rotateX(90deg); } .effect2 .fancyInput > div span.state1, .effect2 .fancyInput > div span.state2 {
-webkit-transform: translateX(10px) scale(1.8);
transform: translateX(10px) scale(1.8); }
.effect3 .fancyInput > div span {
-webkit-transition: 200ms cubic-bezier(0.08, 0.6, 0.56, 1.4);
transition: 200ms cubic-bezier(0.08, 0.6, 0.56, 1.4); }
.effect3 .fancyInput > div span.state1, .effect3 .fancyInput > div span.state2 {
opacity: 0;
-webkit-transform: scale(0.4);
transform: scale(0.4);
-webkit-filter: blur(2px); }
.effect4 .fancyInput > div span {
-webkit-transition-duration: 150ms;
transition-duration: 150ms; }
.effect4 .fancyInput > div span.state1, .effect4 .fancyInput > div span.state2 {
opacity: 0;
-webkit-transform: translateY(-60px);
transform: translateY(-60px); }
.effect5 .fancyInput > div span {
-webkit-transition-duration: 150ms;
transition-duration: 150ms; }
.effect5 .fancyInput > div span.state1, .effect5 .fancyInput > div span.state2 {
opacity: 0;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
opacity: 0; }
.l-header-fixed #content {
top: 90px;
top: 6rem;
margin-bottom: 90px;
margin-bottom: 6rem; }
.header-small .l-header-fixed #content {
top: 65px;
top: 4.33333rem;
margin-bottom: 65px;
margin-bottom: 4.33333rem; }
.l-header-fixed #content .page-header-wrapper {
top: -90px;
top: -6rem;
margin-bottom: -90px;
margin-bottom: -6rem;
height: 470px;
height: 31.33333rem; }
.l-header-fixed #content .page-header-wrapper.wrapper-small, .l-header-fixed #content .page-header-wrapper.wrapper-small .featured-image {
height: 325px;
height: 21.66667rem; }
.l-header-fixed #content .page-header-wrapper .container, .l-header-fixed #content .page-header-wrapper .slider-front-page .flex-direction-nav, .slider-front-page .l-header-fixed #content .page-header-wrapper .flex-direction-nav {
top: 90px;
top: 6rem;
position: relative; }
.l-header-fixed .site-header-wrapper {
position: fixed;
width: 100%;
background: #f2f2f2;
height: 95px;
height: 6.33333rem; }
.l-header-fixed .site-header-wrapper .container, .l-header-fixed .site-header-wrapper .slider-front-page .flex-direction-nav, .slider-front-page .l-header-fixed .site-header-wrapper .flex-direction-nav {
height: 100%; }
.l-header-small .site-title {
margin-top: 10px;
margin-top: 0.66667rem; }
.l-header-small #header.site-header-wrapper {
height: 65px !important;
height:  4.33333rem !important;
border-top-width: 0; }
.l-header-small #header nav.site-navigation .site-mainmenu, .l-header-small #header nav.site-navigation .site-mainmenu > li {
height: 65px;
height: 4.33333rem; }
.l-header-small #header nav.site-navigation .site-mainmenu > li > ul.sub-menu {
top: 62px;
top: 4.13333rem; }
.l-header-small #header nav.site-navigation .site-mainmenu > li > a {
height: 65px;
height: 4.33333rem;
padding-top: 22.5px;
padding-top: 1.5rem; }
.l-header-small #header nav.site-navigation .site-mainmenu > li > a:hover {
background-position: 0 0; }
.l-header-small #header nav.site-navigation .search-toggle {
height: 65px;
height: 4.33333rem;
padding-top: 22.5px;
padding-top: 1.5rem; }
.l-header-small #header nav.site-navigation .search-form button, .l-header-small #header nav.site-navigation .search-form input, .l-header-small #header nav.site-navigation .search-form .fancyInput > div span {
line-height: 1.12625;
font-size: 40px;
font-size: 2.66667rem;
line-height: 71px;
line-height: 4.73333rem; }
.l-header-small #header nav.site-navigation .search-form .search-remove {
padding-top: 20px;
padding-top: 1.33333rem; }
.l-header-small #header .site-branding .site-logo-container {
height: auto;
overflow: hidden;
padding-top: 9px;
padding-top: 0.6rem; }
.l-header-small #header .site-branding a, .l-header-small #header .site-branding .site-logo {
max-height: 45px;
max-height: 3rem; }
.l-header-small #header .site-branding .full-sized {
padding-top: 0; }
.l-header-small #header .site-branding .full-sized a, .l-header-small #header .site-branding .full-sized .site-logo {
max-height: 65px; }
.l-header-small #header .menu-toggle .nav-btn {
margin-top: 8px;
margin-top: 0.53333rem; }
.l-header-small #content {
top: 60px;
top: 4rem; }
.social-sprite, .social-link-delicious a, .social-link-digg a, .social-link-dribbble a, .social-link-ember a, .social-link-facebook a, .social-link-flickr a, .social-link-forrst a, .social-link-gplus a, .social-link-lastfm a, .social-link-linkedin a, .social-link-myspace a, .social-link-quora a, .social-link-rss a, .social-link-sharethis a, .social-link-skype a, .social-link-stumbleupon a, .social-link-tumblr a, .social-link-twitter a, .social-link-vimeo a, .social-link-youtube a, .social-link-pinterest a, .social-link-instagram a {
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/social-s7933134f18.png) no-repeat; }
.social-link-delicious a {
background-position: 0 -1296px; }
.social-link-delicious a:hover {
background-position: 0 -1296px; }
.social-link-digg a {
background-position: 0 -1440px; }
.social-link-digg a:hover {
background-position: 0 -1440px; }
.social-link-dribbble a {
background-position: 0 -336px; }
.social-link-dribbble a:hover {
background-position: 0 -336px; }
.social-link-ember a {
background-position: 0 -816px; }
.social-link-ember a:hover {
background-position: 0 -816px; }
.social-link-facebook a {
background-position: 0 -1632px; }
.social-link-facebook a:hover {
background-position: 0 -1632px; }
.social-link-flickr a {
background-position: 0 -768px; }
.social-link-flickr a:hover {
background-position: 0 -768px; }
.social-link-forrst a {
background-position: 0 -528px; }
.social-link-forrst a:hover {
background-position: 0 -528px; }
.social-link-gplus a {
background-position: 0 -288px; }
.social-link-gplus a:hover {
background-position: 0 -288px; }
.social-link-lastfm a {
background-position: 0 -624px; }
.social-link-lastfm a:hover {
background-position: 0 -624px; }
.social-link-linkedin a {
background-position: 0 -384px; }
.social-link-linkedin a:hover {
background-position: 0 -384px; }
.social-link-myspace a {
background-position: 0 -1728px; }
.social-link-myspace a:hover {
background-position: 0 -1728px; }
.social-link-quora a {
background-position: 0 -240px; }
.social-link-quora a:hover {
background-position: 0 -240px; }
.social-link-rss a {
background-position: 0 -576px; }
.social-link-rss a:hover {
background-position: 0 -576px; }
.social-link-sharethis a {
background-position: 0 -912px; }
.social-link-sharethis a:hover {
background-position: 0 -912px; }
.social-link-skype a {
background-position: 0 -432px; }
.social-link-skype a:hover {
background-position: 0 -432px; }
.social-link-stumbleupon a {
background-position: 0 -192px; }
.social-link-stumbleupon a:hover {
background-position: 0 -192px; }
.social-link-tumblr a {
background-position: 0 -1152px; }
.social-link-tumblr a:hover {
background-position: 0 -1152px; }
.social-link-twitter a {
background-position: 0 -720px; }
.social-link-twitter a:hover {
background-position: 0 -720px; }
.social-link-vimeo a {
background-position: 0 -672px; }
.social-link-vimeo a:hover {
background-position: 0 -672px; }
.social-link-youtube a {
background-position: 0 -480px; }
.social-link-youtube a:hover {
background-position: 0 -480px; }
.social-link-pinterest a {
background-position: 0 0px; }
.social-link-pinterest a:hover {
background-position: 0 0; }
.social-link-instagram a {
background-position: 0 -96px; }
.social-link-instagram a:hover {
background-position: 0 -96px; }
.widget_senna_social_links .social-links {
margin: 0;
padding-left: 0;
list-style: none;
border: none; }
.widget_senna_social_links .social-links li {
float: left;
border-bottom: 0; }
.widget_senna_social_links .social-links a {
display: inline-block;
float: left;
width: 48px;
height: 48px;
margin-right: 15px;
margin-bottom: 12px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; }
.single-post .post > p:nth-child(2) {
margin-top: 22.5px;
margin-top: 1.5rem;
line-height: 1.18684;
font-size: 19px;
font-size: 1.26667rem;
line-height: 1.6; }
blockquote {
font-family: "BebasNeue", sans-serif;
color: #b2b2b2;
font-style: normal;
font-weight: lighter;
line-height: 1.25139;
font-size: 36px;
font-size: 2.4rem;
margin: 0 0 11.25px;
margin:  0 0 0.75rem;
padding: 22.5px;
padding: 1.5rem;
border: none; }
blockquote:before {
content: '';
display: block;
margin: 0 auto 25px; }
blockquote p:first-child {
margin-top: 0; }
blockquote p:last-child {
margin-bottom: 0; }
a {
color: #01a279;
text-decoration: none; }
a:hover {
text-decoration: underline; }
b, strong {
line-height: 0; }
hgroup, h1, h2, h3, h4, h5, h6 {
color: #01a279; }
.bigger-headings .alpha, .bigger-headings h1, .bigger-headings .entry-title {
line-height: 1.00491;
font-size: 112px;
font-size: 7.46667rem; }
.bigger-headings .beta, .bigger-headings h2, .bigger-headings .archive-article-title {
line-height: 1.0118;
font-size: 89px;
font-size: 5.93333rem; }
.bigger-headings .gama, .bigger-headings h3 {
line-height: 1.18509;
font-size: 57px;
font-size: 3.8rem; }
.bigger-headings .delta, .bigger-headings h4, .bigger-headings .archive-title {
line-height: 1.18509;
font-size: 57px;
font-size: 3.8rem; }
.bigger-headings .epsylon, .bigger-headings h5 {
line-height: 1.46848;
font-size: 46px;
font-size: 3.06667rem; }
.bigger-headings .zeta, .bigger-headings h6 {
line-height: 1.21757;
font-size: 37px;
font-size: 2.46667rem; }
body:after {
content: "bigger";
display: none; }
.portfolio_items {
width: 100%;
margin-left: 0px; }
.portfolio_items article {
opacity: 0; }
.portfolio_items article ul {
list-style: none;
float: left;
width: 100%;
margin: 0;
padding: 0; }
.portfolio_items article li {
float: left;
margin: 0;
padding: 0;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #01a279; }
.portfolio_items article li a {
overflow: hidden;
display: block;
position: relative;
width: 100%;
height: auto;
color: #fff;
display: block;
border: 4px solid #fff;
padding: 0px; }
.portfolio_items article li a .title {
float: left;
width: 100%;
height: 100%;
margin: 0;
display: table;
font-family: "BebasNeue", sans-serif;
font-weight: 500;
text-align: center;
line-height: 1.40729;
font-size: 48px;
font-size: 3.2rem;
opacity: 0; }
.portfolio_items article li a .title div {
display: table-cell;
vertical-align: middle;
padding: 0 10%; }
.portfolio_items article li a .title hr {
border-color: white;
margin-bottom: 20px;
margin-bottom: 1.33333rem; }
.portfolio_items article li a .video_icon span {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/mediaelement/bigplay.png) no-repeat; }
.portfolio_items article li a .border {
position: absolute;
top: 0;
left: 0;
padding: 4px;
width: 100%;
height: 100%;
display: block;
opacity: 0; }
.portfolio_items article li a .border span {
border: 1px solid #fff;
width: 100%;
height: 100%;
display: block; }
.portfolio_items article li.text a {
font-family: "BebasNeue", sans-serif;
font-weight: 500;
text-align: center;
line-height: 1.40729;
font-size: 48px;
font-size: 3.2rem;
line-height: 3.5;
vertical-align: middle; }
.portfolio_items article li.text a:hover {
text-decoration: none; }
.portfolio_items article li.text .title {
opacity: 1; }
.portfolio_items article li:hover a .title {
opacity: 1; }
.portfolio_items article li:hover a .border {
padding: 8px;
opacity: 1; }
.portfolio_items article li:hover a .video_icon span {
opacity: 0; }
.portfolio_items article {  }
.portfolio_items article {
width: 33.3%; }
.portfolio_items article .small {
width: 33.3%; }
.portfolio_items article .small a {
width: 100%;
height: 150px; }
.portfolio_items article .tall {
width: 33.3%; }
.portfolio_items article .tall a {
height: 300px; }
.portfolio_items article .long {
width: 66.6%; }
.portfolio_items article .long a {
height: 150px; }
.portfolio_items article .big {
width: 66.6%; }
.portfolio_items article .big a {
width: 100%;
height: 300px; }
.portfolio_items article .xbig {
width: 99.9%; }
.portfolio_items article .xbig a {
width: 100%;
height: 450px; }
@media only screen and (max-width: 29em) {
.portfolio_items article { }
.portfolio_items article {
width: 99.9%; }
.portfolio_items article .small {
width: 33.3%; }
.portfolio_items article .small a {
width: 100%;
height: 120px; }
.portfolio_items article .tall {
width: 33.3%; }
.portfolio_items article .tall a {
height: 240px; }
.portfolio_items article .long {
width: 66.6%; }
.portfolio_items article .long a {
height: 120px; }
.portfolio_items article .big {
width: 66.6%; }
.portfolio_items article .big a {
width: 100%;
height: 240px; }
.portfolio_items article .xbig {
width: 99.9%; }
.portfolio_items article .xbig a {
width: 100%;
height: 360px; } }
@media only screen and (min-width: 29em) {
.portfolio_items article { }
.portfolio_items article {
width: 49.95%; }
.portfolio_items article .small {
width: 33.3%; }
.portfolio_items article .small a {
width: 100%;
height: 120px; }
.portfolio_items article .tall {
width: 33.3%; }
.portfolio_items article .tall a {
height: 240px; }
.portfolio_items article .long {
width: 66.6%; }
.portfolio_items article .long a {
height: 120px; }
.portfolio_items article .big {
width: 66.6%; }
.portfolio_items article .big a {
width: 100%;
height: 240px; }
.portfolio_items article .xbig {
width: 99.9%; }
.portfolio_items article .xbig a {
width: 100%;
height: 360px; } }
@media only screen and (min-width: 60em) {
.portfolio_items article { }
.portfolio_items article {
width: 33.3%; }
.portfolio_items article .small {
width: 33.3%; }
.portfolio_items article .small a {
width: 100%;
height: 120px; }
.portfolio_items article .tall {
width: 33.3%; }
.portfolio_items article .tall a {
height: 240px; }
.portfolio_items article .long {
width: 66.6%; }
.portfolio_items article .long a {
height: 120px; }
.portfolio_items article .big {
width: 66.6%; }
.portfolio_items article .big a {
width: 100%;
height: 240px; }
.portfolio_items article .xbig {
width: 99.9%; }
.portfolio_items article .xbig a {
width: 100%;
height: 360px; } }
@media only screen and (min-width: 73.33333em) {
.portfolio_items article { }
.portfolio_items article {
width: 33.3%; }
.portfolio_items article .small {
width: 33.3%; }
.portfolio_items article .small a {
width: 100%;
height: 145px; }
.portfolio_items article .tall {
width: 33.3%; }
.portfolio_items article .tall a {
height: 290px; }
.portfolio_items article .long {
width: 66.6%; }
.portfolio_items article .long a {
height: 145px; }
.portfolio_items article .big {
width: 66.6%; }
.portfolio_items article .big a {
width: 100%;
height: 290px; }
.portfolio_items article .xbig {
width: 99.9%; }
.portfolio_items article .xbig a {
width: 100%;
height: 435px; } }
@media only screen and (min-width: 100em) {
.portfolio_items article { }
.portfolio_items article {
width: 33.3%; }
.portfolio_items article .small {
width: 33.3%; }
.portfolio_items article .small a {
width: 100%;
height: 170px; }
.portfolio_items article .tall {
width: 33.3%; }
.portfolio_items article .tall a {
height: 340px; }
.portfolio_items article .long {
width: 66.6%; }
.portfolio_items article .long a {
height: 170px; }
.portfolio_items article .big {
width: 66.6%; }
.portfolio_items article .big a {
width: 100%;
height: 340px; }
.portfolio_items article .xbig {
width: 99.9%; }
.portfolio_items article .xbig a {
width: 100%;
height: 510px; } }
.portfolio_single_gallery li {
opacity: 0; }
.isotope {
padding: 0 !important; }
.isotope-item {
z-index: 2; }
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1; }
.isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
opacity: 1 !important; }
.isotope-item {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-ms-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity; }
.portfolio_archive .isotope-item {
-webkit-transition-property: all;
-moz-transition-property: all;
-ms-transition-property: all;
-o-transition-property: all;
transition-property: all; }
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope-item.no-transition {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s; }
article.format-video .video-wrap, .video-wrap-singleproject {
position: relative;
padding-bottom: 54.25%;
padding-top: 25px;
height: 0;
margin-bottom: 15px; }
article.format-video .video-wrap iframe, .video-wrap-singleproject iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.mejs-container {
position: relative;
min-width: 150px;
background: none;
font-family: sans-serif;
text-align: left;
vertical-align: top;
margin-bottom: 15px;
min-height: 30px; }
.me-plugin {
position: absolute; }
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden; }
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000; }
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%; } .mejs-background {
position: absolute;
top: 0;
left: 0; }
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.mejs-poster {
position: absolute;
top: 0;
left: 0;
overflow: hidden; }
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
display: block;
width: 100%;
height: auto; }
.mejs-overlay {
position: absolute;
top: 0;
left: 0; }
.mejs-overlay-play {
cursor: pointer; }
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/mediaelement/bigplay.png) no-repeat; }
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px; }
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
margin: -35px 0 0 -35px; }
.mejs-overlay-loading span {
display: block;
width: 70px;
height: 70px;
background: transparent url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/mediaelement/loading.gif) 50% 50% no-repeat;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
overflow: hidden; }  .mejs-container .mejs-controls {
position: absolute;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
height: 30px;
width: 100%;
background: #3a3c3d url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/mediaelement/background.png);
background: -webkit-linear-gradient(#4a4c4d, #2b2d2d);
background: -moz-linear-gradient(#4a4c4d, #2b2d2d);
background: -o-linear-gradient(#4a4c4d, #2b2d2d);
background: -ms-linear-gradient(#4a4c4d, #2b2d2d);
background: linear-gradient(#4a4c4d, #2b2d2d);
list-style: none; }
.mejs-audio .mejs-controls {
border-radius: 3px; }
.mejs-container .mejs-controls div {
list-style-type: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 32px;
height: 30px;
font-size: 11px;
line-height: 11px;
font-family: sans-serif;
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/mediaelement/sep.png) left no-repeat;
border: 0; }
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 7px 0 9px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
background: transparent url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/mediaelement/controls.png) no-repeat; } .mejs-controls .mejs-button button:focus {
outline: solid 1px yellow; }  .mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 8px 8px 5px 10px;
overflow: hidden;
text-align: center;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; }
.mejs-container .mejs-controls .mejs-time span {
font-size: 11px;
color: #fff;
line-height: 12px;
display: block;
float: left;
width: auto; }  .mejs-container .mejs-controls .mejs-playpause-button {
cursor: pointer;
background: none;
width: 30px; }
.mejs-controls .mejs-playpause-button button {
margin: 7px 8px; }
.mejs-controls .mejs-play button {
background-position: 0 0; }
.mejs-controls .mejs-play:hover button {
background-position: 0 -32px; }
.mejs-controls .mejs-pause button {
background-position: 0 -16px; }
.mejs-controls .mejs-pause:hover button {
background-position: 0 -48px; }  .mejs-controls .mejs-stop button {
background-position: -112px 0; }
.mejs-controls .mejs-stop:hover button {
background-position: -112px -32px; }  .mejs-controls div.mejs-time-rail {
width: 200px; }
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 6px;
cursor: pointer; }
.mejs-controls .mejs-time-rail span.mejs-time-current, .mejs-controls .mejs-time-rail span.mejs-time-loaded, .mejs-controls .mejs-time-rail span.mejs-time-buffering {
height: 5px; }
.mejs-controls .mejs-time-rail .mejs-time-total {
padding: 1px;
margin: 12px 8px 0 10px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.4); }
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background: #464849;
background-image: -webkit-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -moz-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -o-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: -ms-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
background-image: linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
-moz-background-size: 6px 6px;
background-size: 6px 5px;
-webkit-background-size: 6px 5px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
z-index: 1; }
@-webkit-keyframes buffering-stripes {
from {
background-position: 0 0; }
to {
background-position: 30px 0; } }
@-moz-keyframes buffering-stripes {
from {
background-position: 0 0; }
to {
background-position: 30px 0; } }
@-ms-keyframes buffering-stripes {
from {
background-position: 0 0; }
to {
background-position: 30px 0; } }
@-o-keyframes buffering-stripes {
from {
background-position: 0 0; }
to {
background-position: 30px 0; } }
@keyframes buffering-stripes {
from {
background-position: 0 0; }
to {
background-position: 30px 0; } }
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #464849;
width: 0; }
.mejs-controls .mejs-time-rail .mejs-time-current {
width: 0;
background: #01a279;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px;
z-index: 1; }
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 5px;
background: transparent;
cursor: pointer;
top: 1px;
z-index: 1;
text-align: center; }
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #C2C8CF;
background: -webkit-linear-gradient(#e3e6e9, #c2c8cf);
background: -moz-linear-gradient(#e3e6e9, #c2c8cf);
background: -o-linear-gradient(#e3e6e9, #c2c8cf);
background: -ms-linear-gradient(#e3e6e9, #c2c8cf);
background: linear-gradient(#e3e6e9, #c2c8cf);
width: 36px;
height: 17px;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
top: -26px;
margin-left: -18px;
text-align: center;
color: #111; }
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 3px;
width: 30px;
display: block;
text-align: center;
left: 0; }
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 4px #C2C8CF;
border-color: #C2C8CF transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 17px;
left: 13px; }   .mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0; }
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px; }  .mejs-controls .mejs-mute button {
background-position: -16px -16px; }
.mejs-controls .mejs-mute button:hover {
background-position: -16px -48px; }
.mejs-controls .mejs-unmute button {
background-position: -16px 0; }
.mejs-controls .mejs-unmute button:hover {
background-position: -16px -32px; }
.mejs-controls .mejs-volume-button {
position: relative; }
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 68px;
width: 31px;
background: #3A3C3D;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -68px;
left: 1px;
z-index: 1;
position: absolute;
margin: 0; }
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 13px;
top: 8px;
width: 5px;
height: 50px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.4);
margin: 0;
padding: 1px; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 13px;
top: 8px;
width: 5px;
height: 50px;
background: #feea36;
background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px;
background-position: bottom;
margin: 1px; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 14px;
top: 16px;
width: 5px;
height: 5px;
background: transparent;
margin: 0; } .mejs-controls div.mejs-horizontal-volume-slider {
height: 26px;
width: 62px;
position: relative;
background: none; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 1px;
font-size: 1px;
background: #262929;
border-bottom: #3d3f40 1px solid;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.4); }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 5px;
margin: 1px;
padding: 0;
font-size: 1px;
background: #01a279;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-background-size: 6px 5px; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none; }  .mejs-controls .mejs-captions-button {
position: relative; }
.mejs-controls .mejs-captions-button button {
background-position: -48px 0; }
.mejs-controls .mejs-captions-button:hover button {
background-position: -48px -32px; }
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 30px;
right: -10px;
width: 130px;
height: 100px;
background: #3A3C3D;
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden; }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden; }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px; }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: sans-serif;
font-size: 10px; }
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0; }
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
z-index: 1; }
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #3A3C3D;
background: rgba(58, 60, 61, 0.7);
background: -webkit-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -moz-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -o-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: -ms-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
background: linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
overflow: hidden;
border: 0; }
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #313335;
border-right: solid 1px rgba(49, 51, 53, 0.7);
border-bottom: solid 1px #313335;
border-bottom: solid 1px rgba(49, 51, 53, 0.7);
cursor: pointer; }
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none; }
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #333;
background: rgba(102, 102, 102, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); }
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px; }
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis; }
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center; line-height: 22px;
font-size: 12px;
color: #fff; }
.mejs-captions-layer a {
color: #fff;
text-decoration: underline; }
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal; }
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0; }
.mejs-captions-position-hover {
bottom: 45px; }
.mejs-captions-text {
padding: 5px 7px;
background: #3a3c3d;
background: rgba(58, 60, 61, 0.8);
border-radius: 4px; } .mejs-clear {
clear: both; } .me-cannotplay a {
color: #fff;
font-weight: bold; }
.me-cannotplay span {
padding: 15px;
display: block; }  .mejs-controls .mejs-loop-off button {
background-position: -64px -16px; }
.mejs-controls .mejs-loop-off:hover button {
background-position: -64px -48px; }
.mejs-controls .mejs-loop-on button {
background-position: -64px 0; }
.mejs-controls .mejs-loop-on::hover button {
background-position: -64px -32px; }  .mejs-controls .mejs-backlight-off button {
background-position: -80px -16px; }
.mejs-controls .mejs-backlight-off:hover button {
background-position: -80px -48px; }
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0; }
.mejs-controls .mejs-backlight-on:hover button {
background-position: -80px -32px; }  .mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0; }
.mejs-controls .mejs-picturecontrols-button:hover {
background-position: -96px -32px; }  .mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
border-radius: 4px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #999;
z-index: 1001; }
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333; }
.mejs-contextmenu .mejs-contextmenu-item {
font-family: sans-serif;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333; }
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff; } .mejs-controls .mejs-sourcechooser-button {
position: relative; }
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0; }
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px -32px; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: #3A3C3D;
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: sans-serif;
font-size: 10px; }  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 502;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 503;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
height: 100%;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 505; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 504; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 506; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
border: 0;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: 0px;
text-align: right;
padding-right: 16px;
width: 100%;
top: 40px; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
top: 0;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow {
position: absolute;
width: 45px;
width: 3rem;
height: 45px;
height: 3rem;
background: transparent;
border: 1px solid transparent;
text-indent: -9999em;
pointer-events: auto;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.mfp-arrow:hover {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-width: 2px;
margin-right: -5px; }
.lt-ie8 .mfp-arrow {
background-color: #484848; }
.mfp-arrow-left {
left: 45px;
left: 3rem;
border-bottom-color: white;
border-left-color: white; }
.mfp-arrow-left:hover {
margin-left: -5px;
margin-right: 0; }
.mfp-arrow-right {
right: 45px;
right: 3rem;
border-top-color: white;
border-right-color: white; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
top: -3px;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
.mfp-iframe-holder .mfp-close {
top: -43px; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.mfp-figure {
line-height: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; } .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; } }
@media all and (max-width: 800px) {
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }  .pxg-slide-zoom .mfp-content {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8); } .pxg-slide-zoom.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } .pxg-slide-zoom.mfp-removing .mfp-content {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0; } .pxg-slide-zoom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; } .pxg-slide-zoom.mfp-ready.mfp-bg {
opacity: 0.8; } .pxg-slide-zoom.mfp-removing.mfp-bg {
opacity: 0; } .pxg-slide-bottom .mfp-content {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg); } .pxg-slide-bottom.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0); } .pxg-slide-bottom.mfp-removing .mfp-content {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg); } .pxg-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; } .pxg-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8; } .pxg-slide-bottom.mfp-removing.mfp-bg {
opacity: 0; }
.wrapper.page-contact {
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.15); }
.wrapper.page-contact .row, .wrapper.page-contact .sidebar-footer {
position: relative; }
.wrapper.the-content-contact {
padding: 0; }
.contact-info {
position: relative;
z-index: 100;
color: white; }
.contact-info a {
color: #fff; }
.contact-info:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #01a279;
border-width: 22.5px;
border-width: 1.5rem;
margin-left: -22.5px;
margin-left: -1.5rem; }
@media only screen and (min-width: 60em) {
.contact-info:after {
right: 100%;
top: 50%;
bottom: auto;
left: auto;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-right-color: #01a279;
border-width: 22.5px;
border-width: 1.5rem;
margin-top: -22.5px;
margin-top: -1.5rem; } }
.contact-details {
margin-bottom: 0;
padding: 33.75px 22.5px;
padding:  2.25rem 1.5rem;
line-height: 1.32647;
font-size: 17px;
font-size: 1.13333rem;
line-height: 1.5; }
.contact-details-item {
margin-bottom: 11.25px;
margin-bottom: 0.75rem; }
.contact-details-item .contact-detail-text {
margin-left: 51.25px;
margin-left: 3.41667rem; }
.contact-details-item .contact-detail-icon {
width: 35px;
width: 2.33333rem;
height: 35px;
height: 2.33333rem;
text-align: center;
font-size: 32px;
font-size: 2.13333rem;
position: relative;
top: 6px;
top: 0.4rem;
left: 0;
float: left; }
.contact-details-item .contact-detail-icon i {
position: relative;
top: -17px;
top: -1.13333rem;
left: 0; }
.contact-details-item:last-child {
margin-bottom: 0; }
.contact-content {
padding-bottom: 22.5px;
padding-bottom: 1.5rem;
padding-top: 45px;
padding-top: 3rem; }
.contact-form-container {
min-height: 100%;
margin-bottom: -22.5px;
margin-bottom: -1.5rem; }
@media only screen and (min-width: 60em) {
.contact-form-container {
background-color: #efefef;
padding: 67.5px 0 67.5px 45px;
padding:  4.5rem 0 4.5rem 3rem; }
.contact-form-container:after {
content: "";
display: block;
background-color: #efefef;
position: absolute;
width: 9999px;
top: 0;
left: 100%;
bottom: 0; } }
.contact-form-container h3 {
line-height: 1.25139;
font-size: 36px;
font-size: 2.4rem;
margin-top: -9px;
margin-top: -0.6rem;
margin-bottom: 7px;
margin-bottom: 0.46667rem; }
.contact-form-container br {
display: none; }
.contact-form-container p {
margin: 0;
float: left;
width: 100%; }
.contact-form-container label {
float: left;
text-align: left; }
.contact-form-container span.wpcf7-form-control-wrap {
float: left; }
.contact-form-container span.wpcf7-form-control-wrap input, .contact-form-container span.wpcf7-form-control-wrap textarea {
line-height: 1.50333;
font-size: 15px;
font-size: 1rem;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(98%, transparent), color-stop(98%, #b6b6b6), color-stop(100%, #b6b6b6));
background-image: -webkit-linear-gradient(transparent 98%, #b6b6b6 98%, #b6b6b6);
background-image: -moz-linear-gradient(transparent 98%, #b6b6b6 98%, #b6b6b6);
background-image: -o-linear-gradient(transparent 98%, #b6b6b6 98%, #b6b6b6);
background-image: linear-gradient(transparent 98%, #b6b6b6 98%, #b6b6b6);
-webkit-background-size: 37px 37px;
-moz-background-size: 37px 37px;
-o-background-size: 37px 37px;
background-size: 37px 37px;
background-color: transparent;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 11px 0;
margin: 0;
outline: none; }
.contact-form-container span.wpcf7-form-control-wrap textarea {
padding: 0;
line-height: 37px; }
.contact-form-container input[type="submit"] {
margin-top: 33.75px;
margin-top: 2.25rem;
text-transform: uppercase;
background: #373737;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.contact-form-container input[type="submit"]:hover {
background: #01a279; }
.wpcf7-form-control-wrap {
width: 100%; }
#gmap iframe {
display: block;
height: 470px;
height: 31.33333rem;
margin-bottom: -470px;
margin-bottom: -31.33333rem; }
@media only screen and (max-width: 60em) {
#content #gmap {
height: 675px;
height: 45rem; }
#content #gmap iframe {
margin-bottom: -185px;
margin-bottom: -12.33333rem; }
#content #gmap .container, #content #gmap .slider-front-page .flex-direction-nav, .slider-front-page #content #gmap .flex-direction-nav {
padding: 0; }
#content .page-contact .contact-content {
height: auto !important; }
#content .page-contact .contact-form-container input, #content .page-contact .contact-form-container textarea {
border: 1px solid #ccc;
padding: 5px 10px;
background-image: none;
margin-bottom: 22.5px !important;
margin-bottom:  1.5rem !important; }
#content .page-contact .contact-form-container input[type="submit"] {
position: relative;
top: -22.5px; } }
input.dial {
margin: 0;
text-rendering: optimizeLegibility;
font-family: "BebasNeue", sans-serif;
font-weight: 500;
color: #484848;
line-height: 1.18509;
font-size: 57px;
font-size: 3.8rem;
opacity: 0; }
.dial_knob {
position: relative;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
overflow: hidden;
margin: 0 auto; }
.dial_knob canvas {
background: white; }
.team-member-name {
margin-bottom: 0; }
.team-member-position {
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
line-height: 1.73462;
font-size: 13px;
font-size: 0.86667rem;
margin-top: -10px;
margin-top: -0.66667rem; }
.team-member-header {
margin-top: 5.625px; }
.team-member-footer {
margin-top: 11.25px; }
.team-member-social-link a {
color: #373737;
font-size: 16px;
width: 26px;
display: inline-block;
padding: 5px 3px; }
.team-member-social-link a i {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
.team-member-social-link a:hover {
text-decoration: none; }
i.shc {
display: inline-block; }
i.shc.small {
font-size: 40px;
font-size: 2.66667rem; }
i.shc.medium {
font-size: 40px;
font-size: 2.66667rem; }
i.shc.big {
font-size: 70px;
font-size: 4.66667rem; }
i.shc.square, i.shc.circle {
width: 2em;
height: 2em;
line-height: 2em;
background: rgba(0, 0, 0, 0.2); }
i.shc.circle {
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px; }
a > i.shc {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
a:hover > i.shc {
text-decoration: none;
color: white; }
a:hover > i.shc.circle {
background-color: #373737; }
.btn.btn-small {
padding: 8px 16px;
padding:  0.53333rem 1.06667rem;
line-height: 1.87917;
font-size: 12px;
font-size: 0.8rem; }
.btn.btn-large {
padding: 24px 48px;
padding:  1.6rem 3.2rem;
line-height: 1.25278;
font-size: 18px;
font-size: 1.2rem; }
html[data-smooth-scroll=on] {
overflow: hidden; }
html[data-smooth-scroll=on].js-ready {
overflow: visible; }
.cf:after {
content: "";
display: table;
clear: both; }
.contact-info a, .call-to-action-button a {
display: inline-block; }
.contact-info a:after, .call-to-action-button a:after {
content: "";
height: 1px;
width: 100%;
display: block;
background: url(//www.firstcomm-me.com/wp-content/themes/senna/library/images/slider_pattern.png) 2px 0 repeat-x;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.contact-info a:hover, .call-to-action-button a:hover {
text-decoration: none; }
.pull-left {
float: left; }
.push-right {
float: right; }
#wrap {
width: 100%;
position: relative;
overflow: hidden; }
img {
display: block; }
.chromeframe {
background: white;
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
font-size: 18px; }
.chromeframe h3 {
margin-bottom: 0; }
.test {
color: #000; }
.wrapper {
*zoom: 1;
padding: 22.5px 0;
padding:  1.5rem 0;
z-index: 3;
position: relative;
background: white; }
.wrapper:after {
content: "";
display: table;
clear: both; }
@media only screen and (max-width: 29em) {
.wrapper {
padding: 11.25px 0;
padding:  0.75rem 0; } }
.entry-header-wrapper {
padding-bottom: 0; }
#content {
position: relative; }
.container, .slider-front-page .flex-direction-nav {
padding: 0 22.5px;
padding:  0 1.5rem; }
@media only screen and (max-width: 29em) {
.container, .slider-front-page .flex-direction-nav {
padding: 0 8px;
padding:  0 0.53333rem; } }
.row, .sidebar-footer {
*zoom: 1; }
.row:after, .sidebar-footer:after {
content: "";
display: table;
clear: both; }
.row-shortcode {
position: relative; }
.site-header {
*zoom: 1; }
.site-header:after {
content: "";
display: table;
clear: both; }
@media only screen and (max-width: 60em) {
.site-header {
max-width: 100%; } }
.site-branding {
width: 355px;
width: 23.66667rem;
float: left;
padding-left: 0;
position: relative; }
@media only screen and (max-width: 60em) {
.site-branding {
max-width: 100%; } }
.site-branding a, .site-branding .site-logo {
color: #01a279;
display: block;
border: none;
max-width: 100%;
max-height: 65px; }
.site-branding .site-logo {
margin-right: 0px;
overflow: hidden; }
.site-branding .full-sized {
padding-top: 0; }
.site-branding .full-sized a, .site-branding .full-sized .site-logo {
max-height: 90px; }
.site-title {
text-transform: uppercase;
line-height: 1.25139;
font-size: 36px;
font-size: 2.4rem;
margin-top: 22px;
margin-top: 1.46667rem;
-webkit-transition: margin-top 0.3s;
-moz-transition: margin-top 0.3s;
-o-transition: margin-top 0.3s;
transition: margin-top 0.3s;
height: 38px;
height: 2.53333rem;
overflow: hidden;
color: #01a279; }
.site-title a:hover {
text-decoration: none; }
.site-header-wrapper {
position: relative;
z-index: 101;
overflow: visible;
padding-bottom: 0;
border-top-width: 5px;
border-top-style: solid;
border-color: #01a279;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
@media only screen and (max-width: 29em) {
.site-header-wrapper {
height: 60px;
height: 4rem; } }
.site-header-wrapper.wrapper {
padding-top: 0; }
.site-logo-container {
display: table-cell;
vertical-align: top;
height: 90px;
height: 6rem;
padding-top: 12px;
padding-top: 0.8rem; }
@media only screen and (max-width: 29em) {
.site-logo-container {
height: 60px;
height: 4rem; } }
.accent-background, .article-tag {
background-color: #01a279;
color: white; }
.accent-background hgroup, .article-tag hgroup, .accent-background h1, .article-tag h1, .accent-background h2, .article-tag h2, .accent-background h3, .article-tag h3, .accent-background h4, .article-tag h4, .accent-background h5, .article-tag h5, .accent-background h6, .article-tag h6 {
color: white; }
.accent-background .entry-header:before, .article-tag .entry-header:before {
border-color: white; }
.site-navigation {
*zoom: 1;
margin-left: 355px;
margin-left: 23.66667rem; }
.site-navigation:after {
content: "";
display: table;
clear: both; }
.row-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.row-background.border-top {
border-top: 1px solid #c2c2c2; }
.row-background.full-width {
width: 300%;
left: -100%; }
@media only screen and (min-width: 60em) {
.narrow {
max-width: 800px;
max-width: 53.33333rem;
margin: 0 auto; } }
.row-shortcode {
padding-top: 22.5px;
padding-top: 1.5rem;
padding-bottom: 22.5px;
padding-bottom: 1.5rem; }
.row-shortcode br {
display: none; }
.row-shortcode.hierarchy [class*="span"] p:first-child {
font-size: 120%; }
.row-shortcode.inverse, .row-shortcode.inverse a, .row-shortcode.inverse i, .row-shortcode.inverse h1, .row-shortcode.inverse h2, .row-shortcode.inverse h3, .row-shortcode.inverse h4 {
color: #fff; }
.row-shortcode.inverse i.circle, .row-shortcode.inverse i.square {
background-color: rgba(255, 255, 255, 0.2); }
.row-shortcode.inverse hr {
border-color: #fff; }
.row-shortcode.inverse a:hover > i.shc {
text-decoration: none;
color: #01a279; }
.row-shortcode.inverse a:hover > i.shc.circle, .row-shortcode.inverse a:hover > i.shc.square {
background-color: #fff; }
.row-shortcode.well .row-background {
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.row-shortcode.well_big {
padding-top: 45px;
padding-top: 3rem;
padding-bottom: 45px;
padding-bottom: 3rem; }
.row-shortcode.well_small {
padding-top: 7.5px;
padding-top: 0.5rem;
padding-bottom: 7.5px;
padding-bottom: 0.5rem; }
hr, .hr, blockquote:before {
border-color: #373737;
border-width: 1px 0 0 0;
border-style: solid;
height: 1px;
position: relative;
line-height: 1.1275;
font-size: 20px;
font-size: 1.33333rem;
width: 100px;
width: 6.66667rem;
overflow: hidden;
*zoom: 1; }
hr.white, .hr.white, blockquote.white:before {
border-color: white; }
hr.white:after, .hr.white:after, blockquote.white:after:before {
background-color: white !important; }
hr.small, .hr.small, blockquote.small:before {
width: 100px;
width: 6.66667rem; }
hr.left, hr.right, .hr.left, blockquote.left:before, .hr.right, blockquote.right:before {
width: 100%;
border-width: 0; }
hr.left:after, hr.right:after, .hr.left:after, blockquote.left:after:before, .hr.right:after, blockquote.right:after:before {
width: 100px;
width: 6.66667rem; }
hr.left:after, hr.right:after, .hr.left:after, blockquote.left:after:before, .hr.right:after, blockquote.right:after:before {
position: absolute;
content: "";
height: 1px;
left: 0;
background-color: #373737; }
hr.right:after, .hr.right:after, blockquote.right:after:before {
right: 0;
left: auto; }
.separator {
*zoom: 1; }
.separator:after {
content: "";
display: table;
clear: both; }
.separator hr {
float: left; }
.article-header {
text-align: center; }
.article-header .date-entry {
text-transform: uppercase;
border-bottom: 1px solid #01a279;
float: left;
*zoom: 1;
line-height: 1.40938;
font-size: 16px;
font-size: 1.06667rem;
margin-bottom: 15px;
margin-bottom: 1rem; }
.article-header .date-entry:after {
content: "";
display: table;
clear: both; }
.article-footer {
*zoom: 1;
margin: 45px 0 22.5px;
margin:  3rem 0 1.5rem;
line-height: 1.73462;
font-size: 13px;
font-size: 0.86667rem; }
.article-footer:after {
content: "";
display: table;
clear: both; }
.article-tags {
text-transform: uppercase; }
.article-links a {
line-height: 1.50333;
font-size: 15px;
font-size: 1rem; }
.article-tag-list, .article-link-list {
display: inline-block; }
.article-tag {
padding: 2.8125px 11.25px;
padding:  0.1875rem 0.75rem;
position: relative;
top: -1.40625px;
top: -0.09375rem;
left: 0;
margin: 0 5.625px 0 0;
margin:  0 0.375rem 0 0; }
.article-tag a {
color: white; }
.article-link {
margin: 0 0 0 22.5px;
margin:  0 0 0 1.5rem; }
.article-link.to-top a {
color: #a0a0a0; }
.entry-header {
text-align: center; }
.entry-title {
color: #373737;
margin-top: 0;
letter-spacing: 1px;
clear: left; }
.posted-on {
text-align: center;
clear: both;
line-height: 1.61071;
font-size: 14px;
font-size: 0.93333rem;
letter-spacing: 1px; }
.posted-on, .posted-on a {
color: #a0a0a0; }
.posted-on .author, .posted-on .wrote, .posted-on .entry-date, .posted-on .comments-link {
text-transform: uppercase; }
.posted-on .categories {
display: inline-block; }
.wpgrade_pagination {
*zoom: 1;
margin: -22.5px 0 22.5px;
margin:  -1.5rem 0 1.5rem; }
.wpgrade_pagination:after {
content: "";
display: table;
clear: both; }
.wpgrade_pagination span {
color: #d9d9d9;
padding: 22.5px 11.25px;
padding:  1.5rem 0.75rem;
float: left; }
.wpgrade_pagination a {
padding: 22.5px 11.25px;
padding:  1.5rem 0.75rem;
float: left; }
.wpgrade_pagination a.next {
padding-right: 0;
float: right; }
.wpgrade_pagination a.prev {
padding-left: 0; }
#authorbox {
*zoom: 1;
padding: 30px 0;
padding:  2rem 0;
margin-top: -5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
line-height: 1.25278;
font-size: 18px;
font-size: 1.2rem; }
#authorbox:after {
content: "";
display: table;
clear: both; }
.author-text {
padding-left: 157.5px;
padding-left: 10.5rem;
border-right: 0; }
.author-avatar {
width: 135px;
width: 9rem;
height: 135px;
height: 9rem;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
overflow: hidden;
float: left; }
.author-avatar img {
display: block;
width: 100%;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px; }
.author-title {
line-height: 1.18684;
font-size: 19px;
font-size: 1.26667rem;
margin-bottom: 15px;
margin-bottom: 1rem;
text-transform: capitalize;
margin-top: 0;
line-height: 1;
font-weight: bold;
font-family: "Open Sans", sans-serif; }
.author-title a {
color: #373737; }
.author-title a:hover {
text-decoration: none; }
.author-footer .team-member-social-links {
padding-left: 0; }
body.error404 h1.heading-404 {
line-height: 1.01275;
font-size: 200px;
font-size: 13.33333rem; }
body.error404 h2 {
padding-bottom: 30px;
padding-bottom: 2rem; }
body.error404 h2:after {
content: '';
width: 150px;
width: 10rem;
height: 1px;
display: block;
background-color: #d9d9d9;
margin: 20px auto 0;
margin:  1.33333rem auto 0; }
body.error404 #content .container, body.error404 #content .slider-front-page .flex-direction-nav, .slider-front-page body.error404 #content .flex-direction-nav {
text-align: center;
padding: 0 0 40px 0;
padding:  0 0 2.66667rem 0; }
.entry-header {
padding: 22.5px 0 22.5px;
padding:  1.5rem 0 1.5rem; }
.post, div.archive .portfolio, div.search {
padding: 0 0 22.5px;
padding:  0 0 1.5rem;
margin: 0 0 21.5px;
margin:  0 0 1.43333rem;
color: #484848;
line-height: 1.32647;
font-size: 17px;
font-size: 1.13333rem;
line-height: 1.6; }
.breadcrumbs {
text-transform: uppercase;
line-height: 1.73462;
font-size: 13px;
font-size: 0.86667rem;
color: #a0a0a0;
cursor: default; }
.breadcrumbs a {
color: #a0a0a0;
cursor: pointer; }
.breadcrumbs a:hover {
border-bottom: 1px solid #a0a0a0;
text-decoration: none; }
.site-content ul, .site-content ol {
padding-left: 20px;
padding-left: 1.33333rem; }
.site-description-wrapper {
padding: 22.5px 0;
padding:  1.5rem 0;
background: white; }
.site-description {
font-family: "Open Sans", sans-serif;
color: #a0a0a0;
vertical-align: middle;
text-align: center;
font-weight: normal;
line-height: 1.50333;
font-size: 15px;
font-size: 1rem; }
.site-description small {
text-transform: uppercase;
font-size: 1em; }
.site-description span {
display: inline-block;
font-style: italic;
margin-left: 11.25px;
margin-left: 0.75rem;
color: #d9d9d9; }
.widget-title {
margin-bottom: 11.25px;
margin-bottom: 0.75rem; }
.rm {
white-space: nowrap; }
.form {
max-width: 600px;
max-width: 40rem;
margin: 0 auto 22.5px;
margin:  0 auto 1.5rem;
position: relative;
background: #fff;
overflow: hidden; }
.form form {
display: block;
margin: 0; }
.form .field, .form .submit {
display: block;
margin: 0;
border: 0;
line-height: 1.40938;
font-size: 16px;
font-size: 1.06667rem; }
.form .field {
display: block;
width: 80%;
background: none;
margin-right: 20%;
padding: 8px 18px;
padding:  0.53333rem 1.2rem;
border: 1px solid #d9d9d9; }
.lt-ie8 .form .field {
width: 70%;
margin-right: 30%;
padding-bottom: 20px; }
.form .submit {
padding: 9px 18px;
padding:  0.6rem 1.2rem;
background: #01a279;
color: white;
position: absolute;
top: 0;
right: 0;
text-align: center; }
.lt-ie8 .form .submit {
min-height: 48px; }
div.archive, div.search {
padding-top: 16.875px;
padding-top: 1.125rem; }
div.archive .post, div.archive .portfolio, div.search .post, div.search .portfolio {
border-bottom: 1px solid #d9d9d9; }
div.archive .post .entry-featured-image, div.archive .portfolio .entry-featured-image, div.search .post .entry-featured-image, div.search .portfolio .entry-featured-image {
margin-bottom: 1.5rem; }
.btn {
display: inline-block;
border: 1px solid #01a279;
padding: 16px 32px;
padding:  1.06667rem 2.13333rem;
background-color: #01a279;
color: white;
text-transform: uppercase;
line-height: 1.50333;
font-size: 15px;
font-size: 1rem;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.btn:hover {
text-decoration: none;
color: white;
background: #373737;
border-color: black; }
.btn-transparent {
border-color: white;
background-color: transparent; }
.btn-transparent:hover {
text-decoration: none;
color: white;
background-color: #01a279;
border-color: #01a279; }
.btn-slider {
margin-top: 56.25px;
margin-top: 3.75rem; }
hgroup a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #373737;
text-decoration: none; }
hgroup a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #484848; }
.page-header-wrapper {
position: relative;
overflow: hidden;
height: 405px;
height: 27rem;
padding: 0;
background-color: #484848; }
.page-header-wrapper.wrapper-small {
height: 225px;
height: 15rem; }
.page-header {
position: relative;
z-index: 100;
padding: 90px 0 54px;
padding:  6rem 0 3.6rem;
color: white; }
.page-header hgroup, .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6, .page-header hgroup a, .page-header h1 a, .page-header h2 a, .page-header h3 a, .page-header h4 a, .page-header h5 a, .page-header h6 a {
color: white; }
.page-header h4 {
line-height: 1.0118;
font-size: 89px;
font-size: 5.93333rem;
color: white;
margin: 0; }
@media only screen and (max-width: 29em) {
.page-header {
padding-top: 30px;
padding-top: 2rem; }
.page-header .page-title, .page-header a {
text-align: center;
float: none;
margin: 15px auto;
width: 70%;
display: block; }
.page-header .page-title {
width: 100%;
line-height: 1.18509;
font-size: 57px;
font-size: 3.8rem; } }
.call-to-action-wrapper {
padding: 22.5px;
padding: 1.5rem;
border-top: 1px solid #d9d9d9;
background: #fafafa;
text-align: center; }
.call-to-action-text h4 {
font-size: 36px;
font-size: 2.4rem;
color: #373737;
line-height: 1.1; }
.call-to-action-text small {
display: block; }
.call-to-action-text p {
margin-bottom: 0; }
.call-to-action-button a {
font-weight: bold; }
.accent-background, .article-tag {
background-color: #01a279; }
.page-wrapper {
position: relative;
line-height: 1.50333;
font-size: 15px;
font-size: 1rem; }
.page-wrapper hgroup, .page-wrapper h1, .page-wrapper h2, .page-wrapper h3, .page-wrapper h4, .page-wrapper h5, .page-wrapper h6 {
color: #373737; }
.worked-on {
font-weight: bold;
text-transform: uppercase; }
.worked-on small {
font-weight: normal;
text-transform: none;
margin-left: 5px;
margin-left: 0.33333rem; }
.about-team-wrapper {
background-color: #f0f0f0; }
.about-team-wrapper hgroup, .about-team-wrapper h1, .about-team-wrapper h2, .about-team-wrapper h3, .about-team-wrapper h4, .about-team-wrapper h5, .about-team-wrapper h6 {
color: #484848; }
@media only screen and (min-width: 60em) {
.contact-widget {
max-width: 800px;
max-width: 53.33333rem; } }
.contact-widget-icon-container {
width: 100px;
width: 6.66667rem;
height: 100px;
height: 6.66667rem;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background-color: #01a279;
margin: 0 auto;
text-align: center; }
.contact-widget-icon-container i {
display: inline-block;
margin-top: 25px;
margin-top: 1.66667rem;
line-height: 1.40729;
font-size: 48px;
font-size: 3.2rem;
text-align: center; }
.contact-widget-text {
margin: 22.5px 0;
margin:  1.5rem 0;
text-align: center; }
.latest-posts {
font-family: "Open Sans", sans-serif;
padding: 0;
margin: 0; }
.latest-posts-title {
color: white;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-size: 0.93333rem;
line-height: 22px;
line-height: 1.46667rem; }
.latest-posts-title i {
font-size: 7px;
font-size: 0.46667rem;
position: relative;
top: -2px;
top: -0.13333rem;
left: 0;
width: 15px;
width: 1rem; }
.latest-posts-excerpt {
display: none;
color: #a0a0a0;
padding-left: 15px;
padding-left: 1rem;
font-size: 13px;
font-size: 0.86667rem;
margin-bottom: 20px;
margin-bottom: 1.33333rem; }
.latest-posts-post:first-child .latest-posts-excerpt {
display: block; }
.categories-dropdown-toggle {
margin-top: 15px;
margin-top: 1rem; }
.categories-dropdown-toggle i {
font-size: 14px; }
.categories-dropdown {
background: #f0f0f0;
border-bottom: 1px solid #d9d9d9;
-webkit-transition: max-height 0.3s;
-moz-transition: max-height 0.3s;
-o-transition: max-height 0.3s;
transition: max-height 0.3s;
max-height: 0;
padding: 0;
overflow: hidden; }
.categories-dropdown > .container, .slider-front-page .categories-dropdown > .flex-direction-nav {
margin-top: 22.5px;
margin-top: 1.5rem;
margin-bottom: 22.5px;
margin-bottom: 1.5rem; }
.categories-dropdown.is-open {
max-height: 300px;
max-height: 20rem; }
@media only screen and (max-width: 60em) {
.categories-dropdown.is-open {
max-height: 1000px;
max-height: 66.66667rem; } }
.category-list {
margin-bottom: 0; }
.category-list span, .category-list a {
line-height: 1.40938;
font-size: 16px;
font-size: 1.06667rem;
line-height: 2; }
.category-list a {
color: #a0a0a0; }
.category-list a:hover {
color: #01a279;
text-decoration: none; }
.category-list-title {
color: #01a279;
text-transform: uppercase;
font-weight: bold; }
.categories-dropdown-tag {
border-right: 1px solid #fafafa; }
.nicescroll-rails {
z-index: 200 !important; }
.wrapper-slider, .wrapper-featured {
height: 660px;
height: 44rem;
padding: 0; }
.featured-image {
height: 660px;
height: 44rem;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
top: 65px;
top: 4.33333rem;
position: fixed;
left: 0;
width: 100%; }
.page-id-964 .featured-image{
top: 8.33333rem !important;
}
.page-header-wrapper .featured-image {
height: 500px;
height: 33.33333rem; }
@media only screen and (max-width: 900px) {
.featured-image {
top: 0; } }
.wrapper-main {
padding-top: 45px;
padding-top: 3rem; }
.wpgrade-dribbble-items,
.wpgrade-flickr-items {
*zoom: 1;
margin: 0 0 0 -5px;
margin:  0 0 0 -0.33333rem; }
.wpgrade-dribbble-items:after,
.wpgrade-flickr-items:after {
content: "";
display: table;
clear: both; }
.wpgrade-dribbble-item,
.wpgrade-flickr-item {
float: left;
width: 25%;
margin-bottom: 5px;
margin-bottom: 0.33333rem; }
.wpgrade-dribbble-item img,
.wpgrade-flickr-item img {
width: 100%;
height: auto; }
.wpgrade-dribbble-item a,
.wpgrade-flickr-item a {
display: block;
margin-left: 5px;
margin-left: 0.33333rem; }
.sidebar-right, .sidebar-left {
margin-top: 22.5px;
margin-top: 1.5rem; }
.ciw_address_content{
color:#fff;
font-size: 15px;
}
.wrapper.site-footer-wrapper .widget-area a{
color:#fff !important;
}