a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}
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 {
    margin: .67em 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
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: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
img.grayscale {
    /*    
        filter: gray;  IE6-9 
        filter: grayscale(1);  Firefox 35+ 
        -webkit-filter: grayscale(1);  Google Chrome, Safari 6+ & Opera 15+ 
    */
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  Firefox 10+, Firefox on Android */
    filter: grayscale(1); /* Firefox 35+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
fieldset {
    border: 1px solid silver;
    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
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0
}
.container .column,
.container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px
}
.row {
    margin-bottom: 20px
}
.column.alpha,
.columns.alpha {
    margin-left: 0
}
.column.omega,
.columns.omega {
    margin-right: 0
}
.container .one.column,
.container .one.columns {
    width: 40px
}
.container .two.columns {
    width: 100px
}
.container .three.columns {
    width: 160px
}
.container .four.columns {
    width: 220px
}
.container .five.columns {
    width: 280px
}
.container .six.columns {
    width: 340px
}
.container .seven.columns {
    width: 400px
}
.container .eight.columns {
    width: 460px
}
.container .nine.columns {
    width: 520px
}
.container .ten.columns {
    width: 580px
}
.container .eleven.columns {
    width: 640px
}
.container .twelve.columns {
    width: 700px
}
.container .thirteen.columns {
    width: 760px
}
.container .fourteen.columns {
    width: 820px
}
.container .fifteen.columns {
    width: 880px
}
.container .sixteen.columns {
    width: 940px
}
.container .one-third.column {
    width: 300px
}
.container .two-thirds.column {
    width: 620px
}
.container .offset-by-one {
    padding-left: 60px
}
.container .offset-by-two {
    padding-left: 120px
}
.container .offset-by-three {
    padding-left: 180px
}
.container .offset-by-four {
    padding-left: 240px
}
.container .offset-by-five {
    padding-left: 300px
}
.container .offset-by-six {
    padding-left: 360px
}
.container .offset-by-seven {
    padding-left: 420px
}
.container .offset-by-eight {
    padding-left: 480px
}
.container .offset-by-nine {
    padding-left: 540px
}
.container .offset-by-ten {
    padding-left: 600px
}
.container .offset-by-eleven {
    padding-left: 660px
}
.container .offset-by-twelve {
    padding-left: 720px
}
.container .offset-by-thirteen {
    padding-left: 780px
}
.container .offset-by-fourteen {
    padding-left: 840px
}
.container .offset-by-fifteen {
    padding-left: 900px
}
@media only screen and (min-width: 767px) {
    .fullwidth .container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0
    }
    .fullwidth .container .column,
    .fullwidth .container .columns {
        float: left;
        display: inline;
        margin-left: 0;
        margin-right: 0
    }
    .fullwidth .row {
        margin-bottom: 20px
    }
    .column.alpha,
    .columns.alpha {
        margin-left: 0
    }
    .column.omega,
    .columns.omega {
        margin-right: 0
    }
    .fullwidth .container .one.column,
    .fullwidth .container .one.columns {
        width: 4.25%
    }
    .fullwidth .container .two.columns {
        width: 10.5%
    }
    .fullwidth .container .three.columns {
        width: 16.75%
    }
    .fullwidth .container .four.columns {
        width: 23%
    }
    .fullwidth .container .five.columns {
        width: 29.25%
    }
    .fullwidth .container .six.columns {
        width: 35.5%
    }
    .fullwidth .container .seven.columns {
        width: 41.75%
    }
    .fullwidth .container .eight.columns {
        width: 50%
    }
    .fullwidth .container .nine.columns {
        width: 54.25%
    }
    .fullwidth .container .ten.columns {
        width: 60.5%
    }
    .fullwidth .container .eleven.columns {
        width: 66.75%
    }
    .fullwidth .container .twelve.columns {
        width: 73%
    }
    .fullwidth .container .thirteen.columns {
        width: 79.25%
    }
    .fullwidth .container .fourteen.columns {
        width: 85.5%
    }
    .fullwidth .container .fifteen.columns {
        width: 91.75%
    }
    .fullwidth .container .sixteen.columns {
        width: 100%
    }
    .fullwidth .container .one-third.column {
        width: 31%
    }
    .fullwidth .container .two-thirds.column {
        width: 64%
    }
    .fullwidth .container .offset-by-one {
        padding-left: 6.25%
    }
    .fullwidth .container .offset-by-two {
        padding-left: 12.5%
    }
    .fullwidth .container .offset-by-three {
        padding-left: 18.75%
    }
    .fullwidth .container .offset-by-four {
        padding-left: 25%
    }
    .fullwidth .container .offset-by-five {
        padding-left: 31.25%
    }
    .fullwidth .container .offset-by-six {
        padding-left: 37.5%
    }
    .fullwidth .container .offset-by-seven {
        padding-left: 43.75%
    }
    .fullwidth .container .offset-by-eight {
        padding-left: 50%
    }
    .fullwidth .container .offset-by-nine {
        padding-left: 56.25%
    }
    .fullwidth .container .offset-by-ten {
        padding-left: 62.5%
    }
    .fullwidth .container .offset-by-eleven {
        padding-left: 68.75%
    }
    .fullwidth .container .offset-by-twelve {
        padding-left: 75%
    }
    .fullwidth .container .offset-by-thirteen {
        padding-left: 81.25%
    }
    .fullwidth .container .offset-by-fourteen {
        padding-left: 87.5%
    }
    .fullwidth .container .offset-by-fifteen {
        padding-left: 93.75%
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 768px
    }
    .container .column,
    .container .columns {
        margin-left: 10px;
        margin-right: 10px
    }
    .column.alpha,
    .columns.alpha {
        margin-left: 0;
        margin-right: 10px
    }
    .column.omega,
    .columns.omega {
        margin-right: 0;
        margin-left: 10px
    }
    .alpha.omega {
        margin-left: 0;
        margin-right: 0
    }
    .container .one.column,
    .container .one.columns {
        width: 28px
    }
    .container .two.columns {
        width: 76px
    }
    .container .three.columns {
        width: 124px
    }
    .container .four.columns {
        width: 172px
    }
    .container .five.columns {
        width: 220px
    }
    .container .six.columns {
        width: 268px
    }
    .container .seven.columns {
        width: 316px
    }
    .container .eight.columns {
        width: 364px
    }
    .container .nine.columns {
        width: 412px
    }
    .container .ten.columns {
        width: 460px
    }
    .container .eleven.columns {
        width: 508px
    }
    .container .twelve.columns {
        width: 556px
    }
    .container .thirteen.columns {
        width: 604px
    }
    .container .fourteen.columns {
        width: 652px
    }
    .container .fifteen.columns {
        width: 700px
    }
    .container .sixteen.columns {
        width: 748px
    }
    .container .one-third.column {
        width: 236px
    }
    .container .two-thirds.column {
        width: 492px
    }
    .container .offset-by-one {
        padding-left: 48px
    }
    .container .offset-by-two {
        padding-left: 96px
    }
    .container .offset-by-three {
        padding-left: 144px
    }
    .container .offset-by-four {
        padding-left: 192px
    }
    .container .offset-by-five {
        padding-left: 240px
    }
    .container .offset-by-six {
        padding-left: 288px
    }
    .container .offset-by-seven {
        padding-left: 336px
    }
    .container .offset-by-eight {
        padding-left: 384px
    }
    .container .offset-by-nine {
        padding-left: 432px
    }
    .container .offset-by-ten {
        padding-left: 480px
    }
    .container .offset-by-eleven {
        padding-left: 528px
    }
    .container .offset-by-twelve {
        padding-left: 576px
    }
    .container .offset-by-thirteen {
        padding-left: 624px
    }
    .container .offset-by-fourteen {
        padding-left: 672px
    }
    .container .offset-by-fifteen {
        padding-left: 720px
    }
}
@media only screen and (max-width: 767px) {
    .container {
        width: 300px
    }
    .container .column,
    .container .columns {
        margin: 0
    }
    .container .eight.columns,
    .container .eleven.columns,
    .container .fifteen.columns,
    .container .five.columns,
    .container .four.columns,
    .container .fourteen.columns,
    .container .nine.columns,
    .container .one-third.column,
    .container .one.column,
    .container .one.columns,
    .container .seven.columns,
    .container .six.columns,
    .container .sixteen.columns,
    .container .ten.columns,
    .container .thirteen.columns,
    .container .three.columns,
    .container .twelve.columns,
    .container .two-thirds.column,
    .container .two.columns {
        width: 300px
    }
    .container .offset-by-eight,
    .container .offset-by-eleven,
    .container .offset-by-fifteen,
    .container .offset-by-five,
    .container .offset-by-four,
    .container .offset-by-fourteen,
    .container .offset-by-nine,
    .container .offset-by-one,
    .container .offset-by-seven,
    .container .offset-by-six,
    .container .offset-by-ten,
    .container .offset-by-thirteen,
    .container .offset-by-three,
    .container .offset-by-twelve,
    .container .offset-by-two {
        padding-left: 0
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 420px
    }
    .container .column,
    .container .columns {
        margin: 0
    }
    .container .eight.columns,
    .container .eleven.columns,
    .container .fifteen.columns,
    .container .five.columns,
    .container .four.columns,
    .container .fourteen.columns,
    .container .nine.columns,
    .container .one-third.column,
    .container .one.column,
    .container .one.columns,
    .container .seven.columns,
    .container .six.columns,
    .container .sixteen.columns,
    .container .ten.columns,
    .container .thirteen.columns,
    .container .three.columns,
    .container .twelve.columns,
    .container .two-thirds.column,
    .container .two.columns {
        width: 420px
    }
}
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}
.clearfix:after,
.row:after {
    clear: both
}
.clearfix,
.row {
    zoom: 1
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
body {
    background-color: #fff;
    font-family: 'Maven Pro', Cantarell, sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #444;
    -webkit-text-size-adjust: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
/*
body:before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    box-shadow: 0 0 20px rgba(0, 0, 0, .8);
    z-index: 1001;
}*/

.content {
    background-color: #f4f4f4;
    padding: 90px 0;
    z-index: 300;
    position: relative
}
.contact .content {
    padding: 0px 0 90px
}
main {
    position: relative;
    clear: both
}
.title-container {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 10%
}
.title-container h1 {
    display: inline-block;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid #333
}
.title-container p {
    color: #999;
    font-size: 16px;
    font-family: 'Maven Pro', 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    text-transform: lowercase;
    margin-top: 2px;
}
.title-container .fa {
    font-size: 20px;
}
img {
    max-width: 100%;
    height: auto;
}
.inline-image {
    padding: 20px 0 10px;
}
.video-frame {
    margin-top: 30px;
    margin-bottom: 40px;
}
.audio-frame {
    margin-top: 30px;
    margin-bottom: 30px;
}
p, li {
    color: #646464;
}
.first-paragraph {
    /*color: #666;*/
    color: #444;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 30px;
}
a {
    color: #999;
    text-decoration: none;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}
a:hover {
    color: #333
}
ol,
ul {
    list-style-position: inside;
    margin: 20px 0
}
ul.alt {
    list-style: none
}
ul.alt li:before {
    float: left;
    font-family: FontAwesome;
    content: "\f192";
    color: #999;
    padding-right: 10px;
    font-size: 16px
}
::-moz-selection {
    background: #333;
    color: #fff;
    text-shadow: none
}
::selection {
    background: #333;
    color: #fff;
    text-shadow: none
}
blockquote,
blockquote p {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 25px;
    line-height: 35px;
    color: #999;
    font-style: italic
}
blockquote {
    margin: 20px 0;
    padding: 9px 20px 0;
    border-left: 3px solid #333
}
blockquote cite {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    display: block;
    margin-top: 10px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px
}
cite {
    text-align: right;
    margin-top: 10px
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}
h1 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    border-bottom: 2px solid #333;
    margin-bottom: 20px;
    padding-bottom: 20px
}
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin-bottom: 10px;
    padding-bottom: 10px
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #666
}
.dropcap {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    color: #333;
    font-size: 55px;
    font-weight: 700;
    padding: 0 7px 5px 0;
    line-height: 1em;
    float: left
}
#header-image-slideshow {
    width: 100%;
    height: 800px;
    margin: 0 auto;
    position: absolute;
    background-size: cover!important;
    -webkit-background-size: cover!important
}
.header-background-image {
    background: url(../img/background/background_17_vintage.jpg) top center no-repeat;
    width: 100%;
    height: 800px;
    margin: 0 auto;
    position: absolute;
    background-size: cover!important;
    -webkit-background-size: cover!important
}
#header-global[role=banner] {
    color: #fff;
    width: 100%;
    height: 700px;
    padding-bottom: 60px;
    z-index: 1000
}
#header-global-inner[role=banner] {
    color: #fff;
    width: 100%;
    height: 110px;
    padding-bottom: 10px;
    z-index: 1000
}
.header-top {
    padding-top: 50px;
    position: relative;
    z-index: 500;
    width: 100%;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s
}
.header-top-light {
    background-color: #fff;
    position: relative;
    padding-top: 17px;
    padding-bottom: 15px;
    z-index: 500;
    width: 100%;
    text-align: left;
    -webkit-box-shadow: 0 0 8px 0 #999;
    -moz-box-shadow: 0 0 8px 0 #999;
    box-shadow: 0 0 8px 0 #999;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s
}
.header-top-inner {
    background-color: #fff;
    padding-top: 17px;
    padding-bottom: 15px;
    position: fixed;
    z-index: 500;
    width: 100%;
    -webkit-box-shadow: 0 0 8px 0 #999;
    -moz-box-shadow: 0 0 8px 0 #999;
    box-shadow: 0 0 8px 0 #999
}
.logo.three.columns {
    margin-left: 0
}
/*.logo h1 {*/
.logo {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    color: #333;
    display: inline-block;
    border-bottom: 0;
    text-transform: uppercase
}
/*.logo h1 a {*/
.logo a {
    color: #333
}
/*.logo h1 a:hover {*/
.logo a:hover {
    color: #666
}
.logo img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
    max-width: 150px
}
.header-top-inner .logo {
    text-align: left;
    margin-top: 16px
}
/*.header-top-inner .logo h1 {*/
.header-top-inner .logo a {
    font-size: 25px
}
.uber-statement {
    margin-top: 10px;
    padding: 10px 0
}
.uber-statement h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    letter-spacing: 5px;
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    line-height: 70px;
    border-bottom: 0;
    width: 70%;
    margin: 0;
    padding: 0
}
#header-global[role=banner] .social-links-container {
    margin: 20px 0 0
}
#header-global[role=banner] .social-links {
    overflow: hidden;
    margin: 0 0 20px;
    text-transform: lowercase;
    list-style: none;
    text-align: center
}
#header-global[role=banner] .social-links li {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 5px;
    margin-left: 8px;
    float: left;
    display: inline-block
}
#header-global[role=banner] .social-links li:first-child {
    margin-left: 0
}
#header-global[role=banner] .social-links li:not(:last-of-type):after {
    content: "/";
    color: #fff;
    margin-left: 8px
}
#header-global[role=banner] .social-links li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    line-height: 1em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#header-global[role=banner] .social-links li a:hover {
    color: #ddd
}
#footer-global[role=contentinfo] {
    background-color: #333;
    border-top: 10px solid #eee;
    padding: 30px 0;
    position: relative;
    z-index: 300;
    font-size: 13px;
    color: #eee
}
#footer-global[role=contentinfo] h4 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 30px
}
#footer-global[role=contentinfo] a {
    color: #fff
}
#footer-global[role=contentinfo] a:hover {
    color: #ddd
}
#footer-global[role=contentinfo] .company-title {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
    text-transform: uppercase
}
#footer-global[role=contentinfo] .back-top-btn,
#footer-global[role=contentinfo] .contact-btn {
    margin-top: 10px;
    background: #fff;
    color: #333
}
#footer-global[role=contentinfo] .back-top-btn:hover,
#footer-global[role=contentinfo] .contact-btn:hover {
    background: #ef8015;
    color: #fff
}
#copyright-details {
    color: #999;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    text-transform: uppercase;
    width: 100%;
    font-size: 10px;
    line-height: 18px;
    margin-top: 30px
}
#footer-global[role=contentinfo] .social-links-container {
    margin: 40px 0 0
}
#footer-global[role=contentinfo] .social-links {
    overflow: hidden;
    margin: 0 auto;
    text-transform: lowercase;
    list-style: none;
    display: inline-block
}
#footer-global[role=contentinfo] .social-links li {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 5px;
    margin-left: 8px;
    float: left;
    display: inline-block
}
#footer-global[role=contentinfo] .social-links li:first-child {
    margin-left: 0
}
#footer-global[role=contentinfo] .social-links li:not(:last-of-type):after {
    content: "/";
    color: #ddd;
    margin-left: 8px
}
#footer-global[role=contentinfo] .social-links li a {
    font-size: 14px;
    color: #eee;
    text-decoration: none;
    line-height: 1em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
