/*-----------------------------------------------------------------------------------*/
/*	CSS Reset
/*-----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Didot';
    src: url('../fonts/didot_regular.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/didot_regular.ttf') format('truetype'); /* Super Modern Browsers */
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/gotham_bold.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/gotham_bold.ttf') format('truetype'), url('../fonts/gotham_book.otf') format('otf'); /* Super Modern Browsers */
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/gotham_book.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/gotham_book.ttf') format('truetype'), url('../fonts/gotham_book.otf') format('otf'); /* Super Modern Browsers */
}

html {
    overflow-x: hidden;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/*-----------------------------------------------------------------------------------*/
/*	Document Setup
/*-----------------------------------------------------------------------------------*/

body {
    color: #272726;
    font-family: Gotham-Book !important;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    overflow-x: hidden;
}

img {
    height: auto;
    width: 100%;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Paragraph */
hr {
    display: block;
    height: 1px;
    background-color: #bdbdbd;
    border: 0;
    margin: 30px 0;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none !important;
}

a:hover {
    color: #fa6e0d !important;
}

/* For theme-unit-test-data  */
.singlePost ol {
    list-style: decimal;
}

.singlePost ul {
    list-style: disc;
}

.singlePost .flexslider ul, .singlePost .comments-list {
    list-style: none;
}

.singlePost table,
.singlePost th,
.singlePost td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.singlePost table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
}

.singlePost caption,
.singlePost th,
.singlePost td {
    font-weight: normal;
    text-align: left;
}

.singlePost th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
    padding: 5px;
}

.singlePost td {
    border-width: 0 1px 1px 0;
    padding: 5px;
}

.singlePost ul li ul, .singlePost ol li ol {
    margin-left: 15px;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

.singlePost blockquote {
    color: #767676;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
}

/* End */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: 900;
    font-family: Gotham-Bold, sans-serif;
}

/* Anchor */
a {
    color: #cbcbcb;
    text-decoration: none;
}

/* Preventing Phone Number Styling */

a[href^=tel] {
    text-decoration: inherit;
    color: inherit;
}

a:hover {
    color: #ff4c2f;
    text-decoration: underline;

    -moz-transition: color 500ms ease 0s;
    -o-transition: color 500ms ease 0s;
    -webkit-transition: color 500ms ease 0s;
    transition: color 500ms ease 0s;
}

a:focus {
    outline: 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px;
    color: #000000;
}

h1 {
    font-family: Didot, sans-serif !important;
    font-size: 70px;
    line-height: 1.2em;
}

h2 {
    font-family: Didot, sans-serif !important;
    font-size: 30px;
    line-height: 1.25em;
    font-weight: 600
}

h3 {
    font-family: Didot, sans-serif !important;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.25em;
    font-weight: 600
}

h4 {
    font-family: Didot, sans-serif !important;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.25em;
}

h5 {
    font-family: Didot, sans-serif !important;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.25em;
}

h6 {
    font-family: Didot, sans-serif !important;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25em;
}

/* Sections Title And Subtitle */
.titleSpace {
    margin-top: 30px;
    margin-bottom: 26px;
}

/* Widgetized Bar Title */
.footer-widgetized-wrap .titleSpace {
    margin-bottom: 65px;
}

.title h3 {
    color: #101010;
    font-family: Didot, sans-serif;
    font-weight: 700;
    font-size: 49px;
    letter-spacing: -2px;
    line-height: 42px;
    border-left: solid #df3030 8px;
    padding-left: 16px;
}

.subtitle {
    font-size: 17px;
    color: #b8b8b8;
    font-weight: 400;
}

/* webkit, opera, IE9 */
::selection {
    background: #d7c3a8;
    color: #fff;
}

/* mozilla firefox */
::-moz-selection {
    background: #df3030;
    color: #fff;
}

/* Forms */

input[type="email"]:focus,
input[type="text"]:focus,
textarea:focus {
    -moz-outline: 0;
    outline: 0;
}

/* IOS Form issue fixed */

input, textarea, select {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

/*-----------------------------------------------------------------------------------*/
/* Blog accordion
/*-----------------------------------------------------------------------------------*/

.togglePost {
    /*background-color:#f0f0f0;*/
    margin-bottom: 5px;
}

.togglePost .container {
    overflow: hidden;
}

.blogAccordion {
    position: relative;
    height: 160px;

    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -moz-transition: height 350ms ease-in-out;
    -o-transition: height 350ms ease-in-out;
    -webkit-transition: height 350ms ease-in-out;
    transition: height 350ms ease-in-out;

}

.tabletBlog .moretag, .desktopBlog .moretag {
    display: none;
}

.tabletBlog .moreButton, .desktopBlog .moreButton {
    float: left;
}

.desktopBlog .moreButton {
    margin: 5px 0;
}

.tabletBlog .moreButton {
    margin: 18px 0;
}

.blogAccordion .leftBorder {
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 2px;
    opacity: .65;
    height: 58px;
    margin: 51px 0;
    padding-left: 21px;
    padding-top: 8px;
    position: relative;
    left: 0;

    -moz-transition: border-left-color 200ms linear;
    -o-transition: border-left-color 200ms linear;
    -webkit-transition: border-left-color 200ms linear;
    transition: border-left-color 200ms linear;
}

.blogAccordion.accordionClosed .leftBorder {
    border-left: 2px solid #fff;

    -moz-transition: border-left-color 800ms ease .3s, opacity 800ms;
    -o-transition: border-left-color 800ms ease .3s, opacity 800ms;
    -webkit-transition: border-left-color 800ms ease .3s, opacity 800ms;
    transition: border-left-color 800ms ease .3s, opacity 800ms;

}

.blogAccordion.accordionClosed:hover .leftBorder {
    opacity: 1;

    -moz-transition: opacity 700ms;
    -o-transition: opacity 700ms;
    -webkit-transition: opacity 700ms;
    transition: opacity 700ms;
}

.blogAccordion .leftBorder .monthYear {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    left: -165px;

    -moz-transition: left 300ms ease .1s;
    -o-transition: left 300ms ease .1s;
    -webkit-transition: left 300ms ease .1s;
    transition: left 300ms ease .1s;
}

.blogAccordion.accordionClosed .leftBorder .monthYear, .blogAccordion.accordionClosed .accordion_box10 .blogTitle {
    left: 0 !important;
}

.blogAccordion .grayOverlay {
    height: 100%;
    width: 100%;
    min-height: 160px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1;
}

.blogAccordion.accordionClosed .grayOverlay {
    background-color: rgba(0, 0, 0, .15);

    -moz-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

.blogAccordion.accordionClosed:hover .grayOverlay {
    background-color: rgba(0, 0, 0, .6);

    -moz-transition: background-color 400ms ease;
    -o-transition: background-color 400ms ease;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

.blogAccordion .accordion_title {
    color: #101010;
    font-size: 50px;
    height: 135px;
    padding: 25px 0 0;
    display: block;
    text-decoration: none;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    opacity: .15;

    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.blogAccordion.accordionClosed .accordion_title {
    opacity: 1;
}

.blogAccordion .accordion_title .day {
    display: block;
    font-size: 227px;
    line-height: 94px;
    float: left;
    letter-spacing: -25px;
    position: relative;
    left: -41px;
    color: #fff;
    font-weight: 300;
}

.blogAccordion .accordion_title .month {
    text-transform: capitalize;
}

.blogAccordion .accordion_title .month, .blogAccordion .accordion_title .year {
    font-size: 12px;
    display: block;
}

.blogAccordion .accordion_title .year {
    line-height: 10px;
}

.blogAccordion .accordion_title .monthYear {
    float: left;
    padding: 11px 0 0 12px;
}

.accordion_box10 .image {
    width: 76%;
    float: right;
}

.desktopBlog .blogAccordion .accordion_box10 .blogTitle {
    color: #fff;
    Font-size: 26px;
    line-height: 32px;
    position: relative;
    left: -165px;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 700;

    -moz-transition: left 500ms ease-in-out;
    -o-transition: left 500ms ease-in-out;
    -webkit-transition: left 500ms ease-in-out;
    transition: left 500ms ease-in-out;
}

.desktopBlog .blogAccordion.accordionClosed .accordion_box10 .leftBorder .blogTitle {
    left: 0;

    -moz-transition: left 500ms ease-in-out;
    -o-transition: left 500ms ease-in-out;
    -webkit-transition: left 500ms ease-in-out;
    transition: left 500ms ease-in-out;
}

.tabletBlog .blogAccordion {
    overflow: hidden;
}

.tabletBlog .container {
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.tabletBlog .blogAccordion .accordionBox {
    min-height: 85px;
}

.tabletBlog .blogAccordion .accordion_title {
    float: left;
    width: 115px;
}

.tabletBlog .image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.tabletBlog .blogAccordion .blogTitle {
    color: #101010;
    Font-size: 31px;
    line-height: 43px;
    padding: 21px 0 21px 15px;
    z-index: 2;
    float: left;

    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    -webkit-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}

.tabletBlog .frameOverlayTablet {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.4;
}

.frameTitle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.tabletBlog .centerTitle {
    display: table;
    margin-left: 20px;
    z-index: 1;
    height: 85px;
}

.tabletBlog .blogAccordion.accordionClosed .accordion_title, .tabletBlog .blogAccordion.accordionClosed .blogTitle {
    color: #101010;
}

.tabletBlog .blogAccordion .rightBorder {
    border-right: 2px solid #101010;
}

.blogAccordion.accordionClosed .blogTitle {
    color: #b1b5b7;
}

.blogAccordion .image img {
    width: 100%;
}

.blogAccordion:hover .plus {
    height: 160px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 4;
}

.blogAccordion .plus {
    cursor: url(../img/cursor/blog_plus.html), pointer;
}

.blogAccordion:hover .minus {
    height: 520px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 4;
}

.blogAccordion .minus {
    cursor: url(../img/cursor/blog_minus.html), pointer;
}

.blogAccordion.accordionClosed .accordion_content {
    opacity: 0;

    -moz-transition: opacity 500ms ease .2s;
    -o-transition: opacity 500ms ease .2s;
    -webkit-transition: opacity 500ms ease .2s;
    transition: opacity 500ms ease .2s;
}

.desktopBlog .accordion_content {
    position: absolute;
    bottom: 92px;
    left: 0;
    margin: 0 3%;
    width: 94%;
    opacity: 0;

    -moz-transition: opacity 500ms ease .3s;
    -o-transition: opacity 500ms ease .3s;
    -webkit-transition: opacity 500ms ease .3s;
    transition: opacity 500ms ease .3s;
}

.desktopBlog .accordion_content p {
    font-size: 14px;
    line-height: 28px;
}

.tabletBlog .accordion_content {
    margin: 0 auto;
    position: relative;
    max-width: 80%;
    padding: 25px 5px 25px 0;
}

.tabletBlog .accordion_content, .desktopBlog .accordion_content {
    opacity: 1;
    color: #fff;
}

/* blog desktop and blog desktop read more button */
.tabletBlog .accordion_content a.moreButton, .desktopBlog .accordion_content a.moreButton {
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    border-radius: 5px;
    font-size: 13px;
    padding: 30px 23px 9px;
    text-transform: uppercase;
    position: absolute;
    z-index: 5;
    right: 0px;
    bottom: -40px;

    -moz-transition: color 900ms ease;
    -o-transition: color 900ms ease;
    -webkit-transition: color 900ms ease;
    transition: color 900ms ease;
}

.tabletBlog .accordion_content a.moreButton:hover, .desktopBlog .accordion_content a.moreButton:hover {
    color: #a6a6a6;

    -moz-transition: color 900ms ease;
    -o-transition: color 900ms ease;
    -webkit-transition: color 900ms ease;
    transition: color 900ms ease;
}

/* read more line */
.tabletBlog .accordion_content .readmoreLine, .desktopBlog .accordion_content .readmoreLine {
    height: 1px;
    background-color: #fff;
    width: 85%;
    position: absolute;
    left: 0;
    bottom: -18px;
}

.accordion_box2 {
    width: 210px;
    float: left;
}

.accordion_box10 {
    width: auto;
    float: left;
    position: relative;
    height: 85px;
}

.accordion_closed {
    overflow: hidden;
}

.desktopBlog .blogClose {
    bottom: 10px;
}

.tabletBlog .blogClose {
    bottom: -28px;
}

.tabletBlog .blogClose, .desktopBlog .blogClose {
    position: absolute;
    height: 29px;
    width: 29px;
    right: 10px;
    background-image: url("../img/blogClose.png");
    z-index: 1;
    opacity: 1;
    cursor: pointer;

    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s .5s;
}

.blogAccordion.accordionClosed .blogClose {
    opacity: 0;

    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;

}

.pageNavigation .readmore {

    font-size: 16px;
    letter-spacing: 10px;
    margin: 0 auto;
    display: table;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    padding: 20px 0;
    cursor: pointer;

    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
}

.pageNavigation .readmore:hover {
    color: #df3030;

    -moz-transition: color 250ms ease;
    -o-transition: color 250ms ease;
    -webkit-transition: color 250ms ease;
    transition: color 250ms ease;
}

/*-----------------------------------------------------------------------------------*/
/* fullWidth
/*-----------------------------------------------------------------------------------*/

.fullWidth {
    padding: 0;
    width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/* button
/*-----------------------------------------------------------------------------------*/

.button, form input[type="submit"] {
    font-family: Roboto, sans-serif;
    cursor: pointer;
    margin: 0;
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    font-weight: 700;

    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.button {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

form input[type="submit"] {
    background-color: transparent;
    border: 1px solid #cacaca;
    color: #101010;
}

.button1 {
    background-color: #101010;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 300;
    font-size: 17px;
    line-height: 50px;
    height: 50px;

    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.button1.right {
    float: right;
}

.button1.left {
    float: left;
}

.centeralignment {
    display: table;
    margin: 0 auto;
}

.button1:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #000;

    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.button1.fill {
    border: 2px solid #df3030;
    background-color: transparent;
}

.button-small {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 13px;
}

.button-large {
    height: 64px;
    line-height: 64px;
    padding: 0 58px;
    font-size: 17px;
}

.button .hover-bg {
    display: block;
    background-color: #df3030;
    width: 122%;
    height: 100%;
    position: absolute;

    left: -133%;
    top: 0;
    z-index: 4;
    overflow: hidden;
    text-align: center;
}

.button .hover-text {
    color: #fff;
    opacity: 1;
    text-align: center;
}

.button .hover-text.reset {
    left: 50%;
    opacity: 0;
}

.button.fill .hover-text.reset {
    opacity: 1;
}

.button .hover-bg.reset {
    left: -133%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.button.fill .hover-bg.reset {
    left: 0;
    width: 100%;
}

.button.fill .hover-bg.fillrest {
    left: -110%;
    width: 100%;
}

.button.fill .hover-text.fillrest {
    left: -110%;
}

.button .hover-bg.enter {
    left: -11%;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.button.fill .hover-bg.enter {
    left: 110%;
}

.button .hover-text.enter {
    opacity: 1;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
}

.button .hover-bg.leave {
    left: 111%;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.button.fill .hover-bg.leave {
    left: 0%;
    width: 100%;
}

.button .hover-text.leave {
    left: 100%;
    opacity: 0;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
}

.button.fill .hover-text.leave {
    left: 0;
    opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/* Colors
/*-----------------------------------------------------------------------------------*/

.color-accent-background {
    background-color: #101010;
}

/* Alternate BG Section */

.color-alt-main-background {
    background-color: #ededed;
}

/*Used to pad content container*/
.container-vspace {
    padding-bottom: 50px;
    padding-top: 50px
}

/* Responsive video container */
.video-frame {
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 50%;
    position: relative;
}

.footer-widgetized .video-frame {
    overflow: visible;
}

.video-frame iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

/* Float */
.float-right {
    float: right !important;
}

/* Visibility */
.visible-phone, .visible-tablet, .hidden-desktop, .visible-h-tablet {
    display: none !important;
}

.hidden {
    display: none
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Forms & contact form 7 style
/*-----------------------------------------------------------------------------------*/

.input-text,
.input-textarea {
    border: 1px solid #E2E2E2;
    background-color: rgba(255, 255, 255, .2);
}

.wpcf7-form-control-wrap {
    border-bottom: 1px solid #000;
    display: block !important;
}

.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"],
.input-text input[type="text"] {
    background-color: transparent !important;
    border: 0;
    color: #000;
    height: 38px;
    width: 98%;
    padding: 0 2%;
}

.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"] {
    font-size: 17px;
    line-height: 17px;
}

.wpcf7-form-control-wrap textarea,
.input-textarea textarea {
    background-color: transparent !important;
    border: 0;
    padding: 10px 1%;
    color: #000;
    width: 98%;
    max-width: 98%;
    min-width: 98%;
}

.wpcf7-form-control-wrap textarea {
    text-align: center;
    height: 75px;
    font-size: 17px;
    line-height: 17px;
}

/* Footer CF7 Style */
#mail, #name, #subject {
    width: 32%;
    float: left;
}

#mail, #subject {
    margin-left: 2%;
}

#comment-text {
    float: left;
    width: 100%;
    margin-top: 40px;
}

#comment-text input[type="submit"] {
    margin: 0 auto;
    display: table;
    height: 50px;
    line-height: 20px;
    padding: 13px 50px;
    color: #000;
    border-radius: 5px;
    border: 2px solid #000;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 40px;
}

#comment-text input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
}

/* content form 7Place holder  */
#comment-text textarea::-webkit-input-placeholder, #comment-text textarea:-moz-placeholder, #comment-text textarea:-ms-input-placeholder {
    color: #df3030;
    opacity: 1;
}

#name input::-webkit-input-placeholder, #name input:-moz-placeholder, #name input:-ms-input-placeholder {
    color: #bfbfbf !important;
}

.wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
    color: #000 !important;
}

.wpcf7-form-control-wrap input::-webkit-input-placeholder {
    color: #000 !important;
}

.wpcf7-form-control-wrap textarea:-moz-placeholder {
    color: #000;
    opacity: 1;
}

span.wpcf7-not-valid-tip-no-ajax {
    position: absolute;
    top: 50%;
    right: 1%;
    color: #ff4c2f;
    width: 13px;
    height: 20px;
    display: block;
    overflow: hidden;
    margin-top: -10px;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    top: 10px;
    right: 12px;
    left: auto;
    text-indent: -9999px;
    z-index: 5;
    background: transparent url(../img/form_error.png) no-repeat center center;
    height: 14px;
    width: 14px;
    border: none !important;
    font-size: 10pt;
    padding: 2px;
}

.wpcf7-not-valid-tip-no-ajax:before {
    font-family: 'icomoon';
    content: "\e0c5";
}

div.wpcf7-validation-errors {
    color: #ff4c2f;
    border: none !important;
    font-size: 14px;
    font-weight: 400;
    text-indent: -9999px;
}

div.wpcf7-response-output {
    margin: 0;
    padding: 10px 0;
}

div.wpcf7-mail-sent-ng {
    border: none;
    color: #000;
    font-weight: 700;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Search Form
/*-----------------------------------------------------------------------------------*/

.search-form {
    max-width: 300px;
    margin-bottom: 30px;
}

.search-form fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.search-form form {
    padding: 10px 52px 10px 10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    position: relative;
    border: 1px solid #737373;
}

.search-form input[type="text"] {
    width: 100%;
    min-width: 150px;
    background: none;
    border: 0;
    color: #666;
    font-weight: 400;
}

.search-form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    padding: 0;
    height: 100%;
    background: transparent url(../img/search.png) no-repeat center center;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    border: none;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.search-form input[type="submit"]:hover {
    background-color: #df3030;
}

.search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color: #838383;
}

.search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #838383;
    opacity: 1;
}

.search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #838383;
    opacity: 1;
}

.search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #838383;
}

/* Navigation Button inside header */
header .navigation-button {
    display: block;
    width: 32px;
    height: 34px;
    color: #3f3f3f;
    text-align: center;
    text-decoration: none;
    position: relative;
    top: 50%;
    margin-top: 22px;
    float: right;
}

header .navigation-button:hover {
    color: #df3030;
}

header .navigation-button span {
    line-height: 32px;
    font-size: 32px;
}

/* Mobile Navigation */
#phoneNavItems {
    display: none;
}

.navigation-mobile {
    background-color: #1e1e20 !important;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 40px;
    z-index: 10;
}

.wave-menu-header .navigation-mobile {
    top: 9px;
}

.navigation-mobile ol {
    list-style: none;
    margin: 0;
}

.navigation-mobile li:last-child {
    padding-bottom: 100px;
}

.navigation-mobile li li:last-child, .navigation-mobile li li li:last-child {
    padding-bottom: 0;
}

.navigation-mobile li {
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    border-bottom: 1px solid #4a4a4a;
    margin-right: 80px;
}

.navigation-mobile li:last-child {
    border-bottom: none;
}

.navigation-mobile ol ol li {
    font-size: 11px;
    font-weight: 400;
    line-height: 30px;
    border-bottom: none;
}

.navigation-mobile ol ol {
    padding-left: 15px;
}

.navigation-mobile > ol {
    padding: 0;
    margin: 20px 0;
}

.navigation-mobile a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
}

.navigation-mobile ol {
    counter-reset: item;
    list-style-type: none;
}

.navigation-mobile ol li a:before {
    content: '0' counter(item, decimal);
    counter-increment: item;
    margin-right: 10px;
}

.navigation-mobile a:hover {
    color: #fa6e0d !important;
}

.phone_menu_container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: auto !important;
}

.mobile-logo {
    margin-left: -80px;
}

.mobile-logo div {
    margin: 0 auto;
    width: 30%;
}

#phoneNavItems, .phone_menu_container {
    width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Grid
/*-----------------------------------------------------------------------------------*/

[class*="span"] {
    float: left;
    margin-left: 20px
}

.clearfix {
    zoom: 1
}

.clearfix:before, .clearfix:after, .row:before, .row:after, .container:before, .container:after {
    display: table;
    content: "";
}

.clearfix:after, .row:after, .container:after {
    clear: both;
}

.container {
    zoom: 1;
    width: 940px;
    margin: 0 auto;
}