#footer-global[role=contentinfo] .social-links li a:hover {
    color: #ddd
}
.main-navigation {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    height: 100%;
    position: relative;
    margin-top: 35px;
    margin-bottom: 30px;
    margin-left: 0;
    z-index: 9999
}
.main-navigation ul {
    margin: 0 auto;
    margin-top: 0;
    list-style-type: none;
    padding: 0
}
.main-navigation ul ul {
    margin-top: -3px
}
.main-navigation ul>li {
    cursor: pointer;
    margin-right: 10px
}
.main-navigation ul>li a {
    color: #333;
    margin-right: 0;
    padding: 10px
}
.main-navigation ul>li a:hover {
    color: #999
}
.main-navigation ul>li:hover {
    background-color: none
}
.main-navigation li.current a,
.main-navigation ul ul li a {
    color: #999
}
.main-navigation ul li ul li a:hover {
    color: #fff
}
.selectnav {
    display: none
}
.js-clingify-placeholder {
    height: 120px!important
}
.js-clingify-wrapper {
    width: 100%;
    height: 120px!important
}
.js-clingify-locked {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1000
}
.default .homepage-tweet .fa {
    color: #fff;
    font-size: 30px
}
.default .homepage-tweet ul {
    list-style: none
}
.default #twitter-fetcher-tweet {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    width: 70%
}
.default #twitter-fetcher-tweet p {
    color: #fff
}
.default #twitter-fetcher-tweet .tweet {
    margin: 20px 0 10px;
    padding: 0 0 25px;
    border-bottom: 2px solid #fff
}
.default #twitter-fetcher-tweet a {
    color: #333
}
.default #twitter-fetcher-tweet a:hover {
    color: #666
}
.default #twitter-fetcher-tweet .timePosted {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    display: inline-block;
    margin-top: 5px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px
}
.default #twitter-fetcher-tweet .interact {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: lowercase
}
.default #twitter-fetcher-tweet .interact a {
    margin-left: 8px;
    padding: 0
}
.default #twitter-fetcher-tweet .interact a:first-child {
    margin-left: 0
}
.default #twitter-fetcher-tweet .interact a:not(:last-of-type):after {
    content: "/";
    color: #333;
    margin-left: 8px
}
.default .homepage-quotes .fa {
    color: #fff;
    font-size: 30px
}
.default .homepage-quotes .quotes blockquote {
    margin: 0;
    padding: 0;
    border: 0
}
.default .homepage-quotes .quotes li {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    list-style: none;
    padding: 0 0 20px
}
.default .homepage-quotes .quotes blockquote p {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    font-style: italic;
    width: 70%;
    padding: 0 0 25px;
    border-bottom: 2px solid #fff
}
.default .homepage-quotes .quotes cite {
    display: inline-block;
    margin-top: 0;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase
}
.default .homepage-section-header {
    max-width: 960px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 0
}
.default .homepage-section-header h1 {
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    width: 80%;
    margin: 0
}
.default .homepage-section-intro p {
    font-size: 18px;
    line-height: 28px
}
.default .homepage-section-intro p:first-of-type {
    color: #666;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 22px;
    /*font-weight: 400;*/
    font-weight: 500;
    line-height: 37px;
    margin-bottom: 30px
}
/*
.default .homepage-section-intro p:first-of-type:first-line {
    font-weight: 700;
    letter-spacing: .1em
}*/

.default #homepage-about .homepage-section-intro p {
    color: #999
}
.default #homepage-about .homepage-section-header h2,
.default #homepage-about .homepage-section-intro p:first-of-type {
    color: #fff
}
.default #homepage-about .homepage-section-header a.read-more-btn {
    margin-top: 40px;
    background: #fff;
    color: #333
}
.default #homepage-about .homepage-section-header a.read-more-btn:hover {
    background: #ef8015;
    color: #fff
}
.default .homepage-news-item h2 {
    border-bottom: 0
}
.default .news-items,
.default .portfolio-items,
.default .service-items,
.default .team-members {
    margin-left: -10px
}
.default #homepage-news .news-item,
.default #homepage-team .team-member,
.homepage-service-item {
    margin-bottom: 20px
}
.default #homepage-news .news-item .news-image,
.default #homepage-team .team-member .team-image {
    list-style: none;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.default #homepage-team .team-member .team-image {
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.default #homepage-news .news-item .details h2,
.default #homepage-team .team-member .details h2,
.homepage-service-item .details h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    letter-spacing: 1px;
    display: block
}
.default #homepage-news .news-item .details p,
.default #homepage-team .team-member .details p {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-right: 5px;
    text-transform: lowercase
}
.default #homepage-news .news-item .details p span,
.default #homepage-team .team-member .details p span {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.default #homepage-news .news-image .overlay,
.default #homepage-team .team-member .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    padding: 20px;
    opacity: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}
.default #homepage-news .news-image:hover .overlay,
.default #homepage-team .team-image:hover .overlay {
    background-color: rgba(0, 0, 0, .75);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-backface-visibility: hidden
}
.default #homepage-news .news-item .overlay h2,
.default #homepage-team .team-member .overlay h2 {
    padding: 0 10px 0 0;
    line-height: 1.3;
    font-size: 25px;
    font-weight: 700;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.default #homepage-news .news-item .overlay>h2 a,
.default #homepage-team .team-member .overlay>h2 a {
    opacity: 1;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.default #homepage-news .news-item .overlay:hover>h2 a,
.default #homepage-team .team-member .overlay:hover>h2 a {
    opacity: 1
}
.default #homepage-news .news-item .overlay h2,
.default #homepage-team .team-member .overlay h2 {
    color: #fff
}
.default #homepage-news .news-item .overlay a,
.default #homepage-team .team-member .overlay a {
    color: #fff;
    text-decoration: none
}
.default #homepage-news .news-item .overlay em,
.default #homepage-team .team-member .overlay em {
    color: #fff
}
.default #homepage-news .news-item img,
.default #homepage-team .team-member img {
    display: block;
    position: relative;
    max-width: 100%;
    height: auto;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out
}
.default #homepage-news .news-item:hover img,
.default #homepage-team .team-member:hover img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.default .team-member h2 {
    border-bottom: 0
}
.alternative #header-global[role=banner] {
    color: #fff;
    width: 100%;
    height: 700px;
    padding-bottom: 60px;
    z-index: 1000;
    text-align: center
}
.alternative #header-global[role=banner] .social-icons {
    margin-top: 90px
}
.alternative .uber-statement h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    border-bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0
}
.alternative .header-top {
    background-color: #fff;
    padding-top: 17px;
    padding-bottom: 15px;
    position: relative;
    z-index: 500;
    width: 100%;
    text-align: left;
    -webkit-box-shadow: 0 0 8px 0 #999;
    -moz-box-shadow: 0 0 8px 0 #999;
    box-shadow: 0 0 8px 0 #999;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s
}
.alternative .header-top .logo {
    text-align: left;
    margin-top: 16px
}
/*.alternative .header-top .logo h1 {*/
.alternative .header-top .logo {
    font-size: 25px
}
/*.alternative .header-top .logo h1 a {*/
.alternative .header-top .logo a {
    color: #333
}
.alternative #homepage-news,
.alternative #homepage-portfolio,
.alternative #homepage-services,
.alternative #homepage-team {
    text-align: center
}
.alternative .homepage-section-header {
    max-width: 960px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px
}
.alternative .homepage-section-header .fa {
    color: #ddd
}
.alternative .homepage-section-header h1 {
    color: #333;
    border-bottom: 0;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    width: 80%;
    margin: 0 auto
}
.alternative .homepage-section-intro p {
    color: #999;
    font-size: 18px;
    line-height: 28px
}
.alternative .homepage-section-intro p:first-of-type {
    color: #666;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 37px;
    margin-bottom: 30px
}
/*
.alternative .homepage-section-intro p:first-of-type:first-line {
    font-weight: 700;
    letter-spacing: .1em
}*/

.alternative #homepage-about .homepage-section-intro p {
    color: #999
}
.alternative #homepage-about .homepage-section-header h1,
.alternative #homepage-about .homepage-section-intro p:first-of-type {
    color: #fff
}
.alternative #homepage-about .homepage-section-header a.read-more-btn {
    margin-top: 40px;
    background: #fff;
    color: #333
}
.alternative #homepage-about .homepage-section-header a.read-more-btn:hover {
    background: #ef8015;
    color: #fff
}
.alternative .section-divider-1,
.alternative .section-divider-2,
.alternative .section-divider-3 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.alternative #twitter-fetcher-tweet .interact a {
    font-size: 16px
}
.alternative .homepage-quotes {
    text-align: center
}
.alternative .homepage-quotes .fa {
    color: #fff;
    font-size: 30px
}
.alternative .homepage-quotes .quotes blockquote {
    width: 70%;
    margin: 0 auto;
    padding: 0;
    border: 0
}
.alternative .homepage-quotes .quotes li {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    list-style: none;
    padding: 0 0 20px
}
.alternative .homepage-quotes .quotes blockquote p {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    font-style: italic;
    width: 100%;
    padding: 0 0 25px;
    border-bottom: 2px solid #fff
}
.alternative .homepage-quotes .quotes cite {
    display: inline-block;
    width: 70%;
    margin: 0 auto;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center
}
.alternative .homepage-tweet {
    text-align: center
}
.alternative .homepage-tweet .fa {
    color: #fff;
    font-size: 30px
}
.alternative .homepage-tweet ul {
    list-style: none
}
.alternative #twitter-fetcher-tweet {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin: 0 auto;
    width: 70%
}
.alternative #twitter-fetcher-tweet .tweet {
    margin: 20px 0 10px;
    padding: 0 0 25px;
    border-bottom: 2px solid #fff
}
.alternative #twitter-fetcher-tweet a {
    color: #333
}
.alternative #twitter-fetcher-tweet a:hover {
    color: #666
}
.alternative #twitter-fetcher-tweet .timePosted {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    display: inline-block;
    margin-top: 10px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px
}
.alternative #twitter-fetcher-tweet .interact {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: lowercase
}
.alternative #twitter-fetcher-tweet .interact a {
    margin-left: 8px;
    padding: 0
}
.alternative #twitter-fetcher-tweet .interact a:first-child {
    margin-left: 0
}
.alternative #twitter-fetcher-tweet .interact a:not(:last-of-type):after {
    content: "/";
    color: #333;
    margin-left: 8px
}
.alternative .portfolio-filter {
    margin-top: 0
}
.alternative #footer-global[role=contentinfo] {
    text-align: center
}
.alternative .homepage-portfolio-items .homepage-project-item {
    margin-bottom: 0
}
.alternative .news-item .date-stamp {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    width: 60px;
    height: 70px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    display: table;
    margin: 0 auto 20px
}
.alternative .news-item .date-stamp .month {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    text-transform: uppercase
}
.alternative .news-item .date-stamp .day {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    font-size: 28px
}
.alternative .news-item .news-thumbnail {
    margin-bottom: 30px
}
.alternative .news-item h2 {
    font-size: 25px;
    line-height: 1.3;
    border-bottom: 1px solid #333
}
.alternative .news-item .post-cat {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.alternative .news-item .post-cat span a {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.alternative .news-item .post-cat span a:hover {
    color: #666
}
.alternative .news-item .meta-details a {
    color: #333
}
.alternative .news-item .meta-details a:hover {
    color: #666
}
.alternative #homepage-team .team-member {
    margin-bottom: 20px
}
.alternative #homepage-team .team-member .team-image {
    list-style: none;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.alternative #homepage-team .team-member .details h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    letter-spacing: 1px;
    display: block
}
.alternative #homepage-team .team-member .details p {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-right: 5px;
    text-transform: lowercase
}
.alternative #homepage-team .team-member .details p span {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.alternative #homepage-team .team-member .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    padding: 20px;
    opacity: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}
.alternative #homepage-team .team-image:hover .overlay {
    background-color: rgba(0, 0, 0, .75);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-backface-visibility: hidden
}
.alternative #homepage-team .team-member .overlay h2 {
    color: #fff;
    padding: 0 10px 0 0;
    line-height: 1.3;
    font-size: 25px;
    font-weight: 700;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
    border-bottom: 0
}
.alternative #homepage-team .team-member .overlay>h2 a {
    opacity: 1;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.alternative #homepage-team .team-member .overlay:hover>h2 a {
    opacity: 1
}
.alternative #homepage-team .team-member .overlay a {
    color: #fff;
    text-decoration: none
}
.alternative #homepage-team .team-member img {
    display: block;
    position: relative;
    max-width: 100%;
    height: auto;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out
}
.alternative #homepage-team .team-member:hover img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.corporate #header-global[role=banner] {
    color: #fff;
    width: 100%;
    height: 700px;
    padding-bottom: 60px;
    z-index: 1000
}
.corporate #header-global[role=banner] .social-icons {
    margin-top: 90px
}
.corporate .uber-statement h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    border-bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0
}
.corporate .header-top {
    background-color: #fff;
    padding-top: 17px;
    padding-bottom: 15px;
    position: relative;
    z-index: 500;
    width: 100%;
    text-align: left;
    -webkit-box-shadow: 0 0 8px 0 #999;
    -moz-box-shadow: 0 0 8px 0 #999;
    box-shadow: 0 0 8px 0 #999;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s
}
.corporate .header-top .logo {
    text-align: left;
    margin-top: 16px
}
/*.corporate .header-top .logo h1 {*/
.corporate .header-top .logo {
    font-size: 25px
}
/*.corporate .header-top .logo h1 a {*/
.corporate .header-top .logo a {
    color: #333
}
.corporate #homepage-about,
.corporate #homepage-news,
.corporate #homepage-portfolio,
.corporate #homepage-services,
.corporate #homepage-team {
    text-align: left
}
.corporate .homepage-section-header {
    max-width: 960px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 20px
}
.corporate .homepage-section-header .fa {
    color: #ddd
}
.corporate .homepage-section-header h1 {
    color: #333;
    border-bottom: 0;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    width: 100%;
    margin: 0
}
.corporate .homepage-section-intro p {
    color: #999;
    font-size: 18px;
    line-height: 28px
}
.corporate .homepage-section-intro p:first-of-type {
    color: #666;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 37px;
    margin-bottom: 30px
}
/*
.corporate .homepage-section-intro p:first-of-type:first-line {
    font-weight: 700;
    letter-spacing: .1em
}*/

.corporate #homepage-about .homepage-section-intro p {
    color: #999
}
.corporate #homepage-about .homepage-section-header h1,
.corporate #homepage-about .homepage-section-intro p:first-of-type {
    color: #fff
}
.corporate #homepage-about .homepage-section-header a.read-more-btn {
    margin-top: 40px;
    background: #fff;
    color: #333
}
.corporate #homepage-about .homepage-section-header a.read-more-btn:hover {
    background: #ef8015;
    color: #fff
}
.corporate .section-divider-1,
.corporate .section-divider-2,
.corporate .section-divider-3 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.corporate #twitter-fetcher-tweet .interact a {
    font-size: 16px
}
.corporate .homepage-quotes {
    text-align: left
}
.corporate .homepage-quotes .fa {
    color: #fff;
    font-size: 30px
}
.corporate .homepage-quotes .quotes blockquote {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}
.corporate .homepage-quotes .quotes li {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    list-style: none;
    padding: 0 0 20px
}
.corporate .homepage-quotes .quotes blockquote p {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    font-style: italic;
    width: 100%;
    padding: 0 0 25px;
    border-bottom: 2px solid #fff
}
.corporate .homepage-quotes .quotes cite {
    display: inline-block;
    width: 100%;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left
}
.corporate .homepage-tweet {
    text-align: left
}
.corporate .homepage-tweet .fa {
    color: #fff;
    font-size: 30px
}
.corporate .homepage-tweet ul {
    list-style: none
}
.corporate #twitter-fetcher-tweet {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin: 0;
    width: 100%
}
.corporate #twitter-fetcher-tweet .tweet {
    margin: 20px 0 10px;
    padding: 0 0 25px;
    border-bottom: 2px solid #fff
}
.corporate #twitter-fetcher-tweet a {
    color: #333
}
.corporate #twitter-fetcher-tweet a:hover {
    color: #666
}
.corporate #twitter-fetcher-tweet .timePosted {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    display: inline-block;
    margin-top: 10px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px
}
.corporate #twitter-fetcher-tweet .interact {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: lowercase
}
.corporate #twitter-fetcher-tweet .interact a {
    margin-left: 8px;
    padding: 0
}
.corporate #twitter-fetcher-tweet .interact a:first-child {
    margin-left: 0
}
.corporate #twitter-fetcher-tweet .interact a:not(:last-of-type):after {
    content: "/";
    color: #333;
    margin-left: 8px
}
.corporate .portfolio-filter {
    margin-top: 0
}
.corporate #footer-global[role=contentinfo] {
    text-align: left
}
.corporate .homepage-portfolio-items .homepage-project-item {
    margin-bottom: 0
}
.corporate .news-items,
.corporate .portfolio-items,
.corporate .service-items,
.corporate .team-members {
    margin: 40px 0 40px -10px
}
.corporate .news-item .date-stamp {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    width: 60px;
    height: 70px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    display: table;
    margin: 0 auto 20px
}
.corporate .news-item .date-stamp .month {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    text-transform: uppercase
}
.corporate .news-item .date-stamp .day {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    font-size: 28px
}
.corporate .news-item .news-thumbnail {
    margin-bottom: 30px
}
.corporate .news-item h2 {
    font-size: 25px;
    line-height: 1.3;
    border-bottom: 1px solid #333
}
.corporate .news-item .post-cat {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.corporate .news-item .post-cat span a {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.corporate .news-item .post-cat span a:hover {
    color: #666
}
.corporate .news-item .meta-details a {
    color: #333
}
.corporate .news-item .meta-details a:hover {
    color: #666
}
.corporate #homepage-team .team-member {
    margin-bottom: 20px
}
.corporate #homepage-team .team-member .team-image {
    list-style: none;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.corporate #homepage-team .team-member .details h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    letter-spacing: 1px;
    display: block
}
.corporate #homepage-team .team-member .details p {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-right: 5px;
    text-transform: lowercase
}
.corporate #homepage-team .team-member .details p span {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.corporate #homepage-team .team-member .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    padding: 20px;
    opacity: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}