.wrap {
    width: 100%;
    position: relative;
    min-width: 940px;
    overflow: hidden;
}

.cblog .wrap {
    overflow: visible;
}

.wrapGoogleMap {
    width: 100%;
    height: 100%;
    position: relative;
}

.homeWrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.wrap.headerWrap, .wrap.portfoliowrap {
    overflow: inherit;
}

.fullWidth .container {
    width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	header Image And text Rotor
/*-----------------------------------------------------------------------------------*/

.textSliderHome {
    position: absolute;
    top: 50%;
    width: 70%;
    text-align: center;
    z-index: 5;
    margin: 0 15%;
    margin-bottom: 70px;
}

.textSliderHome .textSlide {
    display: none;
}

.textSliderHome .textSlide:first-child {
    display: block;
}

.textSliderHome .quote {
    color: #fff;
}

/* text rotator - standard description text */
.textSliderHome .desc {

    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;

    display: table;
    margin: 0 auto;
    width: 60%;

}

.textSliderHome .desc3 {
    margin-top: 5px;

}

.textSliderHome .standarddesc3 {
    margin-bottom: 15px;
}

.textSliderHome .standarddesc {
    margin-top: 15px;
}

.textSliderHome .trimage {
    display: table;
    margin: 0 auto;
    position: relative;
}

.textSliderHome .trimage.animated {

    -webkit-animation: iconFloat 1s infinite linear;
    -moz-animation: iconFloat 2s infinite linear;
    -ms-animation: iconFloat 2s infinite linear;
    -o-animation: iconFloat 2s infinite linear;
    animation: iconFloat 1s infinite linear;
}

.textSliderHome .trimage img {
    max-width: 355px;
    max-height: 200px;
}

/* text rotator - standard 1 */
.textSliderHome .standard1 {

    display: inline;
    color: #fff;
    text-transform: uppercase;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    line-height: 1.8em;
    padding: 0 15px;

}

/* text rotator - standard 2 */
.textSliderHome .standard2 {

    display: inline;
    background: rgba(000, 000, 000, .3);
    color: #fff;
    text-transform: uppercase;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    line-height: 1.8em;
    padding: 0 15px;

}

/* text rotator - standard 3 */
.textSliderHome .standard3 {

    border: solid 3px #fff;
    display: inline;
    color: #fff;
    text-transform: uppercase;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    line-height: 1.8em;
    padding: 0 15px;

}

/* text rotator - standard 4 */
.textSliderHome .standard4 {

    border: solid 3px #fff;
    display: inline;
    color: #fff;
    text-transform: uppercase;
    font-family: 'oswald', sans-serif;
    font-weight: 400;

    padding: 0 15px;

    font-size: 26px;
    line-height: 27px;
}

/* text rotator - vintage 1 */
.textSliderHome .titlevintage1 {

    display: inline;
    position: relative;
    color: #fff;
    font-size: 100px;
    line-height: 105px;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 15px;
}

.textSliderHome .subtitlevintage1 {
    display: inline;
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 15px;
}

.textSliderHome .titlevintage1 .rightline, .textSliderHome .titlevintage1 .leftline {
    right: 0;
    position: absolute;
    top: 50%;
    height: 3px;
    background-color: #fff;
    width: 45px;
}

.textSliderHome .titlevintage1 .rightline {
    right: -70px;
}

.textSliderHome .titlevintage1 .leftline {
    left: -70px;
}

/* text rotator -  vintage 2 */
.textSliderHome .titlevintage2 {
    display: inline;
    color: #fff;
    font-size: 69px;
    line-height: 70px;
    font-family: 'Lobster', sans-serif;
    font-weight: 400;
    padding: 0 15px;
}

.textSliderHome .subtitlevintage2 {
    display: inline;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    position: relative;
    padding: 0 15px;
}

.textSliderHome .subtitlevintage2 .rightline, .textSliderHome .subtitlevintage2 .leftline {
    right: 0;
    position: absolute;
    top: 50%;
    height: 2px;
    background-color: #fff;
    width: 85px;
}

.textSliderHome .subtitlevintage2 .rightline {
    right: -80px;
}

.textSliderHome .subtitlevintage2 .leftline {
    left: -80px;
}

/* text rotator - vintage3 */
.textSliderHome .titlevintage3 {
    display: inline;
    color: #fff;
    font-size: 42px;
    line-height: 45px;
    font-family: 'Bree Serif', sans-serif;
    font-weight: 400;
    padding: 0 15px;
    text-transform: uppercase;
}

.textSliderHome .bottomImage {
    position: relative;
    height: 40px;
    width: 181px;
    bottom: 3px;
    display: table;
    margin: 0 auto;
    background: transparent url(../img/Vintage3bottom.png) no-repeat center center;
}

.textSliderHome .topImage {
    position: relative;
    height: 40px;
    width: 181px;
    display: table;
    margin: 0 auto;
    top: 19px;
    background: transparent url(../img/Vintage3top.png) no-repeat center center;
}

.textSliderHome .subtitlevintage3 {
    display: inline;
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    position: relative;
    padding: 0 15px;
    top: -13px;
}

/* text rotator - vintage 4 */
.textSliderHome .titlevintage4 {
    display: inline;
    color: #fff;
    font-size: 71px;
    line-height: 75px;
    font-family: 'Great Vibes', sans-serif;
    font-weight: 400;
    padding: 0 15px;
    position: relative;
}

.textSliderHome .subtitlevintage4 {
    display: inline;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    padding: 0 15px;
}

.textSliderHome .titlevintage4 .rightline, .textSliderHome .titlevintage4 .leftline {
    right: 0;
    position: absolute;
    top: 50%;
    height: 4px;
    background-color: #fff;
    width: 85px;
}

.textSliderHome .titlevintage4 .rightline {
    right: -105px;
    background: transparent url(../img/vintage4left.png) no-repeat center center;

}

.textSliderHome .titlevintage4 .leftline {
    left: -105px;
    background: transparent url(../img/vintage4right.png) no-repeat center center;
}

.textSliderHome .glyph {
    font-family: 'icomoon';
    color: #fff;
    font-size: 50px;
    z-index: 1;
    position: relative;
    line-height: 90px;
}

.textSliderHome .glyph.animated {
    -webkit-animation: iconFloat 1s infinite linear;
    -moz-animation: iconFloat 2s infinite linear;
    -ms-animation: iconFloat 2s infinite linear;
    -o-animation: iconFloat 2s infinite linear;
    animation: iconFloat 1s infinite linear;
}

.textSliderHome .iconvintage3.glyph {
    font-size: 25px;
    line-height: 17px;
}

.scrollDownWrap {
    position: absolute;
    bottom: 50px;
    margin: 0 15%;
    width: 70%;
    text-align: center;
    z-index: 9;
    padding-bottom: 25px;
    min-height: 41px;
}

.textSliderHome .scrollDown {
    padding-top: 110px;
}

.scrollDown.style2 {
    position: relative;
    top: 13px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
    min-height: 57px;
    font-weight: 400;
}

.scrollDown.style2 a:hover {
    background-color: rgba(255, 255, 255, .6);
    border-color: rgba(255, 255, 255, .1);
    color: rgba(60, 60, 60, 1);
}

.scrollDown.style2 a {
    border: 2px solid;
    border-color: rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .6);
    padding: 4px 21px;
    font-size: 16px;
    line-height: 16px;

    -moz-transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
    -o-transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
    -webkit-transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
    transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.scrollDown a {
    text-decoration: none;
    color: #fff;
    font-size: 21px;

    -moz-transition: color 500ms ease;
    -o-transition: color 500ms ease;
    -webkit-transition: color 500ms ease;
    transition: color 500ms ease;
}

.scrollDown a:hover {
    color: #d7c3a8;

    -moz-transition: color 500ms ease;
    -o-transition: color 500ms ease;
    -webkit-transition: color 500ms ease;
    transition: color 500ms ease;
}

.scrollDown .icon {

    height: 22px;
    width: 19px;
    display: block;
    margin: 10px auto 0;
    position: relative;

    -webkit-animation: iconFloat 1.2s infinite linear;
    -moz-animation: iconFloat 1.2s infinite linear;
    -ms-animation: iconFloat 1.2s infinite linear;
    -o-animation: iconFloat 1.2s infinite linear;
    animation: iconFloat 1.2s infinite linear;
}

@-webkit-keyframes iconFloat {
    0% {
        top: 0
    }
    50% {
        top: 10px
    }
    100% {
        top: 0
    }
}

@-moz-keyframes iconFloat {
    0% {
        top: 0
    }
    50% {
        top: 10px
    }
    100% {
        top: 0
    }
}

@-o-keyframes iconFloat {
    0% {
        top: 0
    }
    50% {
        top: 10px
    }
    100% {
        top: 0
    }
}

@keyframes iconFloat {
    0% {
        top: 0
    }
    50% {
        top: 10px
    }
    100% {
        top: 0
    }
}

.scrollDown .icon:before {
    font-family: 'icomoon';
    content: "\e09d";
    font-size: 20px;
    line-height: 20px;
}

#main {
    background-color: #FFF;
    position: relative;

    /*-webkit-box-shadow: 0 14px 60px 5px rgba(0,0,0,0.33);
	-moz-box-shadow: 0 14px 60px 5px rgba(0,0,0,0.33);
	box-shadow: 0 14px 60px 5px rgba(0,0,0,0.33);*/
}

#googleMap {
    height: 470px;
    width: 100%;
}

.gm-style {
    background-color: #4b4b4b;
}

#home .gmnoprint {
    display: none;
}

#homeGoogleMap {
    height: 100%;
    width: 100%;
}

#home {
    position: fixed;
    top: 0;
    left: 0;

    height: 100%;
    width: 100%;

    z-index: -2;
    overflow: hidden
}

#home.home-particle {
    position: static;
}

#home .homeWrap .fullScreenImage {
    -moz-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    position: fixed;
    background-position: center !important;
}

.pert {
    background-color: transparent;
}

.relative {
    position: relative
}

/* 960 Grid System */

.row {
    margin-left: -20px;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

.offset12 {
    margin-left: 980px;
}

.offset11 {
    margin-left: 900px;
}

.offset10 {
    margin-left: 820px;
}

.offset9 {
    margin-left: 740px;
}

.offset8 {
    margin-left: 660px;
}

.offset7 {
    margin-left: 580px;
}

.offset6 {
    margin-left: 500px;
}

.offset5 {
    margin-left: 420px;
}

.offset4 {
    margin-left: 340px;
}

.offset3 {
    margin-left: 260px;
}

.offset2 {
    margin-left: 180px;
}

.offset1 {
    margin-left: 100px;
}

/*-----------------------------------------------------------------------------------*/
/*	Header &  Navigation
/*-----------------------------------------------------------------------------------*/

#pxHeader {
    background-color: transparent;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 6 !important;
    height: 82px;

    -webkit-transform: translateZ(0);
}

#menuBgColor, .menuBgColor {
    position: absolute;
    height: 82px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 1;
}

header.wave-menu-header .logo img {
    margin: 50px auto 0;
}

header .container {
    max-height: 70px;
}

/* scooter menu */
#pxHeader.hideHeaderShadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#pxHeader.scooter-menu.enableScooterMenu {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block !important;
    opacity: 1 !important;
    position: absolute;
}

#pxHeader.scooter-menu.enableScooterMenu #menuBgColor {
    opacity: 0 !important;
}

#pxHeader.scooter-menu.enableScooterMenu .navigation {
    opacity: 0;
    visibility: hidden;
}

#pxHeader.scooter-menu.enableScooterMenu .secoundLogo {
    display: none;
}

#pxHeader.scooter-menu .secoundLogo {
    display: block;
}

#pxHeader.scooter-menu.enableScooterMenu .firstLogo {
    display: block;
}

#pxHeader.scooter-menu #logoHeader, #pxHeader.scooter-menu #logoMenuHeader {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

#pxHeader.scooter-menu #logoMenuHeader {
    z-index: 5;
}

#pxHeader.scooter-menu #logoHeader {
    z-index: 3;
}

/* Navigation */
header .navigation {
    width: 200px;
    font-weight: 300;
    background-color: #115E82;
    height: 100vh;
}

header .navigation ol {
    padding: 0;
    list-style: none;
}

header .navigation > ol {
    vertical-align: middle;
}

header .navigation li {
    width: 175px;
    float: left;
    position: relative
}

header .navigation li a {
    /*color:#000;*/
    display: block;
    padding: 5px 5px;
    margin: 0 8px;
    text-decoration: none
}

header .wave-menu .navigation li > a {
    padding: 33px 5px;
}

header .wave-menu .navigation li ul.sub-menu li a {
    padding: 5px 5px;
}

#pxHeader.wave-menu-header {
    box-shadow: none;
    height: auto;
}

header .navigation > ol > li {
    font-size: 16px;
    margin-left: 25px;

    -moz-transition: background-color 400ms ease, border 200ms ease-out;
    -o-transition: background-color 400ms ease, border 200ms ease-out;
    -webkit-transition: background-color 400ms ease, border 200ms ease-out;
    transition: background-color 400ms ease, border 200ms ease-out;
}

header.borderhover .navigation > ol > li {
    border: 3px solid transparent;
}

header.borderhover .navigation > ol > li:hover, header.borderhover .navigation > ol > li.active {
    border: 3px solid #f83333;

    -moz-transition: border-color 300ms linear;
    -o-transition: border-color 300ms linear;
    -webkit-transition: border-color 300ms linear;
    transition: border-color 300ms linear;
}

header.fillhover .navigation li:hover a, header.fillhover .navigation li.active a {
    color: #fa6e0d;
}

header.borderhover .navigation li a {
    -moz-transition: color 150ms linear;
    -o-transition: color 150ms linear;
    -webkit-transition: color 150ms linear;
    transition: color 150ms linear;
}

header.borderhover .navigation li:hover a, header.borderhover .navigation li.active a, header.borderhover .navigation > ol > li.current_page_item a {
    color: #f83333;

    -moz-transition: color 150ms linear;
    -o-transition: color 150ms linear;
    -webkit-transition: color 150ms linear;
    transition: color 150ms linear;
}

header .navigation > ol > li > a {
    position: relative;
    z-index: 10;
    line-height: 25px;
    border-bottom: 4px solid transparent;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    margin: 0 6px;

    -moz-transition: border 300ms ease 0s, color 300ms ease 0s;
    -o-transition: border 300ms ease 0s, color 300ms ease 0s;
    -webkit-transition: border 300ms ease 0s, color 300ms ease 0s;
    transition: border 300ms ease 0s, color 300ms ease 0s;
}

/*header.fillhover .navigation > ul > li  ul .spanHover {
    display:none;
}*/

header.fillhover .navigation > ol > li > a {
    padding-top: 10px;
    margin: 0 9px;
}

header.borderhover .navigation > ol > li.current_page_item {
    border: 3px solid #f83333;
}

header.borderhover .navigation > ol > li.current_page_item a {
    color: #f83333;
}

/*header .navigation > ul > li .spanHover {
   height:0;
   position:absolute;
   top:0;
   right:0;
   background-color:#f83333;
   width:100%;
   overflow:hidden;

   -moz-transition:height 100ms ease-in-out;
	-o-transition:height 100ms ease-in-out;
	-webkit-transition:height 200ms ease-in-out;
	transition:height 100ms ease-in-out;
}*/

/*header.fillhover .navigation > ul > li:hover .spanHover  ,
header.fillhover .navigation li.active .spanHover  ,
header.fillhover .navigation > ul > li.current_page_item .spanHover{
   height:82px;

   -moz-transition:height 150ms ease-in-out;
	-o-transition:height 150ms ease-in-out;
	-webkit-transition:height 150ms ease-in-out;
	transition:height 150ms ease-in-out;
}*/

header .navigation li ul {
    font-size: 14px;
    left: 0;
    top: 85px;
    position: absolute;
    z-index: 100;
    background-color: #FCFCFC;
    display: none;

    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
}

header .wave-menu .navigation li ul {
    left: 20px;
    top: 88px;
    text-align: left;
}

header.borderhover .navigation li ul {
    left: -3px;
    top: 83px;
}

header .navigation li:hover > ul {
    display: block
}

header .navigation li li {
    display: block;
    float: none;
    margin: 0;
    min-width: 210px;
    border-bottom: 1px solid #D2D2D2;
}

header .navigation li li > a {
    color: #000 !important;
    line-height: 46px;
    margin: 0;
    padding: 0 15px;
    white-space: nowrap;
    letter-spacing: 0;
    font-size: 12px;
}

header .navigation li li:hover > a {
    opacity: .5;

    -moz-transition: opacity 250ms ease;
    -o-transition: opacity 250ms ease;
    -webkit-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease;
}

header .navigation li li ul {
    padding-top: 0;
    left: 100%;
    top: 0;
}

header .sf-sub-indicator {
    display: none
}

/* wave Menu */
.wave-menu .container {
    background: #B4BAD2;
}

.menu-wrap a {
    color: #b8b7ad;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
    color: #c94e50;
}

.wave-menu .content-wrap {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.wave-menu .content {
    position: relative;
    background: #b4bad2;
}

.wave-menu .content::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
    transition: opacity 0.4s, transform 0s 0.4s;
}

/* Menu Button */
.menu-button {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    margin: 1em;
    padding: 0;
    width: 2.5em;
    height: 2.25em;
    border: none;
    text-indent: 2.5em;
    font-size: 1.5em;
    color: transparent;
    background: transparent;
}

.menu-button::before {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    bottom: 0.5em;
    left: 0.5em;
    background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
    content: '';
}

.menu-button:hover {
    opacity: 0.6;
}

/* Close Button */
.close-button {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 16px;
    border: none;
    z-index: 1001;
    background: transparent;
    color: transparent;
}

.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #888;
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
    position: fixed;
    top: -5px;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 230px;
    font-size: 1.15em;
    -webkit-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}

.wave-menu .menu {
    position: absolute;
    width: 100%;
    z-index: 1000;
    text-align: center;
    top: 0%;
    padding: 0 1.5em;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);

    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
}

.show-wave-menu .wave-menu .menu {
    top: 50%;
}

.wave-menu .menu-list > ul {
    display: table;
    margin: 0 auto;
    top: -20px;
    position: relative;
}

.menu-list a,
.close-button {
    opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}

.menu-list li {
    display: block;
    float: left;
}

.menu-list a {
    display: inline-block;
    padding: 0.8em;
}

.menu-list a i {
    vertical-align: middle;
}

.menu-list a span {
    display: inline-block;
    margin-left: 10px;
    font-size: 0.75em;
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: 1px;
}

/* Morph Shape */
.morph-shape {
    position: absolute;
    width: 100%;
    width: calc(100% + 400px);
    height: 100%;
    top: -14px;
    left: 0;
    fill: #f5f5f5;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translate3d(0, -55px, 0);
    transform: translate3d(0, -55px, 0);

    /*
	-webkit-transform: translate3d(-400px,0,0);
	transform: translate3d(-400px,0,0);
	*/

}

/* Shown menu */
.show-wave-menu .menu-wrap,
.show-wave-menu .menu-list a,
.show-wave-menu .close-button,
.show-wave-menu .morph-shape,
.show-wave-menu .content::before {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.show-wave-menu .menu-wrap,
.show-wave-menu .content::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.show-wave-menu .menu-list a,
.show-wave-menu .close-button,
.show-wave-menu .content::before {
    opacity: 1;
}

#menu-main-menu li:nth-child(2) a {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

#menu-main-menu li:nth-child(3) a {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

#menu-main-menu li:nth-child(4) a {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

#menu-main-menu li:nth-child(5) a {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

#menu-main-menu li:nth-child(6) a {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

#menu-main-menu li:nth-child(7) a {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}

#menu-main-menu li:nth-child(8) a {
    -webkit-transition-delay: 0.30s;
    transition-delay: 0.30s;
}

#menu-main-menu li:nth-child(9) a {
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s;
}

.show-wave-menu .close-button {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.show-wave-menu .content::before {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

header a.link-menu {
    position: fixed;
    display: block;
    z-index: 9999;
    right: 0;
    top: 0;
}

header a.trigger {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    display: block;
    width: 120px;
    height: 120px;
    text-align: center;
    background-color: #F5F5F5;
}

.trigger {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    z-index: 1030;
}

.trigger span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 30px;
    height: 2px;
    margin-top: -2px;
    margin-left: -15px;
    background-color: transparent;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.link-menu span {
    background-color: #7f7f7f;
}

.wavemenu_active span {
    background-color: transparent;
}

.trigger span:before,
.trigger span:after {
    -webkit-transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99);
    -o-transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99);
    transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #7f7f7f;
    content: '';
}

.trigger-menu span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.trigger-menu:hover span:before,
.trigger-menu:hover span:after {
    -webkit-transform: translateY(0) rotate(180deg);
    -moz-transform: translateY(0) rotate(180deg);
    -ms-transform: translateY(0) rotate(180deg);
    -o-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
}

.wavemenu_active.link-menu span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.wavemenu_active.link-menu span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.wavemenu_active.link-menu:hover span:before,
.wavemenu_active.link-menu:hover span:after {
    -webkit-transform: translateY(0) rotate(180deg);
    -moz-transform: translateY(0) rotate(180deg);
    -ms-transform: translateY(0) rotate(180deg);
    -o-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
}

.link-menu span:before {
    -webkit-transform: translateY(-450%);
    -moz-transform: translateY(-450%);
    -ms-transform: translateY(-450%);
    -o-transform: translateY(-450%);
    transform: translateY(-450%);
}

.link-menu span:after {
    -webkit-transform: translateY(450%);
    -moz-transform: translateY(450%);
    -ms-transform: translateY(450%);
    -o-transform: translateY(450%);
    transform: translateY(450%);
}

.link-menu:hover span:before {
    -webkit-transform: translateY(0) rotate(90deg);
    -moz-transform: translateY(0) rotate(90deg);
    -ms-transform: translateY(0) rotate(90deg);
    -o-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
}

.link-menu:hover span:after {
    -webkit-transform: translateY(0) rotate(-90deg);
    -moz-transform: translateY(0) rotate(-90deg);
    -ms-transform: translateY(0) rotate(-90deg);
    -o-transform: translateY(0) rotate(-90deg);
    transform: translateY(0) rotate(-90deg);
}

.wave-menu .logo {
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;

    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;

    width: 100%;
    opacity: 0;
}

.wave-menu .logo.show_wave_menu_logo {
    opacity: 1;
}

.wave-menu .menu-list a span {
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: 1;
    font-size: 13px;
    /*color:#000;*/
}

.wave-menu .menu-list ul ul a span {
    /*color:#000;*/
}

.wave-menu .menu-list ul.sub-menu a span {
    font-size: 13px;
    font-weight: 300;
}

.wave-menu .menu-list a:hover span {
    opacity: .6;
}

/*-----------------------------------------------------------------------------------*/
/*	loader
/*-----------------------------------------------------------------------------------*/

#startLoader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #fff url(../img/white_loader.gif) no-repeat center center;
}

/*-----------------------------------------------------------------------------------*/
/* Social icons
/*-----------------------------------------------------------------------------------*/

.social-icons li, .socialLinkShortcode {
    float: left;
    display: block;
    margin-left: 12px;
    margin-bottom: 5px;
    width: 49px;
    height: 49px;
}

.social-icons li:first-child {
    margin-left: 0;
}

.social-icons a, .social-icons .hover-bg {
    height: 45px !important;
    width: 45px !important;
}

.social-icons a, .socialLinkShortcode a {
    text-align: center;
    display: block;
    height: 49px;
    width: 49px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .5);
    position: relative;
    overflow: hidden;
    border-radius: 0px;
}

.social-icons .dark a, .socialLinkShortcode.dark a {
    border: 2px solid #000;
}

.footer-bottom .social-icons a {
    border: none;
}

.footer-bottom .social-icons li {
    margin-left: 0;
}

.social-icons span, .socialLinkShortcode span {
    color: #3c3c3c;
    font-size: 22px;
    background-color: transparent;

    line-height: 47px;
    height: 47px;
    width: 47px;
    display: block;

    -webkit-transition: border-color .3s, background-color .3s, color .3s;
    -moz-transition: border-color .3s, background-color .3s, color .3s;
    -ms-transition: border-color .3s, background-color .3s, color .3s;
    -o-transition: border-color .3s, background-color .3s, color .3s;
    transition: border-color .3s, background-color .3s, color .3s;
}

.footer-bottom .social-icons span {
    font-size: 21px;
}

.social-icons a:hover span, .socialLinkShortcode a:hover span {
    background-color: #df3030;
    border-color: #df3030;
    color: #FFF;
}

.social-icons .hover-bg, .socialLinkShortcode .hover-bg {
    display: block;
    width: 49px;
    height: 49px;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-align: center;

    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
}

.social-icons .hover-text, .socialLinkShortcode .hover-text {
    opacity: 1;
    text-align: center;
    position: absolute;
    left: 80%;

    -webkit-transform: skew(35deg) translateX(-39px);
    -moz-transform: skew(35deg) translateX(-39px);
    -ms-transform: skew(35deg) translateX(-39px);
    -o-transform: skew(35deg) translateX(-39px);
    transform: skew(35deg) translateX(-39px);
}

.social-icons .hover-text.reset, .socialLinkShortcode .hover-text.reset {
    left: -80%;
    opacity: 0;
}

.social-icons .hover-bg.reset, .socialLinkShortcode .hover-bg.reset {
    left: -146%;

    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.social-icons .hover-bg.enter, .socialLinkShortcode .hover-bg.enter {
    left: -3px;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.social-icons .hover-text.enter, .socialLinkShortcode .hover-text.enter {
    opacity: 1;
    left: 89%;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
}

.social-icons .hover-bg.leave, .socialLinkShortcode .hover-bg.leave {
    left: 130%;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.social-icons .hover-text.leave, .socialLinkShortcode .hover-text.leave {
    left: 130%;
    opacity: 0;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
}

.social-icons a:hover span.icon-bg, .socialLinkShortcode a:hover span.icon-bg {
    background-color: transparent !important;
    border: 2px solid #fff !important;
}

.social-icons.dark a:hover span.icon-bg, .socialLinkShortcode.dark a:hover span.icon-bg {
    border: 2px solid #000 !important;
}

.social-icons.dark span.hover-text, .socialLinkShortcode.dark span.hover-text {
    color: #000;
}

.social-icons a:hover span.icon, .socialLinkShortcode a:hover span.icon {
    background-color: transparent !important;
}

.social-icons span.icon, .socialLinkShortcode span.icon {
    border: none !important;
    background-color: transparent;
    height: 45px;
    width: 45px;
    color: #fff;
}

.social-icons.dark span.icon, .socialLinkShortcode.dark span.icon {
    color: #000;
}

.social-icons span.hover-text, .socialLinkShortcode span.hover-text {
    height: 45px;
    width: 45px;
    line-height: 45px;
    background-color: transparent !important;
    border-color: transparent !important;
}

.social-icons .light span.hover-text, .socialLinkShortcode span.hover-text {
    color: #fff;
}

.footer-bottom .social-icons .light span.hover-text {
    color: #fff;
}

.footer-bottom .social-icons span.icon {
    color: #838383;
}

.social-icons a:hover span.hover-bg.twitter, .socialLinkShortcode a:hover span.hover-bg.twitter, .social-icons a span.hover-bg.twitter, .socialLinkShortcode a span.hover-bg.twitter {
    background-color: #39cdee !important;
    border: 2px solid #39cdee !important;
}

.social-icons a:hover span.hover-bg.dribbble, .socialLinkShortcode a:hover span.hover-bg.dribbble, .social-icons a span.hover-bg.dribbble, .socialLinkShortcode a span.hover-bg.dribbble {
    background-color: #ef3ea5 !important;
    border: 2px solid #ef3ea5 !important;
}

.social-icons a:hover span.hover-bg.youtube, .socialLinkShortcode a:hover span.hover-bg.youtube, .social-icons a span.hover-bg.youtube, .socialLinkShortcode a span.hover-bg.youtube {
    background-color: #c81414 !important;
    border: 2px solid #c81414 !important;
}

.social-icons a:hover span.hover-bg.facebook, .socialLinkShortcode a:hover span.hover-bg.facebook, .social-icons a span.hover-bg.facebook, .socialLinkShortcode a span.hover-bg.facebook {
    background-color: #3d5da3 !important;
    border: 2px solid #3d5da3 !important;
}

.social-icons a:hover span.hover-bg.google, .socialLinkShortcode a:hover span.hover-bg.googleplus, .social-icons a span.hover-bg.googleplus, .socialLinkShortcode a span.hover-bg.googleplus {
    background-color: #ea654d !important;
    border: 2px solid #ea654d !important;
}

.social-icons a:hover span.hover-bg.digg, .socialLinkShortcode a:hover span.hover-bg.digg, .social-icons a span.hover-bg.digg, .socialLinkShortcode a span.hover-bg.digg {
    background-color: #b2b2b2 !important;
    border: 2px solid #b2b2b2 !important;
}

.social-icons a:hover span.hover-bg.tumblr, .socialLinkShortcode a:hover span.hover-bg.tumblr, .social-icons a span.hover-bg.tumblr, .socialLinkShortcode a span.hover-bg.tumblr {
    background-color: #385a75 !important;
    border: 2px solid #385a75 !important;
}

.social-icons a:hover span.hover-bg.linkedin3, .socialLinkShortcode a:hover span.hover-bg.linkedin3, .social-icons a span.hover-bg.linkedin3, .socialLinkShortcode a span.hover-bg.linkedin3 {
    background-color: #5874b7 !important;
    border: 2px solid #5874b7 !important;
}

.social-icons a:hover span.hover-bg.forrst, .socialLinkShortcode a:hover span.hover-bg.forrst, .social-icons a span.hover-bg.forrst, .socialLinkShortcode a span.hover-bg.forrst {
    background-color: #1c8328 !important;
    border: 2px solid #1c8328 !important;
}

.social-icons a:hover span.hover-bg.feed2, .socialLinkShortcode a:hover span.hover-bg.feed2, .social-icons a span.hover-bg.feed2, .socialLinkShortcode a span.hover-bg.feed2 {
    background-color: #f8852e !important;
    border: 2px solid #f8852e !important;
}

.social-icons a:hover span.hover-bg.flickr4, .socialLinkShortcode a:hover span.hover-bg.flickr4, .social-icons a span.hover-bg.flickr4, .socialLinkShortcode a span.hover-bg.flickr4 {
    background-color: #ff0084 !important;
    border: 2px solid #ff0084 !important;
}

.social-icons a:hover span.hover-bg.myspace, .socialLinkShortcode a:hover span.hover-bg.myspace, .social-icons a span.hover-bg.myspace, .socialLinkShortcode a span.hover-bg.myspace {
    background-color: #008dde !important;
    border: 2px solid #008dde !important;
}

.social-icons a:hover span.hover-bg.vimeo, .socialLinkShortcode a:hover span.hover-bg.vimeo, .social-icons a span.hover-bg.vimeo, .socialLinkShortcode a span.hover-bg.vimeo {
    background-color: #4bf !important;
    border: 2px solid #4bf !important;
}

.social-icons a:hover span.hover-bg.github5, .socialLinkShortcode a:hover span.hover-bg.github5, .social-icons a span.hover-bg.github5, .socialLinkShortcode a span.hover-bg.github5 {
    background-color: #d0d2d4 !important;
    border: 2px solid #d0d2d4 !important;
}

.social-icons a:hover span.hover-bg.lastfm, .socialLinkShortcode a:hover span.hover-bg.lastfm, .social-icons a span.hover-bg.lastfm, .socialLinkShortcode a span.hover-bg.lastfm {
    background-color: #d51007 !important;
    border: 2px solid #d51007 !important;
}

.social-icons a:hover span.hover-bg.paypal, .socialLinkShortcode a:hover span.hover-bg.paypal, .social-icons a span.hover-bg.paypal, .socialLinkShortcode a span.hover-bg.paypal {
    background-color: #22bcee !important;
    border: 2px solid #22bcee !important;
}

.social-icons a:hover span.hover-bg.skype, .socialLinkShortcode a:hover span.hover-bg.skype, .social-icons a span.hover-bg.skype, .socialLinkShortcode a span.hover-bg.skype {
    background-color: #00aff0 !important;
    border: 2px solid #00aff0 !important;
}

.social-icons a:hover span.hover-bg.wordpress, .socialLinkShortcode a:hover span.hover-bg.wordpress, .social-icons a span.hover-bg.wordpress, .socialLinkShortcode a span.hover-bg.wordpress {
    background-color: #21759b !important;
    border: 2px solid #21759b !important;
}

.social-icons a:hover span.hover-bg.yahoo, .socialLinkShortcode a:hover span.hover-bg.yahoo, .social-icons a span.hover-bg.yahoo, .socialLinkShortcode a span.hover-bg.yahoo {
    background-color: #731a8b !important;
    border: 2px solid #731a8b !important;
}

.social-icons a:hover span.hover-bg.steam, .socialLinkShortcode a:hover span.hover-bg.steam, .social-icons a span.hover-bg.steam, .socialLinkShortcode a span.hover-bg.steam {
    background-color: #000 !important;
    border: 2px solid #000 !important;
}

.social-icons a:hover span.hover-bg.reddit, .socialLinkShortcode a:hover span.hover-bg.reddit, .social-icons a span.hover-bg.reddit, .socialLinkShortcode a span.hover-bg.reddit {
    background-color: #ff4500 !important;
    border: 2px solid #ff4500 !important;
}

.social-icons a:hover span.hover-bg.stumbleupon2, .socialLinkShortcode a:hover span.hover-bg.stumbleupon2, .social-icons a span.hover-bg.stumbleupon2, .socialLinkShortcode a span.hover-bg.stumbleupon2 {
    background-color: #eb4924 !important;
    border: 2px solid #eb4924 !important;
}

.social-icons a:hover span.hover-bg.pinterest, .socialLinkShortcode a:hover span.hover-bg.pinterest, .social-icons a span.hover-bg.pinterest, .socialLinkShortcode a span.hover-bg.pinterest {
    background-color: #cb2027 !important;
    border: 2px solid #cb2027 !important;
}

.social-icons a:hover span.hover-bg.deviantart, .socialLinkShortcode a:hover span.hover-bg.deviantart, .social-icons a span.hover-bg.deviantart, .socialLinkShortcode a span.hover-bg.deviantart {
    background-color: #4b5d50 !important;
    border: 2px solid #4b5d50 !important;
}

.social-icons a:hover span.hover-bg.xing2, .socialLinkShortcode a:hover span.hover-bg.xing2, .social-icons a span.hover-bg.xing2, .socialLinkShortcode a span.hover-bg.xing2 {
    background-color: #006567 !important;
    border: 2px solid #006567 !important;
}

.social-icons a:hover span.hover-bg.blogger, .socialLinkShortcode a:hover span.hover-bg.blogger, .social-icons a span.hover-bg.blogger, .socialLinkShortcode a span.hover-bg.blogger {
    background-color: #f57d00 !important;
    border: 2px solid #f57d00 !important;
}

.social-icons a:hover span.hover-bg.soundcloud, .socialLinkShortcode a:hover span.hover-bg.soundcloud, .social-icons a span.hover-bg.soundcloud, .socialLinkShortcode a span.hover-bg.soundcloud {
    background-color: #f60 !important;
    border: 2px solid #f60 !important;
}

.social-icons a:hover span.hover-bg.delicious, .socialLinkShortcode a:hover span.hover-bg.delicious, .social-icons a span.hover-bg.delicious, .socialLinkShortcode a span.hover-bg.delicious {
    background-color: #3274d1 !important;
    border: 2px solid #3274d1 !important;
}

.social-icons a:hover span.hover-bg.foursquare, .socialLinkShortcode a:hover span.hover-bg.foursquare, .social-icons a span.hover-bg.foursquare, .socialLinkShortcode a span.hover-bg.foursquare {
    background-color: #2398c9 !important;
    border: 2px solid #2398c9 !important;
}

.social-icons a:hover span.hover-bg.instagram, .socialLinkShortcode a:hover span.hover-bg.instagram, .social-icons a span.hover-bg.instagram, .socialLinkShortcode a span.hover-bg.instagram {
    background-color: #3f729b !important;
    border: 2px solid #3f729b !important;
}

/*-----------------------------------------------------------------------------------*/
/*  socail Share
/*-----------------------------------------------------------------------------------*/

.socailshare {
    padding-top: 15px;
}

.share-item {
    float: left;
    width: 90px;
}

.share-item.google {
    float: left;
    width: 70px;
}

.share-item > a {
    float: left !important;
}

.share-item.pin {
    width: 60px;
}

/*-----------------------------------------------------------------------------------*/
/*  image shortcode
/*-----------------------------------------------------------------------------------*/

.imageBox.ImageBoxEnable {
    border: solid 1px #767676;
}

.imageBox.ImageBoxEnable .content {
    padding-left: 20px;
    padding-right: 20px;
}

.imageBox.ImageBoxEnable .content .title {
    padding-left: 0;
    padding-right: 0;
}

.imageBox .image {
    line-height: 0;
    text-align: center;
    width: 100%
}

.imageBox.imageBoxleft .content {
    text-align: left;
}

.imageBox.imageBoxRight .content {
    text-align: right;
}

.imageBox.imageBoxCenter .content {
    text-align: center;
}

.imageBox .content {
    padding: 25px 0px;
}

.imageBox .content .title {
    font-size: 27px;
    line-height: 34px;
    letter-spacing: -1px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    padding-right: 20px;
    padding-left: 20px;
}

.imageBox .content .subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 13px;
    color: #000;
}

.imageBox .content .text {
    padding-top: 10px;
    color: #696969;
    font-size: 14px;
    font-family: Roboto, sans-serif;
}

.imageBox .image, .imageBox {
    overflow: hidden;
    position: relative;
}

.imageBox.imgBoxHover img, .imageBox.imgBoxHover {

    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
}

.imageBox.imgBoxHover:hover img {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);

    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

.imageBox.imgBoxHover .imageHOpacity {
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
}

.imageBox.imgBoxHover:hover .imageHOpacity {
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;

    background: rgba(0, 0, 0, .4);
}

/*-----------------------------------------------------------------------------------*/
/*  text shortcode
/*-----------------------------------------------------------------------------------*/

.textBox.fontSize20 .title {
    font-size: 20px;
    line-height: 50px;
}

.textBox.fontSize25 .title {
    font-size: 25px;
    line-height: 55px;
}

.textBox.fontSize32 .title {
    font-size: 32px;
    line-height: 50px;
}

.textBox.fontSize38 .title {
    font-size: 38px;
    line-height: 65px;
}

.textBox.fontSize45 .title {
    font-size: 45px;
    line-height: 75px;
}

.textBox.textBoxBorder.fontSize45 .title, .textBox.textBoxBorder.fontSize38 .title, .textBox.textBoxBorder.fontSize32 .title {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.textBox.fontSize56 .title {
    font-size: 56px;
    line-height: 90px;
}

.textBox.textBoxBorder.fontSize56 .title {
    padding: 5px 6px !important;
}

.textBox.fontSize123 .title {
    font-size: 123px;
    line-height: 145px;
}

.textBox.textBoxBorder.fontSize123 .title {
    padding: 5px 6px !important;
}

.textBox.imageBoxleft {
    text-align: left;
}

.textBox.textBoxRight {
    text-align: right;
}

.textBox.textBoxCenter {
    text-align: center;
}

.textBox .title {
    font-size: 26px;
    line-height: 34px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #101010;
    text-decoration: none;
}

.textBox.textBoxBorder .title {
    padding: 5px 24px;
    border: 4px solid #101010;
}

.textBox.textBoxBorder .title hr {
    display: none;
}

.textBox.textBoxUnderline .title, .textBox.textBoxBorder .title {
    display: inline-block;
    margin-bottom: 20px;
}

.textBox.textBoxNoStyle .title {
    margin-bottom: 10px;
}

.textBox.textBoxUnderline .title hr {
    height: 6px;
    width: 15%;
    background-color: #101010;
    margin: 3px 0 0 0;
}

.textBox.fontSize32.textBoxUnderline .title hr, .textBox.fontSize45.textBoxUnderline .title hr {
    margin: 15px 0 0;
}

.textBox.fontSize32.textBoxUnderline .title hr, .textBox.fontSize38.textBoxUnderline .title hr, .textBox.fontSize45.textBoxUnderline .title hr {
    margin-top: 15px;
}

.textBox.fontSize25.textBoxUnderline .title hr {
    margin-top: 10px;
}

.textBox.textBoxUnderline.textBoxUnderCenter .title hr {
    display: table;
    margin: 3px auto 0;
}

.textBox.textBoxUnderline.textBoxUnderCenter.fontSize45 .title hr {
    margin: 15px auto 0;
    max-width: 85px;
}

.textBox.textBoxUnderline.textBoxUnderRight .title hr {
    display: table;
    margin: 0 0 0 auto;
}

.textBox.textBoxNoStyle .title hr {
    display: none;
}

.textBox .text.contentfs12 {
    font-size: 12px;
}

.textBox .text.contentfs13 {
    font-size: 13px;
    line-height: 22px;
}

.textBox .text.contentfs14 {
    font-size: 14px;
    line-height: 21px;
}

.textBox .text.contentfs16 {
    font-size: 16px;
    line-height: 22px;
}

/*-----------------------------------------------------------------------------------*/
/*	text - icon shortcode
/*-----------------------------------------------------------------------------------*/
.textBoxIcon.textLeftBorder .title {
    padding-left: 25px;
}

.textBoxIcon .icon {
    float: left;
    padding: 0 25px 0 8px;
}

.textBoxIcon .title {
    float: left;
    font-weight: 700;
    letter-spacing: -1px;
}

.textBoxIcon.fontSize20 .icon {
    font-size: 20px;
    line-height: 20px;
}

.textBoxIcon.fontSize20 .title {
    height: 20px;
    letter-spacing: -1px;
}

.textBoxIcon.fontSize25 .icon {
    font-size: 25px;
    line-height: 23px;
}

.textBoxIcon.fontSize25 .title {
    height: 25px;
    letter-spacing: -1px;
}

.textBoxIcon.fontSize32 .icon {
    font-size: 32px;
    line-height: 29px;
}

.textBoxIcon.fontSize32 .title {
    font-size: 32px;
    letter-spacing: -2px;
}

.textBoxIcon.fontSize38 .icon {
    font-size: 38px;
    line-height: 38px;
}

.textBoxIcon.fontSize45 .icon {
    font-size: 45px;
    line-height: 40px;
}

.textBoxIcon.fontSize56 .icon {
    font-size: 56px;
    line-height: 52px;
}

.textBoxIcon.fontSize123 .icon {
    font-size: 123px;
    line-height: 123px;
}

.textBoxIconTitle {
    padding-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	pixflow Header Slider
/*-----------------------------------------------------------------------------------*/

.pixflowHeader {
    text-align: center;
    position: relative;
}

.pixflowHeader .bottomtext {
    color: #353535;
    font-size: 232px;
    line-height: 232px;
    font-weight: 700;
    opacity: .15;
}

.pixflowHeader .title {
    color: #353535;
    font-size: 49px;
    line-height: 50px;
    position: absolute;
    font-weight: 900;
    letter-spacing: -2px;
    z-index: 1;
    top: 42%;
    width: 100%;

}

.pixflowHeader .title hr {
    width: 43px;
    height: 8px;
    background-color: #df3030;
    margin: 29px auto 0;
}

/*-----------------------------------------------------------------------------------*/
/*  image & text shortcode Animation
/*-----------------------------------------------------------------------------------*/

.imgWithAnimation, .iconWithAnimation, .textWithAnimation, .teamWithAnimation, .counterWithAnimation, .pieChartWithAnimation, .progressbarWithAnimation, .testimonialWithAnimation, .pixflowHeaderWithAnimation {
    opacity: 0;
    position: relative;
    max-width: 100%;
    width: auto;
    height: auto;
    -webkit-transform: scale(1, 1);
}

.imgWithAnimation[data-animation="fade-in-left"],
.textWithAnimation[data-animation="fade-in-left"],
.iconWithAnimation[data-animation="fade-in-left"],
.teamWithAnimation[data-animation="fade-in-left"],
.counterWithAnimation[data-animation="fade-in-left"],
.progressbarWithAnimation[data-animation="fade-in-left"],
.testimonialWithAnimation[data-animation="fade-in-left"],
.pixflowHeaderWithAnimation[data-animation="fade-in-left"],
.pieChartWithAnimation[data-animation="fade-in-left"] {
    left: -80px;
}

.imgWithAnimation[data-animation="fade-in-right"],
.textWithAnimation[data-animation="fade-in-right"],
.iconWithAnimation[data-animation="fade-in-right"],
.teamWithAnimation[data-animation="fade-in-right"],
.counterWithAnimation[data-animation="fade-in-right"],
.progressbarWithAnimation[data-animation="fade-in-right"],
.testimonialWithAnimation[data-animation="fade-in-right"],
.pixflowHeaderWithAnimation[data-animation="fade-in-right"],
.pieChartWithAnimation[data-animation="fade-in-right"] {
    right: -80px;
}

.imgWithAnimation[data-animation="fade-in-top"],
.textWithAnimation[data-animation="fade-in-top"],
.iconWithAnimation[data-animation="fade-in-top"],
.teamWithAnimation[data-animation="fade-in-top"],
.pieChartWithAnimation[data-animation="fade-in-top"],
.progressbarWithAnimation[data-animation="fade-in-top"],
.testimonialWithAnimation[data-animation="fade-in-top"],
.pixflowHeaderWithAnimation[data-animation="fade-in-top"],
.counterWithAnimation[data-animation="fade-in-top"] {
    top: -100px;
}

.imgWithAnimation[data-animation="fade-in-bottom"],
.textWithAnimation[data-animation="fade-in-bottom"],
.iconWithAnimation[data-animation="fade-in-bottom"],
.teamWithAnimation[data-animation="fade-in-bottom"],
.pieChartWithAnimation[data-animation="fade-in-bottom"],
.progressbarWithAnimation[data-animation="fade-in-bottom"],
.testimonialWithAnimation[data-animation="fade-in-bottom"],
.pixflowHeaderWithAnimation[data-animation="fade-in-bottom"],
.counterWithAnimation[data-animation="fade-in-bottom"] {
    bottom: -70px;
}

.imgWithAnimation[data-animation="none"],
.textWithAnimation[data-animation="none"],
.iconWithAnimation[data-animation="none"],
.teamWithAnimation[data-animation="none"],
.pieChartWithAnimation[data-animation="none"],
.progressbarWithAnimation[data-animation="none"],
.testimonialWithAnimation[data-animation="none"],
.pixflowHeaderWithAnimation[data-animation="none"],
.counterWithAnimation[data-animation="none"] {
    opacity: 1;
}

.imgWithAnimation[data-animation="grow-in"],
.textWithAnimation[data-animation="grow-in"],
.iconWithAnimation[data-animation="grow-in"],
.teamWithAnimation[data-animation="grow-in"],
.pieChartWithAnimation[data-animation="grow-in"],
.progressbarWithAnimation[data-animation="grow-in"],
.testimonialWithAnimation[data-animation="grow-in"],
.pixflowHeaderWithAnimation[data-animation="grow-in"],
.counterWithAnimation[data-animation="grow-in"] {
    -webkit-transform: scale(0.4);
    -o-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);

    -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    -o-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
}

.notransitionleft {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
    left: 0 !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Home
/*-----------------------------------------------------------------------------------*/

/* Video FullWidth */
.videoColorMask {
    opacity: .4;
}

.videoMask, .videoColorMask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.videoHome {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.videoHome video {
    width: 100%;
    height: auto;
}

.videoHomePreload {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.vc_videowrap .wpb_column {
    z-index: 1;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Widgets
/*-----------------------------------------------------------------------------------*/

.sidebar {
    padding: 15px;
    margin-bottom: 20px;
}

.sidebar.no-widgets {
    padding: 0;
}

.widget-area {
    color: #737373;
}

.widget-area .widget-title {
    color: #737373;
    font-size: 16px;
    margin-bottom: 0;
}

.widget-area hr {
    background-color: #ccc;
    margin: 5px 0 19px;
    height: 3px;
}

.widget-area .widget {
    margin-bottom: 60px
}

.widget-area .widget:last-child {
    margin-bottom: 0
}

.widget-area a {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    text-decoration: none;
}

.widget-area a:hover {
    color: #df3030;
}

.widget_pages li ul, .widget_nav_menu li ul {
    margin-left: 20px;
}

.widget_px_facebook iframe {
    max-width: 100%;
}

/* Calendar */
#wp-calendar,
#wp-calendar td {
    background-color: rgba(55, 58, 65, 0.04);
}

#wp-calendar,
#wp-calendar caption,
#wp-calendar td {
    border-color: rgba(218, 222, 225, 0.8);
}

.old-ie #wp-calendar,
.old-ie #wp-calendar caption,
.old-ie #wp-calendar td {
    border-color: #dadee1;
}

#wp-calendar td:hover {
    background-color: rgba(55, 58, 65, 0.08);
}

#wp-calendar th,
#wp-calendar caption,
#wp-calendar tfoot td,
#wp-calendar tfoot td a {
    color: #373a41;
}

#wp-calendar td.act {
    background-color: #2a83ed;
    color: #ffffff;
}

#wp-calendar {
    border-style: solid;
    border-width: 1px;
    margin: 25px 0 15px 0;
}