.corporate #homepage-team .team-image:hover .overlay {
    background-color: rgba(0, 0, 0, .75);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-backface-visibility: hidden
}
.corporate #homepage-team .team-member .overlay h2 {
    color: #fff;
    padding: 0 10px 0 0;
    line-height: 1.3;
    font-size: 25px;
    font-weight: 700;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
    border-bottom: 0
}
.corporate #homepage-team .team-member .overlay>h2 a {
    opacity: 1;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.corporate #homepage-team .team-member .overlay:hover>h2 a {
    opacity: 1
}
.corporate #homepage-team .team-member .overlay a {
    color: #fff;
    text-decoration: none
}
.corporate #homepage-team .team-member img {
    display: block;
    position: relative;
    max-width: 100%;
    height: auto;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out
}
.corporate #homepage-team .team-member:hover img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.corporate .content {
    background-color: #fff
}
.corporate .content.stripe {
    background-color: #eee
}
.one-page #header-global[role=banner] {
    color: #fff;
    width: 100%;
    height: 700px;
    padding-bottom: 60px;
    z-index: 1000;
    text-align: center
}
.one-page #header-global[role=banner] .social-icons {
    margin-top: 120px
}
.one-page .uber-statement h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    line-height: 90px;
    border-bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0
}
.one-page .header-top {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    padding-top: 17px;
    padding-bottom: 15px;
    position: relative;
    z-index: 500;
    width: 100%;
    text-align: left;
    -webkit-box-shadow: 0 0 8px 0 #999;
    -moz-box-shadow: 0 0 8px 0 #999;
    box-shadow: 0 0 8px 0 #999;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s
}
.one-page .header-top .logo,
.one-page .header-top-light .logo {
    text-align: left;
    margin-top: 16px
}
/*.one-page .header-top .logo h1,
.one-page .header-top-light .logo h1 {*/
.one-page .header-top .logo,
.one-page .header-top-light .logo {
    font-size: 25px
}
/*.one-page .header-top .logo h1 a {*/
.one-page .header-top .logo a {
    color: #333
}
.one-page #homepage-news,
.one-page #homepage-portfolio,
.one-page #homepage-services,
.one-page #homepage-team {
    text-align: center
}
.one-page .homepage-section-header {
    max-width: 960px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px
}
.one-page .homepage-section-header h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    width: 80%;
    margin: 0 auto;
    border-bottom: 0
}
.one-page #homepage-about .homepage-section-header h1 {
    color: #fff
}
.one-page #homepage-profile .homepage-section-intro p {
    text-align: left
}
.one-page .homepage-section-intro p {
    font-size: 18px;
    line-height: 28px
}
.one-page .homepage-section-intro p:first-of-type {
    color: #666;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 37px;
    margin-bottom: 30px
}
/*
.one-page .homepage-section-intro p:first-of-type:first-line {
    font-weight: 700;
    letter-spacing: .1em
}*/

.one-page #homepage-about .homepage-section-intro p {
    color: #999
}
.one-page #homepage-about .homepage-section-header h2,
.one-page #homepage-about .homepage-section-intro p:first-of-type {
    color: #fff
}
.one-page .homepage-tweet {
    text-align: center
}
.one-page .homepage-tweet .fa {
    color: #fff;
    font-size: 30px
}
.one-page .homepage-tweet ul {
    list-style: none
}
.one-page #twitter-fetcher-tweet {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin: 0 auto;
    width: 70%
}
.one-page #twitter-fetcher-tweet .tweet {
    margin: 20px 0 10px;
    padding: 0 0 25px;
    border-bottom: 2px solid #fff
}
.one-page #twitter-fetcher-tweet a {
    color: #333
}
.one-page #twitter-fetcher-tweet a:hover {
    color: #666
}
.one-page #twitter-fetcher-tweet .timePosted {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    display: inline-block;
    margin-top: 10px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px
}
.one-page #twitter-fetcher-tweet .interact {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: lowercase
}
.one-page #twitter-fetcher-tweet .interact a {
    margin-left: 8px;
    padding: 0
}
.one-page #twitter-fetcher-tweet .interact a:first-child {
    margin-left: 0
}
.one-page #twitter-fetcher-tweet .interact a:not(:last-of-type):after {
    content: "/";
    color: #333;
    margin-left: 8px
}
.one-page .homepage-quotes {
    text-align: center
}
.one-page .homepage-quotes .fa {
    color: #fff;
    font-size: 30px
}
.one-page .homepage-quotes .quotes blockquote {
    width: 70%;
    margin: 0 auto;
    padding: 0;
    border: 0
}
.one-page .homepage-quotes .quotes li {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    list-style: none;
    padding: 0 0 20px
}
.one-page .homepage-quotes .quotes blockquote p {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    font-style: italic;
    width: 100%;
    padding: 0 0 25px;
    border-bottom: 2px solid #fff
}
.one-page .homepage-quotes .quotes cite {
    display: inline-block;
    width: 70%;
    margin: 0 auto;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center
}
.one-page .portfolio-filter {
    margin-top: 0
}
.one-page #footer-global[role=contentinfo] {
    text-align: center
}
.one-page .social-icons li .fa {
    color: #fff;
    font-size: 20px
}
.one-page .homepage-team-member {
    margin-bottom: 40px
}
.one-page .homepage-team-member:hover img {
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none
}
.one-page .homepage-team-member .team-member-thumbnail {
    margin-bottom: 30px
}
.one-page .homepage-team-member h2 {
    font-size: 25px;
    line-height: 1.3;
    border-bottom: 1px solid #333
}
.one-page .homepage-team-member .member-role {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.one-page .homepage-team-member .member-role span {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.one-page .homepage-team-member .social-icons {
    margin-top: 10px
}
.one-page .homepage-team-member .social-icons li .fa {
    color: #333
}
.one-page .news-item .date-stamp {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    width: 60px;
    height: 70px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    display: table;
    margin: 0 auto 20px
}
.one-page .news-item .date-stamp .month {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    text-transform: uppercase
}
.one-page .news-item .date-stamp .day {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    font-size: 28px
}
.one-page .news-item .news-thumbnail {
    margin-bottom: 30px
}
.one-page .news-item h2 {
    font-size: 25px;
    line-height: 1.3;
    border-bottom: 1px solid #333
}
.one-page .news-item .post-cat {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.one-page .news-item .post-cat span a {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.one-page .news-item .post-cat span a:hover {
    color: #666
}
.one-page .news-item .meta-details a {
    color: #333
}
.one-page .news-item .meta-details a:hover {
    color: #666
}
.full-image {
    background: 0 0
}
.full-image #header-global[role=banner] {
    height: 300px;
    margin-bottom: 60px
}
/*.full-image .logo h1 {*/
.full-image .logo {
    margin-bottom: 0;
    padding-bottom: 0
}
.full-image .uber-statement h2 {
    font-size: 30px;
    line-height: 35px
}
.full-image .filter li a {
    background: #fff;
    color: #333
}
.full-image .filter li .current,
.full-image .filter li a:hover {
    background: #333;
    color: #fff
}
.full-image .homepage-portfolio {
    background: 0 0;
    padding: 10px 0 70px
}
.full-image .homepage-portfolio-items {
    width: 100%;
    margin: 0;
    overflow: hidden;
    position: relative
}
.full-image .homepage-portfolio-items .homepage-project-item {
    width: 33.333%;
    overflow: hidden;
    position: relative;
    margin-bottom: 0
}
.full-image #footer-global[role=contentinfo] {
    border-top: 0
}
.blog-style #header-global[role=banner] {
    height: 550px
}
.blog-style.homepage-section-header {
    max-width: 960px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 0
}
.blog-style .homepage-section-header h2 {
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    width: 80%;
    margin: 0
}
.blog-style .homepage-section-intro p {
    font-size: 18px;
    line-height: 28px
}
.blog-style .homepage-section-intro p:first-of-type {
    color: #666;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 37px;
    margin-bottom: 30px
}
/*
.blog-style .homepage-section-intro p:first-of-type:first-line {
    font-weight: 700;
    letter-spacing: .1em
}*/

.blog-style #homepage-about {
    background-color: #f5f5f5
}
.blog-style #homepage-news {
    background: 0 0;
    padding: 90px 0
}
.blog-style .news-item {
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    word-break: break-word;
    hyphens: auto;
    border-bottom: 1px solid #ddd
}
.blog-style .news-item:first-of-type {
    padding: 30px 0 60px
}
.blog-style .news-item:last-of-type {
    border-bottom: 0!important
}
.blog-style .news-item.stripe {
    background-color: #eee
}
.blog-style .news-item .date-stamp {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    width: 60px;
    height: 70px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    display: table;
    margin: 0 0 40px
}
.blog-style .news-item .date-stamp .month {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    text-transform: uppercase
}
.blog-style .news-item .date-stamp .day {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    font-size: 28px
}
.blog-style .news-item .news-thumbnail {
    margin-bottom: 30px
}
.blog-style .news-item h2 {
    font-size: 30px;
    line-height: 1.5;
    border-bottom: 1px solid #333
}
.blog-style .news-item .meta-details p {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    padding-right: 5px;
    text-transform: lowercase
}
.blog-style .news-item .meta-details p span {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.blog-style .news-item .post-cat {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.blog-style .news-item .post-cat span a {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.blog-style .news-item .post-cat span a:hover {
    color: #666
}
.blog-style .news-item .meta-details a {
    color: #333
}
.blog-style .news-item .meta-details a:hover {
    color: #666
}
#homepage-about,
#homepage-portfolio,
#homepage-news
#homepage-profile,
#homepage-team,
#homepage-services,
#homepage-contact {
    padding: 90px 0;
}
#homepage-about {
    background: #333;
}
#homepage-portfolio {
    background: #f4f4f4;
}
#homepage-news {
    background: #fff;
}
#homepage-profile,
#homepage-team {
    background: #f4f4f4;
}
#homepage-services {
    background: #fff;
}
#homepage-contact {
    background: #333;
}
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    position: relative;
    background: 0 0;
    border: 1px solid #333;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 0;
    margin-top: 5px;
    padding: 5px 10px;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.button:active,