#wp-calendar caption {
    padding: 5px 0 5px 0;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
    font-weight: bold;
}

#wp-calendar th {
    height: 25px;
}

#wp-calendar td {
    width: 34px;
    height: 25px;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    cursor: default;
}

#wp-calendar td a {
    display: block;
    width: 100%;
    text-decoration: none;
}

#wp-calendar td.pad,
.footer #wp-calendar td.pad {
    background: none !important;
    border: none;
}

#wp-calendar tfoot td {
    width: auto;
}

#wp-calendar tfoot td#prev {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar tfoot td#next {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar tfoot td a:hover {
    background: none;
    text-decoration: none;
}

/* Search */
.widget-area .search-form form {
    padding: 5px 42px 5px 10px;
}

.widget-area .search-form input[type="text"] {
    color: #a6a6a6;
}

.widget-area .search-form input[type="submit"] {
    width: 32px;
    background-color: transparent;
}

.widget-area .search-form input[type="submit"]:hover {
    background-color: #df3030;
}

.widget-area .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color: #a6a6a6;
}

.widget-area .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a6a6a6;
}

.widget-area .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a6a6a6;
}

.widget-area .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a6a6a6;
}

/* Lists */

.widget-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-area li {
    padding: 10px 0;
}

.widget-area li:first-child {
    padding-top: 0;
}

.widget-area li:last-child {
    margin-bottom: 0;
}

.widget-area li a {
    display: inline-block;
}

.widget-area li ul {
    margin-top: 10px;
    padding-left: 10px;
}

.widget-area li ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Select Element */

.widget-area select {
    width: 95%;
}

/* Tag Cloud */

.tagcloud s {
    margin-left: -4px;
}

.tagcloud a {
    padding: 3px 5px;
    border: 1px solid #e6e6e6;
    font-size: 13px !important;
    color: #aeaeae;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 4px;
    margin-bottom: 4px;
    display: inline-block;

    -webkit-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    -ms-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.tagcloud a:hover {
    background-color: #f2f2f2;
    color: #df3030;
}

.widget-area .tagcloud a,
.widget-area .tagcloud {
    margin-left: 0;
}

/* Recent entries */

.widget_recent_entries a {
    font-size: 13px;
}

.widget_recent_entries .post-date {
    font-size: 12px;
}

/* Flickr Badge */
.flickr-container {
    margin-left: -5px;
}

.flickr-container:after {
    clear: both;
    content: "";
    display: table
}

.flickr-container .flickr_badge_image {
    float: left;
    height: 50px;
    margin: 5px;
    position: relative;
    width: 50px
}

.flickr-container .flickr_badge_image img {
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.flickr-container .flickr_badge_image img:hover {
    opacity: .8;
}

/* Progress */
.sidebar .widget_px_progress .progress {
    width: 80%
}

.widget_px_progress .progressbar:last-child {
    margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Footer
/*-----------------------------------------------------------------------------------*/

.footer-bottom {
    position: relative;
    width: 100%;
    background-color: #f2f2f2;
    display: block;
}

.ffooter-bottom {
    bottom: 0 !important;
    left: 0;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.footer-bottom .copyright {
    line-height: 1.8em;
    font-size: 12px;
    font-weight: 400;
    padding: 41px 0 20px;
    text-align: right;
    color: #838383;
    float: right;
}

.footer-bottom .social-icons {
    padding: 35px 0 0 0;
    width: 40%;
    float: left;
}

.footer-widgetized {
    padding: 0 0 175px;
}

.footer-widgetized-gradient {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.92) 20%, rgba(255, 255, 255, 0.92) 21%, rgba(255, 255, 255, 0.86) 40%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.48) 79%, rgba(255, 255, 255, 0.46) 80%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(20%, rgba(255, 255, 255, 0.92)), color-stop(21%, rgba(255, 255, 255, 0.92)), color-stop(40%, rgba(255, 255, 255, 0.86)), color-stop(60%, rgba(255, 255, 255, 0.76)), color-stop(79%, rgba(255, 255, 255, 0.48)), color-stop(80%, rgba(255, 255, 255, 0.46)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.92) 20%, rgba(255, 255, 255, 0.92) 21%, rgba(255, 255, 255, 0.86) 40%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.48) 79%, rgba(255, 255, 255, 0.46) 80%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.92) 20%, rgba(255, 255, 255, 0.92) 21%, rgba(255, 255, 255, 0.86) 40%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.48) 79%, rgba(255, 255, 255, 0.46) 80%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.92) 20%, rgba(255, 255, 255, 0.92) 21%, rgba(255, 255, 255, 0.86) 40%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.48) 79%, rgba(255, 255, 255, 0.46) 80%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.92) 20%, rgba(255, 255, 255, 0.92) 21%, rgba(255, 255, 255, 0.86) 40%, rgba(255, 255, 255, 0.76) 60%, rgba(255, 255, 255, 0.48) 79%, rgba(255, 255, 255, 0.46) 80%, rgba(255, 255, 255, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); /* IE6-9 */
}

/* Widgets */
footer .widget-area {
    padding: 35px 0;
    position: relative
}

footer .widget-area .widget-title {
    color: #656565;
    text-transform: uppercase;
}

footer .widget-area a {
    color: #6a6a6a;
}

/* Lists */
footer .widget-area li {
    border-bottom: 1px solid #aeaeae;
}

/* Recent Tweets */
footer .widget_px_twitter li {
    border-bottom: none;
}

footer .widget_px_twitter li a {
    display: inline;
}

footer .widget_px_twitter .link {
    color: #939393;
}

footer .widget_px_twitter hr.hr-twitter {
    background-color: #4b4b4b;
}

/* Progress bar */
footer .widget_px_progress .progress {
    background-color: #c8eafc;
}

/* Search */
footer .widget-area .search-form input[type="text"] {
    color: #949494;
}

footer .widget-area .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color: #949494;
}

footer .widget-area .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #949494;
}

footer .widget-area .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #949494;
}

footer .widget-area .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #949494;
}

/* footer logo */
.footerlogo {
    float: left;
    width: 20%;
    text-align: center;
    padding: 35px 0 0;
}

/* Custom Menu */
footer .widget_nav_menu .sub-menu {
    margin: 8px 0 0 10px;
}

footer .widget_nav_menu a {
    display: block;
    padding: 3px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
}

footer .widget_nav_menu a:hover {
    background-color: #b3b3b3;
    padding-left: 10px;
}

.footer-widgetized .progressbar .progress-inner, .footer-widgetized .progressbar .progress {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.footer-widgetized .progressbar .progress {
    height: 21px;
}

.footer-widgetized .progressbar .title {
    position: absolute;
    color: #fff;
    top: 5px;
    left: 8px;

    font-weight: 400;
    font-family: 'oswald', sans-serif;
    line-height: 11px;
    font-size: 11px;
}

.footer-widgetized .progressbar {
    position: relative;
}

.footer-widgetized .flickr-container .flickr_badge_image {
    height: 70px;
    width: 70px;
}

.footer-widgetized .hr-medium {
    margin: 0px 0 23px 0;
    height: 2px;
    background-color: #4b4b4b;
    width: 70px;
}

.footer-widgetized .widget-title {
    margin: 0px;
    font-family: 'oswald', sans-serif;
    color: #4b4b4b !important;
    font-size: 18px;
    line-height: 1.5em;
}

.footer-widgetized .widget {
    margin-bottom: 20px;
}

.footer-widgetized .wpcf7-form-control-wrap textarea, .footer-widgetized .input-textarea textarea {
    height: 75px;
}

/*-----------------------------------------------------------------------------------*/
/*	Icon Box
/*-----------------------------------------------------------------------------------*/

.iconbox.iconbox-top {
    text-align: center;
}

.iconbox.iconbox-top .icon {
    padding-bottom: 20px;
    text-align: center;
}

.iconbox.iconbox-left .icon {
    width: 55px;
    float: left;
    padding-bottom: 7px;
}

.iconbox.iconbox-left .title {
    padding-bottom: 6px;
    font-size: 27px;
    font-weight: 500;
}

.iconbox .glyph {
    color: #df3030;
    font-size: 33px;
    z-index: 1;
    position: relative;
}

.iconbox .title {
    font-size: 19px;
    font-weight: 700;
    color: #101010;
}

.iconbox:hover .title {
    color: #df3030;
}

.iconbox.iconbox-top .title, {
    font-size: 25px;
}

.iconbox.iconbox-top .title,
.iconbox.iconbox-left .title {
    line-height: 25px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.iconbox.iconbox-left .content-wrap {
    float: left;
    width: 85%;
}

.span3 .iconbox.iconbox-left .content-wrap {
    width: 79%;
}

.iconbox.iconbox-left .more-link {
    text-align: right;
}

.iconbox .more-link a {
    text-decoration: none;
    color: #101010;
}

.iconbox .more-link a:hover {
    color: #df3030;
}

.iconbox .more-link span {
    font-size: 10px;
    position: relative;
    top: 1px;
    left: 2px;
}

.iconbox .more-link a, .iconbox .title {
    -moz-transition: color .5s;
    -o-transition: color .5s;
    -webkit-transition: color .5s;
    transition: color .5s;
}

/*-----------------------------------------------------------------------------------*/
/*  Horizontal separator with title
/*-----------------------------------------------------------------------------------*/

.hr-title,
.hr-title-center {
    display: table;
    width: 100%;
    margin: 40px 0 30px;
}

.hr-title > div,
.hr-title-center > div {
    display: table-cell;
}

.hr-title > div:last-child,
.hr-title > div:first-child,
.hr-title-center > div:last-child,
.hr-title-center > div:first-child {
    border-top: 1px solid #bdbdbd;
}

.hr-title .title,
.hr-title-center .title {
    white-space: nowrap;
}

.hr-title h3,
.hr-title-center h3 {
    display: block;
    margin: -10px 0 0;
    font-size: 18px;
    line-height: 20px;
    padding: 0 10px;
    font-weight: 400;
    color: #474747;
}

/* Default */
.hr-title > div:first-child {
    width: 5%;
}

.hr-title > div:last-child {
    width: 95%;
}

/* Center */
.hr-title-center > div:last-child,
.hr-title-center > div:first-child {
    width: 50%;
}

/***** Horizontal separator *****/
.hr-center {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

.hr-medium {
    width: 35%;
}

.hr-small {
    width: 17%;
}

.hr-extra-small {
    width: 5%;
}

.hr-margin-medium {
    margin-top: 17px;
    margin-bottom: 17px;
}

.hr-margin-small {
    margin-top: 10px;
    margin-bottom: 10px;
}

.hr-thick {
    height: 2px;
}

/*-----------------------------------------------------------------------------------*/
/* team member shortcode
/*-----------------------------------------------------------------------------------*/

.team-member {
    overflow: hidden;
    height: 528px;
    margin-bottom: 50px;
}

.team-member .bgImage {
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;

    height: 444px;

    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    -o-transition: background-position .5s;
    transition: background-position .5s;
}

.team-member:hover .bgImage {
    background-position: center -20px !important;

    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    -o-transition: background-position .5s;
    transition: background-position .5s;
}

.team-member .image {
    position: relative;
    height: 444px;
    overflow: hidden;

    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
}

.team-member:hover .image {
    height: 535px;
}

.team-member .image img {
    vertical-align: top;

    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}

.team-member:hover .image img {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}

.team-member .nameJob {
    position: absolute;
    bottom: 14px;
    left: 0;
    z-index: 1;

    -webkit-transition: bottom .5s;
    -moz-transition: bottom .5s;
    -o-transition: bottom .5s;
    transition: bottom .5s;
}

.team-member:hover .nameJob {
    bottom: 135px;

    -webkit-transition: bottom .4s;
    -moz-transition: bottom .4s;
    -o-transition: bottom .4s;
    transition: bottom .4s;
}

.team-member .name {
    font-size: 22px;
    line-height: 26px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    padding: 0 13px;
    text-transform: uppercase;
}

.team-member .name a, .team-member .name {
    color: #fff;
}

.team-member.light .name a, .team-member.light .name {
    color: #2d2d2d;
}

.team-member.light .descHover {
    background-color: #f5f5f5;
}

.team-member .name a:hover {
    text-decoration: none;
}

.team-member .job-title {
    color: #df3030;
    text-align: left;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    padding: 0 13px;
}

.team-member.light .job-title {
    color: #3e3e3e;
}

.team-member .description {

    position: absolute;
    left: 0;
    bottom: -70px;
    z-index: 1;
    padding: 0 13px;
    color: #fff;
    font-size: 12px;
    margin: 0;
    opacity: 0;

    -webkit-transition: opacity 0.5s, bottom 0.5s;
    -moz-transition: opacity 0.5s, bottom 0.5s;
    -o-transition: opacity 0.5s, bottom 0.5s;
    transition: opacity 0.5s, bottom 0.5s;

}

.team-member:hover .description {
    bottom: 35px;
    opacity: 1;

    -webkit-transition: opacity 0.5s, bottom 0.5s;
    -moz-transition: opacity 0.5s, bottom 0.5s;
    -o-transition: opacity 0.5s, bottom 0.5s;
    transition: opacity 0.5s, bottom 0.5s;
}

.team-member .descHover {
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #424242;
    padding-top: 17px;
    padding-left: 15px;
    padding-right: 15px;

    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.team-member .descHover .table {
    display: table;
    height: 100%;
    width: 100%;
}

.team-member .descHover .tableCell {
    vertical-align: middle;
    display: table-cell
}

.team-member .descHover .job-title {
    text-align: center;
}

.team-member:hover .descHover {
    opacity: 1;

    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;

}

.team-member .descriptionContent {
    max-height: 85px;
    overflow-y: hidden;
    display: block;
}

.team-member.light .descriptionContent {
    color: #676767;
}

.team-member .descriptionIcon {
    position: absolute;
    left: 0;
    bottom: -70px;
    max-height: 18px;
    overflow-y: hidden;
    padding: 0 13px;
    margin: 0;

    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
    transition: bottom 0.5s;
}

.team-member:hover .descriptionIcon {
    bottom: -20px;

    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
    transition: bottom 0.5s;
}

.team-member .image .imageOverlayWrap {
    position: absolute;
    bottom: -130px;
    left: 0;
    height: 256px;
    width: 100%;
    z-index: 1;

    -webkit-transition: bottom .4s;
    -moz-transition: bottom .4s;
    -o-transition: bottom .4s;
    transition: bottom .4s;
}

.team-member.light .image .imageOverlayWrap {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(254, 254, 254, 0.01) 2%, rgba(250, 250, 250, 0.09) 8%, rgba(245, 245, 245, 0.24) 15%, rgba(245, 245, 245, 0.28) 17%, rgba(245, 245, 245, 0.77) 36%, rgba(245, 245, 245, 0.91) 43%, rgba(245, 245, 245, 0.99) 49%, rgba(245, 245, 245, 1) 50%, rgba(245, 245, 245, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.01)), color-stop(2%, rgba(254, 254, 254, 0.01)), color-stop(8%, rgba(250, 250, 250, 0.09)), color-stop(15%, rgba(245, 245, 245, 0.24)), color-stop(17%, rgba(245, 245, 245, 0.28)), color-stop(36%, rgba(245, 245, 245, 0.77)), color-stop(43%, rgba(245, 245, 245, 0.91)), color-stop(49%, rgba(245, 245, 245, 0.99)), color-stop(50%, rgba(245, 245, 245, 1)), color-stop(100%, rgba(245, 245, 245, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(254, 254, 254, 0.01) 2%, rgba(250, 250, 250, 0.09) 8%, rgba(245, 245, 245, 0.24) 15%, rgba(245, 245, 245, 0.28) 17%, rgba(245, 245, 245, 0.77) 36%, rgba(245, 245, 245, 0.91) 43%, rgba(245, 245, 245, 0.99) 49%, rgba(245, 245, 245, 1) 50%, rgba(245, 245, 245, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(254, 254, 254, 0.01) 2%, rgba(250, 250, 250, 0.09) 8%, rgba(245, 245, 245, 0.24) 15%, rgba(245, 245, 245, 0.28) 17%, rgba(245, 245, 245, 0.77) 36%, rgba(245, 245, 245, 0.91) 43%, rgba(245, 245, 245, 0.99) 49%, rgba(245, 245, 245, 1) 50%, rgba(245, 245, 245, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(254, 254, 254, 0.01) 2%, rgba(250, 250, 250, 0.09) 8%, rgba(245, 245, 245, 0.24) 15%, rgba(245, 245, 245, 0.28) 17%, rgba(245, 245, 245, 0.77) 36%, rgba(245, 245, 245, 0.91) 43%, rgba(245, 245, 245, 0.99) 49%, rgba(245, 245, 245, 1) 50%, rgba(245, 245, 245, 1) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(254, 254, 254, 0.01) 2%, rgba(250, 250, 250, 0.09) 8%, rgba(245, 245, 245, 0.24) 15%, rgba(245, 245, 245, 0.28) 17%, rgba(245, 245, 245, 0.77) 36%, rgba(245, 245, 245, 0.91) 43%, rgba(245, 245, 245, 0.99) 49%, rgba(245, 245, 245, 1) 50%, rgba(245, 245, 245, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE6-9 */
}

.team-member.dark .image .imageOverlayWrap {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(240, 240, 240, 0.01) 2%, rgba(149, 149, 149, 0.09) 8%, rgba(42, 42, 42, 0.24) 15%, rgba(44, 44, 44, 0.28) 17%, rgba(59, 59, 59, 0.77) 36%, rgba(63, 63, 63, 0.91) 43%, rgba(66, 66, 66, 0.99) 49%, rgba(66, 66, 66, 1) 50%, rgba(66, 66, 66, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.01)), color-stop(2%, rgba(240, 240, 240, 0.01)), color-stop(8%, rgba(149, 149, 149, 0.09)), color-stop(15%, rgba(42, 42, 42, 0.24)), color-stop(17%, rgba(44, 44, 44, 0.28)), color-stop(36%, rgba(59, 59, 59, 0.77)), color-stop(43%, rgba(63, 63, 63, 0.91)), color-stop(49%, rgba(66, 66, 66, 0.99)), color-stop(50%, rgba(66, 66, 66, 1)), color-stop(100%, rgba(66, 66, 66, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(240, 240, 240, 0.01) 2%, rgba(149, 149, 149, 0.09) 8%, rgba(42, 42, 42, 0.24) 15%, rgba(44, 44, 44, 0.28) 17%, rgba(59, 59, 59, 0.77) 36%, rgba(63, 63, 63, 0.91) 43%, rgba(66, 66, 66, 0.99) 49%, rgba(66, 66, 66, 1) 50%, rgba(66, 66, 66, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(240, 240, 240, 0.01) 2%, rgba(149, 149, 149, 0.09) 8%, rgba(42, 42, 42, 0.24) 15%, rgba(44, 44, 44, 0.28) 17%, rgba(59, 59, 59, 0.77) 36%, rgba(63, 63, 63, 0.91) 43%, rgba(66, 66, 66, 0.99) 49%, rgba(66, 66, 66, 1) 50%, rgba(66, 66, 66, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(240, 240, 240, 0.01) 2%, rgba(149, 149, 149, 0.09) 8%, rgba(42, 42, 42, 0.24) 15%, rgba(44, 44, 44, 0.28) 17%, rgba(59, 59, 59, 0.77) 36%, rgba(63, 63, 63, 0.91) 43%, rgba(66, 66, 66, 0.99) 49%, rgba(66, 66, 66, 1) 50%, rgba(66, 66, 66, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, rgba(240, 240, 240, 0.01) 2%, rgba(149, 149, 149, 0.09) 8%, rgba(42, 42, 42, 0.24) 15%, rgba(44, 44, 44, 0.28) 17%, rgba(59, 59, 59, 0.77) 36%, rgba(63, 63, 63, 0.91) 43%, rgba(66, 66, 66, 0.99) 49%, rgba(66, 66, 66, 1) 50%, rgba(66, 66, 66, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#424242', GradientType=0); /* IE6-9 */
}

.team-member:hover .image .imageOverlayWrap {
    bottom: 0px;
}

/*-----------------------------------------------------------------------------------*/
/* team member icons
/*-----------------------------------------------------------------------------------*/

.team-member .icons {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: table;
}

.team-member .icons:after {
    display: table;
    content: "";
    clear: both;
}

.team-member .icons li {
    float: left;
    padding-left: 10px;
}

.team-member .icons li:first-child {
    padding-left: 0;
}

.team-member .icons a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    line-height: 1em;
    color: #fff;
}

.team-member.light .icons a {
    color: #424242;
}

.team-member .icons a:hover {
    color: #df3030;
}

/*-----------------------------------------------------------------------------------*/
/* Accordion and toggle  shortcode
/*-----------------------------------------------------------------------------------*/

.accordion,
.toggle {
    background-color: #f7f7f7;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.accordion .tab,
.toggle .tab {
    border-bottom: 1px solid #e7e7e7;

    -webkit-transition: border .3s;
    -moz-transition: border .3s;
    -o-transition: border .3s;
    -ms-transition: border .3s;
    transition: border .3s;
}

.accordion .tab:last-child,
.toggle .tab:last-child {
    border-bottom: none;
}

.accordion .header,
.toggle .header {
    padding: 4px 0;
}

.accordion .tab-button,
.toggle .tab-button {
    width: 37px;
    height: 31px;
    border-right: 2px solid #e7e7e7;
    float: left;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
    margin-right: 10px;

    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s;
}

.accordion .title,
.toggle .title {
    line-height: 30px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
    color: #101010;
    font-weight: 600;

    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s;
}

.accordion .header:hover .title,
.toggle .header:hover .title,
.accordion .header:hover .tab-button,
.toggle .header:hover .tab-button {
    color: #101010;
}

.accordion .closed .title,
.toggle .closed .title {
    font-weight: 300;
    color: #969696;
}

.accordion .body,
.toggle .body {
    padding: 10px;
}

/*-----------------------------------------------------------------------------------*/
/* Tabs shorcode
/*-----------------------------------------------------------------------------------*/

.tabs {
    border: 1px solid #e7e7e7;
}

.tabs .head {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: -1px;
    margin-top: 3px;
}

.tabs .head li {
    display: block;
    float: left;
    padding: 13px 20px 15px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;

    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.tabs .head .current,
.tabs .head li:hover {
    color: #101010;
}

.tabs .head .current {
    border-bottom: 2px solid #fff;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}

.tabs .head li:first-child {
    border-left: none;
}

.tabs .content {
    border-top: 1px solid #e7e7e7;
    padding: 15px;
}

/*-----------------------------------------------------------------------------------*/
/* counter box
/*-----------------------------------------------------------------------------------*/

.counterBox {
    text-align: center;
}

.counterBox .counterBoxNumber {
    font-size: 123px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    line-height: 125px;
    color: #101010;
    display: block;
    margin-bottom: 22px;
    letter-spacing: -10px;
}

.counterBoxDetails {
    font-family: Roboto, sans-serif;
    font-size: 24px;
}

/*-----------------------------------------------------------------------------------*/
/* piechart
/*-----------------------------------------------------------------------------------*/

.easyPieChart {
    position: relative;
    text-align: center;

    height: 145px;
    width: 145px;
    line-height: 145px;

    display: table;
    margin: 0 auto;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.pieChart span {
    color: #101010;
}

.pieChart .perecent {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 30px;
}

.pieChartBox {
    margin: 5px 25px 25px 25px;
    display: block;
}

.pieChartBox p {
    margin: 0;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
}

.pieChartBox .title, .pieChartBox .subtitle {
    font-family: Roboto, sans-serif;
}

.pieChartBox .title {
    margin-top: 20px;
    font-size: 26px;
    color: #101010;
    font-weight: 700;
}

.pieChartBox .subtitle {
    margin-top: 3px;
    font-size: 15px;
    color: #949b9f;
    font-weight: 300;
}

.iconPchart span {
    display: block;
    position: absolute;
}

.iconPchart .icon {
    font-size: 30px;
    top: 40px;
    left: 59px;
}

.disablepercent .iconPchart .icon {
    font-size: 41px;
    top: 55px;
    left: 52px;
}

.iconPchart .perecent {
    line-height: 0;
    top: 55px;
    left: 50px;
    font-size: 25px;
}

/***** Progress *****/

.progressbar {
    margin-bottom: 16px;
}

.progressbar .title {
    font-size: 13px;
    font-weight: 300;
    color: #666;
}

.progressbar .progress {
    height: 16px;
    background-color: #f6f6f6;
    overflow: hidden;
}

.progressbar .progress-inner,
.progressbar .progress {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.progressbar .progress-inner {
    height: 100%;
    background-color: #df3030;
}

/*-----------------------------------------------------------------------------------*/
/* Testimonials // Blockquotes
/*-----------------------------------------------------------------------------------*/

blockquote {
    position: relative;
}

blockquote p {
    margin: 0;
}

blockquote .end {
    background: url(assets/img/blockquote-end-dark.html) no-repeat;
    position: absolute;
    bottom: 16px;
    right: 20px;
    height: 11px;
    width: 16px;
    display: block;
}

blockquote .name {
    position: absolute;
    bottom: 12px;
    right: 50px;
    font-size: 14px;
    line-height: 20px;
}

.testimonial {
    position: relative;
    padding-bottom: 30px;
}

.testimonial.skin-light.has-background {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
}

.testimonial blockquote {
    padding: 14px 23px;
    background: none;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #696969;
    text-align: center;
}

.testimonial .name {
    text-align: center;
    font-size: 30px;
    color: #565656;
    text-transform: capitalize;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.testimonial .talkerName {
    text-align: center;
    color: #565656;
    margin-bottom: 37px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.testimonial.skin-light .name, .testimonial.skin-light blockquote, .testimonial.skin-light .talkerName {
    color: #FFF;
}

.testimonial hr,
.testimonial .name {
    margin-left: 23px;
}

.singlePost .testimonials .flex-direction-nav {
    list-style: none;
}

.testimonials .flex-direction-nav .flex-next {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center right;
}

.testimonials .flex-direction-nav .flex-next:hover {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center left;
}

.testimonials .flex-direction-nav .flex-prev {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center left;
}

.testimonials .flex-direction-nav .flex-prev:hover {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center right;
}

/* Element Query */

.testimonial[data-maxwidth="580"] .image {
    float: none;
    display: table;
    margin: 0 auto 30px;
}

.testimonial[data-maxwidth="580"].has-image .quote {
    float: none;
    width: auto;
    text-align: center;
}

.testimonial[data-maxwidth="580"] hr {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.testimonial[data-maxwidth="580"] .name {
    margin-left: 0;
}

/* Testimonial group */

.testimonials {
    position: relative;
}

.testimonials .name {
    right: 50px;
    margin: auto 0;
}

/* testimontional */

.testimonials.flexslider .flex-control-nav {
    cursor: pointer;
    z-index: 4;
}

.testimonialsDark .flex-control-paging li a {
    border: 1px solid #565656 !important;
}

.testimonialsDark .flex-control-paging li a.flex-active {
    background-color: #565656 !important;
}

.testimonialsLight .flex-control-paging li a {
    border: 1px solid #fff !important;
}

.testimonialsLight .flex-control-paging li a.flex-active {
    background-color: #fff !important;
}

.testimonialsLight .flex-control-paging li a, .testimonialsDark .flex-control-paging li a {
    background-color: transparent !important;
    box-shadow: none;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Blog listing/Archive
/*-----------------------------------------------------------------------------------*/

.singlePost {
    padding-top: 100px;
    padding-bottom: 50px;
}

.pageSpace {
    padding-top: 70px;
    padding-bottom: 50px;
}

.pageBottomSpace {
    padding-bottom: 50px;
}

.pageTopSpace {
    padding-top: 68px;
}

.singlePost .post {
    margin-bottom: 50px;
}

.post-media {
    margin-top: 30px;
    margin-bottom: 55px;
}

.post-media.video-frame {
    margin-bottom: 90px;
}

.post-media img {
    width: 100%;
}

.post-media .flexslider {
    border: none;
    box-shadow: none;
    margin: 0;
}

.post-info {
    display: block;
    margin-top: -5px;
}

.post-info a {
    color: #bdbdbd;
    text-decoration: none;
}

.post-meta .hr-extra-small.hr-margin-small {
    background-color: #df3030;
    height: 5px;
}

.singlePost .flex-control-paging {
    visibility: hidden;
}

.post .post-title, .page-title {
    color: #101010;
    font-size: 32px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: -2px;
}

.post-media .flex-direction-nav a {
    margin: 5px;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 4;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;

    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.post-media .flexslider:hover .flex-prev, .post-media .flexslider:hover .flex-next {
    opacity: 1;
}

.post-media .flexslider .flex-prev:hover, .post-media .flexslider .flex-next:hover {
    opacity: 0.7 !important;
}

.post-media .flex-direction-nav .flex-prev, .post-media .flex-direction-nav:hover .flex-prev {
    background: url(../img/flex-slider-arrows-right.png) no-repeat center #fff;
    right: 0px !important;
    left: auto !important;
    top: auto !important;
}

.post-media .flex-direction-nav .flex-next, .post-media .flex-direction-nav:hover .flex-next {
    background: url(../img/flex-slider-arrows-left.png) no-repeat center #fff;
    right: 36px !important;
    left: auto !important;
    top: auto !important;
}

.post-media .flex-direction-nav .flex-prev, .post-media .flex-direction-nav .flex-next {
    border: none;
    border-radius: 0;
}

/* blog detail Button */
.nav_box {
    margin-bottom: 34px;
    padding: 20px 0 19px;
    position: relative;
}

.nav_box a {
    float: right;
    height: 36px;
    display: block;
}

.next_btn, .previous_btn {
    border: 1px solid #000;
    width: 50px;
    height: 50px;
    border-radius: 5px;

    text-align: center;

    color: #555;
    font-size: 12pt;
    line-height: 18pt;
    text-transform: none;

    -moz-transition: border 500ms, background-color 500ms;
    -o-transition: border 500ms, background-color 500ms;
    -webkit-transition: border 500ms, background-color 500ms;
    transition: border 500ms, background-color 500ms;
}

.next_btn:hover, .previous_btn:hover {
    border: 1px solid #101010;
    background-color: #101010;
}

.next_btn:before, .previous_btn:before {
    color: #141414;
    font-family: 'icomoon';
    font-size: 30px;
    display: inline-block;
    content: "\e73f";
    line-height: 50px;
}

.next_btn:hover:before, .previous_btn:hover:before {
    color: #fff;
}

.previous_btn:before {
    content: "\e740";
}

.previous_btn {
    right: 0;
    position: absolute;
    margin-right: 1px;
}

.next_btn {
    right: 58px;
    position: absolute;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Blog Single
/*-----------------------------------------------------------------------------------*/

.comments-wrap {
    margin-bottom: 50px;
}

.commentWrap {
    border-top: 1px solid #cccccc;
}

.commentWrap .commentTitle {
    padding: 30px 0;
}

.commentWrap .commentTitle h3, .commentWrap .commentTitle .comment_count a {
    color: #101010;
    text-decoration: none;
}

/* List */
.comments-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 12px;
}

.comments-list .comment {
    padding: 20px 10px;
    color: #9c9c9c;
    border: 1px solid #e2e2e2;
    margin-bottom: 17px;

    position: relative;
}

.comments-list .comment-image {
    float: left;
    margin: 4px 14px 4px 4px;
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    min-height: 64px;
}

.comments-list .comment-image img {
    display: block;
}

.comments-list .comment-reply-link {
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    color: #7e7e7e;
    padding-right: 5px;
    padding-left: 26px;
    border: 1px solid #dfdfdf;
    background: url(../img/comment-reply.png) no-repeat 9px center;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 25px;
    text-decoration: none;
}

.comments-list .comment-reply-link:hover {
    background-color: #101010;
    background-image: url(../img/comment-reply-hover.png);
    color: #FFF;
}

.comments-list cite {
    font-style: normal;
}

.comments-list cite a {
    color: #565656;
    text-decoration: none;
}

.comments-list .comment-date {
    font-size: 10px;
    color: #ababab;
    text-decoration: none;
}

.comments-list .comment-text {
    color: #ababab;
}

/* Comment reply style  */
.comments-list .line {
    display: none;
    width: 14px;
    height: 1px;
    background-color: #d6d6d6;
    position: absolute;
    left: -41px;
    top: 40px;
}

.comments-list ul {
    list-style: none;
    padding: 0;
}

.comments-list .children {
    margin: 10px 0;
    padding: 10px 0 10px 40px;
    border-left: 1px solid #d6d6d6;
}

.comments-list .children .line {
    display: block;
}

/* social Share Btns */
.social_links {
    position: absolute;
    bottom: -90px;
    left: 0;
    padding: 25px 0;
    cursor: default;
    z-index: 5;
}

.social_links a {
    background-color: transparent;
    position: relative;
    text-decoration: none;
    color: #fff;
}

.social_links a:hover {
    opacity: .8;
    color: #fff;
}

.social_links .social_links_list li {
    display: block;
    float: left;
    margin-right: 27px;
    font-size: 19px;
}

/* portfolio Detail Ajax Social Share Btns */
.portfolio_social_share .social_links, .post_social_share .social_links {
    position: static;
    padding: 0;
    cursor: default;
    z-index: 5;
}

.portfolio_social_share .social_links a, .post_social_share .social_links a {
    color: #6F6B6B;
}

.portfolio_social_share .social_links a:hover, .post_social_share .social_links a:hover {
    color: #ADACAC;
}

.portfolio_social_share .social_links_list li:first-child, .post_social_share .social_links_list li:first-child {
    border: none;
}

.portfolio_social_share .social_links .social_links_list li, .post_social_share .social_links .social_links_list li {
    margin-right: 15px;
    font-size: 14px;
}

.blog_social_share_title {
    font-size: 14px;
    float: left;
    font-weight: 700;
    font-family: open sans;
    padding-right: 10px;
    text-transform: uppercase;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Respond form
/*-----------------------------------------------------------------------------------*/

.comments-list #respond {
    margin: 20px 0;
}

#commentform .input-text {
    float: left;
    width: 31.7%;
    margin-left: 2%;
}

#commentform .input-text:first-child {
    margin-left: 0;
}

.comments-list .children #commentform .input-text:first-child {
    margin-left: 0%;
}

.comments-list .children #commentform .input-text {
    margin-left: 1.95%;
}

#commentform p:first-child {
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c;
}

#commentform .input-textarea,
#commentform p:first-child,
#commentform .form-fields {
    margin-bottom: 18px;
}

#commentform .input-textarea {
    width: 100%;
}

#commentform .input-text input[type="text"] {
    padding: 0 3%;
    width: 94%
}

#commentform input[type="submit"] {
    background-color: transparent;
    border: 1px solid #cacaca;
    color: #555;
    margin-bottom: 60px;

    -webkit-transition: border .3s, color .3s, background-color .3s;
    -moz-transition: border .3s, color .3s, background-color .3s;
    -o-transition: border .3s, color .3s, background-color .3s;
    transition: border .3s, color .3s, background-color .3s;
}

#commentform input[type="submit"]:hover {
    border: 1px solid #101010;
    color: #fff;
    background-color: #101010;
}

/* Prevent Menu Cover the Layout */
.singlePost, .pageSpace .layout, .woocommerce-page {
    margin-top: 70px;
}

.woocommerce-page .cart .cart_item .quantity, .woocommerce div.product form.cart {
    position: relative;
}

.page-template-main-page-php .layout {
    margin-top: 0px;
}

.menuSpace {
    display: block;
    height: 70px;
}

.page-template-default .menuSpace {
    height: 0px;
    padding-top: 4px;
}

.particle {
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-position: center;
}

/*-----------------------------------------------------------------------------------*/
/*	parallax And Video section / ttexture hover
/*-----------------------------------------------------------------------------------*/

.parallax {
    position: relative;
    width: 100%;
    max-height: 1100px;
    overflow: hidden;

    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

.parallax.noparallaxie {
    background-attachment: scroll !important;
}

/* Parallax Content  */
.parallax .container {
    position: relative;
    z-index: 1;
}

.parallax.noParallaxImage {
    background-image: url(../img/placeholders/parallaxImg.jpg) !important;
}

/* parallax texture  */
.sectionOverlay {
    position: relative;
}

.videoHome.sectionOverlay {
    position: absolute;
}

.sectionOverlay:after {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    content: '';
    height: 100%;
    width: 100%;
    z-index: 0 !important;
}

#home .sectionOverlay:after {
    z-index: 2 !important;
}

.texture2:after {
    background-repeat: repeat;
    background-image: url(../img/texture/texture2.png);
}

.texture3:after {
    background-repeat: repeat;
    background-image: url(../img/texture/texture3.png);
}

.texture4:after {
    background-repeat: repeat;
    background-image: url(../img/texture/texture4.png);
}

.texture5:after {
    background-repeat: repeat;
    background-image: url(../img/texture/texture5.png);
}

.texture6:after {
    background-repeat: repeat;
    background-image: url(../img/texture/texture6.png);
}

.texture7:after {
    background-repeat: repeat;
    background-image: url(../img/texture/texture7.png);
}

.texture8:after {
    background-repeat: repeat;
    background-image: url(../img/texture/texture8.png);
}

.videoSection .videoContent {
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.videoSection .videoContent > .page {
    min-height: 500px;
}

.videoMask.texture2 {
    background-repeat: repeat;
    background-image: url(../img/texture/texture2.png);
}

.videoMask.texture3 {
    background-repeat: repeat;
    background-image: url(../img/texture/texture3.png);
}

.videoMask.texture4 {
    background-repeat: repeat;
    background-image: url(../img/texture/texture4.png);
}

.videoMask.texture5 {
    background-repeat: repeat;
    background-image: url(../img/texture/texture5.png);
}

.videoMask.texture6 {
    background-repeat: repeat;
    background-image: url(../img/texture/texture6.png);
}

.videoMask.texture7 {
    background-repeat: repeat;
    background-image: url(../img/texture/texture7.png);
}

.videoMask.texture8 {
    background-repeat: repeat;
    background-image: url(../img/texture/texture8.png);
}

.videoSection .videoHomePreload {
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-position: center;
}

.videoWrap {
    top: 0px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	 Home Slider : Navigation
/*-----------------------------------------------------------------------------------*/

#slides.flexslider {
    border: none !important;
    position: relative;
    margin: 0 !important;
}

#slides .slides-container, #slides .flex-viewport {
    width: 100%;
    height: 100% !important;
    position: relative;
}

#slides.flexslider .header-slide {
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    height: 100%;
    position: relative;
}

#slides .flex-control-nav.flex-control-paging {
    display: none;
}

#slides.fade .flex-direction-nav {
    display: none !important;
}

.home-slides-navigation .flex-direction-nav a {
    position: absolute;
    top: 45%;
    display: block;
    width: 38px;
    height: 38px;
    background-color: #fff !important;
    opacity: 0.1;
    z-index: 4;

    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.home-slides-navigation .flex-direction-nav a:hover {
    opacity: 0.3;
}

.home-slides-navigation .flex-direction-nav .flex-prev, .home-slides-navigation .flex-direction-nav .flex-prev:hover {
    left: 43px !important;
    right: auto !important;
}

.home-slides-navigation .flex-direction-nav .flex-next, .home-slides-navigation .flex-direction-nav .flex-next:hover {
    right: 43px !important;
    left: auto !important;
}

.home-slides-navigation .flex-direction-nav a:before {
    color: #141414;
    font-family: 'icomoon';
    font-size: 20px;
    line-height: 39px;
    display: inline-block;
    content: "\e740";
    width: 38px;
    text-align: center;
}

.home-slides-navigation .flex-direction-nav .flex-prev:before {
    content: "\e73f";
}

/*-----------------------------------------------------------------------------------*/
/*	portfolio and portfolio detial / load more btns
/*-----------------------------------------------------------------------------------*/

.isotope-item.noimages {
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.isotope-item.noimages.big {
    background-image: url("../img/placeholders/noImage.jpg");
}

.isotope-item.noimages.square {
    background-image: url("../img/placeholders/noImageSquare.jpg");
}

.isotope-item.noimages.slim {
    background-image: url("../img/placeholders/noImageSlim.jpg");
}

.isotope-item.noimages.hslim {
    background-image: url("../img/placeholders/noImageHslim.jpg");
}

.postphoto img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    width: 100%;
}

.postphoto .featured-image {
    margin: 0;
}

.postphoto {
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 310px;
    display: block;
    min-height: 100px;
}

.postphoto .title, .postphoto .skills {
    opacity: 0;
    z-index: 4;
    position: absolute;
    color: #fff;
    bottom: 5px;
    left: 23px;
}

.postphoto .title {

    font-size: 22px;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 22px;

    -moz-transition: bottom 1000ms, opacity 500ms;
    -o-transition: bottom 1000ms, opacity 500ms;
    -webkit-transition: bottom 1000ms, opacity 500ms;
    transition: bottom 1000ms, opacity 500ms;
}

.postphoto:hover .title {
    opacity: 1;
    bottom: 44px;

    -moz-transition: bottom 500ms, opacity 1000ms;
    -o-transition: bottom 500ms, opacity 1000ms;
    -webkit-transition: bottom 500ms, opacity 1000ms;
    transition: bottom 500ms, opacity 1000ms;
}

.postphoto .skills {
    bottom: 0px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;

    -moz-transition: bottom 400ms, opacity 500ms;
    -o-transition: bottom 400ms, opacity 500ms;
    -webkit-transition: bottom 400ms, opacity 500ms;
    transition: bottom 400ms, opacity 500ms;
}

.postphoto:hover .skills {
    -moz-transition: bottom 800ms, opacity 1000ms;
    -o-transition: bottom 800ms, opacity 1000ms;
    -webkit-transition: bottom 800ms, opacity 1000ms;
    transition: bottom 800ms, opacity 1000ms;

    opacity: .7;
    bottom: 23px;
}

.postphoto .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    z-index: 3;
    text-decoration: none;

    background-color: rgba(0, 0, 0, 0);

    -moz-transition: background-color 150ms ease-in-out;
    -o-transition: background-color 150ms ease-in-out;
    -webkit-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;
}

.postphoto .overlay:hover {
    background-color: rgba(0, 0, 0, 0.8);

    -moz-transition: background-color 250ms ease-in-out;
    -o-transition: background-color 250ms ease-in-out;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out;
}

.postphoto .overlay .gradient {
    position: absolute;
    bottom: 0;
    z-index: 3;
    height: 203px;
    width: 100%;
    opacity: 0;

    -moz-transition: opacity 1000ms;
    -o-transition: opacity 1000ms;
    -webkit-transition: opacity 1000ms;
    transition: opacity 1000ms;

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.04) 34%, rgba(0, 0, 0, 0.22) 50%, rgba(0, 0, 0, 0.72) 83%, rgba(0, 0, 0, 0.93) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(18%, rgba(255, 255, 255, 0)), color-stop(19%, rgba(0, 0, 0, 0)), color-stop(29%, rgba(0, 0, 0, 0)), color-stop(34%, rgba(0, 0, 0, 0.04)), color-stop(50%, rgba(0, 0, 0, 0.22)), color-stop(83%, rgba(0, 0, 0, 0.72)), color-stop(100%, rgba(0, 0, 0, 0.93))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.04) 34%, rgba(0, 0, 0, 0.22) 50%, rgba(0, 0, 0, 0.72) 83%, rgba(0, 0, 0, 0.93) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.04) 34%, rgba(0, 0, 0, 0.22) 50%, rgba(0, 0, 0, 0.72) 83%, rgba(0, 0, 0, 0.93) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.04) 34%, rgba(0, 0, 0, 0.22) 50%, rgba(0, 0, 0, 0.72) 83%, rgba(0, 0, 0, 0.93) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.04) 34%, rgba(0, 0, 0, 0.22) 50%, rgba(0, 0, 0, 0.72) 83%, rgba(0, 0, 0, 0.93) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ed000000', GradientType=0); /* IE6-9 */
}

.postphoto:hover .portfolioFlexslider .overlay .gradient {
    opacity: .6 !important;
}

.postphoto:hover .overlay .gradient {
    opacity: .9;
    -moz-transition: opacity 1000ms;
    -o-transition: opacity 1000ms;
    -webkit-transition: opacity 1000ms;
    transition: opacity 1000ms;
}

a.postlink {
    display: block;
    width: 100%;
    height: 100%;
}

.isotope-item {
    float: left;
    margin: 0;
}

.postphoto .pSlide {
    height: 100%;
    width: 100%;

    background-position: center;

    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);

    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
}

.portfolioFlexslider, .portfolioFlexslider .slides {
    height: 100% !important;
    width: 100% !important;
}

.postphoto:hover .pSlide {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);

    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

.postphoto .flexslider {
    border: none;
    margin: 0;
    padding: 0;
}

.postphoto .parent {
    position: relative;
    height: 100%;
    width: 100%;
}

.postphoto .overlay .center-line {
    height: 5px;
    background-color: #fff;
    width: 0;
    top: 50%;
    margin: 0 auto;
    position: relative;
    opacity: 0;

    -moz-transition: width 150ms ease-in-out, opacity 150ms ease-in-out;
    -o-transition: width 150ms ease-in-out, opacity 150ms ease-in-out;
    -webkit-transition: width 150ms ease-in-out, opacity 150ms ease-in-out;
    transition: width 150ms ease-in-out, opacity 150ms ease-in-out;
}

.postphoto .overlay:hover .center-line {
    width: 60%;
    opacity: 1;

    -moz-transition: width 250ms ease-in-out, opacity 250ms ease-in-out;
    -o-transition: width 250ms ease-in-out, opacity 250ms ease-in-out;
    -webkit-transition: width 250ms ease-in-out, opacity 250ms ease-in-out;
    transition: width 250ms ease-in-out, opacity 250ms ease-in-out;
}

.postphoto .overlay .hover-title {
    position: absolute;
    margin: 0 auto;
    bottom: 45%;
    opacity: 0;
    color: #fff;
    font-size: 47px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    letter-spacing: -3px;
    width: 90%;
    padding: 0 5%;

    -moz-transition: bottom 200ms ease-out, opacity 300ms ease-in;
    -o-transition: bottom 200ms ease-out, opacity 300ms ease-in;
    -webkit-transition: bottom 200ms ease-out, opacity 300ms ease-in;
    transition: bottom 200ms ease-out, opacity 300ms ease-in;
}

.postphoto .overlay:hover .hover-title {
    opacity: 1;
    bottom: calc(50% + 18px);

    -moz-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    -o-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    -webkit-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    transition: bottom 250ms ease-out, opacity 500ms ease-in;
}

.square .postphoto .overlay .hover-title {
    font-size: 25px;
    letter-spacing: -1px;
}

.square .postphoto .overlay .hover-subtitle {
    font-size: 13px;
    letter-spacing: 4px;
}

.hslim .postphoto .overlay:hover .hover-subtitle {
    letter-spacing: 2px;
    line-height: 18px;
    top: calc(50% + 15px);
}

.postphoto .overlay .hover-subtitle {
    position: absolute;
    margin: 0 auto;
    bottom: 48%;
    opacity: 0;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 6px;
    width: 100%;
}

.postphoto .overlay:hover .hover-subtitle {
    opacity: 1;
    bottom: calc(50% - 50px);

    -moz-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    -o-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    -webkit-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    transition: bottom 250ms ease-out, opacity 500ms ease-in;
}

.square .postphoto .overlay:hover .hover-subtitle, .hslim .postphoto .overlay:hover .hover-subtitle {
    bottom: calc(50% - 30px);
}

.slim .postphoto .overlay:hover .hover-subtitle {
    top: calc(50% + 15px);
}

.square .postphoto .overlay:hover .hover-subtitle, .hslim .postphoto .overlay:hover .hover-subtitle, .slim .postphoto .overlay:hover .hover-subtitle {
    line-height: 18px;
    letter-spacing: 2px;
}

.square .postphoto .overlay:hover .hover-title, .hslim .postphoto .overlay:hover .hover-title {
    bottom: calc(50% + 5px);
}

.postphoto .overlay .icon-type {
    font-size: 35px;
    color: #fff;
    position: absolute;
    opacity: 0;
    bottom: 5%;
    display: block;
    height: 45px;
    width: 55px;
    left: calc(50% - 23px);

    background-size: contain;
    background-repeat: no-repeat;
}

.square .postphoto .overlay .icon-type {
    left: calc(50% - 12px);
    height: 22px;
    width: 27px;
}

.hslim .postphoto .overlay .icon-type {
    left: calc(50% - 27px);
}

.slim .postphoto .overlay .icon-type {
    left: calc(50% - 29px);
}

/*portfolio hover icons*/
.postphoto .overlay:hover .icon-type {
    bottom: calc(50% - 106px);
    opacity: 1;

    -moz-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    -o-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    -webkit-transition: bottom 250ms ease-out, opacity 500ms ease-in;
    transition: bottom 250ms ease-out, opacity 500ms ease-in;
}

.format-standard .postphoto .overlay:hover .icon-type {
    background-image: url(../img/gallery-format/format_quote.png);
}

.format-gallery .postphoto .overlay:hover .icon-type {
    background-image: url(../img/gallery-format/format_gallery.png);
}

.format-video .postphoto .overlay:hover .icon-type {
    background-image: url(../img/gallery-format/format_video.png);
}

.format-audio .postphoto .overlay:hover .icon-type {
    background-image: url(../img/gallery-format/format_audio.png);
}

.format-link .postphoto .overlay:hover .icon-type {
    background-image: url(../img/gallery-format/format_link.png);
}

.square .postphoto .overlay:hover .icon-type {
    bottom: 17%;
}

.hslim .postphoto .overlay:hover .icon-type {
    bottom: 10%;
}

.project-skill a:hover {
    text-decoration: none;
}

/* portfolio filter styles */

.portfolio-header {
    position: relative;
}

.subnavigation {
    font-size: 13px;
    position: absolute;
    top: -63px;
    right: 0;
    display: table;
    margin: 0 auto 15px;
}

.hassubtitle .subnavigation {
    top: -83px;
}

.subnavigation li {

    display: block;
    height: 34px;
    line-height: 33px;
    float: left;
    margin: 0px 4px 18px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;

}

.subnavigation a {
    position: relative;
    text-decoration: none;
    color: #000;
    display: block;
    padding: 0 21px;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 40px;

    font-family: Roboto, sans-serif;
    font-weight: 400;

    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;

}

.subnavigation a:focus {
    -moz-outline: 0;
    outline: 0;
}

.subnavigation a.active {
    color: #101010;
    display: block;

    -moz-transition: opacity 400ms, color 400ms;
    -o-transition: opacity 400ms, color 400ms;
    -webkit-transition: opacity 400ms, color 400ms;
    transition: opacity 400ms, color 400ms;
}

.subnavigation li:hover a {
    color: #101010;
    opacity: .6;

    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}

.subnavigation .filterlinebottom, .subnavigation .filterlinetop {
    /*display: block;*/
    height: 9px;
    width: 2px;
    background-color: #df3030;
    position: absolute;
    left: 50%;
    display: none;
}

.subnavigation .filterlinetop {
    top: 0;
}

.subnavigation .filterlinebottom {
    bottom: 0;
}

.subnavigation li:first-child .filterlinebottom, .subnavigation li:first-child .filterlinetop {
    display: block;
    opacity: 1;
}

/* Portfolio Detial*/

#ajaxPDetail .pDHeader {
    padding-bottom: 18px;
    margin-bottom: 15px;
}

#ajaxPDetail .pDHeader .title {

    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #000;
    letter-spacing: -2px;

    border-left: 8px solid #2c2c2c;
    padding-left: 16px;
    line-height: 31px;
    float: left;

}

#portfolioDetailAjax .pDENav {
    display: none;

}