.button:hover,
button:active,
button:hover,
input[type=button]:active,
input[type=button]:hover,
input[type=reset]:active,
input[type=reset]:hover,
input[type=submit]:active,
input[type=submit]:hover {
    border: 1px solid #6699A6;
    color: #6699A6
}
.button.full-width,
button.full-width,
input[type=button].full-width,
input[type=reset].full-width,
input[type=submit].full-width {
    width: 100%;
    padding-left: 0!important;
    padding-right: 0!important;
    text-align: center
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
a.read-more-btn {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #ef8015;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
a.read-more-btn:hover {
    background: #333;
    color: #fff;
    position: relative
}
a.read-more-btn-uber {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #ef8015;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 20px;
    padding: 12px 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
a.read-more-btn-uber:hover {
    background: #333;
    color: #fff;
    position: relative
}
.contact-btn {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #333;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.contact-btn:hover {
    background: #ef8015;
    color: #fff;
    position: relative
}
.back-top-btn {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 30px;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.back-top-btn:hover {
    background: #ef8015;
    color: #fff;
    position: relative
}
a.back-btn,
a.next-btn,
a.previous-btn {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #333;
    border-radius: 30px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    margin-right: 10px;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
a.back-btn:hover,
a.next-btn:hover,
a.previous-btn:hover {
    background: #ef8015;
    color: #fff;
    position: relative
}
a.back-btn {
    background: #ef8015
}
a.back-btn:hover {
    background: #333
}
.social-icons {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    display: inline-block;
}
.social-icons>li {
    list-style-image: none;
    list-style-type: none;
    white-space: nowrap;
    margin-right: 20px;
    margin-left: 0;
    display: inline-block;
    float: left;
    padding: 10px
}
.social-icons>li.first,
.social-icons>li:first-child {
    padding-left: 0
}
.social-icons>li:last-child {
    margin-right: 0;
    padding-right: 0
}
.social-icons>li.last {
    padding-right: 0
}
.social-icons li .fa {
    color: #fff;
    font-size: 20px
}
#homepage-contact .fa {
    color: #fff;
    font-size: 50px;
    margin-bottom: 30px
}
#homepage-contact .social-icons {
    margin-top: 20px
}
#homepage-contact .social-icons li {
    list-style: none;
    float: left;
    margin-right: 10px
}
#homepage-contact .social-icons li .fa {
    font-size: 20px
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}
.portfolio-items.full-width .project-item {
    width: 33.333%;
    overflow: hidden;
    position: relative;
    margin-bottom: 0
}
.portfolio-items.standard {
    margin-left: -10px
}
.project-item {
    margin-bottom: 20px
}
.project-item .project-image {
    list-style: none;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.project-item .details h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    border: 0;
    display: block
}
.project-item .details p {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    /*text-transform: lowercase*/
}
.project-item .details p span {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.single-project {
    margin-top: 20px
}
.single-project .project-description p {
    font-size: 16px;
    line-height: 30px
}
.single-project .project-description p:first-of-type {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    /*color: #666;*/
    color: #444;
    /*font-size: 20px;*/
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 30px
}
.single-project p:last-of-type {
    margin-bottom: 30px
}
.single-project h1 {
    display: block;
    font-size: 40px;
    line-height: 45px;
    border-bottom: 4px solid #333;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-bottom: 20px
}
.single-project img {
    max-width: 100%;
    height: auto
}
.single-project .client-name {
    /*font-size: 14px;*/
    font-size: 15px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: none;
}
.single-project .client-name span {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 2px
}
.single-project .project-details {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    text-transform: lowercase;
    color: #999;
    /*border-top: #ddd 2px solid;*/
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 10px;
    list-style: none
}
.single-project .project-details li {
    margin: 5px 0
}
.single-project .project-details li span {
    /*color: #333;*/
    color: #444;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    /*font-size: 14px;*/
    text-transform: uppercase;
    letter-spacing: 1px
}
.single-project .video-frame,
.single-project img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}
.single-project img {
    margin-top: 15px;
    margin-bottom: 10px
}
.single-project .video-frame {
    margin-bottom: 25px
}
.single-project .slides li {
    margin-bottom: 0
}
.single-project .project-icons {
    margin-top: 12px;
    margin-bottom: 30px
}
.single-project .project-icons .fa {
    color: #ddd;
    font-size: 40px;
    margin-right: 10px
}
.single-project.audio h1,
.single-project.slider h1,
.single-project.video h1 {
    display: block;
    font-size: 40px;
    line-height: 45px;
    border-bottom: 4px solid #333;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px
}
.single-project.audio .project-icons,
.single-project.slider .project-icons,
.single-project.video .project-icons {
    margin-top: 35px;
    margin-bottom: 10px
}
.single-project.audio .project-details,
.single-project.slider .project-details,
.single-project.video .project-details {
    border-top: #ddd 2px solid;
    margin-top: 20px;
    margin-bottom: 25px
}
.project-nav {
    display: block;
    float: left;
    margin: 0 0 60px;
    list-style: none
}
.project-nav li {
    font-size: 25px;
    float: left;
    -moz-transition: color .4s;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    -ms-transition: color .4s;
    transition: color .4s
}
.project-nav li.back {
    font-size: 20px
}
.project-nav li a {
    text-decoration: none;
    display: block
}
.project-nav .back a:hover,
.project-nav .next a:hover,
.project-nav .prev a:hover {
    color: #666
}
.project-nav .back,
.project-nav .next,
.project-nav .prev {
    margin-right: 10px
}
.project-nav .next a,
.project-nav .prev a {
    color: #333
}
.post-excerpt,
.post-single {
    padding: 30px 0 60px
}
.post-excerpt:last-of-type {
    border-bottom: 0!important
}
.post-excerpt.stripe {
    background-color: #eee
}
.post-excerpt .date-stamp,
.post-single .date-stamp {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    width: 60px;
    height: 70px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    display: table;
    margin: 0 0 20px
}
.post-excerpt .date-stamp .month,
.post-single .date-stamp .month {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    text-transform: uppercase
}
.post-excerpt .date-stamp .day,
.post-single .date-stamp .day {
    width: 100%;
    text-align: center;
    position: relative;
    top: 9px;
    font-size: 28px
}
.post-excerpt h2,
.post-single h2 {
    font-size: 30px;
    line-height: 1.5;
    border-bottom: 1px solid #333
}
.post-excerpt .meta-details p,
.post-single .meta-details p {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    padding-right: 5px;
    text-transform: lowercase
}
.post-excerpt .meta-details p span,
.post-single .meta-details p span {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.post-excerpt .post-cat,
.post-single .post-cat {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.post-excerpt .post-cat span a,
.post-single .post-cat span a {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.post-excerpt .post-cat span a:hover,
.post-single .post-cat span a:hover {
    color: #666
}
.post-excerpt .meta-details a,
.post-single .meta-details a {
    color: #333
}
.post-excerpt .meta-details a:hover,
.post-single .meta-details a:hover {
    color: #666
}
.post-excerpt .post-thumbnail,
.post-single .post-thumbnail {
    list-style: none;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.post-excerpt .video-frame,
.post-excerpt img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}
.post-tags li {
    float: left;
    list-style: none;
    margin-right: 10px
}
.post-tags li a {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #ddd;
    border-radius: 30px;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 7px 17px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.post-tags li a:hover {
    background: #333;
    color: #fff;
    position: relative
}
.author-bio {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    color: #333;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 40px 0 20px;
    padding: 40px 40px 60px 0
}
.author-bio p {
    margin-top: 20px
}
.author-bio img {
    float: left;
    border-radius: 100px;
    border: 3px solid #ddd;
    max-width: 100%;
    height: auto;
    margin-top: 25px;
    margin-right: 25px
}
.author-website {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #333;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.author-website:hover {
    background: #ef8015;
    color: #fff;
    position: relative
}
.author-bio .author-social-icons {
    margin-top: 15px;
    display: inline-block
}
.author-bio .author-social-icons li {
    list-style: none;
    float: left;
    margin-right: 20px
}
.author-bio .author-social-icons li:last-child {
    margin-right: 0
}
.author-bio .author-social-icons li .fa {
    color: #333;
    font-size: 20px
}
.article-author {
    font-size: 14px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.article-author span {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 3px
}
.pagination {
    float: right;
    margin-bottom: 30px
}
.pagination li {
    display: inline-block;
    list-style: none;
    margin: 0
}
.pagination li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.pagination li a:hover {
    color: #333
}
.pagination li:last-child {
    margin-right: 0
}
.pagination li {
    padding: 5px
}
.pagination .current {
    font-weight: 600
}
.pagination .current,
.pagination a {
    display: inline-block
}
.pagination li a.read-more-btn:hover {
    color: #fff
}
.portfolio-filter {
    margin-bottom: 40px
}
.portfolio-filter .filter {
    display: inline-block;
    margin: 0;
    padding: 0
}
.filter li {
    float: left;
    list-style: none;
    margin-right: 10px
}
.filter li a {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #ddd;
    border-radius: 30px;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 7px 17px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.filter li a:hover {
    position: relative
}
.filter li .current,
.filter li a:hover {
    background: #333;
    color: #fff
}
.homepage-project-item {
    margin-bottom: 20px
}
.homepage-project-item .homepage-project-image {
    list-style: none;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.homepage-project-item .details h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    border: 0;
    display: block
}
.homepage-project-item .details p {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    text-transform: lowercase
}
.homepage-project-item .details p span {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.four.columns .homepage-project-item .details h2 {
    font-size: 20px
}
.project-image .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    padding: 20px;
    opacity: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}
.project-image:hover .overlay {
    background-color: rgba(0, 0, 0, .85);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-backface-visibility: hidden
}
.project-item .overlay h2 {
    padding: 0;
    line-height: 1.3;
    font-size: 25px;
    font-weight: 700;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.project-item .overlay>h2 a {
    opacity: 1;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.project-item .overlay:hover>h2 a {
    opacity: 1
}
.project-item .overlay h2 {
    color: #fff
}
.project-item .overlay a {
    color: #fff;
    text-decoration: none
}
.project-item .overlay em {
    color: #fff
}
.project-item img {
    display: block;
    position: relative;
    max-width: 100%;
    height: auto;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out
}
.project-item:hover img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
#inner .team-member {
    margin-bottom: 70px
}
.team-member:hover img {
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none
}
.team-member .team-member-thumbnail {
    margin-bottom: 30px
}
.team-member h2 {
    font-size: 25px;
    line-height: 1.3;
    border-bottom: 1px solid #333
}
.team-member .member-role {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.team-member .member-role span {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 2px
}
.team-member .social-icons {
    margin-top: 10px
}
.team-member .social-icons li {
    list-style: none;
    float: left
}
.team-member .social-icons li:last-child {
    margin-right: 0
}
.team-member .social-icons li .fa {
    color: #333;
    font-size: 20px
}
.team-members .one-third.column.clearcol {
    clear: both
}
.about-profile {
    margin: 60px 0
}
.one-page .about-profile {
    margin: 30px 0
}
.about-profile .about-profile-list {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    text-transform: lowercase;
    color: #999;
    border-top: #ddd 2px solid;
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 10px;
    list-style: none
}
.about-profile .about-profile-list li {
    margin: 5px 0
}
.about-profile .about-profile-list li span {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.service {
    color: #fff;
    margin-bottom: 50px
}
.service h2 {
    font-family: Lato, sans-serif;
    font-size: 20px;
    display: block;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px
}
.service h2 a,
.service p {
    color: #fff
}
.service [class^=icon-] {
    display: block;
    color: #fff;
    margin-bottom: 20px;
    font-size: 70px;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}
.service:hover>[class^=icon-] {
    color: #333
}
.service-icon-large [class^=icon-] {
    font-size: 200px;
    margin: 50px 0
}
.service a.read-more-btn {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff
}
.service a.read-more-btn:hover {
    border: 1px solid #333;
    color: #333
}
.service.clearcol {
    clear: both
}
#inner .news-items,
#inner .service-items,
#inner .team-members,
.alternative .news-items,
.alternative .service-items,
.alternative .team-members,
.one-page .news-items,
.one-page .service-items,
.one-page .team-members {
    margin: 40px 0
}
.news-item,
.service-item,
.team-member {
    margin-bottom: 40px
}
.service-item .details .fa {
    font-size: 50px;
    line-height: 60px;
    color: #ddd;
    /*margin-bottom: 30px*/
    margin-bottom: 16px
}
.service-item .details h2 {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    letter-spacing: 1px;
    display: block;
    border-bottom: 1px solid #333;
    line-height: 1.3;
    font-size: 25px;
    font-weight: 700
}
.service-items .one-third.column.clearcol {
    clear: both
}
.icon-holder {
    width: 70px;
    height: 70px;
    background: 0 0;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center
}
.icon-holder.contact,
.icon-holder.news,
.icon-holder.portfolio,
.icon-holder.services,
.icon-holder.team {
    display: inline-block
}
.icon-holder .fa {
    font-size: 50px;
    line-height: 60px;
    color: #ddd
}
#homepage-about .icon-holder .fa {
    font-size: 50px;
    line-height: 60px;
    color: #fff
}
#comments {
    margin-top: 30px;
    margin-left: 0
}
#comments h4 {
    font-size: 16px;
    padding-bottom: 20px;
    display: block;
    border-bottom: #ddd 2px solid;
    font-weight: 400
}
.comments-info {
    font-size: 14px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.comments-info span {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 3px
}
.comments-list {
    background-color: #fafbfc;
    border-bottom: 2px solid #ddd;
    margin: 25px 0 40px;
    padding: 20px
}
.comment {
    border-top: 2px solid #ddd;
    display: inline-block;
    margin-top: 10px;
    padding-top: 30px
}
.comment .children .comment {
    margin-top: 10px;
    padding-top: 30px
}
.comment:first-child {
    border-top: 0;
    margin: 0;
    padding: 0
}
.comment>div {
    display: inline-block
}
.comment .avatar {
    display: block;
    float: left;
    position: relative;
    z-index: 1;
    margin-bottom: 10px
}
.comment .comment-entry,
.comment .comment-meta {
    float: right;
    width: 100%
}
.comment .comment-meta {
    margin-top: -4px
}
.comment .author {
    font-size: 16px;
    margin: 10px 0 0;
    text-transform: uppercase
}
.comment .reply {
    color: #999;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    text-transform: lowercase;
    float: right
}
.comment .reply:hover {
    color: #333
}
.comment .date {
    font-size: 12px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
.comment .date span {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px
}
.comment .children {
    padding-left: 60px
}
.comment .children .comment {
    border-top: 2px solid #ddd;
    position: relative
}
.comment .children .children .comment-entry,
.comment .children .children .comment-meta,
.comment .children .comment-entry,
.comment .children .comment-meta {
    width: 100%
}
.comment-reply-link {
    font-size: 80%
}
.comment-moderate {
    float: left
}
#respond {
    margin-bottom: 20px;
    margin-left: 0
}
#respond h2 {
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 700
}
#respond p {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase
}
#comment-form input,
#comment-form textarea {
    border: 1px solid #333
}
#comment-form {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left
}
#comment-form fieldset {
    margin-bottom: 20px
}
#comment-form input[type=email],
#comment-form input[type=password],
#comment-form input[type=text],
#comment-form textarea,
select {
    padding: 8px 8px 10px 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #333;
    border-left: 0;
    outline: 0;
    font-size: 16px;
    font-style: italic;
    color: #333;
    margin: 0;
    width: 90%;
    display: block;
    line-height: 1.3;
    margin-bottom: 20px;
    background: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#comment-form input[type=email]:focus,
#comment-form input[type=password]:focus,
#comment-form input[type=text]:focus,
#comment-form textarea:focus {
    color: #333
}
#comment-form textarea {
    min-height: 150px
}
#comment-form label,
#comment-form legend {
    display: block;
    font-weight: 700;
    font-size: 12px
}
#comment-form select {
    width: 220px;
    padding: 6px
}
#comment-form input[type=checkbox] {
    display: inline
}
#comment-form label span,
#comment-form legend span {
    font-weight: 400;
    font-size: 12px;
    color: #444
}
#comment-form input.error,
#comment-form textarea.error {
    margin-bottom: 6px
}
#comment-form #submit {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #333;
    border: 0;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 15px 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