.pDENav a {
    float: left;
}

.pDENav a[rel~="prev"] {
    padding: 15px 9px 7px 5px;
}

.pDENav a[rel~="next"] {
    padding: 15px 9px 7px 5px;
}

.pDENav a:hover:before {
    color: #fff !important;
}

.pDENav .navigation a[rel~="next"]:before {
    content: "\e81f";
}

.pDWrap .navigation.nextppost {
    margin-left: 4px;
}

.pDWrap .navigation.leftppost {
    margin-right: 4px;
}

.pDENav .pDNavigation {
    position: relative;
    top: 50px;
}

.pDWrap .navCloseWrap {

    position: absolute;
    top: 150px;
    right: 0;

}

.pDWrap .navigation {
    float: right;
}

.pDWrap .navigation li {
    float: right;
    height: 48px;
    width: 48px;
    overflow: hidden;

    border: 1px solid #141414;
    border-radius: 5px;

    -moz-transition: background-color 500ms;
    -o-transition: background-color 500ms;
    -webkit-transition: background-color 500ms;
    transition: background-color 500ms;
}

.pDWrap .navigation li a {
    line-height: 51px;
    text-align: center;
}

.pDWrap .navigation a {
    display: block;
}

.pDWrap .navigation li:hover, .pDWrap .navigation a:hover {
    background-color: #141414;

    -moz-transition: background-color 500ms;
    -o-transition: background-color 500ms;
    -webkit-transition: background-color 500ms;
    transition: background-color 500ms;
}

.pDWrap .navigation li:hover a:before {
    color: #fff;
}

.pDWrap .navigation a:before {
    color: #141414;
    font-family: 'icomoon';
    font-size: 17px;
    display: inline-block;
    content: "\e73f";
}

.pDWrap .navigation .next a:before {
    content: "\e740";
}

.pDWrap .close {

    float: right;
    height: 48px;
    width: 48px;
    border: 1px solid #141414;
    border-radius: 4px;

}

.pDWrap .close a {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 18px;
    color: #000;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
}

.pDWrap .close a:hover {
    background-color: #141414;
    color: #fff;
}

#ajaxPDetail .flexslider {
    border: none;
    box-shadow: none;
    margin: 0;
}

#ajaxPDetail .postMedia .flex-direction-nav {
    position: absolute;
    bottom: 0;
    left: 60px;
    height: 48px;
    width: 51px;
    background-color: #fff;
}

#ajaxPDetail .postMedia .slider-nav-controls-container .flex-prev {

    border-left: 1px solid #141414;

}

#ajaxPDetail .postMedia .slider-nav-controls-container {
    position: absolute;
    bottom: 8px;
    left: 9px;
    z-index: 4;
}

#ajaxPDetail .postMedia .slider-nav-controls-container .slider-status {
    background-color: #fff;
    color: #141414;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 31px;
    line-height: 48px;
    text-align: center;
    height: 48px;
    width: 60px;
    position: relative;
}

#ajaxPDetail .postMedia .flex-direction-nav li {

    height: 46px;
    width: 24px;
    display: block;
    background-color: #fff;
    float: right;
    margin: 1px 1px 1px 0;

    -moz-transition: background-color 500ms;
    -o-transition: background-color 500ms;
    -webkit-transition: background-color 500ms;
    transition: background-color 500ms;
}

#ajaxPDetail .postMedia .flex-direction-nav li:first-child {
    float: left;
    margin: 1px 0 1px 1px;
}

#ajaxPDetail .postMedia .flex-direction-nav li:hover {
    background-color: #141414;

    -moz-transition: background-color 500ms;
    -o-transition: background-color 500ms;
    -webkit-transition: background-color 500ms;
    transition: background-color 500ms;
}

#ajaxPDetail .postMedia .flex-direction-nav li:hover a:before {
    color: #fff;
}

#ajaxPDetail .postMedia .flex-direction-nav a {

    text-indent: 0;
    margin: 9px 0;
    height: 31px;
    width: 25px;
    border-radius: 0;
    border: none;
    top: 0;
}

#ajaxPDetail .postMedia .flex-direction-nav a:before {
    color: #141414;
    font-family: 'icomoon';
    font-size: 16px;
    display: inline-block;
    content: "\e740";
    line-height: 35px;
    padding-left: 4px;
}

#ajaxPDetail .postMedia .flex-direction-nav .flex-prev:before {
    content: "\e73f";
}

#ajaxPDetail .postMedia .flex-direction-nav .flex-next {
    background: none;
    padding: 1px 0;
    right: 0;
    margin: 8px 0;
    left: auto !important;
}

#ajaxPDetail .postMedia .flex-direction-nav .flex-prev {
    background: none;
    padding: 1px 0;
    right: 26px;
    margin: 8px 0;
    left: 0 !important;
}

.portfolioSection #ajaxPDetail {
    padding: 150px 0;
}

.portfolioSection #loader {
    width: 100%;
    height: 20px;
    display: none;
    position: relative;
    top: 300px;
    background: url(../img/light_loader.gif) center center no-repeat;
}

#pDError {
    display: none;
}

.pDWrap {
    position: relative;
}

.navCloseWrap {
    opacity: 0;
}

#portfolioDetailAjax .postMedia {
    padding-bottom: 30px;
}

#portfolioDetailAjax {
    height: 0px;
    opacity: 0;
}

/* portfolio load more Btn */

.pLoadMore .loadMore {
    font-size: 16px;
    letter-spacing: 10px;
    margin: 0 auto;
    display: table;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    padding: 20px 0;
    cursor: pointer;

    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
}

.pLoadMore .loadMore:hover {
    color: #df3030;

    -moz-transition: color 250ms ease;
    -o-transition: color 250ms ease;
    -webkit-transition: color 250ms ease;
    transition: color 250ms ease;
}

/* portfolio filter */
ul.portfolio-filter {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #181818;
    letter-spacing: -1px;
    float: right;
    height: 36px;
    padding: 0;
    position: absolute;
    top: 23px;
    right: 30px;
    width: 200px;
}

ul.portfolio-filter li {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    list-style: none outside none;
    text-transform: uppercase;
}

ul.portfolio-filter li > div {
    padding: 7px;
}

ul.portfolio-filter li .text {
    letter-spacing: 0px;
}

ul.portfolio-filter li .icon {
    float: right;
    font-size: 20px;
    margin-right: 5px;
    position: absolute;
    top: 10px;
    right: 2px;
}

ul.portfolio-filter li ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #000000 #000000;
    border-image: none;
    border-right: 1px solid #000000;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin-left: -1px;
    padding: 0;
    position: absolute;
    width: 200px;
    z-index: 3;
}

ul.portfolio-filter li ul li a {
    color: #000000;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    padding: 6px 0 0 6px;
    text-decoration: none;
    text-transform: uppercase;
}

ul.portfolio-filter li ul li a:hover {
    background-color: #000000;
    color: #FFFFFF;
}

/* portfolio filter */
.project-detail {

}

.project-detail li:first-child {
    border-top: 2px solid #ECEBEB;
}

.project-detail li:last-child .project-subtitle a {
    color: #515151;
    text-decoration: none;
}

.project-detail li.project {
    border-bottom: 2px solid #ECEBEB;

    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 54px;
    min-height: 54px;
    display: block;
    color: #515151;
    padding-right: 5px;
}

.project-detail li.project.portfolioSocailShare {
    line-height: 65px;
    border-bottom: none
}

.project-detail li.project .project-title {
    font-weight: 500;
    float: left;
    text-transform: capitalize;
    margin-right: 5px;

}

.project-detail li.project .project-subtitle {
    float: left;
}

.project-detail .project-skill {
    text-decoration: none;
}

.project-detail li.project.project_title {
    color: #000 !important;
    letter-spacing: -1px;
    font-weight: 700;
    border-top: none !important;
    font-size: 22px;
}

/*-----------------------------------------------------------------------------------*/
/* WP Classes
/*-----------------------------------------------------------------------------------*/

.alignleft {
    float: left;
    margin-right: 10px;
}

.alignright {
    float: right;
    margin-left: 10px;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: table;
    clear: both;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
}

.sticky {
}

.gallery-caption {
    margin-left: 0;
}

.bypostauthor {
}

.sticky .accordion_box10 .blogTitle, .sticky .accordion_box2 .accordion_title {
    color: #df3030 !important;
}

.sticky .blogAccordion .rightBorder {
    border-right: 2px solid #df3030 !important;
}

/* page External Space */
.exPageTitleSpace {
    padding-bottom: 25px;
    padding-top: 21px;
    min-height: 30px;
}

/* custom section bottom space */
.customSection .customContent {
    /*padding-bottom:50px;*/
}

.menuSpaceWp {
    top: 32px !important;
    position: relative;
}

.menuSpaceWpNoti {
    top: 81px !important;
    position: relative;
}

.menuSpaceNoti {
    top: 49px !important;
    position: relative;
}

.notificationSpaceWp {
    top: 32px !important;
    position: relative;
}

/*-----------------------------------------------------------------------------------*/
/*	Search Page
/*-----------------------------------------------------------------------------------*/

.search-item {
    padding: 22px;
    margin-bottom: 7px;
    color: #9c9c9c;
    border: 1px solid #e6e6e6;

    position: relative;
}