#comment-form #submit:hover {
    background: #ef8015;
    color: #fff;
    position: relative
}
#comment-form::-webkit-input-placeholder {
    color: #666;
}
#comment-form:-moz-placeholder {
    color: #666;
}
#comment-form::-moz-placeholder {
    color: #666;
}
#comment-form:-ms-input-placeholder {
    color: #666;
}
#map {
    width: 100%;
    height: 400px;
    position: relative
}
.contact #map {
    margin-bottom: 60px
}
.map-overlay {
    width: 100%;
    display: block;
    text-align: center;
    background-color: #333;
    background-color: none;
    color: #fff;
    padding: 10px 15px;
    border-radius: 2px;
    -moz-box-shadow: 1px 1px 8px 1px #666;
    -webkit-box-shadow: 1px 1px 8px 1px #666;
    box-shadow: 1px 1px 8px 1px #666
}
.map-overlay_arrow {
    left: 50%;
    width: 0;
    height: 0;
    position: absolute
}
.map-overlay_arrow.above {
    bottom: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #333
}
.map-overlay_arrow.below {
    top: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #333
}
#map .fa {
    font-size: 100px;
    color: #333;
    margin-top: 50px;
    margin-left: 30px
}
.widget {
    font-size: 12px;
    text-align: left;
    margin-bottom: 30px
}
.widget ul {
    list-style: none
}
.widget [class^=icon-] {
    margin-right: 5px
}
.widget-thumb {
    float: left;
    margin-right: 20px
}
.widget-thumb img {
    border: 1px solid #fff;
    border-radius: 1px;
    vertical-align: bottom
}
.post-widget {
    margin-bottom: 20px
}
.post-date {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-size: 9px;
    color: #999;
    font-style: normal;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    margin: 2px 0 5px
}
.widget-excerpt a {
    font-size: 13px;
    text-transform: uppercase
}
.sidebar .widget .fa {
    margin-right: 7px
}
.sidebar .widget ul li:before {
    float: left;
    font-family: FontAwesome;
    content: "\f192";
    color: #999;
    padding-right: 10px;
    font-size: 16px
}
.widget #twitter-feed .timePosted {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase
}
.widget #twitter-feed .interact a {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    margin-right: 5px;
    text-transform: lowercase
}
.searchbar {
    float: left
}
.searchbar input[type=email],
.searchbar input[type=password],
.searchbar input[type=text],
.searchbar select,
.searchbar textarea {
    float: left;
    padding: 8px 8px 10px 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #333;
    border-left: 0;
    outline: 0;
    font-size: 14px;
    font-style: italic;
    color: #333;
    margin: 0;
    width: 80%;
    display: block;
    line-height: 1.3;
    margin-bottom: 20px;
    background: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.searchbar input[type=email]:focus,
.searchbar input[type=password]:focus,
.searchbar input[type=text]:focus,
.searchbar textarea:focus {
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #333;
    border-left: 0;
    color: #333
}
.searchbar::-webkit-input-placeholder {
    color: #999;
}
.searchbar:-moz-placeholder {
    color: #999;
}
.searchbar::-moz-placeholder {
    color: #999;
}
.searchbar:-ms-input-placeholder {
    color: #999;
}
.searchbar .fa {
    color: #ddd;
    font-size: 20px
}
ul.tabs {
    margin: 10px 0 0;
    padding: 0;
    float: left;
    height: 32px;
    width: 100%;
    list-style: none
}
ul.tabs li {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    float: left;
    text-transform: uppercase;
    margin: 0 10px 0 0;
    background: #ddd;
    cursor: pointer;
    border-radius: 2px;
    padding: 15px;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    position: relative
}
ul.tabs li:hover {
    color: #fff;
    background: #333
}
ul.tabs li.active {
    color: #fff;
    background: #333;
    border-bottom: 1px solid #ddd
}
.tab-container {
    border-top: 0;
    clear: both;
    float: left;
    width: 100%;
    min-height: 200px;
    height: auto
}
.tab-content {
    padding: 30px 20px 20px 0;
    display: none
}
.posts {
    list-style: none
}
.posts li {
    float: left
}
.posts img {
    float: left;
    display: block;
    margin-right: 10px
}
.posts .entry {
    display: block;
    margin-bottom: 20px
}
.accordion-container {
    font-size: 14px;
    margin: 20px 0
}
.accordion-header {
    background: #333;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 15px;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase
}
.active-header {
    color: #fff
}
.inactive-header {
    color: #333;
    background: #ddd;
    margin-bottom: 10px
}
.inactive-header:hover {
    color: #fff;
    background: #333
}
.accordion-content {
    display: none;
    padding: 5px 0 10px;
    border-top: 0
}
#twitter-feed ul {
    list-style: none
}
#twitter-feed .tweet {
    margin: 5px 0
}
#twitter-feed .timePosted {
    color: #999;
    font-size: 10px;
    font-style: italic;
    margin-top: 0
}
form {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left
}
fieldset {
    margin-bottom: 20px
}
.contact-form input[type=email],
.contact-form input[type=password],
.contact-form input[type=text],
.contact-form select,
.contact-form textarea {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    border-top: 0;
    border-right: 0;
    border-bottom: 3px solid #fff;
    border-left: 0;
    padding: 0 8px 8px 0;
    outline: 0;
    font-size: 30px;
    color: #fff;
    margin: 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    margin-bottom: 20px;
    background: 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase
}
/*
::-webkit-input-placeholder {
    color: #fff
}
:-moz-placeholder {
    color: #fff
}
::-moz-placeholder {
    color: #fff
}
:-ms-input-placeholder {
    color: #fff
}
*/

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    border-top: 0;
    border-right: 0;
    border-bottom: 3px solid #fff;
    border-left: 0;
    color: #ddd
}
textarea {
    min-height: 150px
}
label,
legend {
    display: block;
    font-weight: 700;
    font-size: 12px
}
input[type=checkbox] {
    display: inline
}
label span,
legend span {
    font-weight: 400;
    font-size: 12px;
    color: #444
}
input.error,
textarea.error {
    margin-bottom: 6px
}
.error {
    color: #c33;
    margin-bottom: 10px
}
#submit,
#btnsubmit {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background-color: #fff;
    border: 0;
    border-radius: 30px;
    color: #333;
    font-size: 30px;
    text-decoration: none;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
#submit:hover,
#btnsubmit:hover {
    background-color: #ef8015;
    color: #fff;
    position: relative
}
#response {
    margin-top: 20px;
    margin-bottom: 20px
}
#response .success {
    color: #afdd58
}
#response .failure {
    color: #c33
}
.contact-form #user {
    display: none
}
.nogo {
    color: #c33
}
.contact-form-standard {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: left;
}
.contact-form-standard input,
.contact-form-standard textarea {
    border: 1px solid #333;
}
.contact-form-standard fieldset {
    margin-bottom: 20px;
}
.contact-form-standard input[type=email],
.contact-form-standard input[type=password],
.contact-form-standard input[type=text],
.contact-form-standard textarea,
select {
    padding: 8px 8px 10px 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #333;
    border-left: 0;
    outline: 0;
    font-size: 16px;
    font-style: italic;
    color: #333;
    margin: 0;
    width: 90%;
    display: block;
    line-height: 1.3;
    margin-bottom: 20px;
    background: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact-form-standard input[type=email]:focus,
.contact-form-standard input[type=password]:focus,
.contact-form-standard input[type=text]:focus,
.contact-form-standard textarea:focus {
    color: #333;
}
.contact-form-standard textarea {
    min-height: 150px;
}
.contact-form-standard label,
.contact-form-standard legend {
    display: block;
    font-weight: 700;
    font-size: 12px;
}
.contact-form-standard select {
    width: 220px;
    padding: 6px;
}
.contact-form-standard input[type=checkbox] {
    display: inline;
}
.contact-form-standard label span,
.contact-form-standard legend span {
    font-weight: 400;
    font-size: 12px;
    color: #444;
}
.contact-form-standard input.error,
.contact-form-standard textarea.error {
    margin-bottom: 6px;
}
.contact-form-standard #submit,
.contact-form-standard #btnsubmit {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    background: #333;
    border: 0;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 15px 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.contact-form-standard #submit:hover,
.contact-form-standard #btnsubmit:hover {
    background: #ef8015;
    color: #fff;
    position: relative;
}

.contact-form-standard::-webkit-input-placeholder {
    color: #666;
}
.contact-form-standard:-moz-placeholder {
    color: #666;
}
.contact-form-standard::-moz-placeholder {
    color: #666;
}
.contact-form-standard:-ms-input-placeholder {
    color: #666;
}

.contact-form-standard #user {
    display: none;
}
.contact-form-standard .nogo {
    color: #c33;
}
.contact-info {
    margin-top: 30px;
}
.contact-info h2 {
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
}
.contact-details {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    text-align: left;
    margin-top: 20px;
    padding-top: 5px;
    text-transform: uppercase
}
.contact-details li {
    margin-bottom: 20px;
    list-style: none;
    font-style: normal
}
.contact-details li .fa {
    margin-right: 10px
}
.contact-details li a:hover {
    color: #fff
}
.contact-details-standard {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 16px;
    font-style: italic;
    text-transform: lowercase;
    margin-top: 20px
}
.contact-details-standard li {
    list-style: none;
    margin-bottom: 10px
}
.contact-details-standard li:before {
    float: left;
    font-family: FontAwesome;
    content: "\f192";
    color: #999;
    padding-right: 10px;
    font-size: 16px;
    font-style: normal
}
.section-divider-1,
.section-divider-2,
.section-divider-3 {
    width: 100%;
    height: 750px;
    position: relative
}
.section-divider-1 .text-container,
.section-divider-2 .text-container,
.section-divider-3 .text-container {
    height: 750px;
    width: 960px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.text-container {
    display: table-cell;
    vertical-align: middle
}
.bg1,
.bg2,
.bg3 {
    width: 100%;
    height: 750px;
    margin: 0 auto;
    position: absolute;
    background-size: 120%;
    background-size: cover!important;
    background-position: fixed;
    -webkit-background-size: cover!important
}
.homepage-quotes .fa {
    color: #333;
    font-size: 50px
}
.homepage-quotes .quotes blockquote {
    margin: 0;
    padding: 0;
    border: 0
}
.homepage-quotes .quotes li {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    list-style: none;
    padding: 0 0 20px
}
.homepage-quotes .quotes blockquote p {
    color: #333;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    font-style: normal;
    width: 70%
}
.homepage-quotes .quotes cite {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    display: inline-block;
    margin-top: 10px;
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px
}
.homepage-tweet .fa {
    color: #fff;
    font-size: 50px
}
.homepage-tweet ul {
    list-style: none
}
#twitter-fetcher-tweet {
    font-size: 40px;
    line-height: 50px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 700;
    width: 70%
}
#twitter-fetcher-tweet p {
    color: #fff
}
#twitter-fetcher-tweet a {
    color: #333
}
#twitter-fetcher-tweet a:hover {
    color: #999
}
#twitter-fetcher-tweet .timePosted {
    display: inline-block;
    margin-top: 10px;
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase
}
#twitter-fetcher-tweet .interact {
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-transform: lowercase
}
#twitter-fetcher-tweet .interact a {
    margin-left: 8px;
    padding: 0
}
#twitter-fetcher-tweet .interact a:first-child {
    margin-left: 0
}
#twitter-fetcher-tweet .interact a:not(:last-of-type):after {
    content: "/";
    color: #333;
    margin-left: 8px
}
.plan-features:nth-child(even),
.plan-features:nth-child(odd) {
    font-size: 14px;
    padding: 10px 5px;
    text-transform: lowercase
}
.plan-price {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    color: #333;
    font-size: 40px;
    font-weight: 400;
    padding: 40px 30px 30px;
    text-align: center
}
.plan-price span {
    color: #999;
    font-size: 16px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    display: block;
    margin-top: 15px
}
#pricing-plan-1,
#pricing-plan-2,
#pricing-plan-3,
#pricing-plan-4 {
    background: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 0;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#pricing-plan-1 .plan-price,