.search-item .count {
    float: left;
    font-size: 40px;
    color: #df3030;
    padding: 5px 17px 5px 0;
    border-right: 1px solid #7e7e7e;
    margin-top: 7px;
}

.search-item .content {
    float: left;
    margin-left: 22px;
}

.search-item .title {
    margin: 0;
}

.search-item .title a {
    font-size: 24px;
    color: #7e7e7e;
    text-decoration: none;
}

/*-----------------------------------------------------------------------------------*/
/*  Pagination
/*-----------------------------------------------------------------------------------*/

.post-pagination {
    margin: 22px 0;
}

.post-pagination span,
.post-pagination a {
    display: inline-block;
    margin-bottom: 2px;
    text-align: center;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    color: #808080;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    font-weight: 400;
}

.post-pagination a {
    text-decoration: none;
}

.post-pagination span:first-child,
.post-pagination a:first-child {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.post-pagination span:last-child,
.post-pagination a:last-child {
    border-right: 1px solid #d9d9d9;

    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.post-pagination a:hover,
.post-pagination .this-page {
    background-color: #d7c3a8;
    color: #FFF;
    border-color: #d7c3a8;
}

.post-pagination .prev-page-link,
.post-pagination .next-page-link {
    text-indent: -10000px;
    background-image: url(../img/pagination-arrows.png);
    background-size: 72px 72px;
}

.post-pagination .prev-page-link:hover {
    background-position: 0 -36px;
}

.post-pagination .next-page-link {
    background-position: -36px 0;
}

.post-pagination .next-page-link:hover {
    background-position: -36px -36px;
}

.post-pagination .page-numbers {
    background-color: transparent;
}

/*-----------------------------------------------------------------------------------*/
/*  preloader
/*-----------------------------------------------------------------------------------*/

#preloader {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #df3030;
    z-index: 99999;
}

#preloader.preloader_animation {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    -moz-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    -o-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

@-webkit-keyframes animLoadedHeader {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
    }
}

@keyframes animLoadedHeader {
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-ms-keyframes animLoadedHeader {
    to {
        -ms-transform: translate3d(0, -100%, 0);
    }
}

#circle {
    position: absolute;
    top: -10px;
    left: -10px;
    margin: 0 auto;
    width: 220px;
    height: 220px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
}

#circle:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: 100%;
    width: 100%;
    border-top: 3px solid #fff;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.preloader-image {
    position: relative;
    margin: 0 auto;
    top: calc(50% - 100px);
    width: 200px;
    height: 200px;
    background: none center center no-repeat transparent;
    background-size: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

/* Top button */
#scrollToTop {
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    right: 20px;
    display: none;
    opacity: 0;
}

#scrollToTop a {
    display: block;
    width: 50px;
    height: 50px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000;

    background-color: rgba(255, 255, 255, 0.1);
    background-image: url(../img/topbutton.png);
    text-decoration: none;

    -webkit-transition: background-color 0.2s linear, background-position 0.2s linear;
    -moz-transition: background-color 0.2s linear, background-position 0.2s linear;
    -o-transition: background-color 0.2s linear, background-position 0.2s linear;
    transition: background-color 0.2s linear, background-position 0.2s linear;
}

#scrollToTop a:hover {
    background-color: #000;
    background-position: bottom;
}

#scrollToTop .icon {
    height: 40px;
    width: 40px;
    display: block;
    text-align: center;
}

#scrollToTop .icon:before {
    color: #fff;
    line-height: 36px;
    content: "\e613";
    font-size: 30px;
    font-family: 'icomoon';
}

/* classic blog */
.cblog .post-meta {
    float: left;
    width: 25%;
    padding-right: 3%;
    padding-top: 30px;
}

.cblog .post-meta hr {
    margin: 8px 0;
    width: 100%;
    background-color: #000;
    height: 3px;
}

.cblog .sticky .post-meta hr {
    background-color: red;
}

.cblog .post-meta .tagcloud {
    margin-top: 50px;
}

.cblog.post-title {
    font-size: 32px;
    color: #00a8ff;
}

.cblog .post-title a {
    text-decoration: none;
    color: #000;
    font-size: 30px;

    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.cblog .post-title a:hover {
    color: #737373;

    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.cblog .post-content {
    float: left;
    width: 70%;
    position: relative;
}

.cblog .post-media {
    margin-bottom: 20px;
    color: #000;
}

.cblog .post {
    margin-bottom: 50px;
}

.cblog .container {
    padding-top: 50px;
}

.cblog .video-frame {
    height: auto;
    padding-bottom: 0;
    position: static;
    overflow: visible;
}

.cblog .post-comments {
    float: left;
    width: 15%;
    min-width: 30px;
    margin-right: 5%;
    margin-bottom: 5px;
}

.cblog .post-info {
    float: left;
    width: 75%;
    margin-top: 1px;
}

.cblog .comments-link {
    display: inline-block;
    width: 37px;
    height: 44px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    background: #000 url(../img/comments-count.png) no-repeat;
    background-size: 37px 44px;
    text-decoration: none;
}

.cblog .flex-control-nav {
    display: none;
}

.cblog .exPageTitleSpace {
    padding-top: 20px;
    padding-bottom: 0px;
}

.cblog .post-content .moretag {
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    display: block;
    background-color: #fff;
    text-align: right;
    position: relative;
    padding-left: 9px;
    float: right;
    position: absolute;
    bottom: -27px;
    right: 0;
    z-index: 1;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.cblog .post-content .moretag:hover {
    color: #ccc;

    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.cblog .post-content .redmore_line {
    width: 100%;
    background-color: #ccc;
    height: 3px;
    margin-top: 24px;
    position: absolute;
    bottom: -18px;
}

.cblog .pageNavigation .readmore {
    margin: 0 0 20px 0;
}

/* img alignment */

img.alignleft,
.wp-caption.alignleft {
    margin: 12px 24px 12px 0;
    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 12px 0 12px 24px;
    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.aligncenter,
.wp-caption.aligncenter {
    clear: both;
    margin-top: 12px;
    margin-top: 0.857142857rem;
    margin-bottom: 12px;
    margin-bottom: 0.857142857rem;
}

/*-----------------------------------------------------------------------------------*/
/*  Notification
/*-----------------------------------------------------------------------------------*/

#notification {
    display: none;
    width: 100%;
    height: 33px;
    background-color: #eb473b;
    color: #fff;
    position: fixed;
    top: 0;
    z-index: 7;
    padding: 8px 0;
    overflow: hidden;
}

.page-template-main-page-php #notification {
    display: block;
}

#notification .notificationMessage {
    max-width: 75%;
    overflow: hidden;
    float: left;
}

.notificationText, .notificationTitle, .notificationIcon {
    float: left;
}

.notificationMessage .notificationIcon {
    line-height: 36px;
    font-size: 28px;
    color: #fff;
    padding-right: 14px;
    padding-left: 2px;
    opacity: .5;
}

.notificationTitle {
    line-height: 36px;
    font-size: 14px;
    font-weight: 700;
    padding-right: 14px;
}

.notificationText {
    line-height: 36px;
    font-size: 14px;
}

#notification .notificationBtns {
    float: right;
    max-width: 25%;
    overflow: hidden;
}

#notification .closebtn {
    width: 31px;
    height: 31px;
    border: 1px solid #fff;
    float: right;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin-right: 22px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    opacity: .65;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

#notification .closebtn:hover {
    opacity: 1;

    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

#notification .readmorebtn {
    margin-left: 9px;
    height: 34px;
    line-height: 34px;
    float: left;
    border-radius: 4px;
    display: block;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.25);
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 0 19px;
}

/*visual composer*/
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_buttonn {
    margin-bottom: 0 !important;
}

.wpb_row .wpb_column {
    margin-bottom: 0 !important;
}

.background_cover {
    background-size: cover;
    background-position: center;
}

/* testimonial */
.flexslider.testimonials {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent;
}

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev:hover {
    opacity: 1;
    left: -41px !important;
    background: transparent url(../img/flex-slider-arrows-left.png) no-repeat center;
}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-next:hover {
    opacity: 1;
    left: 10px !important;
    background: transparent url(../img/flex-slider-arrows-right.png) no-repeat center;
}

.flexslider.testimonials.hidden-desktop .flex-direction-nav {
    bottom: -30px;
}

.flexslider.testimonials.visible-desktop .flex-direction-nav {

}

.flexslider.testimonials .flex-direction-nav {
    position: absolute;
    bottom: 80px;
    left: 270px;
}

.vc_span3 .flexslider.testimonials .flex-direction-nav, .vc_span4 .flexslider.testimonials .flex-direction-nav {
    bottom: 0px;
}

.vc_span6 .flexslider.testimonials .flex-direction-nav {
    bottom: 5px;
}

.vc_span8 .flexslider.testimonials .flex-direction-nav, .vc_span7 .flexslider.testimonials .flex-direction-nav {
    bottom: 50px;
}

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
    height: 44px;
    width: 44px;
    border: 1px #9b9b9b solid;
    border-radius: 5px;
    z-index: 2;
}

.quote .name.smallsize {
    display: none;
}

.quote .name.bigsize {
    display: block;
}

/* vc_span3  */
.vc_span4 .flexslider.testimonials .clipPath {
    -webkit-mask-image: url(../img/testimonial_small.html) !important;
    -o-mask-image: url(../img/testimonial_small.html) !important;
    -moz-mask-image: url(../img/testimonial_small.html) !important;
    mask-image: url(../img/testimonial_small.html) !important;

    height: 116px !important;
    width: 116px !important;
}

.vc_span4 .flexslider.testimonials .quote .head {
    margin: 0 auto;
    float: none !important;
    width: 116px !important;
}

.vc_span4 .quote blockquote {
    text-align: center;
    margin-left: 0;
    padding: 0;
}

.vc_span4 .quote .head .name {
    max-width: 116px;
    margin: 0;
}

.vc_span4 .flex-direction-nav {
    left: 50% !important;
}

.vc_span4 .quote .name.smallsize {
    display: block;
    margin: 15px auto 20px auto;
}

.vc_span4 .quote .name.bigsize {
    display: none;
}

.flex-direction-nav a {
    text-align: center !important;
    text-indent: -9999px;
}

.flexslider.testimonials .clipPath {
    background-position: center;
    background-size: cover;
}

.flexslider.testimonials.hidden-desktop .clipPath {
    -webkit-mask-image: url(../img/svg/testimonial_small.png);
    -o-mask-image: url(../img/svg/testimonial_small.png);
    -moz-mask-image: url(../img/svg/testimonial_small.png);

    height: 116px;
}