#pricing-plan-2 .plan-price,
#pricing-plan-3 .plan-price,
#pricing-plan-4 .plan-price {
    border-top: 1px solid #ddd
}
.plan-title {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 20px 30px;
    text-align: center;
    text-transform: uppercase
}
.plan-title .fa {
    display: inline-block;
    margin-bottom: 20px
}
.plan-sign-up {
    padding: 20px
}
.sign-up-btn {
    font-family: 'Maven Pro', Montserrat, sans-serif;
    position: relative;
    display: block;
    background: #333;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 15px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.sign-up-btn:hover {
    background: #ef8015;
    color: #fff;
    position: relative
}
.feature-desc {
    color: #666;
    text-align: center
}
.skill-bars {
    width: 95%;
    position: relative;
    float: left;
    line-height: 2em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    text-align: left
}
.col {
    width: 95%
}
#skill {
    color: #333;
    list-style: none;
    padding-top: 30px
}
#skill li {
    margin-bottom: 60px;
    background: #ddd;
    height: 40px;
    border-radius: 2px
}
#skill li.last {
    margin-bottom: 0
}
#skill li em {
    font-size: 14px;
    font-family: 'Maven Pro', 'Crimson Text', serif;
    font-style: italic;
    font-weight: 400;
    color: #999;
    text-transform: lowercase;
    position: relative;
    top: -35px
}
#skill li em span {
    color: #333;
    font-family: 'Maven Pro', Montserrat, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 3px
}
.expand {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    height: 40px;
    margin: 0;
    background: #333;
    position: absolute
}
.sites {
    width: 70%;
    -moz-animation: sites 2s ease-out;
    -webkit-animation: sites 2s ease-out
}
.clients {
    width: 90%;
    -moz-animation: clients 2s ease-out;
    -webkit-animation: clients 2s ease-out
}
.complaining {
    width: 30%;
    -moz-animation: complaining 2s ease-out;
    -webkit-animation: complaining 2s ease-out
}
.coffee {
    width: 80%;
    -moz-animation: coffee 2s ease-out;
    -webkit-animation: coffee 2s ease-out
}
@-moz-keyframes sites {
    0% {
        width: 0
    }
    100% {
        width: 70%
    }
}
@-moz-keyframes clients {
    0% {
        width: 0
    }
    100% {
        width: 90%
    }
}
@-moz-keyframes complaining {
    0% {
        width: 0
    }
    100% {
        width: 30%
    }
}
@-moz-keyframes coffee {
    0% {
        width: 0
    }
    100% {
        width: 80%
    }
}
@-webkit-keyframes sites {
    0% {
        width: 0
    }
    100% {
        width: 70%
    }
}
@-webkit-keyframes clients {
    0% {
        width: 0
    }
    100% {
        width: 90%
    }
}
@-webkit-keyframes complaining {
    0% {
        width: 0
    }
    100% {
        width: 30%
    }
}
@-webkit-keyframes coffee {
    0% {
        width: 0
    }
    100% {
        width: 80%
    }
}
@media only screen and (min-width: 1200px) {
    .default .bg1,
    .default .bg2,
    .default .bg3,
    .header-background-image,
    .one-page .bg1,
    .one-page .bg2,
    .one-page .bg3 {
        /*background-attachment: fixed!important*/
    }
}
@media only screen and (max-width: 960px) {
    .title-container {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 5%
    }
    .title-container h1 {
        display: inline-block;
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
        padding-bottom: 6px;
        border-bottom: 2px solid #333
    }
    .bg1,
    .bg2,
    .bg3,
    .section-divider-1,
    .section-divider-1 .text-container,
    .section-divider-2,
    .section-divider-2 .text-container,
    .section-divider-3,
    .section-divider-3 .text-container {
        height: 550px
    }
    .full-image .portfolio-filter {
        margin-top: 40px;
        margin-bottom: 30px
    }
    ul.tabs li {
        margin: 2px
    }
    .plan-price {
        font-size: 30px
    }
    .sign-up-btn {
        font-size: 10px;
        padding: 5px 10px
    }
    .alternative .uber-statement h2,
    .corporate .uber-statement h2 {
        font-size: 70px;
        line-height: 80px
    }
    .blog-style .uber-statement h2,
    .one-page .uber-statement h2 {
        font-size: 50px;
        line-height: 60px
    }
    nav select {
        display: inline-block;
        position: relative;
        color: #000;
        font-style: normal
    }
    .studies {
        margin-top: 30px
    }
}
@media only screen and (max-width: 767px) {
    .content {
        /*padding: 130px 0*/
        padding: 50px 0
    }
    .corporate .content {
        padding: 90px 0
    }
    #header-global[role=banner],
    .blog-style #header-global[role=banner] {
        height: 400px
    }
    .header-top-inner,
    .header-top-light,
    .one-page .header-top-light {
        position: relative
    }
    .alternative #header-global[role=banner],
    .one-page #header-global[role=banner] {
        text-align: left
    }
    .alternative .header-top,
    .one-page .header-top-light {
        background-color: rgba(255, 255, 255, .5)
    }
    .alternative #homepage-news,
    .alternative #homepage-portfolio,
    .alternative #homepage-services,
    .alternative #homepage-team,
    .alternative .homepage-section-header,
    .one-page #homepage-news,
    .one-page #homepage-portfolio,
    .one-page #homepage-services,
    .one-page #homepage-team,
    .one-page .homepage-section-header {
        text-align: left
    }
    .alternative .homepage-section-header h1,
    .one-page .homepage-section-header h1 {
        width: 100%;
        margin: 0
    }
    .alternative .homepage-quotes,
    .alternative .homepage-tweet,
    .one-page .homepage-quotes,
    .one-page .homepage-tweet {
        text-align: left!important
    }
    .alternative #twitter-fetcher-tweet,
    .alternative .homepage-quotes .quotes blockquote,
    .alternative .homepage-quotes .quotes cite,
    .one-page #twitter-fetcher-tweet,
    .one-page .homepage-quotes .quotes blockquote,
    .one-page .homepage-quotes .quotes cite {
        width: 100%;
        margin: 0;
        text-align: left
    }
    .alternative .news-item .date-stamp,
    .one-page .news-item .date-stamp {
        margin: 0 0 20px
    }
    .alternative #footer-global[role=contentinfo],
    .one-page #footer-global[role=contentinfo] {
        text-align: left
    }
    .icon-holder {
        padding: 0;
        text-align: left
    }
    .header-top {
        padding-top: 20px
    }
    /*.logo h1 {*/
    .logo {
        margin: 10px 0 0
    }
    h1 {
        font-size: 40px;
        line-height: 1
    }
    .uber-statement {
        margin-top: 20px;
        padding: 0 0 10px
    }
    .uber-statement h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.2;
        padding-bottom: 10px;
        margin-bottom: 10px;
        width: 100%
    }
    .alternative .uber-statement h2,
    .blog-style .uber-statement h2,
    .corporate .uber-statement h2,
    .one-page .uber-statement h2 {
        font-size: 30px;
        line-height: 1.2
    }
    .alternative .homepage-section-header h1,
    .corporate .homepage-section-header h1,
    .default .homepage-section-header h1,
    .one-page .homepage-section-header h1 {
        font-size: 40px;
        line-height: 50px
    }
    #homepage-about,
    #homepage-portfolio {
        padding: 60px 0
    }
    #homepage-news,
    #homepage-services,
    #homepage-team {
        padding: 20px 0
    }
    .alternative #homepage-news,
    .alternative #homepage-services,
    .alternative #homepage-team,
    .one-page #homepage-news,
    .one-page #homepage-services,
    .one-page #homepage-team {
        padding: 50px 0
    }
    .one-page #homepage-portfolio,
    .one-page #homepage-profile {
        padding: 40px 0
    }
    .full-image .portfolio-filter {
        margin-top: 0;
        margin-bottom: 30px
    }
    .portfolio-filter {
        margin-bottom: 0
    }
    .filter li {
        float: none;
        margin-bottom: 10px
    }
    #inner .portfolio-items,
    .alternative .portfolio-items,
    .corporate .news-items,
    .corporate .portfolio-items,
    .corporate .service-items,
    .corporate .team-members,
    .default .news-items,
    .default .portfolio-items,
    .default .service-items,
    .default .team-members {
        margin-left: 0
    }
    .title-container {
        margin-top: 0;
        margin-bottom: 60px
    }
    .alternative #homepage-team .team-member .details p,
    .default #homepage-news .news-item .details p,
    .default #homepage-team .team-member .details p,
    .project-item .client-name,
    .project-item .details p {
        color: #fff
    }
    .alternative #homepage-team .team-image .overlay,
    .default #homepage-news .news-image .overlay,
    .default #homepage-team .team-image .overlay,
    .project-image .overlay {
        background-color: rgba(0, 0, 0, .5);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1
    }
    .bg1,
    .bg2,
    .bg3,
    .section-divider-1,
    .section-divider-1 .text-container,
    .section-divider-2,
    .section-divider-2 .text-container,
    .section-divider-3,
    .section-divider-3 .text-container {
        height: 550px
    }
    .social-icons li {
        margin-right: 5px
    }
    .contact-form {
        margin-bottom: 70px
    }
    .contact-form input[type=email],
    .contact-form input[type=password],
    .contact-form input[type=text],
    .contact-form select,
    .contact-form textarea,
    .one-page #submit {
        font-size: 20px
    }
    .contact-details {
        font-size: 20px;
        line-height: 30px
    }
    .one-page #header-global[role=banner] .social-icons {
        margin-top: 170px
    }
    .pagination {
        float: left
    }
    .single-project img {
        margin-top: 5px;
        margin-bottom: 5px
    }
    .single-project .project-icons {
        margin-top: 40px
    }
    .sign-up-btn {
        font-size: 12px;
        padding: 10px 20px;
        width: 40%;
        margin: 0 auto
    }
    .plan-price {
        font-size: 40px
    }
    .blog-style .news-item:first-of-type {
        padding: 0 0 60px
    }
    .main-navigation[role=navigation] {
        margin-bottom: 0
    }
    .main-navigation[role=navigation] #sf {
        display: none
    }
    .selectnav {
        background: #fff url(../img/nav_arrow.png) no-repeat;
        background-position: center right;
        border: 1px solid #999;
        border-radius: 2px;
        color: #666;
        display: inline-block;
        font-size: 12px;
        font-style: normal;
        margin: 0 0 30px;
        padding: 8px 10px;
        cursor: pointer;
        text-transform: uppercase;
        -webkit-appearance: none;
        width: 100%
    }
    .studies {
        margin-top: 30px
    }
}
@media only screen and (max-width: 479px) {
    uber-statement {
        margin-top: 20px;
        padding: 0 0 10px
    }
    .uber-statement h2 {
        font-size: 25px;
        font-weight: 700;
        line-height: 1.3;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    .full-image .portfolio-filter {
        margin-top: 60px;
        margin-bottom: 30px
    }
    .author-bio img {
        float: none
    }
    .studies {
        margin-top: 30px
    }
}

/* Custom */

h2, h3, h4, h5 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-transform: inherit;
}

.uber-statement h1,
.uber-statement h2,
.uber-statement h3,
.uber-statement p
{
    color: #fff;
    width: 100%;
}

.callout-background,
.callout-background h1,
.callout-background h2,
.callout-background h3,
.callout-background p
{
    color: #fff;
    border: none;
}

.callout-background h3 {
    text-transform: inherit;
}

.callout-background .text-container {
    text-align: center;
}

.callout-background a.read-more-btn
{
    background: #fff;
    color: #333;
    font-size: 12px;
}
.callout-background a.read-more-btn:hover
{
    background: #ef8015;
    color: #fff;
}

.pixel-bg {
    background-image: url('../img/03.png');
    background-repeat: repeat;
    position:absolute;
    height: 100%;
    width: 100%;
}

.contact-details-standard {
    text-transform: inherit;
    font-style: inherit;
}

.header-not-home a {
    color: #333 !important;
}

#header-global {
    position: relative;
}

.service-items .column > a {
    color: inherit;
}
.service-items .column > a:hover {
    color: #999;
}

.contact-form-standard input[type=email],
.contact-form-standard input[type=password],
.contact-form-standard input[type=text],
.contact-form-standard textarea,
.contact-form-standard select {
    border-bottom: 0;
    color: #666;
    background-color: #e8e8e8;
    padding-left: 10PX;
    width: 100%;
    font-style: normal;
    margin-bottom: 10px;
}

.contact-form-standard *::-webkit-input-placeholder {
    font-style: italic;
}
.contact-form-standard *:-moz-placeholder {
    font-style: italic;
}
.contact-form-standard *::-moz-placeholder {
    font-style: italic;
}
.contact-form-standard *:-ms-input-placeholder {
    font-style: italic;
}

.contact-info #contactform-icon {
    border-bottom: 1px solid #dadada;
    padding-bottom: 18px;
}
.project-info #projectdetail-icon {
    border-bottom: 2px solid #ddd;
    margin: 5px 0 20px;
    padding-bottom: 20px;
}

.bg1,
.bg2,
.bg3 {
    background-attachment: scroll !important;
    background-position: center !important;
}

#footer-global p, #footer-global a {
    color: #999 !important;
}
#footer-global a:hover {
    color: #ddd !important;
}

#footer-global[role=contentinfo] .social-links li:not(:last-of-type):after {
    content: "";
}

#copyright-details
{
    text-align: right;
}

#footer-right {
    text-align: right;
}
#footer-right img {
    width: 80px;
}
.logo img {
    margin-top: 15px;
}
.main-navigation ul ul {
    transition: display 1s ease;
}
.main-navigation ul li:hover > ul {
    /*display: block;*/
}
.placeholder {
    font-style: italic !important;
    color: #999 !important;
}
@media only screen and (max-width:479px) {
    h1 {
        font-size: 30px !important;
        line-height: 35px !important;
    }
}
@media only screen and (min-width:768px)
{
    .callout-background h1 {
        font-size: 4em;
    }
    #copyright-details {
        padding-right: 5px;
    }
    #footer-margin {
        margin-right: 5px;
    }
    #footer-right {
        border-left:2px solid #999;
    }
    #footer-global .clearfix {
        display: none;
    }
}

@media only screen and (max-width:767px)
{
    .slider li > a {
        padding-left: 10px !important;
        text-align: center;
    }
    .slider li, .slider ul li a {
        padding-left:0 !important;
    }
    #header-image-slideshow
    {
        height: 800px;
    }
    #header-global[role=banner],
    .blog-style #header-global[role=banner]
    {
        height: 700px;
    }

    #map {
        height: 250px;
    }
    #footer-global .columns {
        width: 50%;
    }
    #footer-global .clearfix {
        display: block;
    }
}

/*.header-top .main-navigation > ul > li > a {
    font-size: 18px;
}*/

@media only screen and (max-width: 700px) {
    .header-top .main-navigation > ul > li > a,
    .header-top-inner .main-navigation > ul > li > a {
        font-size: 26px;
        line-height: 40px;
    }
}
@media only screen and (min-width: 701px) and (max-width: 767px) {
    .header-top .main-navigation > ul > li > a,
    .header-top-inner .main-navigation > ul > li > a {
        font-size: 32px;
        line-height: 48px;
    }
}
@media only screen and (min-width: 768px) {
    .header-top .main-navigation > ul > li > a,
    .header-top-inner .main-navigation > ul > li > a {
        font-size: 16px;
    }
}

.form-sent-message {
    padding-block: 8px;
    padding-inline: 12px;
    background: #ef8015;
    color: #fff;
}