.flexslider.testimonials.visible-desktop .clipPath {
    -webkit-mask-image: url(../img/svg/testimonial.png);
    -o-mask-image: url(../img/svg/testimonial.png);
    -moz-mask-image: url(../img/svg/testimonial.png);

    clip-path: url(#clipping);
    height: 165px;
}

.flexslider.testimonials .quote .head {
    width: 165px;
    margin-right: 65px;
}

.flexslider.testimonials.hidden-desktop .quote .head {
    width: 116px;
    margin: 0 auto;
}

.flexslider.testimonials.hidden-desktop blockquote {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

.flexslider.testimonials.visible-desktop .quote .head {
    float: left;
}

.quote .name {
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    font-family: roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.flexslider.testimonials.visible-desktop .quote .name {
    max-width: 165px;
}

.flexslider.testimonials.hidden-desktop .quote .name {
    margin-left: 0;
}

.flexslider.testimonials.visible-desktop .quote .head .headimg {
    display: block;
    width: 165px;
    height: 165px;
}

.flexslider.testimonials.hidden-desktop .quote .head .headimg {
    display: block;
    width: 116px;
    height: 116px;
}

.quote blockquote {
    text-align: left;
    margin-left: 60px;
    padding-top: 35px;
    color: #808080;
    font-family: roboto, sans-serif;
    font-weight: 400;
    height: 90px;
    overflow-y: hidden;
    padding-left: 0px;
}

/* Horizontal progress bar */

.progress_bar {
    margin-bottom: 10px;
    height: 32px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    background-color: #ea3333;
}

.progress_bar .progress_title {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 13px;
    line-height: 32px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    z-index: 1;
}

.progress_bar .progressbar_percent {

    position: absolute;
    height: 32px;
    border-radius: 3px;
    left: 0px;
    width: 0;
}

/* Map */
.wpb_gmaps_widget .wpb_wrapper {
    background-color: transparent !important;
    padding: 0 !important;
}

.wpb_heading {
    border-left: 8px solid #df3030;
    padding-left: 17px;
    line-height: 43px;
    font-size: 45px;
    margin-bottom: 35px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #202020;
}

/* Title seperator */
.vc_separator .vc_sep_holder {
    display: table-cell;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.vc_separator .vc_sep_holder .vc_sep_line {
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}

.vc_separator.separator_align_left .vc_sep_holder.vc_sep_holder_l {
    display: none;
}

.vc_separator.separator_align_right .vc_sep_holder {
    width: 100%;
}

.vc_separator.separator_align_right .vc_sep_holder.vc_sep_holder_r {
    display: none;
}

.vc_separator.separator_align_left .vc_sep_holder {
    width: 100%;
}

.vc_separator .title {
    padding: 0 20px;
    letter-spacing: -1px;
    font-weight: 700;
}

.vc_separator.disable .title {
    padding: 0;
}

.vc_separator.separator_align_left .title {
    border-left: 8px solid #df3030;
}

.vc_separator.separator_align_right .title {
    border-right: 8px solid #df3030;
}

.vc_separator.separator_align_left.disable .title {
    border-left: none;
}

.vc_separator.separator_align_right.disable .title {
    border-right: none;
}

/* icon box */
.iconbox.rectangle .icon span.glyph {
    height: 75px;
    width: 75px;
    display: block;
    margin: 0 auto;
    border: 2px solid #df3030;
    background-color: #df3030;
    border-radius: 5px;
    line-height: 75px;
}

.iconbox.circle .icon span.glyph {
    height: 134px;
    width: 134px;
    display: block;
    margin: 0 auto;
    border: 2px solid #df3030;
    background-color: #df3030;
    border-radius: 50%;
    line-height: 134px;
}

.iconbox.transparentbackground .icon span.glyph {
    background-color: transparent !important;
}

.iconbox.iconbox-left .icon span.glyph {
    background-color: transparent !important;
    border: transparent !important;
}

.vc_col-sm-6 .iconbox.iconbox-left .icon, .vc_col-sm-8 .iconbox.iconbox-left .icon, .vc_col-sm-9 .iconbox.iconbox-left .icon {
    width: 19%;
    text-align: center;
}

.vc_col-sm-12 .iconbox.iconbox-left .icon {
    width: 10%;
}

.vc_col-sm-6 .iconbox.iconbox-left .icon .glyph, .vc_col-sm-8 .iconbox.iconbox-left .icon .glyph, .vc_col-sm-9 .iconbox.iconbox-left .icon .glyph, .vc_col-sm-12 .iconbox.iconbox-left .icon .glyph {
    font-size: 70px;
}

.vc_col-sm-6 .iconbox.iconbox-left .content-wrap, .vc_col-sm-8 .iconbox.iconbox-left .content-wrap, .vc_col-sm-9 .iconbox.iconbox-left .content-wrap {
    width: 81%;
}

.vc_col-sm-12 .iconbox.iconbox-left .content-wrap {
    width: 90%;
}

/* team member */
.team-member .icons a span {
    font-size: 18px !important;
}

/* tab */
.wpb_content_element .wpb_tabs_nav li a {
    border-top: 3px solid #f0f0f0;

    -moz-transition: border 300ms;
    -o-transition: border 300ms;
    -webkit-transition: border 300ms;
    transition: border 300ms;
}

.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
    border-top: 3px solid #df3030;
}

.wpb_content_element .wpb_tabs_nav li a:hover {
    border-top: 3px solid #f7f7f7;
}

.wpb_content_element .wpb_tabs_nav li {
    height: 36px;
}

.wpb_tabs .wpb_tabs_nav li, .wpb_content_element .wpb_tabs_nav li a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.wpb_tab.ui-tabs-panel {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* tour tabs */
.wpb_tour_tabs_wrapper {
    border: none;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li, .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
    border-left: 3px solid #f0f0f0;
    border-top: none;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a {
    border-left: 3px solid #df3030;
    border-top: none;
}

.wpb_tour_next_prev_nav a {
    display: none;
}

/* toggle  */
.wpb_toggle {
    position: relative;
    background-color: #f7f7f7 !important;
    background-image: none !important;
    margin: 0;
    padding-left: 0 !important;
}

.wpb_toggle .border-bottom {
    padding: 5px 0;
    margin-bottom: 1px;
    border-bottom: 1px solid #dbdbdb;
}

.wpb_toggle_content {
    margin: 0 !important;
    background-color: #f7f7f7;
    padding: 10px !important;
}

.wpb_toggle .icon {
    width: 38px;
    height: 31px;
    position: absolute;
    left: 0;
    border-right: 2px solid #dbdbdb;
}

.wpb_toggle .icon.icon-plus {
    display: none;
}

.wpb_toggle.wpb_toggle_title_active .icon.icon-plus {
    display: block;
}

.wpb_toggle.wpb_toggle_title_active .icon.icon-plus:before {
    width: 38px;
    height: 31px;
    font-size: 15px;
    color: #2e2e2e;
    display: block;
    text-align: center;
    line-height: 31px;
}

.wpb_toggle .icon.icon-minus:before {
    width: 38px;
    height: 31px;
    font-size: 15px;
    color: #2e2e2e;
    display: block;
    text-align: center;
    line-height: 31px;
}

.wpb_toggle .title {
    padding-left: 51px;
    font-size: 14px;
    color: #2e2e2e;
}

/* Image Gallery */
.wpb_gallery_slides.wpb_flexslider .flex-direction-nav {
    position: absolute;
    right: 70px;
    bottom: 35px;
}

.wpb_gallery_slides.wpb_flexslider .flex-direction-nav a {
    border-radius: 0;
    border: none;
}

.wpb_gallery_slides.wpb_flexslider .flex-direction-nav .flex-prev, .wpb_gallery_slides.wpb_flexslider .flex-direction-nav .flex-next {
    background-color: #fff;
    opacity: 1;
}

.wpb_gallery_slides.wpb_flexslider .flex-direction-nav .flex-prev:hover, .wpb_gallery_slides.wpb_flexslider .flex-direction-nav .flex-next:hover {
    background-color: rgba(255, 255, 255, .8);
}

/* text box */
.textLeftBorder .title {
    border-left: solid #df3030 8px;
    padding-left: 16px;
}

.textLeftBorder.fontSize20 .title, .textLeftBorder.fontSize25 .title {
    border-left: 6px solid #df3030;
}

.textLeftBorder.fontSize123 .title {
    border-left: 15px solid #df3030;
}

.textLeftBorder .title hr {
    height: 0;
    margin: 15px 0;
}

.textLeftBorder.fontSize123 .title hr {
    height: 0;
    margin: 30px 0;
}

.textBox.textLeftBorder.fontSize20 .title {
    font-size: 20px;
    line-height: 20px;
}

.textBox.textLeftBorder.fontSize25 .title {
    font-size: 25px;
    line-height: 25px;
}

.textBox.textLeftBorder.fontSize32 .title {
    font-size: 32px;
    line-height: 31px;
}

.textBox.textLeftBorder.fontSize38 .title {
    font-size: 38px;
    line-height: 35px;
}

.textBox.textLeftBorder.fontSize45 .title {
    font-size: 45px;
    line-height: 39px;
}

.textBox.textLeftBorder.fontSize56 .title {
    font-size: 56px;
    line-height: 48px;
}

.textBox.textLeftBorder.fontSize123 .title {
    font-size: 123px;
    line-height: 110px;
}

/* gallery */
.wpb_gallery_slides.flexslider {
    box-shadow: none !important;
}

.wpb_gallery_slides.flexslider .flex-control-nav.flex-control-paging {
    display: none;
}

/* Image box hover */
.imageBox .image {
    position: relative;
    overflow: hidden;
}

.imageBox .hover-bg {
    display: block;
    background-color: #df3030;
    width: 200%;
    height: 100%;
    position: absolute;

    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);

    top: 0;
    z-index: 4;
    overflow: hidden;
    text-align: center;

    opacity: 0.5;
}

.imageBox .hover-text {
    color: #fff;
    opacity: 1;

    /*left: 55%;*/
    text-align: center;

    -webkit-transform: skew(30deg) translateX(-39px);
    -moz-transform: skew(30deg) translateX(-39px);
    -ms-transform: skew(30deg) translateX(-39px);
    -o-transform: skew(30deg) translateX(-39px);
    transform: skew(30deg) translateX(-39px);
}

.imageBox .hover-bg.reset {
    left: -250%;

    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.imageBox .hover-bg.enter {
    left: -50%;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.imageBox .hover-bg.leave {
    left: 160%;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.imageBox .iconhover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 100%;
    vertical-align: middle;
    font-size: 20px;
    z-index: 5;

    background-image: url(../img/Imagebox_hover.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;

    -moz-transition: opacity 500ms ease 0s;
    -o-transition: opacity 500ms ease 0s;
    -webkit-transition: opacity 500ms ease 0s;
    transition: opacity 500ms ease 0s;

}

.imageBox:hover .iconhover {
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.imageBox .imagebox_link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    display: block;
}

.static_portfolio ul.slides {
    height: 100%;
}

/* carousel */
.image_carousel .slides {
    opacity: 0;
    /*cursor: url(../img/cursor/carousel.png),auto;*/
}

.image_carousel .slides > li, .static_portfolio .slides > li {
    background-color: transparent;
    position: relative;
    float: left;
    margin: 0 2px 2px 0;
}

.static_portfolio .slides > li {
    height: inherit;
}

.image_carousel .slides img, .static_portfolio .slides img {
    width: 100%;
    height: 100%;
    display: block;
}

/*.image_carousel .slides .item{
	-moz-transition:opacity 500ms ease 0s;
	-o-transition:opacity 500ms ease 0s;
	-webkit-transition:opacity 500ms ease 0s;
	transition:opacity 500ms ease 0s;
}*/

/*.image_carousel .slides .item:hover{
    opacity:.8;

	-moz-transition:opacity 500ms ease 0s;
	-o-transition:opacity 500ms ease 0s;
	-webkit-transition:opacity 500ms ease 0s;
	transition:opacity 500ms ease 0s;
}*/

.static_portfolio .slides .item:hover {
    cursor: all-scroll;
}

.image_carousel .slides .item .overlay, .static_portfolio .slides .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
}

.image_carousel .slides .item:hover .overlay, .static .slides .item:hover .overlay, .static_portfolio .slides .item:hover .overlay, .static .slides .item:hover .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    -moz-transition: background-color 500ms ease 0s;
    -o-transition: background-color 500ms ease 0s;
    -webkit-transition: background-color 500ms ease 0s;
    transition: background-color 500ms ease 0s;
}

.image_carousel, .static_portfolio {
    position: relative;
}

.vc_col-sm-12 .image_carousel .prev, .vc_col-sm-12 .image_carousel .next {

}

.carousel-nav {
    position: relative;
    margin-top: 20px;
}

.carousel-nav .prev {
    left: calc(50% - 54px);
}

.carousel-nav .next {
    right: calc(50% - 54px);
}

.image_carousel .prev, .image_carousel .next {
    position: absolute;
    height: 45px;
    width: 45px;
    display: block;
    line-height: 45px;
    text-indent: 99999px;
    float: left;
    margin: -30px 5px 10px 0;
    top: -20px;
}

.image_carousel .next {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center right;
    background-size: 130px;
    margin-right: -10px;
}

.image_carousel .next:hover {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center right;
    background-size: 130px;
}

.image_carousel .prev {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center left;
    background-size: 130px;
    margin-left: -10px;
}

.image_carousel .prev:hover {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center left;
    background-size: 130px;
}

.image_carousel a, .static_portfolio a {
    -moz-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    -webkit-transition: background 500ms ease;
    transition: background 500ms ease;
}

.image_carousel a:hover, .static_portfolio a:hover {
    background-color: rgba(0, 0, 0, 0.40);
}

.image_carousel .prev.text_carousel_nav, .image_carousel .next.text_carousel_nav {
    position: absolute;
    top: calc(50% - 24px);
    height: 45px;
    width: 45px;
    display: block;
    line-height: 45px;
    text-indent: 99999px;
    float: left;
    margin: 10px 5px 10px 0;
}

.image_carousel .next.text_carousel_nav {
    right: -62px;
}

.image_carousel .prev.text_carousel_nav {
    left: -62px;
}

/* pixflow Image Slider */
.pixflow_image_slider {
    height: 480px;
    overflow: hidden;
}

.pixflow_image_slider li {
    height: 480px;

    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pixflow_image_slider .flex-direction-nav .flex-prev, .pixflow_image_slider .flex-direction-nav .flex-prev:hover {
    left: auto !important;
    right: -175px !important;
    top: 330px;
}

.vc_col-sm-6 .pixflow_image_slider .flex-direction-nav .flex-prev, .vc_col-sm-6 .pixflow_image_slider .flex-direction-nav .flex-prev:hover {
    right: -102px !important;
}

.pixflow_image_slider.right .flex-direction-nav .flex-prev, .pixflow_image_slider.right .flex-direction-nav .flex-prev:hover {
    right: auto !important;
    left: -590px !important;
    top: 330px;
}

.vc_col-sm-6 .pixflow_image_slider.right .flex-direction-nav .flex-prev, .vc_col-sm-6 .pixflow_image_slider.right .flex-direction-nav .flex-prev:hover {
    left: -419px !important;
}

.pixflow_image_slider .flex-direction-nav .flex-next, .pixflow_image_slider .flex-direction-nav .flex-next:hover {
    left: auto !important;
    right: -225px !important;
    top: 330px;
}

.vc_col-sm-6 .pixflow_image_slider .flex-direction-nav .flex-next, .vc_col-sm-6 .pixflow_image_slider .flex-direction-nav .flex-next:hover {
    right: -152px !important;
}

.pixflow_image_slider.right .flex-direction-nav .flex-next, .pixflow_image_slider.right .flex-direction-nav .flex-next:hover {
    right: auto !important;
    left: -540px !important;
    top: 330px;
}

.vc_col-sm-6 .pixflow_image_slider.right .flex-direction-nav .flex-next, .vc_col-sm-6 .pixflow_image_slider.right .flex-direction-nav .flex-next:hover {
    left: -368px !important;
}

.pixflow_image_slider .flex-direction-nav .flex-next {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center right;
}

.pixflow_image_slider .flex-direction-nav .flex-next:hover {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center left;
}

.pixflow_image_slider .flex-direction-nav .flex-prev {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center left;
}

.pixflow_image_slider .flex-direction-nav .flex-prev:hover {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center right;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-next {
    background: transparent url(../img/flex-slider-arrows-right-white.png) no-repeat center right;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-next:hover {
    background: transparent url(../img/flex-slider-arrows-right-white.png) no-repeat center left;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-prev {
    background: transparent url(../img/flex-slider-arrows-left-white.png) no-repeat center left;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-prev:hover {
    background: transparent url(../img/flex-slider-arrows-left-white.png) no-repeat center right;
}

.slider_block, .content_block {
    float: left;
    position: relative;
}

.slider_block {
    width: 50%;
    height: 100%;
}

.content_block {
    width: 50%;
    height: 100%;
    background-color: #cfcfcf;
}

.pixflow_image_slider .flexslider {
    border: none;
    position: static;
}

.pixflow_image_slider .pixflow_image_slider_content_wrap {

    margin-top: 130px;
    margin-bottom: 130px;
    width: 450px;
    position: relative;
    height: 220px;

}

.pixflow_image_slider.right .pixflow_image_slider_content_wrap {
    margin-right: 135px;
    float: right;
}

.pixflow_image_slider.left .pixflow_image_slider_content_wrap {
    float: left;
    margin-left: 135px;
}

.vc_col-sm-6 .pixflow_image_slider.left .pixflow_image_slider_content_wrap {
    margin-left: 50px;
    max-width: 370px;
}

.vc_col-sm-6 .pixflow_image_slider.right .pixflow_image_slider_content_wrap {
    margin-right: 50px;
    max-width: 370px;
}

.pixflow_image_slider_content_wrap .pixflow_image_slider_title {
    position: absolute;
    bottom: 170px;
    width: 450px;
    font-size: 48px;
    line-height: 50px;
    border-left: 8px solid #df3030;
    font-weight: 700;
    letter-spacing: -1px;
    padding-left: 19px;
}

.pixflow_image_slider_content_wrap .pixflow_image_slider_title a {
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    text-decoration: none;
}

.pixflow_image_slider_content_wrap .pixflow_image_slider_title a:hover {
    opacity: .8;
}

.pixflow_image_slider.light .pixflow_image_slider_title, .pixflow_image_slider.light .pixflow_image_slider_title a {
    color: #2e2e2e;
}

.pixflow_image_slider.dark .pixflow_image_slider_title, .pixflow_image_slider.dark .pixflow_image_slider_title a {
    color: #fff;
}

.vc_col-sm-6 .pixflow_image_slider_content_wrap .pixflow_image_slider_title {
    width: 350px;
}

.pixflow_image_slider_content_wrap .pixflow_image_slider_text {
    font-size: 14px;
    line-height: 20px;
}

.pixflow_image_slider.light .pixflow_image_slider_text {
    color: #7b7b7b;
}

.pixflow_image_slider.dark .pixflow_image_slider_text {
    color: #ffffff;
}

.pixflow_image_slider .pixflow_image_slider_text {
    max-height: 80px;
    overflow-y: hidden;
    position: absolute;
    height: 115px;
    top: 70px;
    width: 450px;
}

.vc_col-sm-6 .pixflow_image_slider .pixflow_image_slider_text {
    width: 375px;
}

.pixflow_image_slider.light .flex-direction-nav .flex-prev, .pixflow_image_slider.light .flex-direction-nav .flex-next {
    border: 1px #868686 solid;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-prev, .pixflow_image_slider.dark .flex-direction-nav .flex-next {
    border: 1px #707070 solid;
}

.pixflow_image_slider.dark .content_block {
    background-color: #222;
}

.pixflow_image_slider.light .content_block {
    background-color: #cfcfcf;
}

.pixflow_image_slider.right .slider_block {
    float: right;
}

/* content scroll style - pixflow image Slider */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent !important;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .2) !important;
}

/*-----------------------------------------------------------------------------------*/
/*  WPML
/*-----------------------------------------------------------------------------------*/

#pxHeader .widget_icl_lang_sel_widget {
    float: right;
    margin-top: 13px;
}

#pxHeader .widget_icl_lang_sel_widget h4.widget-title {
    color: #1F1F1F;
    font-size: 14px;
    line-height: 20px;
}

#pxHeader .widget_icl_lang_sel_widget .hr-medium {
    margin: 5px 0;
}

#lang_sel_footer a:hover {
    color: #000;
}

/***************************

Retina displays styles

***************************/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {

    /* Blog */
    .tabletBlog .blogClose, .desktopBlog .blogClose {

    }

    /* Comment Reply */
    .comments-list .comment-reply-link {
        background-image: url(../img/comment-reply%402x.png);
        background-size: 13px 11px;
    }

    .comments-list .comment-reply-link:hover {
        background-image: url(../img/comment-reply-hover%402x.png);
    }

    /* Post Pagination */
    .post-pagination .prev-page-link,
    .post-pagination .next-page-link {
        background-image: url(../img/pagination-arrows%402x.png);
    }

    /* Search widget */
    .widget_px_search input[type="submit"] {
        background-image: url(../img/search%402x.png);
    }

}

.purple-orange-heading {
    padding-top: 50px;
}

.wrap-carousel-single {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
}

.wrap-carousel-content {
    width: 80%;
    margin: 0 auto;
    padding-top: 40px;
}

.wrap-carousel-full {
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
}

.wrap-carousel-full .carousel-nav .prev, .wrap-carousel-full .carousel-nav .next {
    display: block !important;
}

.home-heading {
    padding: 10px 0px 10px 30px;
    margin: 0 auto;
}

.triangle-right {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-top: 40px solid #fa6e0d;
    right: 0;
    position: absolute;
}

.triangle-left {
    width: 0;
    height: 0;
    border-right: 40px solid transparent;
    border-top: 40px solid #fa6e0d;
    margin-left: -30px;
    position: absolute;
    top: 0px;
}

.top-section {
    padding-bottom: 55px;
    border-top: 1.5px solid #000;
    width: 20%;
    margin: 0 auto;
}

.no-border {
    border-top: none !important;
}

.inner-section {
    padding: 0px 0px 55px 0px;
}

.inner-section.merged {
    margin-left: -30px;
}

.our-people-section {
    padding: 30px 0px 0px 30px;
}

.bottom-section {
    height: 50px;
}

.purple-orange-section {
    margin-top: 95px;

}

.two-columns {

}

.two-columns .column {
    width: 50%;
    float: left;
}

.two-columns .column .padding-left {
    padding-left: 30px;
}

.static_portfolio li {
    width: 32%;
    float: left;
}

.three-columns .column {
    width: 33%;
    float: left;
}

.three-columns .column .padding-left {
    padding-left: 5px;
}

.heading-full {
    padding-left: 30px;
}

.margin-left {
    padding-left: 20px;
    border-left: 1px solid #000;
    margin-top: 70px;
}

.margin-left:first-child {
    margin-top: 0px;
}

p {
    margin-top: 20px;
}

p:first-child {
    margin-top: 0px;
}

.carousel-item {
    margin-left: 0px;
}

.click-item {
    display: none;
}

.carousel-item span {
    color: #ffffff;
    font-family: Gotham-Bold, sans-serif !important;
    font-size: 11px;
}

.carousel-item > div {
    vertical-align: middle;
    text-align: center;
}

.carousel-item-full, .carousel-item-full > div {
    width: 100%;
    height: inherit;
}

.carousel-item > div:first-child {
    background-color: #272726;
}

.carousel-item.carousel-item-full > div:first-child, .static_portfolio.carousel-item-full > div:first-child {
    background-color: transparent;
}

.image_carousel .slides .item .more, .static_portfolio .slides .item .more {
    display: none;
}

.image_carousel .slides .item .more span, .static_portfolio .slides .item .more span {
    font-size: 10px;
    font-style: italic;

}

.image_carousel .slides .item:hover .more, .static_portfolio .slides .item:hover .more {
    display: block;
    transition: display 5s;
}

.carousel-item .text-on-image {
    position: absolute;
    height: 100%;
    z-index: 99;
}

.image-info {
    margin-top: 10px;
}

.image-info .title, .image-info .heading {
    text-align: center;
}

.image-info .title span, .image-info .heading span {
    font-weight: bold;
    font-family: Didot, sans-serif;
}

.carousel-item .text-on-image div:first-child {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.po-carousel .text p {
    margin: 0px 0px 20px 0px;
}

.image_carousel .slides .item.active .overlay, .static_portfolio .slides .item.active .overlay {
    background-color: rgba(0, 0, 0, 0.2);

    -moz-transition: background-color 500ms ease 0s;
    -o-transition: background-color 500ms ease 0s;
    -webkit-transition: background-color 500ms ease 0s;
    transition: background-color 500ms ease 0s;
}

.newspaper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding-top: 30px;
}

.wrap-logo {
    padding-top: 150px;
    padding-bottom: 15px;
    margin: 0 auto;
    text-align: center;
    width: 160px;
    border-bottom: 1px solid #585858;
}

header .navigation > ol {
    counter-reset: item;
    list-style-type: none;
    margin-top: 5px;
}

header .navigation > ol > li a:before {
    content: '0' counter(item, decimal);
    counter-increment: item;
    margin-right: 10px;
    font-family: Gotham-Bold, sans-serif !important;
}

header .navigation > ol > li a > span {
    text-transform: uppercase;
    font-family: Didot, sans-serif !important;
    font-style: italic;
}

.wrap-logo .branding {
    margin-top: 10px;
    color: #ffffff;
}

.wrap-logo .branding {
    margin-top: 10px;
}

.wrap-logo .branding .name {

    font-size: 17px;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid;
    letter-spacing: 2px;
}

.wrap-logo .branding .bold {
    font-weight: bold;
}

.title-who-we-are div {
    padding-top: 10px;
}

.title-who-we-are .title {
    width: 50%;
}

.title-communications {
    margin-left: 40px;
}

.title-communications div {
    padding-top: 10px;
}

.title-communications .title {
    width: 50%;
}

.po-title {
    padding-bottom: 10px;
}

.po-title.full {
    padding-left: 0px;
}

.po-title span {
    line-height: 1.0em;
    font-size: 79px;
    font-family: Didot, sans-serif;
}

.po-title .title span {
    font-style: italic;
}

.po-title .order span {
    line-height: 1.0em;
    font-size: 20px;
    font-family: Gotham-Bold, sans-serif;
    margin-left: 20px;
}

.featured-image-title {
    text-align: center;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.featured-image-text {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

h2.recent-work {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    margin: 20px 0 20px;
    font-family: Didot, sans-serif !important;
}

h2.recent-work span {
    background: #fff;
    padding: 0 30px;
}

#recent-work .image-info {
    padding-top: 15px;
}

.our-work-top-right {
    padding-top: 20px;
    padding-left: 10px;
}

.our-work-top-right h5.font-gotham-bold {
    font-family: Gotham-Bold, sans-serif !important;
}

.our-work-top-right h5.font-gotham-book {
    font-family: Gotham-Book, sans-serif !important;
}

.our-work-top-right .case-study-title h5 {
    float: left;
    display: inline;
}

.case-study-list {
    list-style: none;
    margin-top: 30px;
}

.case-study-list li:before {
    content: '+';
    margin-right: 20px;
}

.testimonials {
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.testimonials .callout h2 {
    font-family: Didot, sans-serif !important;
}

.text_carousel .carousel-item > div {
    background-color: #ffffff;
}

.text_carousel .carousel-item > div p {
    font-size: 32px;
    line-height: 1.2em;
}

.text_carousel .carousel-item .credentials span {
    text-transform: none;
    float: right;
    color: #272726;
}

.inverted-comma-large {
    width: 143px;
    margin: 0 auto;
}

.carousel-item blockquote {
    font-family: Didot, sans-serif;
    padding: 0.5em 10px;
    margin-top: 6.5em;
    quotes: "\201C" "\201D" "\2018" "\2019";
    -ms-transform: rotateY(180deg); /* IE 9 */
    -webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */
    transform: rotateY(180deg);
}

.carousel-item blockquote:before {
    color: #000000;
    content: no-open-quote;
    font-size: 20em;
    line-height: 0.1em;
    /* margin-right: 0.25em; */
    vertical-align: -0.4em;
}

.carousel-item blockquote:after {
    color: #000000;
    content: close-quote;
    font-size: 20em;
    line-height: 0.1em;
    /* margin-right: 0.25em; */
    vertical-align: -0.4em;

}

.carousel-item blockquote p {
    display: inline;
}

.contact-info > div.info-box {
    margin-top: 20px;
}

.contact-info div div:first-child span {

    font-family: Didot, sans-serif;
    font-style: italic;
    font-weight: 700;
}

.our-work .callout h3 {
    font-weight: 600;
}

.talk-to-us-middle {
    margin-top: 30px;
}

.talk-to-us-middle div.callout {
    margin: 0 auto;
    text-align: center;

}

#talk-to-us div.callout h2 {
    font-family: Didot, sans-serif !important;
    font-weight: 600;
}

.talk-to-us-points > ol {
    counter-reset: item;
    list-style-type: none;
}

.talk-to-us-points > ol > li > div {
    margin-bottom: 10px;
    margin-top: 40px;
}

.talk-to-us-points > ol > li {
    padding-top: 20px;
}

.talk-to-us-points > ol > li span.point {
    padding-top: 10px;
    float: left;
}

.talk-to-us-points > ol > li > div {
    display: table;
}

.talk-to-us-points > ol > li div.text {
    display: table-cell;
    vertical-align: middle;
}

.talk-to-us-points > ol > li span.point {
    display: table-cell;
    content: counter(item, decimal);
    font-size: 150px;
    font-family: Didot, sans-serif;
    counter-increment: item;
    padding-right: 45px;
    margin-right: 45px;
    border-right: 1px solid #000;
    line-height: .75em;
    font-style: italic;
    vertical-align: middle;
}

.ffooter-bottom {
    display: block !important;
    background-color: #0d0d0d;
}

.main-callout {
    padding-left: 20px;
}

p a {
    color: #000;
}

.container .content {
    margin-left: 230px;
}

.purple-orange-section.no-margin-top {
    margin-top: 0px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) ,
{
    /* IE10+ CSS styles go here */
    #main {
        margin-top: 0 !important;
    }
}

@supports (-ms-ime-align: auto)
{
    /* Microsoft Edge CSS styles go here */
    #main {
        margin-top: 0 !important;
    }
}

.slider-text {
    float: right;
    padding-right: 30px;
    font-style: italic;
    right: 0px !important;
    font-size: 11px !important;
    left: auto !important;
    font-family: Didot, sans-serif;
}

#our-work .middle .title span {
    font-style: italic;
}

#phoneNavInset {
    top: 0;
    height: 30px;
}

#phoneNavInset:hover span {
    color: #fff;
}

#phoneNavInset #phoneNavIconInset {
    float: right;
    padding-right: 55px;
}

.text-content blockquote {
    border-left: 1px solid #000;
    padding-left: 1.5em;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 50px;
}

.ms-bullets {
    bottom: 40px !important;
}

.portfolio.heading span {
    font-family: Didot, sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.designation span, .organization span {
    font-weight: bold;
}

.case-study-title {
    margin-top: 20px;
}

#agency-info p {
    font-family: Didot, sans-serif;
    font-size: 65px;
    line-height: 1.2em;
}

#scrollToTop {
    display: none !important;
}

.connect-mail {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 45px;
}

.connect-mail img {
    width: 50px;
}

.connect-mail a {
    font-weight: bold;
    font-style: italic;
    color: #000000;
}

.connect-instagram {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.connect-instagram a {
    color: #000000;
    text-transform: uppercase;
}

#sbi_load {
    display: none;
}

#section-footer .inner-section {
    display: flex;
    padding: 0;
}

#section-footer .inner-section > div {
    width: 80%;
    margin: 0 auto;
    padding: 45px 0 0 0;
}

#section-footer .inner-section .footer-column {
    width: 30%;
    float: left;
    padding-right: 2%;
}

#section-footer .inner-section > div > div h6 {
    color: #A2A2A2;
    font-family: Gotham-Bold, sans-serif !important;
    padding: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #A2A2A2;;
    width: auto;
}

#section-footer .inner-section ul {
    list-style: inside;
    font-size: 11px;
    text-transform: uppercase;
}

.footer-column div {
    padding: 0 0 26px 0;
}

.footer-column * {
    color: #A2A2A2;
}

.footer-column .address {
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

#work-with-us .page-heading {
    font-family: 'Didot', sans-serif !important;
    text-transform: uppercase;
}

.job {
    margin-top: 40px;
}

#work-with-us .job-location h2 {
    width: 40%;
    font-family: 'Gotham-Bold', sans-serif !important;
    text-transform: uppercase;
    padding: 20px 0 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#work-with-us .job-title h6 {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Gotham-Book', sans-serif !important;
    text-transform: uppercase;
}

#work-with-us ul, #work-with-us ol {
    list-style: inside;
    margin: 10px 0 0 0;
}

.sbi_photo span.icon {
    bottom: -5px;
    position: absolute;
    opacity: 0;
    font-size: 25px;
    margin-left: -10px;
    color: #fa6e0d;
}

.sbi_photo:hover span.icon {
    bottom: 45%;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-out, bottom 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out, bottom 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out, bottom 0.1s ease-out;
    transition: opacity 0.1s ease-out, bottom 0.1s ease-out;
}

.wrap-instagram {
    margin: 15px 0 15px 0;
}

.wrap-instagram span {
    font-size: 25px;
}

#work-with-us {
    padding-bottom: 55px;
}

.insta-footer {
    margin-top: 5px;
    padding-right: 5px;
    top: 4px;
    position: relative;
    font-size: 20px;
}

/***************************

 End of Retina displays styles
 ***************************/