/*
Theme Name: Spacial theme
Theme URI: http://spacial.com
Author: spacial
Author URI: http://spacial.com
Description: Spacial theme.
Version: 1.0
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: spacial 
*/
/*------------------------------------------------------------------
        Layout styles
		
        1.0 - Body
        2.0 - Repeatable Patterns
        3.0 - Section
        4.0 - Header
        5.0 - Navigation
                5.1 - Menu
        6.0 - Page Content	
        7.0 - Shortcodes
                7.1 - First letter
                7.2 - Separator
                7.3 - Portfolio
                        7.3.1 - Single portfolio
                7.4 - Icon box
                7.5 - Team 
                7.6 - Testimonials carousel 
                7.7 - Tweet 
                7.8 - Latest post 
                7.9 - Call to action 
                7.10 - Pie chart 
        8.0 -  HomePage Slider
                8.1 -  Another Sliders
        9.0 -  Footer
        10.0 - Blog
        11.0 - Sidebar
                11.1 - Widget
                        11.1.1 - Widget Calendar
                        11.1.2 - Widget RSS
        12.0 - Custom Contact form 7
        13.0 - Visual composer custom style]
                13.1 - Accordion
                13.2 - Tabs
        14.0 - Media Queries
        15.0 - Help Center Page
        16.0 - What We Do Page
		
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
        [1.0 Body]
*/
@import url(https://fonts.googleapis.com/css?family=Oswald:300);
embed, iframe, object, video {
    max-width: 100%;
}
html.spacial-active body.admin-bar .parallax-background {
    background-position: 0% 0 !important;
}
body.admin-bar .parallax-background {
    background-position: 0% 32px !important;
}
.navigation .container, #page-footer .container {
    width: 100%;
    padding: 0 80px;
}
section.wpb_row {
    margin-bottom:0;
}
section.wpb_row .container .row section.wpb_row .container {
    width:100%;
} 
.scroll-down-button {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
}
.scroll-down-button .btn {
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    -moz-animation-duration: 10s;
    -webkit-animation-duration: 10s;
    -o-animation-duration: 10s;
    animation-delay: 3s;
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(249,249,249);
}
.site-main {    
    height: auto;
    min-height: 400px;
}
/*------------------------------------------------------------------
        [2.0 Repeatable Patterns]
*/
html {
    min-width: 420px;
}
a, a:hover, a:focus {
    text-decoration: none;
    color: #999999;
}
.chat {
    margin:0 0 20px 0;
    display: inline-block;
}
.chat dt {
    width:100%;
    margin:0;
    float:left;
}
.chat dd {
    padding:10px 5px 10px 35px;
    border-bottom:1px solid #e5e5e5;
    width:100%;
    float:left;
    margin:0 0 15px 0;
}
.chat dt .chat-author {
    padding:0 0 0 10px;
}
blockquote {
    border: none;
}
blockquote footer {
    color: #292422;
    font-weight: bold;
    font-size: 100%;
}
blockquote footer:before {
    display: none;
}
blockquote p {
    font-size: 18px;
}
body {
    -webkit-font-smoothing: antialiased;
}
dl dt {
    float: left;
    margin-right: 20px;
}
dl dd {
    margin-bottom: 10px;
}
h1 {
    position: relative;
}
h2,h3,h4, h5, h6 {
    position: relative;
}
em {
    font-style: italic;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
img {
    max-width: 100%;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 10px 24px 10px 0;
}
img.alignright, 
.wp-caption.alignright {
    margin: 10px 0 10px 24px;
}
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: 10px;
    margin-bottom:10px;
}
section {
    /* overflow: hidden; */
    position: relative;
    clear:both;
}
.background {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-color:#ffffff;
}
.parallax-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.spacial-active .parallax-background {
    background-attachment: scroll;
    /* 	background-size:auto; */
}
.vc_mobile .parallax-background {
    background-attachment: initial !important;
}
.center-image {
    bottom: 0;
    display: inline-block !important;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    position: absolute;
    width: inherit !important;
}
.background-color-grey-dark {
    background-color: #292422;
}
.background-color-grey-light {
    background-color: #edeae6;
}
.background-color-grey-footer {
    background-color: #181818;
}
.background-color-primary {
    background-color: #e23a00;
}
.background-color-secondary {
    background-color: #face00;
}
.left {
    text-align: left !important;
}
.center {
    text-align: center !important;
}
.right {
    text-align: right !important;
}
.font-color-light {
    color: #fff !important;
}
.font-color-dark {
    color: #292422 !important;
}
.has-opacity {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}
.has-parallax {
    height: 100%; 
    position:relative; 
}
.menu-child-align-left {
    left: 0 !important;
}
.menu-child-align-right {
    right: 0 !important;
}
.menu-child-align-right:after {
    left: inherit !important;
    right: 30px !important;
}
.regular-case {
    text-transform: none;
}
.reset-margin {
    margin: 0 !important;
}
.opacity-1 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1) !important;
    opacity: 0.01 !important;
}	
.opacity-2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=2) !important;
    opacity: 0.02 !important;
}
.opacity-3 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=3) !important;
    opacity: 0.03 !important;
}
.opacity-4 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=4) !important;
    opacity: 0.04 !important;
}
.opacity-5 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5) !important;
    opacity: 0.05 !important;
}
.opacity-6 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=6) !important;
    opacity: 0.06 !important;
}
.opacity-7 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=7) !important;
    opacity: 0.07 !important;
}
.opacity-8 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8) !important;
    opacity: 0.08 !important;
}
.opacity-9 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9) !important;
    opacity: 0.09 !important;
}
.opacity-10 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10) !important;
    opacity: 0.1 !important;
}
.opacity-20 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20) !important;
    opacity: 0.2 !important;
}
.opacity-30 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30) !important;
    opacity: 0.3 !important;
}
.opacity-40 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40) !important;
    opacity: 0.4 !important;
}
.opacity-50 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50) !important;
    opacity: 0.5 !important;
}
.opacity-60 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60) !important;
    opacity: 0.6 !important;
}
.opacity-70 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
    opacity: 0.7 !important;
}
.opacity-80 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80) !important;
    opacity: 0.8 !important;
}
.opacity-90 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90) !important;
    opacity: 0.9 !important;
}
.opacity-100 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    opacity: 1 !important;
}
.breadcrumb {
    background-color: transparent;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 0;
    font-size: 10px;
}
.divider {
    display: inline-block;
    height: 3px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 30px;
}
.feature {
    margin-bottom: 30px;
}
.feature > a {
    display: block;
}
.feature.feature-small {
    margin-bottom: 15px;
}
.feature figure {
    display: inline-block;
    transition: opacity 200ms linear 0s;
    -moz-transition: opacity 200ms linear 0s;
    -webkit-transition: opacity 200ms linear 0s;
}
.feature a:hover figure {
    opacity: 0.5;
}
.feature.left figure{
    float: left;
} 
.feature.right figure{
    float: right;
}   
.feature.center figure{
    float:none;
}
.feature.left.feature-small figure{
    max-width: 30px;
    margin-left: 25px;
} 
.feature.right.feature-small figure{
    max-width: 30px;
    margin-right: 25px;
} 
.feature.left .feature-content {
    padding-left: 65px;
    padding-top: 5px;
}
.feature.right .feature-content {
    padding-right: 65px;
    padding-top: 5px;
}
.feature.center .feature-content {
    padding-left:0;
    padding-right:0;
}
.feature.feature-small .feature-content h4 {
    font-family: Abel;
    font-size: 18px;
    margin-bottom: 10px;
}
.feature.center figure {
    margin-bottom: 20px;
}
.feature-content p {
    font-family: Oswald;
    font-weight: 300;
    color: #303030;
    font-size: 18px;
    line-height: 28px;
}
.feature-small .feature-content p {
    font-family: Abel;
    font-size: 16px;
    line-height: 18px;
}
.feature.left.empty-icon .feature-content,
.feature.right.empty-icon .feature-content,
.feature.ceneter.empty-icon .feature-content {
    padding:5px 0 0 0;
}
.flexslider {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background: none;
    border: none;
    margin: 0;
    height: 100%;
    overflow: hidden;
}
button, .spacial-button, .btn, input[type="submit"]{
    background-color: #f18d28;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-family: Oswald;
    font-size: 21px;
    line-height: 26px;
    padding: 14px 26px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    border-radius: 0;
    white-space: normal;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    min-width: 140px;
    max-width: 100%;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{
    min-width: 23px;
}
button:hover, .spacial-button:hover,
button:focus, .spacial-button:focus {
    color: #fff;
}
button.aligncenter, .spacial-button.aligncenter, .btn.aligncenter, input[type="submit"].aligncenter {
    width: -moz-max-content; 
    width: -webkit-max-content; 
    width: max-content;
}
button.btn-large , .spacial-button.btn-large  , .btn.btn-large  , input[type="submit"].btn-large  {
    font-size: 34px;
    line-height: 50px;
    padding: 35px 15px;
    width: 100%;
}
button.btn-rounded, .spacial-button.btn-rounded, .btn.btn-rounded, input[type="submit"].btn-rounded {
    padding: 20px 26px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}
button.btn-small, .spacial-button.btn-small, .btn.btn-small, input[type="submit"].btn-small {
    font-size: 19px;
    min-height: 40px;
    padding: 10px 26px;
    text-shadow: none;
}
button span, .spacial-button span, .btn span {
    display: block;
    font-family: Abel;
    font-size: 16px;
    line-height: 1;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
}
table button, table .spacial-button, table .btn, table input[type="submit"]{
    min-width: 0;
    width: 100%;
}
::-webkit-input-placeholder {
    opacity: 1;
}
:-moz-placeholder {
    opacity: 1;
}
::-moz-placeholder {
    opacity: 1;
}
:-ms-input-placeholder {  
    opacity: 1;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
    margin-bottom: 35px;
}
#map_canvas_1 circle {
    position: relative;

}
#map_canvas_1 circle:after,
#map_canvas_1 .spacial-marker{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 38px;
    height: 54px;
    background: url('includes/images/marker.png') 0 0 no-repeat;
}
.vc_column_container.border-rounded {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
.vc_column_container.add-shadow {
    box-shadow: 1px 1px 1px 1px #dedede;
    -moz-box-shadow: 1px 1px 1px 1px #dedede;
    -webkit-box-shadow: 1px 1px 1px 1px #dedede;
}
.loading {
    animation-name: blip;
    animation-duration: 200ms;
    animation-timing-function: linear; 
    animation-delay: 0s;           
    animation-iteration-count: infinite;  
    animation-direction: alternate;

    -moz-animation-name: blip;
    -moz-animation-duration: 200ms;
    -moz-animation-timing-function: linear; 
    -moz-animation-delay: 0s;           
    -moz-animation-iteration-count: infinite;  
    -moz-animation-direction: alternate;

    -webkit-animation-name: blip;
    -webkit-animation-duration: 200ms;
    -webkit-animation-timing-function: linear; 
    -webkit-animation-delay: 0s;           
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-direction: alternate;
}
@keyframes blip {
    from {opacity: 0.2;}
    to {opacity: 1;}
}
@-moz-keyframes blip {
    from {opacity: 0.2;}
    to {opacity: 1;}
}
@-webkit-keyframes blip {
    from {opacity: 0.2;}
    to {opacity: 1;}
}
@-moz-keyframes fade_in { 0% {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;} 100% {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;} }
@-ms-keyframes fade_in { 0% {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;} 100% {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;} }
@-o-keyframes fade_in { 0% {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;} 100% {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;} }
@keyframes fade_in { 0% {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;-o-opacity:0;} 100% {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;} } 

.header-out {
    margin-top: 100px;
}

.tip-toggle {
    background-color: #cbcbcb;
    border-radius: 11px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    height: 21px;
    line-height: 23px;
    margin-left: 10px;
    width: 21px;
    position: relative;
}
.tip-content {
    position: absolute;
    top: 36px;
    right: -44px;
    z-index: 99;
    background-color: #cccccc;
    color: #464646;
    font-size: 14px;
    line-height: 18px;
    padding: 24px;
    text-align: center;
    width: 200px;
    -ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
    transition: opacity 300ms linear 0ms, top 300ms linear 0ms, transform 300ms linear 0ms, visibility 0ms linear 300ms;
    -moz-transition: opacity 300ms linear 0ms, top 300ms linear 0ms, transform 300ms linear 0ms, visibility 0ms linear 300ms;
    -webkit-transition: opacity 300ms linear 0ms, top 300ms linear 0ms, transform 300ms linear 0ms, visibility 0ms linear 300ms;
    visibility:hidden;
    opacity:0;
}
.tip-toggle:hover .tip-content {
    visibility:visible;
    opacity: 1;
    top: 46px;
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay:0s;
}
.tip-content:after {
    content: '';
    position:absolute;
    top: -29px;
    right: 30px;
    width: 0;
    height: 0;
    padding-top:10px;
    border-style: solid;
    border-width: 0 25px 20px 25px;
    border-color: transparent transparent #cccccc transparent;
}
.wpb_single_image .vc_single_image-wrapper {
    max-width: 100%;
}
#spacial-site .wpb_column > .wpb_wrapper > .wpb_text_column,
#spacial-site .wpb_column > .wpb_wrapper > ul.wpb_thumbnails-fluid > li,
#spacial-site .wpb_column > .wpb_wrapper > .last_toggle_el_margin {
    margin-bottom: 35px;
}

/*------------------------------------------------------------------
        [3.0 Section]
*/
section  h1,
section  h2,
section  h3,
section  h4,
section  h5,
section  h6 {
    margin: 0 0 25px 0;
    /* line-height:0.8; */
}
section .section-title  h1,
section .section-title  h2,
section .section-title  h3,
section .section-title  h4,
section .section-title  h5,
section .section-title  h6 {
    margin: 40px 0 10px;
}
section .section-title .esep,.call-to-action .esep {
    border-color: #dcdcdc;
    border-width: 2px 0 0;
    margin-top: 0;
}
section .tgl-element {
    overflow: hidden;
    height:0;
    opacity: 1;
}
section .toggle-on {
    opacity: 1;
}
section.block.section-toggle   {
    padding:0;
}
section#from-the-blog {
    background-color:#ffffff;
}
section.block {
    padding: 60px 0;
}
.sub-page .block {
    padding:40px 0;
}
section.wpb_row .row .wpb_wrapper section.wpb_row {
    padding:0;
}
.section-toggle {
    overflow:visible;
    padding:0;
    z-index:9;
}
.toggle-nav {
    z-index:9;
    text-align:center;
    position:relative;
    margin:0 0 0 0;
    height:135px;
    line-height:135px;
    float:left;
    width:100%;
    float:left;
}
.toggle-nav  h3 {
    font-size:34px;
    color:#ffffff;
    cursor:pointer;
    margin:0;
    display: inline-block;
    vertical-align:middle;
}
.toggle-nav:before{
    display:block;
    margin:-26px auto 0;
    visibility:hidden;
    opacity:0;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 27px 26px 27px;
    border-color: inherit;
    line-height: 0px;
    _border-color: inherit;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    transition:visibility 0s linear 0.8s,opacity 0.3s linear;
}	
.toggle-nav:after{
    display:block;
    margin:0 auto;
    opacity:1;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 26px 27px 0 27px;
    border-color: inherit;
    line-height: 0px;
    _border-color: inherit;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    transition:visibility 0s linear 0.8s,opacity 0.3s linear;
}
.toggle-nav.toggle-open:after {
    visibility:hidden;
    opacity:0;
}
.toggle-nav.toggle-open:before {
    visibility:visible;
    opacity:1;
}
.section-toggle.google-map {
    overflow:visible;
}

.section-toggle.google-map .tgl-element {
    overflow-y: visible;
    width:100%;
}
/*------------------------------------------------------------------
        [4.0 Header]
*/
.sub-page #page-title,
.home #page-title {
    height: 325px;
    position:relative;
    text-align: center;
    -webkit-transform: translateZ(0x);
}
.home #page-title {
    min-height: 600px;
}
#page-title img {
    max-width:initial;
}
#page-title .title-parallax-background {
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    opacity:0;
}
body.admin-bar #page-title .title-parallax-background {
    background-position:0 32px;
}
#page-title .parallax-background {
    background-size: inherit;
    opacity:0;
}
#page-title .parallax-background.crossfade  {
    opacity: 1;
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out;
}
#page-title .homeheader-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 9;
}
#page-title .homeheader-cell {
    display: table-cell;
    vertical-align: middle;
}
#page-title .homeheader-text {
    display: inline-block;
    font-family: Abel;
    font-size: 48px;
    line-height: 62px;
    margin: 0 20px 100px;
    color: #fff;
    text-shadow: 1px 2px 1px #000;
}
#page-title .homeheader-text strong{
    font-family: Oswald;
    font-weight: normal;
}
#page-title .homeheader-text span{
    float: right;
    font-size: 18px;
    line-height: 1;
}
#page-title .homeheader-button-wrap {
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 100%;
    z-index: 3;
}
#page-title .homeheader-button {
    background-color: transparent;
    border: 4px solid #fff;
    text-shadow: 1px 2px 1px #000;
    height: 66px;
    line-height: 62px;
    padding: 0 50px;
    color: #fff;
    text-shadow: 1px 2px 1px #000;
    transition: background-color 200ms linear 0s, color 200ms linear 0s, text-shadow 200ms linear 0s;
    -moz-transition: background-color 200ms linear 0s, color 200ms linear 0s, text-shadow 200ms linear 0s;
    -webkit-transition: background-color 200ms linear 0s, color 200ms linear 0s, text-shadow 200ms linear 0s;
}
#page-title .homeheader-button:hover {
    background-color: #fff;
    color: #000;
    text-shadow: 1px 2px 1px #fff;
}
/*------------------------------------------------------------------
   widget theme style.
*/
.spacial-widget .station-logo, 
.spacial-widget .station-description ,
.spacial-widget .loading-widget,
.spacial-widget .now-widget,
.spacial-widget .create-station-link,
[class^="spacial-widget-now-"], 
[class*=" spacial-widget-now-"] {
    display: none;
}
.spacial-widget {
    float: left;
    margin-left: 30px;
    margin-top: 10px;
    text-shadow: none;
    width: 80px;
}
.spacial-widget div, .spacial-widget .station-name,.custom-spacial-widget div{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    display: inline;
    float: none;
    clear: none;
    height: auto;
    line-height: inherit;
    margin: 0;
    min-height: auto;
    padding: 0;
    background-color:transparent;

}

.spacial-widget table tr td{
    background:transparent!important;
}

.spacial-widget .station-name{
    text-transform: none;
    font-size: 14px;
}

.spacial-widget .station-name a {
    color: #fff;
    text-decoration: none;    
}

.custom-spacial-widget {
	float: left;
    margin-left: 5px;
    margin-top: 10px;
    text-shadow: none;
    width: 250px;
    position: relative;
    left: -85px;
}

.custom-spacial-widget .now_playing .bg .left {
	font-weight: normal;
    font-style: italic;
    font-size: 13px;
    text-transform: none;
    margin-left: 5px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    padding-left: 74px;
}

.custom-spacial-widget  .now_playing .bg .song .title {
    display: block;
    font-family: Abel;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    text-transform: none;
	color: white;
}

.custom-spacial-widget  .buttons {
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    width: auto;
}
.custom-spacial-widget  .buttons a {
    display: block;
    background: none repeat scroll 0 0 #d9d9d9;
    height: 43px;
    margin-top: 4px;
    position: relative;
    width: 45px;
    z-index: 1;
    cursor: pointer;
}
.custom-spacial-widget  .buttons a:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    left: 12px;
    top: 10px;
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 12.5px 0 12.5px 22px;
}
.custom-spacial-widget .buttons a:hover {
    opacity: 0.8;
}
/*------------------------------------------------------------------
        [5.0 Navigation]
*/
.navigation {
    width:100%;
    background-color: #1a1a1a;
    height: 76px;
    position: relative;
    z-index: 2;
}
.navigation .navbar {
    margin-bottom: 0;
}
.navigation .navbar .navbar-header {
    float: none;
    width: 394px;
    height: 142px;
    margin: 0 auto;
    text-align: center;
    background: url('includes/images/logo-bg.png') 0 0 no-repeat transparent;
    background-size: 100%;
    position: relative;
}

.navigation .navbar .navbar-brand {
    padding: 0;
    float: none;
    position: absolute;
    left: 50%;
}
.navigation .navbar .navbar-brand img {
    margin: 14px 0;
    margin-left: -100%;
    max-width: none;
}
.navigation .navbar {
    margin-left: -80px;
    margin-right: -80px;
    font-family: Oswald;
    font-size: 21px;
    text-transform: uppercase;
    text-shadow: 1px 2px 1px rgba(241, 141, 40, 0.6);
    color: #fff;
}
.header-log-in {
    margin-right: 3%;
    float: right;
    margin-top: 20px;
    color: #fff;
}
.header-log-in:hover {
    color: #fff;
}
.header-tour-button {
    float: right;
    margin: 10px 3.75% 0 0;
}
.header-status {
    margin-left: 9.75%;
    float: left;
    margin-top: 20px;
}
.navigation .navbar .navbar-brand.logo.retina,.spacial-slidebar .navbar-brand.logo.retina{
    display:none;	
}
.navigation-wrapper .navigation .navbar .navbar-collapse {
    padding-right: 0px;
    position:relative;
}
.navbar-toggle {
    position:relative;
}
.navigation-wrapper .navigation .navbar .navbar-brand h1.site-title {
    font-size: 20px;
    width: 100%;
    display:inline-block;
    margin:0 0 5px 0;
}
.navigation-wrapper .navigation .navbar .navbar-brand h2.site-description {
    font-size:14px;
    width: 100%;
    display:inline-block;
    margin:0;
}
.spacial-slidebar .social{
    margin-bottom: 40px;
    float: left;
}
.spacial-slidebar .social .icons a {
    margin-right: 5px;
}
/*------------------------------------------------------------------
        [5.1 Menu]
*/
.navigation .spacial-toggle-right,
.navigation .spacial-toggle-left,
.navigation-close {
    width: 52px;
    height: 48px;
    padding: 8px 10px;
    position: absolute;
    top: 16px;
    z-index: 109;
    /* border: 3px solid #ffffff; */
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-backface-visibility: hidden;
}
.admin-bar .navigation .spacial-toggle-right,
.admin-bar .navigation .spacial-toggle-left {
    top: 48px;
}
.navigation .spacial-toggle-right,
.navigation .spacial-toggle-right.dark_brightness {
    float: right;
    right: 30px;
}
.navigation .spacial-toggle-left,
.navigation .spacial-toggle-left.dark_brightness {
    float: left;
    left: 30px;
}
.navigation-close {
    background: url('includes/images/close-menu.png') 50% 52% no-repeat transparent;
    right: 30px;
    top: 16px;
    cursor: pointer;
}
html.spacial-active  .navigation .spacial-toggle-right.light_brightness,
.navigation .spacial-toggle-right.light_brightness,
html.spacial-active  .navigation .spacial-toggle-right.left_brightness,
.navigation .spacial-toggle-left.light_brightness {
    /* border: 3px solid #000; */
}
html.spacial-active  .light_brightness .navicon-line,
.light_brightness .navicon-line {
    background-color: #000;
}
html.spacial-active  .light_brightness .navicon-text,
.light_brightness .navicon-text {
    color: #000;
} 
.spacial-toggle-left, .spacial-toggle-right, .spacial-open-left, .spacial-open-right, .spacial-close {
    cursor: pointer;
}
.spacial-right,
.spacial-left {
    margin-top: 0px;
}
.navbar-nav.spacial-menu {
    list-style:none;
    width:100%;
    margin: 62px 0;	
}
.navbar-nav.spacial-menu > li {
    float:none;
    width:100%;
    padding: 13px 0;
    position:relative;
}
.navbar-nav.spacial-menu > li:first-child {
    border-top:0px
}
.navbar-nav.spacial-menu > li {
    font-family: Oswald;
    font-weight: 300;
    font-size: 20px;
    text-transform:uppercase;
    position: relative;
}
.navbar-nav.spacial-menu > li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 47px;
    height: 1px;
    background-color: #656869;
}
.navbar-nav.spacial-menu > li:last-child:after {
    height: 0;
}
.navbar-nav.spacial-menu .sub-menu {
    display:block;
}
.navbar-nav.spacial-menu  .sub-menu > li :before {
    content:"";
}
.navbar-nav.spacial-menu  .sub-menu > li {
    padding: 8px 16px 0;
}
.navicon-line, .dark_brightness  .navicon-line{
    background-color: #fff;
    height: 4px;
    margin-top: 3px;
    width: 100%;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.navicon-text, .dark_brightness  .navicon-text{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-left: -2px;
    text-transform: uppercase;
}
.navicon-line:first-child, .dark_brightness  .navicon-line:first-child{
    margin-top: 0;
}
ul.navbar-nav {
    display: block;
    float: left;
}
.spacial-slidebar .navbar-brand.nav.logo {
    padding-top: 0px;
}
.spacial-slidebar {
    top:0;
}
body.admin-bar .spacial-slidebar {
    top:32px;
}
.spacial-slidebar .navbar-brand {
    padding:5px;
} 
.header-solid {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
}
.header-transaprent {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: transparent;
}
a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #292422;
    outline: none !important;
}
a:hover {
    text-decoration: none;
}
/* mobile menu */
.mobile-device .slidebar-mobile-helper{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    transition: width 400ms ease 0s;
    -moz-transition: width 400ms ease 0s;
    -webkit-transition: width 400ms ease 0s;
}
.mobile-device .slidebar-mobile-helper.menu-hide {
    width: 0;
    transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
}
.mobile-device .spacial-slidebar{
    position: absolute;
    display: block;
    padding: 0 30px 0 50px;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    min-width: 240px;
}
.mobile-device .spacial-slidebar nav{
    transition: opacity 400ms ease 400ms;
    -moz-transition: opacity 400ms ease 400ms;
    -webkit-transition: opacity 400ms ease 400ms;
}
.mobile-device .slidebar-mobile-helper.menu-hide .spacial-slidebar nav{
    opacity: 0;
    transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
}
/*------------------------------------------------------------------
        [6.0 - Page Content	]
*/
.site-main > article {
    margin-top: 40px;
}
.page-featured-img + article {
    margin-top: 40px;
}
/*Html Elements*/
.underline {
    text-decoration: underline;
}
.entry-content table {
    width: 100%;
}
.entry-content table th,
.entry-content  table td {
    text-align: left;
    border: 1px solid #999999;
    vertical-align: middle;
}
.entry-content table th {
    background: #1A1A1A;
    font-weight: bold;
    font-size: 16px;
    padding: 2px 12px;
    color: #fff;
}
.entry-content  table td {
    padding: 10px;
    font-size: 15px;
    line-height: 1.25;
}
table tr.even td, table tr.alt td, table tr:nth-of-type(2n)  td{
    background: none repeat scroll 0 0 #f9f9f9;
}
.entry-content  table tr:hover td {
    background: #EDEDED;
}
.entry-content table.FloatTitle, #fm,
.entry-content table.FloatTitle td, #fm td{
    text-align: center;
}
.entry-content table.FloatTitle .text-left, #fm .text-left {
    text-align: left;
}
.main-heading th {
    height: 80px;
}
.entry-content table th.features {
    border-bottom: 0 none;
    border-top: 0 none;
    padding: 0.5625rem 0.625rem;
}
.entry-content dl, .entry-content ol, .entry-content ul {
    margin-bottom: 40px;
    line-height: 25px;
    padding-left: 25px;
}
.entry-content dl dl, 
.entry-content dl ol, 
.entry-content dl ul, 
.entry-content ol dl, 
.entry-content ol ol, 
.entry-content ol ul, 
.entry-content ul dl, 
.entry-content ul ol, 
.entry-content ul ul {
    margin-bottom: 0px;
}
.entry-content pre {
    background-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    padding: 18px;
}
.entry-content blockquote {
    border: none;
}	
.entry-content blockquote p {
    font-style: italic;
    margin-bottom: 20px;
}
.entry-content blockquote cite:before {
    color: #E23A00;
    content: "-";
    margin-right: 5px;
}
/*List style*/
.entry-content .wpb_text_column ul.left-border-list {
    padding:6px 0;
}
.entry-content .wpb_text_column ul.left-border-list li {
    border-left: 2px solid #182a36;
    line-height: 13px;
    list-style: none outside none;
    margin-bottom: 35px;
    padding: 0px 0 0px 12px;
}
.entry-content .wpb_text_column ul.arrow-list {
    padding:0;
}
.entry-content .wpb_text_column ul.arrow-list li {
    line-height: 26px;
    list-style: none outside none;
    margin-bottom: 22px;
}
.entry-content .wpb_text_column ul.arrow-list li:before {
    border-radius: 50px;
    color: #ffffff;
    content: ">";
    display: block;
    float: left;
    height: 20px;
    line-height: 11px;
    margin-right: 12px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    margin-top: 4px;
}
/* Alignment */
.uppercase  {
    text-transform:uppercase;
}
img.size-full, img.size-large, img.wp-post-image {
    height: auto;
    max-width: 100%;
}
.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
    height: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.hl-left {
    text-align:left;
}
.hl-center {
    text-align:center;
}
.hl-right {
    text-align:right;
}
/* .btn {
        font-size:12px !important;
}
.btn.btn-exsmall {
        padding: 9px 18px !important;
}
.btn.btn-small {
        padding: 11px 28px !important;
}
.btn.btn-def {
        padding: 12px 43px !important;
}
.btn.btn-large {
        padding: 15px 64px !important;
}
a.btn:hover {
        opacity:1;
} */
.page-featured-img img {
    width: 100%;
}
.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
    max-width: 100%;
}
.wp-caption-text {
    background-color: #292422;
    color: #FFFFFF;
    margin:0 0 10px 0;
    opacity: 1;
    padding: 20px 30px;	
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: none repeat scroll 0 0 #FF0000 !important;
}
.entry-content .post-header h1 {
    font-size: 42px;
    margin-bottom: 35px;
    display:inline;
}
.entry-content .post-header h1 {
    margin-top:0;
    color:#182a36;
    font-size:30px;
}
/*------------------------------------------------------------------
        [7.0 Shortcodes]
*/
/*------------------------------------------------------------------
        [7.1 First letter]
*/
p.fletter::first-letter {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 60px;
    margin: 8px 10px 0 0;
    padding: 10px;
    line-height:40px;
} 
/*------------------------------------------------------------------
        [7.2 Separator]
*/
.vc_separator {
    display: table;
}
.vc_el_width_100 {
    width: 100%;
}
.vc_separator .vc_sep_holder {
    display: table-cell;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.pace-progress {
    height: 2px;
    left: 0;
    position: fixed;
    top: 0;
    transition: width 3s ease 0s;
    z-index: 2000;
}
.vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #ebebeb;
}
.vc_separator .vc_sep_holder .vc_sep_line {
    display: block;
    height: 1px;
    position: relative;
    top: 1px;
    width: 100%;
}
/*------------------------------------------------------------------
        [7.3 Portfolio]
*/
.portfolio-filter,
.products-filter {
    margin-bottom: 90px;
}
.portfolio-filter ul li,
.products-filter ul li {
    display: inline-block;
    margin-right: 10px;
}
.portfolio-filter ul li:last-child,
.products-filter ul li:last-child {
    margin-right:0;	
}
.portfolio-filter ul li a,
.products-filter ul li a {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}
.portfolio-filter ul li a.current,
.products-filter ul li a.current {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
.portfolio-filter  .btn {
    background:#f8f8f8;
    color:#999999;
    border:2px solid #999999;
    opacity:1;
    font-size:12px;
}
.portfolio-filter .btn:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 0;
    z-index: -1;
}
.portfolio-filter .btn:hover:after {
    background: none repeat scroll 0 0 #292422;
    width: 100%;
}
.portfolio-item,
.product-item {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 30px;
    position: relative;
    overflow:hidden;
}
.portfolio-image {
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.portfolio-item img,
.product-item img {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    z-index: 10;
}
.portfolio-item img {
    height: 100%;
    width: 100%;	
    max-height: 258px;
    max-width: 360px;
}

.portfolio-item .portfolio-caption,
.product-item .product-caption {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background-color: #211d1b;
    color: #fff;
    height: 100%;
    padding: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.portfolio-item  {
    text-align:center;
    background:#ffffff;
}
.portfolio-item .link-area > img {
    margin-bottom:20px;
}
.portfolio-item .link-area  h4,
.product-item .product-caption h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px !important;
    color:#182a36;
}
.portfolio-item .link-area  h6,
.product-item .product-caption h6 {
    font-size: 12px;
    font-weight: normal;
    color:#999999;
    text-transform:uppercase;
    margin: 0;
}
.portfolio-item:hover  h4,
.portfolio-item:hover  h6 { 
    color:#ffffff;
}
.portfolio-item .portfolio-caption strong,
.product-item .product-caption strong {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    font-size: 12px;
}
.portfolio-item .detail-btn-wrapper {
    display: block;
    float: left;
    position: absolute;
    text-align: center;
    top: -10%;
    width: 100%;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}	
.portfolio-item .portfolio-detail-btn,
.product-item .product-detail-btn {
    color: #fff;
    z-index: 1;
    border:2px solid #ffffff;
    padding:15px 25px;
    text-transform:uppercase;
    margin:0 auto;
}
.portfolio-item:hover  .detail-btn-wrapper {
    top:40%;
    opacity:1;
}
.portfolio-item .portfolio-detail-btn:hover {
    background:#ffffff;
}
.product-item .price-html {
    position:absolute;
    display:inline-block;
    left:20px;
    bottom: 25px;
    z-index:1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
}

.portfolio-item:hover,
.portfolio-item.hover,
.product-item:hover,
.product-item.hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
.portfolio-item:hover img,
.portfolio-item.hover img,
.product-item:hover img,
.product-item.hover img {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
}
.portfolio-item:hover .portfolio-caption,
.portfolio-item.hover .portfolio-caption,
.product-item:hover .product-caption,
.product-item.hover .product-caption  {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.portfolio-item:hover .portfolio-detail-btn,
.portfolio-item.hover .portfolio-detail-btn,
.product-item:hover .product-detail-btn,
.product-item.hover .product-detail-btn,
.product-item:hover .price-html,
.product-item.hover .price-html {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
/*------------------------------------------------------------------
        [7.3.1 Single portfolio]
*/
article.type-portfolio {
    display:none;
}
article.type-portfolio .background {
    background-color:#182a36;	
}
article.type-portfolio .block{
    z-index:10000;
}
h2.portfolio-title {
    color:#ffffff;
}
.close-sl-prt {
    width:32px;
    height:32px;
    border:1px solid #ffffff;
    display:block;
    float:right;
    cursor:pointer;
    position:relative;
}
.close-sl-prt:before {
    content: "x";
    display: block;
    font-size: 18px;
    font-weight: 300;
    left: 35%;
    position: absolute;
    text-align: center;
    top: 20%;
}
#single-post-gallery .slides img {
    width:auto; 
} 
.single_post_carousel img {
    height:100%;
}
.single_post_carousel  ul.slides {
    margin-bottom:0 !important;
    padding-left: 0;
}
.project-info {
    width:100%;
    float:left;
    margin-top:50px;
}
.client-info,
.solution-provider,
.client-url {
    display:block;
    width:auto;
    float:left;
    margin-right:20px;
}
.client-url a,
.consultation-url a{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background: #ffffff;
    border: none;
    display: inline-block; 
    padding: 12px 26px;
    text-transform: uppercase;
    z-index: 1;
    clear:both;
}
.client-url a {
    color:#182a36;
    background: #ffffff;
}
.client-info h5 {
    color:#ffffff;
}
.project-brief {
    float:left;
    margin-top:25px;
}
.client-info h5,
.solution-provider h5 ,
.project-brief  h5{
    color:#ffffff;
    text-transform:uppercase;
}
.client-info h6 {
    color:#ffffff;
}
/*------------------------------------------------------------------
        [7.4 Icon box]
*/
.icon-box {
    margin-bottom: 0;
    position: relative;
    background:#f8f8f8;
    padding: 0 20px;
}
.icon-box .icon-box-header {
    padding: 45px 0 5px 0;
    position: relative;
    text-align: center;
}
.icon-box .icon-box-header .header-icon {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 65px;
    height: 125px;
    margin: 0 auto 28px;
    width: 125px;
}
.icon-box .icon-box-header .header-icon figure{
    display: table-cell;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 125px;
    height: 125px;
}
.icon-box .icon-box-header .header-icon figure img {
    width: auto !important;
}
.icon-box .icon-box-header h4 {
    text-transform:uppercase;
    margin-bottom:20px !important;
    font-size:16px !important;
}
.icon-box .icon-box-header .box-description {
    line-height: 23px;
}
.icon-box .icon-box-header .interval {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    font-size: 11px;
}
.icon-box .icon-box-content {
    padding-bottom: 20px;
}
.icon-box .icon-box-content .icon-box-list {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 1;
    line-height: 45px;
    margin-bottom: 0px;
    padding: 0;
}
.icon-box .icon-box-content .icon-box-list li {
    text-transform:uppercase;
    line-height: 51px;
}
.icon-box .icon-box-content .icon-box-list li:nth-child(even) {
    background:rgba(255,255,255,1);
}
.icon-box.promoted .icon-box-list {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    color: #fff;
}
.icon-box.promoted .icon-box-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.icon-box:hover .icon-box-content .icon-box-list li:nth-child(even) {
    background-color:rgba(255,255,255,0.1) ;
}
.icon-box:hover .icon-box-header,
.icon-box:hover h4 {
    color:#ffffff;
}
.icon-box:hover .icon-box-content .icon-box-list li {
    color:#ffffff;
}
.icon-box:hover  .icon-box-list {
    opacity:1;
}
.icon-box i.icon {
    margin-left: 0;
    display:initial;
}
/*------------------------------------------------------------------
        [7.5 Team ]
*/
.team .wpb_column > .wpb_wrapper > .team-member {
    margin-bottom: 50px;
    text-align:center;
}
.team .team-member .team-member-image {
    margin: 0 auto;
    position: relative;
    width: 150px;
    max-width: 100%;
    overflow:hidden;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
}
.team .team-member .team-member-image img.photo-greyscale {
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* For Webkit browsers */
    filter: gray; /* For IE 6 - 9 */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
}
.team .team-member .team-member-image img.photo-color {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 300ms linear 0s;
    -moz-transition: opacity 300ms linear 0s;
    -webkit-transition: opacity 300ms linear 0s;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
}
.team .team-member:hover .team-member-image img.photo-color {
    opacity: 1;
}
.team .team-member:hover .team-member-title.has_socials {
    opacity: 0;
    transform: scale(0.1,0.1);
    -moz-transform: scale(0.1,0.1);
    -webkit-transform: scale(0.1,0.1);
    -ms-transform: scale(0.1,0.1);
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
}
.team .team-member:hover .social-wrapper {
    opacity: 1;
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}
.team-information {
    width:100%;
    padding-top:20px;
    min-height: 60px;
    position: relative;
}
.team .team-member  .social-wrapper {
    display: table;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: scale(0.1,0.1);
    -moz-transform: scale(0.1,0.1);
    -webkit-transform: scale(0.1,0.1);
    -ms-transform: scale(0.1,0.1);
    transition: opacity 200ms linear 0ms, transform 200ms linear 0ms;
    -moz-transition: opacity 200ms linear 0ms, transform 200ms linear 0ms;
    -webkit-transition: opacity 200ms linear 0ms, transform 200ms linear 0ms;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.team .team-member  .social-wrapper .social-inner .social .icons {
    display:inline-block;
}
.team .team-member  .social-wrapper .social-inner {
    display: table-cell;
    vertical-align: middle;
}
.team .team-member  .social-wrapper .social-inner .social {
    height: 100%;
    margin: 0 auto;
}
.team .team-member  .social-wrapper .social-inner .social .icon {
    color: #424242;
}
.team .team-member  .social-wrapper .social-inner .social a:hover .icon {
    color: #f18d28;
}
.team .team-member .team-member-title {
    opacity: 1;
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transition: opacity 200ms linear 200ms, transform 200ms linear 200ms;
    -moz-transition: opacity 200ms linear 200ms, transform 200ms linear 200ms;
    -webkit-transition: opacity 200ms linear 200ms, transform 200ms linear 200ms;
}
.team .team-member .team-member-title h4,
.team .team-member .team-member-title h5 {
    font-family: Abel;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 24px;
}
.team .team-member .team-member-title h4 {
    text-transform: uppercase;
}
/*------------------------------------------------------------------
        [7.6 Testimonials carousel ]
*/
#testimonials-carousel-wrapper {
    position:relative;
}
.testimonial .client-picture {
    margin-bottom: 0px;
}
.testimonials-carousel .owl-wrapper-outer {
    overflow:hidden;
}
.owl-theme .owl-controls .owl-buttons div {
    background:none;
    border-radius:none;
    padding:0;
    opacity:1;
    margin:0;
}
.owl-prev,
.owl-next  {
    position:absolute;
    top:40%;
    cursor: pointer;
    display: block;
    background:none;
    overflow: hidden;
    text-decoration: none;
    z-index: 10;
}
.owl-prev a,
.owl-next  a {
    font-family: "ElegantIcons";
    font-size: 32px;
    opacity: 0.5;
}
.tlight .owl-prev a,
.tlight .owl-next  a {
    color:#ffffff;
}
.tdark .owl-prev a,
.tdark .owl-next  a {
    color:#000000;
}
.tdark .owl-prev:hover a,
.tdark .owl-next:hover a {
    opacity:1;
    color:#000000;
}
.tlight .owl-prev:hover a,
.tlight .owl-next:hover  a {
    color:#ffffff;
    opacity:1;
}
.owl-prev {
    left:-35px;
}
.owl-next {
    right:-35px;
}
.owl-item .testimonial {
    line-height: 176px;
    opacity: 0.5;
    cursor: pointer;
    margin: 0 10px;
}
.tlight .owl-item  .testimonial {
    border: 2px solid rgba(255,255,255,1);
}
.tdark .owl-item  .testimonial {
    border: 2px solid rgba(0,0,0,1);
}
.owl-item .testimonial blockquote {
    padding:0;
}
.owl-item.clicked .testimonial {
    opacity:1;
}

.testimonials-carousel .testimonial  blockquote {
    margin:0;
}
.owl-item .paragraph-wrapper {
    display:none;
}
.paragraph-wrapper blockquote p {
    color:inherit;
    font-size:30px;
    line-height:52px;
} 
.paragraph-wrapper blockquote p .fa-quote-left {
    padding-right:15px;
}
.paragraph-wrapper blockquote p .fa-quote-right {
    padding-left:15px;
}
.paragraph-wrapper footer {
    opacity:0.5;
    text-transform:uppercase;
    font-size:16px;
}
.comment-wrapper {
    width: 100%;
    float: left;
    margin: 85px 0;
}
/*------------------------------------------------------------------
        [7.7 Tweet ]
*/
#tweeter-wrapper {
    margin: 0 auto;
    max-width: 750px;
    text-align: center;
    width: 100%;
}
#tweeter-wrapper i {
    border-color: transparent;
    border-radius: 65px;
    color: #ffffff;
    display: inline;
    font-size: 31px;
    margin: 0;
    padding: 28px;
}
#tweeter-wrapper .tweet {
    margin-top: 56px;
    overflow:hidden;
}
#tweeter-wrapper .tweet a {
    text-decoration:underline;
}
#tweeter-wrapper .timePosted {
    text-transform:uppercase;
    margin-top:25px;
}
#tweet {
    float: left;
    margin: 0;
    text-align: center;
    margin-bottom:30px;
}
#tweet .owl-wrapper-outer {
    overflow: hidden;
}
#tweet .owl-prev a,
#tweet .owl-next a {
    z-index:999;
}
#tweeter-wrapper .tweeter-link {
    display: inline-block;
    margin: 30px 0;
    text-decoration: none;
}
.section-toggle #tweet {
    margin-bottom:50px;
}
/*------------------------------------------------------------------
        [7.8 Latest post ]
*/
.shortcode-posts img{
    margin-bottom: 15px;
}
/*------------------------------------------------------------------
        [7.9 Call to action ]
*/
.call-to-action h3 {
    display: inline;
    float: none;
    clear: both;
    vertical-align: middle;
    line-height: inherit;
}
.call-to-action  a:first-child {
    margin-right:10px !important;
}
/*------------------------------------------------------------------
        [7.10 Pie chart ]
*/
.vc_pie_chart_back {
    border: 23px solid #13212a !important;
    opacity:1 !important;
}
.vc_pie_chart .vc_pie_chart_value {
    font-size:50px !important;
}
.wpb_pie_chart_heading {
    margin: 25px 0 30px;
    text-transform: uppercase;
    font-size:14px;
}
/*------------------------------------------------------------------
        [7.11 Price box ]
*/
.price-box {
    margin-bottom: 60px;
    position: relative;
}
.price-box .price-box-header {
    background-color: #b7b7b7;
    color: #fff;
    padding: 20px 0;
    position: relative;
    text-align: center;
    border-radius: 35px 35px 0 0;
}
.price-box.promoted .price-box-header {
    background-color: #000;
}
.price-box .price-box-header h4 {
    color: #464646;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.price-box.promoted .price-box-header h4 {
    color: #fff;
}
.price-box .price-box-header .price {
    display: inline-block;
    font-family: Oswald;
    font-size: 60px;
    line-height: 1.2;
}
.price-box .price-box-header .price .dollar{
    font-family: Abel;
    font-size: 42px;
    margin-right: 15px;
    vertical-align: top;
}
.price-box .price-box-header .interval {
    display: inline-block;
    font-size: 22px;
    margin-left: 15px;
}
.price-box .price-box-content {
    background-color: #f3f3f3;
    padding: 30px 15px;
    border-radius: 0 0 35px 35px;
}
.price-box .price-box-content h5 {
    font-size: 18px;
    margin-top: 0;
    color: #464646;
    font-weight: normal;
}
.price-box .price-box-content a.btn {
    background-color: #cccccc;
    border-radius: 30px;
    color: #464646;
    font-size: 18px;
    padding: 14px 40px;
    text-shadow: none;
    margin-bottom: 20px;
}
.price-box.promoted .price-box-content a.btn {
    background-color: #000;
    color: #fff;
}
.price-box .price-box-content .price-box-list {
    color: #707070;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 20px;
    padding-left: 0;
}
.price-box .price-box-content .price-box-list li {
    margin: 20px 0;
}
/*------------------------------------------------------------------
        [7.12 Price toggle ]
*/
.price-toggles {
    text-align: center;
}
.price-toggles button {
    background-color: #efefef;
    border: 4px solid #efefef;
    color: #bbbbbb;
    border-radius: 32px;
    font-size: 18px;
    margin: 15px;
    text-shadow: none;
    width: 325px;
    transition: color 300ms linear 0ms, border-color 300ms linear 0ms, background-color 300ms linear 0ms;
    -moz-transition: color 300ms linear 0ms, border-color 300ms linear 0ms, background-color 300ms linear 0ms;
    -webkit-transition: color 300ms linear 0ms, border-color 300ms linear 0ms, background-color 300ms linear 0ms;
}
.price-toggles button span {
    display: inline;
    color: #ff0000;
    font-family: Abel;
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    margin-left: 10px;
    text-transform: none;
    transition: color 300ms linear 0ms;
    -moz-transition: color 300ms linear 0ms;
    -webkit-transition: color 300ms linear 0ms;
}
.price-toggles button.current {
    background-color: #fff;
    border: 4px solid #000;
    color: #000;
    cursor: default;
}
.price-toggles button.current span {
    color: #bbbbbb;
}
/*------------------------------------------------------------------
        [7.13 Price product ]
*/
.product-box {
    color: #182a36;
    max-width: 600px;
}
.product-box .product-box-header {
    float: left;
    width: 100%;
    border-bottom: 1px solid #9d9d9d;
}
.product-box .product-box-header h5{
    font-family: Abel;
    font-weight: normal;
    float: left;
    margin: 38px 0 15px;
}
.product-box .product-box-header .product-price {
    float: right;
    font-size: 48px;
}
.product-box .product-box-header .product-price span{
    font-family: Oswald;
    font-size: 42px;
    position: relative;
    top: 3px;
}
.product-box .product-box-content {
    clear: both;
    padding-top: 10px;
    padding-left: 10%;
    padding-right: 20%;
}
.product-box .product-box-content ul{
    list-style: none;
}
.product-box .product-box-content ul li{
    position: relative;
}
.product-box .product-box-content ul li:before{
    content: "✔";
    position: absolute;
    top: 0;
    left: -25px;
}
.btn.product-button {
    border-radius: 3px;
    min-width: 165px;
    margin-left: 10px;
    color: #fff;
    background-color: #a3a3a3;
}
.product-box .product-box-content .product-button-small {
    font-size: 14px;
    margin: 0 0 0 175px;
}
/*------------------------------------------------------------------
        [7.14 Feature Carousel ]
*/
.feature-carousel {
}
.feature-carousel-wrap .carousel-slide{
    padding: 20px 45px;
    border-radius: 30px;
    transition: background-color 300ms linear 0s, box-shadow 300ms linear 0s;
    -moz-transition: background-color 300ms linear 0s, box-shadow 300ms linear 0s;
    -webkit-transition: background-color 300ms linear 0s, box-shadow 300ms linear 0s;
}
.feature-carousel-wrap .carousel-slide.current{
    box-shadow: 1px 1px 1px 1px #dedede;
    background-color: #f3f3f3;
}
.feature-carousel-wrap .feature-content p {
    text-align: left;
    font-family: Abel;
}
.feature-navigation {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.feature-link-mode .feature-navigation {
    margin-bottom: 0;
}
.feature-navigation img{
    width: 65px;
    height: auto;
    margin-left: 15px;
    cursor: pointer;
    opacity: 0.25;
    transition: opacity 200ms linear 0s;
    -moz-transition: opacity 200ms linear 0s;
    -webkit-transition: opacity 200ms linear 0s;
}
.feature-navigation img:first-child{
    margin-left: 0;
}
a .feature-navigation img:hover{
    opacity: 1;
}
.feature-navigation img:hover{
    opacity: 0.5;
}
.feature-navigation img.current {
    opacity: 1;
}
.feature-navigation .previous{
    float: left;
    border-bottom: 34px solid transparent;
    border-top: 32px solid transparent;
    border-right: 12px solid #000;
    cursor: pointer;
    opacity: 0.25;
}
.feature-navigation .next{
    float: right;
    border-bottom: 34px solid transparent;
    border-top: 32px solid transparent;
    border-left: 12px solid #000;
    cursor: pointer;
    opacity: 0.25;
}
.feature-navigation .previous-b{
	border-bottom: 34px solid transparent;
    border-top: 32px solid transparent;
    border-right: 12px solid #000;
    cursor: pointer;
    opacity: 0.25;
    position: absolute;
    left: -14px;
    top: 315px;
}
.feature-navigation .next-b{
	border-bottom: 34px solid transparent;
    border-top: 32px solid transparent;
    border-left: 12px solid #000;
    cursor: pointer;
    opacity: 0.25;
    position: absolute;
    right: -15px;
    top: 315px;
}

.feature-navigation .next:hover,.feature-navigation .previous:hover,
.feature-navigation .next-b:hover,.feature-navigation .previous-b:hover{
    opacity: 0.5;
}

.hide-navigation .feature-navigation .next,.hide-navigation .feature-navigation .previous{
	display: none;
}

.bxslider, .bxslider li, .entry-content .bxslider, .entry-content .bxslider li{
    margin: 0;
    padding: 0;
    list-style: none;
}
/*------------------------------------------------------------------
        [7.15 Press releases ]
*/
.press-releases article{
    margin-bottom: 50px;
    animation: 1s ease 0s normal both 1 running fade_in;
    -moz-animation: 1s ease 0s normal both 1 running fade_in;
    -webkit-animation: 1s ease 0s normal both 1 running fade_in;
}
.press-releases article h4.press-release-header {
    color: #182a36;
    font-weight: normal;
}
.press-releases article h4.press-release-header a {
    color: #182a36;
}
.press-releases article h4.press-release-header a:hover{
    color: #999999;
}
.press-releases article .press-release-date {
    color: #8d8d8d;
}
.press-releases .load_more_preleases {
    margin-top: 70px;
}
/*------------------------------------------------------------------
        [7.16 Price products ]
*/
table.price-table .pt-col-1 {
    width:60%;
}
table.price-table .pt-col-2 {
    width:15%;
}
table.price-table .pt-col-3 {
    width:15%;
}
table.price-table .pt-col-4 {
    width:10%;
    text-align: center;
}
table.price-table .pt-col-4  .btn{
    background-color: #000000;
    color: #ffffff;
}
table.price-table .pt-col-1 span,
table.price-table .pt-col-3 span {
    font-size: 18px;
}
/*------------------------------------------------------------------
        [7.17 Get Kudos ]
*/
.getkudos-widget {
    margin-bottom: 35px;
}
/*------------------------------------------------------------------
        [8.0 HomePage Slider]
*/
.flexslider  .slide-wrapper h1 {
    padding: 0;
    line-height: 100px;
    margin-bottom: 75px !important;
    display:inline-block;
    width:100%;
} 
.flexslider .flex-control-nav {
    bottom: 10px;
    z-index: 2;
}
.flexslider .flex-control-nav li a {
    border: 2px solid rgba(255, 255, 255, 0.4);
}
.flexslider .flex-control-nav li a.flex-active {
    border: 2px solid rgba(255, 255, 255, 0.8);
}
/*------------------------------------------------------------------
        [8.1 Another Sliders]
*/
#slider {
    height: 900px;
}
.slides {
    height: 100%;
}
.flexslider .slides li {
    height: 100%;
}
.slides .parallax-bg {
    position: absolute;
    top: 0;
}
.slides .slide-content {
    height: 100%;
    text-align: center;
    position: relative;
}
.slides .slide-content img {
    z-index: 2;
}
.slides .slide-content .slide-wrapper {
    bottom: 50px;
    position: relative;
    z-index: 4;
}
.slides .slide-content .slide-wrapper h3.description {
    font-size:14px !important;
    text-transform:uppercase;
    display: inline-block;
    margin:0 !important;
}
.map {
    margin: 0;
    position:relative;
    overflow:hidden;
    -webkit-transform: translateZ(0px);
}
.map  img  {
    max-width:inherit;
}
.pagination li a, 
.pagination li span {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    margin-left: 5px;
    padding: 10px 16px;
}
.pagination li a:hover {
    background-color: transparent;
}
.pagination li:first-child a, .pagination li:last-child a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
p.cite {
    color: #707070;
    font-size: 20px;
    line-height: 28px;
    margin: 0 auto;
    max-width: 960px;
    padding: 24px 40px 34px 70px;
    position: relative;
}
p.cite:before {
    content: "“";
    color: #555555;
    font-family: Montserrat;
    font-size: 110px;
    position: absolute;
    top: 40px;
    left: 10px;
}
p.cite .author-quote, p.cite .author-title {
    color: #555555;
    display: block;
    font-family: Oswald;
    font-size: 21px;
    margin-top: 25px;
    width: 100%;
}
p.cite .author-title {
    font-size: 16px;
    margin-top: 0;
}
p.cite.add-separator:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 300px;
    height: 2px;
    margin: 40px auto 0;
    background-color: #dcdcdc;
}
.not-transform {
    text-transform:initial !important;
}
.scroll-down {
    bottom: 50px;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    margin: auto;
}
.no-tags,
.no-author {
    padding:10px 0;
}
.post-edit-link {
    font-size:28px;
    float:right;
    padding:20px 0;
}
.edit-link-text {
    font-size: 14px;
    padding: 0;
    vertical-align: top;
    line-height: 40px;
    position: relative;
    top: 10px;
    right: 10px;
}
.blog-posts .postfomrat-video p,
.blog-posts .postfomrat-image p {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    opacity: 1 !important;
}
.blog-posts .blog-post .blog-post-content .tags a,
.entry-content .post-footer .tags  a {
    display:inline-block;
    margin:0 4px 0 0;
}
.blog-post-content .read-more.small-orange a, a.more{
    color: #f18d28;
    font-family: Oswald;
    font-size: 16px;
    letter-spacing: 2px;
    text-decoration: underline;
    text-transform: uppercase;
    background-color: transparent;
    border: 0 none;
}
.read-more .btn {
    font-family: Abel;
    font-size: 20px;
    padding: 10px 15px;
    text-shadow: none;
    text-transform: none;
}
.read-more .btn:hover {
    border: 0 none;
}
#page .widget .tags a .tag {
    margin:2px 4px 2px 0;
}
#page .post-footer .tags span {
    margin:0 10px 0 0;
}
#page .tag,.tagcloud a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 2px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 12px;
    padding: 3px 6px;
    margin: 2px;
    text-transform: uppercase;
}
.tags {
    margin:10px 0;
}
#page .tag:hover {
    border: 2px solid rgba(0, 0, 0, 0.6);
}
.vnbx-mask {
    background-color: rgba(0, 0, 0, 0.85);
}
/* .btn {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        border-radius: 0 !important;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        background: none;
        border: 2px solid transparent;
        display: inline-block; 
        padding: 10px 20px !important;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
        margin-bottom:10px;
        clear:both;
}
.btn:active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        bottom: -1px;
}
.btn:after {
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        background: none;
        content: "";
        height: 100%;
        width: 0%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
}
.btn:hover {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
}
.btn.btn-color-grey-dark {
        color: #fff;
        background-color: #292422;
        border-color: #292422;
}
.btn.btn-color-grey-light {
        color: #292422;
        background-color: #fff;
        border-color: #fff;
}
.btn.btn-color-primary {
        color: #fff;
}
.btn.btn-color-secondary {
        color: #fff;
        background-color: #face00;
        border-color: #face00;
}
.btn.small {
        padding: 5px 10px;
}
.btn.btn-framed {
        background: transparent;
        border: 3px solid #292422;
        color: #292422;
}
.btn.btn-framed:after {
        background: #292422;
}
.btn.btn-framed:hover {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        color: #fff;
}
.btn.btn-framed:hover:after {
        background: #292422;
        width: 100%;
}
.btn.btn-framed.btn-color-grey-dark {
        color: #292422;
        border-color: #292422;
}
.btn.btn-framed.btn-color-grey-dark:after {
        background: #292422;
}
.btn.btn-framed.btn-color-grey-dark:hover {
        color: #fff;
}
.btn.btn-framed.btn-color-grey-dark:hover:after {
        background: #292422;
        width: 100%;
}
.btn.btn-framed.btn-color-grey-light {
        color: #fff;
        border-color: #fff;
}
.btn.btn-framed.btn-color-grey-light:after {
        background: #fff;
}
.btn.btn-framed.btn-color-grey-light:hover {
        color: #292422;
}
.btn.btn-framed.btn-color-grey-light:hover:after {
        background: #fff;
        width: 100%;
}
.btn.btn-framed.btn-color-primary {
        color: #e23a00;
        border-color: #e23a00;
}
.btn.btn-framed.btn-color-primary:after {
        background: #e23a00;
}
.btn.btn-framed.btn-color-primary:hover {
        color: #fff;
}
.btn.btn-framed.btn-color-primary:hover:after {
        background: #e23a00;
        width: 100%;
}
.btn.btn-framed.btn-color-secondary {
        color: #face00;
        border-color: #face00;
}
.btn.btn-framed.btn-color-secondary:after {
        background: #face00;
}
.btn.btn-framed.btn-color-secondary:hover {
        color: #fff;
}
.btn.btn-framed.btn-color-secondary:hover:after {
        background: #face00;
        width: 100%;
} */
.control-group .controls {
    position: relative;
}
input {
    outline: none !important;
}
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"],  
input[type="tel"],
textarea {
    border-radius: 0px;
    border: 0 none;
    background-color: #dcdcdc;
    margin-bottom: 20px;
    min-height: 50px;
    line-height: 30px;
    padding: 10px 15px;
    width: 85%;
    outline: none;
    color: #999999;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    transition: color 200ms linear 0s;
    -moz-transition: color 200ms linear 0s;
    -webkit-transition: color 200ms linear 0s;
}
.cmodal-content input[type="text"], 
.cmodal-content input[type="email"], 
.cmodal-content input[type="search"], 
.cmodal-content input[type="password"],  
.cmodal-content input[type="tel"],
.cmodal-content textarea {
    background-color: #fff;
}
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="search"]:focus, 
input[type="password"]:focus, 
textarea:focus {
    color: #292422;
}
textarea {
    resize: none;
}
input[type="submit"] {
    background-color: #d9d9d9;
    color: #3a3a3a;
    font-size: 24px;
    margin-top: 15px;
    min-height: 45px;
    padding: 10px 20px;
    text-shadow: none;
}
.cmodal-content input[type="submit"] {
    width: 100%;
    background-color: #d9d9d9;
}
input:invalid, textarea:invalid {
    box-shadow: none;
}
label {
    position: relative;
}
input[type="checkbox"] {
    float: left;
    opacity: 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
input[type="checkbox"] + label {
    color: #3c3c3c;
    display: block;
    font-family: Abel;
    font-size: 13px;
    font-weight: normal;
    margin-left: 45px;
    text-align: left;
    text-transform: none;
    cursor: pointer;
    margin-bottom: 0;
}
input[type="checkbox"] + label:after {
    background-color: #fff;
    content: "";
    display: block;
    font-size: 28px;
    height: 30px;
    left: -45px;
    line-height: 30px;
    padding-left: 4px;
    padding-top: 2px;
    position: absolute;
    top: 4px;
    width: 30px;
}
input[type="checkbox"]:checked + label:after {
    content: "✔";
}
/* Contact form 7 */
.wpcf7-form{
    max-width: 800px;

}
.wpcf7-form p{
    float: left;
    width: 100%;
}
.wpcf7-form label{
    float: left;
    line-height: 50px;
    min-height: 50px;
    text-align: center;
    width: 40%;
    margin-bottom: 0;
}
.wpcf7-form span.wpcf7-form-control-wrap {
    float: right;
    width: 60%;
}
.wpcf7-form textarea.wpcf7-textarea {
    height: 100px;
}
.wpcf7-form .button-wrap{
    width: 40%;
    text-align: center;
}
.wpcf7-form .button-wrap .wpcf7-submit{
    margin-top: 0;
}
.wpcf7-form .wpcf7-response-output {
    border: 0 none;
    float: right;
    margin: 0;
    width: 60%;
}

/*------------------------------------------------------------------
        [9.0 Footer]
*/
#page-footer {
    margin-top: 0px; 
}
#page-footer #footer-bottom {
    padding: 95px 0 40px;
}
#footer-bottom {
    line-height: 40px;
}
#footer-bottom .row {
    margin-left: 0;
    margin-right: 0;
}
.footer-column {
    min-height: 1px;
    position: relative;
    float: left;
    margin-left: 2.95%;
}
.footer-column:first-child {
    margin-left: 0;
}
.footer-column.fc-1 {
    width: 23.7%;
}
.footer-column.fc-2 {
    width: 15.8%;
}
.footer-column.fc-3 {
    width: 14.5%;
}
.footer-column.fc-4 {
    width: 14.5%;
}
.footer-column.fc-5 {
    width: 19.7%;
}
#footer-bottom h6 {
    color: #fff;
    margin-bottom: 0;
    line-height: 25px;
}
.footer-contact {
    line-height: 32px;
    font-size: 18px;
}
ul.footer-menu {
    list-style: none;
    line-height: 28px;
}
ul.footer-menu a{
    color: #999;
}
ul.footer-menu li:first-child a{
    color: #fff;
    font-family: Oswald;
    font-weight: bold;
    line-height: 25px;
    text-transform: uppercase;
}
.social {

}
/* .social a {
        display: inline-block;
        width: 62px;
        height: 62px;
        margin-right: 20px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100%;
}
.social a:last-child {margin-right: 0;}
.social a.facebook_link {background-image: url('includes/images/social-facebook.png');}
.social a.twitter_link {background-image: url('includes/images/social-twitter.png');}
.social a.youtube_link {background-image: url('includes/images/social-youtube.png');} */
.social .icons a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
}
.social .icons a:last-child {
    margin-right: 0;
}
.social .icons a .icon {
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    transition: color 300ms linear 0s;
    width: 40px;
    margin-left: 0;
    display:block;
    color: #fff;
    transition: color 300ms linear 0s;
    -moz-transition: color 300ms linear 0s;
    -webkit-transition: color 300ms linear 0s;
}
.social .icons a:hover .icon {
    color: #f18d28;
}
#page-footer .block {
    padding: 30px 0;
}
#page-footer .form-description {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    line-height: 45px;
}
#page-footer #footer-bottom .copyright {
    width:100%;
    text-align:center;
    margin-top:80px;
    float:left;
}
#page-footer #footer-bottom .copyright h6 {
    color: #dedede;
    margin-bottom: 10px;
}
#page-footer #footer-bottom .copyright p {
    color: #747474;
    line-height: 21px;
}
.fontmin {font-size:0 !important;}
.sub-page .blog-post {
    position:relative;
    animation: 1s ease 0s normal both 1 running fade_in;
    -moz-animation: 1s ease 0s normal both 1 running fade_in;
    -webkit-animation: 1s ease 0s normal both 1 running fade_in;
}
#page-footer #footer-bottom button.newsletter-temp {
    background-color: #575757;
    font-size: 21px;
    margin-bottom: 80px;
    margin-top: 15px;
    padding: 15px;
}
.cmodal-content {
    position: fixed;
    top: 150px;
    left: 50%;
    background-color: #f3f3f3;
    padding: 35px 15px 50px;
    width: 400px;
    max-width: 100%;
    margin-left: -200px;
    -ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
    transition: opacity 300ms linear 0ms, transform 300ms linear 0ms, visibility 0ms linear 300ms;
    -moz-transition: opacity 300ms linear 0ms, transform 300ms linear 0ms, visibility 0ms linear 300ms;
    -webkit-transition: opacity 300ms linear 0ms, transform 300ms linear 0ms, visibility 0ms linear 300ms;
    visibility:hidden;
    opacity:0;
    z-index: 130;
}
.cmodal-close {
    position: absolute;
    width: 26px;
    height: 28px;
    top: -28px;
    right: -70px;
    background: url('includes/images/close-menu.png') 0 0 no-repeat transparent;
    cursor: pointer;
}
.cmodal-content.visible {
    visibility:visible;
    opacity: 1;
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay:0s;
}
.cf7m-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    transition: opacity 300ms linear 0ms, visibility 0ms linear 300ms;
    -moz-transition: opacity 300ms linear 0ms, visibility 0ms linear 300ms;
    -webkit-transition: opacity 300ms linear 0ms, visibility 0ms linear 300ms;
    visibility:hidden;
    opacity:0;
    z-index: 120;
}
.cf7m-overlay-container {
    position: fixed;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    background-color: none;
    transition: opacity 300ms linear 0ms, visibility 0ms linear 300ms;
    -moz-transition: opacity 300ms linear 0ms, visibility 0ms linear 300ms;
    -webkit-transition: opacity 300ms linear 0ms, visibility 0ms linear 300ms;
    visibility:hidden;
    opacity:0;
    z-index: 120;
}
.cf7m-overlay.visible, 
.cf7m-overlay-container.visible  {
    opacity: 1;
    visibility:visible;
    transition-delay:0s;
}
.cmodal-content {
    text-align: center;
    text-shadow: none;
}
.cmodal-content p,
.cmodal-content h5 {
    color: #3c3c3c;
}
.cmodal-content h5 {
    margin-bottom: 10px;
}
.cmodal-content p {
    line-height: 30px;
    margin-bottom: 30px;
}
.cmodal-content form {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.cmodal-content p.modal-caption {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 30px;
    text-transform: none;
}
.cmodal-content p.modal-caption a {
    color: #333;
    text-decoration: underline;
}

/* moonray-form overwrite*/
.moonray-form{
    width: 100%!important;
}
.moonray-form-label{
    width: 180px !important;
    font-family: Abel!important;
    text-align: inherit!important;
    line-height: 28px!important;
    font-weight: 400!important;
    font-style: normal!important;
    color: #303030!important;
    font-size: 18px!important;
    text-transform: uppercase!important;
    float: left;
}
.moonray-form-input-type-text .moonray-form-input, 
.moonray-form-input-type-email .moonray-form-input, 
.moonray-form-input-type-date .moonray-form-input, 
.moonray-form-input-type-range .moonray-form-input, 
.moonray-form-input-type-password .moonray-form-input, 
.moonray-form-input-type-file .moonray-form-input, 
.moonray-form-input-type-number .moonray-form-input, 
.moonray-form-input-type-tel .moonray-form-input, 
.moonray-form-input-type-select .moonray-form-input, 
.moonray-form-input-type-textarea .moonray-form-input{
    color: #292422!important;
    font-family: Oswald!important;
    width: 298px;
    margin-bottom: 20px!important;
}
.moonray-form-input-type-submit .moonray-form-input{
    font-size: 24px!important;
    color: #424242!important;
    border: 0 none!important;
    font-family: Oswald!important;
    text-transform: uppercase!important;
    white-space: normal!important;   
    max-width: 100%!important;
    -webkit-appearance: button!important;
    cursor: pointer!important;
    background-color: #d9d9d9!important; 
    float: left!important;
    margin-left: 180px;
}
.moonray-form-input-type-submit .moonray-form-input:hover {
    background-color: #424242!important;
    color: #ffffff!important;
}
/*------------------------------------------------------------------
        [10.0 Blog]
*/
.blog-posts {
    margin-bottom: 35px;
}
#blog-title h1{
    font-family: Abel;
    padding-top: 100px;
    text-align: center;
}
.blog-post {
    margin-bottom: 50px;
}
.blog-post .featured-wrapper {
    position:relative;
    width:100%;
    margin-bottom: 40px;
    height:100%;
    float:left; 
}
.col-md-8 .blog-post .featured-wrapper .post-featured-image img{
    /* width:100%; */
}
.col-md-8 .blog-post .featured-wrapper .spacial-active-slide .post-featured-image img {
    display: block;
    margin: 0 auto;
}
.blog-post .date-square {
    float: left;
    display: inline-block;
    position: absolute;
    text-align: center;
    width:70px;
    height:70px;
    float:right;
    right:0;
    color: #ffffff;
    z-index: 99;
    top:0;
}
.blog-post .date-square .date-square-content {
    left: 0;
    margin: auto;
    top: 4px;
    right: 0;
}
.blog-post .date-square .date-square-content .day {
    font-size: 40px;
    line-height: 40px;
    padding: 4px 0 0;
}
.blog-post .date-square .date-square-content .month {
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}
#from-the-blog .blog-post .blog-post-content {
    padding-right: 160px;
    position: relative;
}
#from-the-blog .blog-post-content .read-more {
    bottom: 0;
    position: absolute;
    right: 0;
}
#from-the-blog .load_more_posts {

}
.blog-post .blog-post-content h4 {
    float:left;
    width:100%;
    margin-bottom: 25px;
    color: #575757;
    font-weight: normal;
}
.blog-post .blog-post-content h4 a {
    color:#575757;
}
.blog-post .blog-post-content p {
    font-size: 18px;
    /* font-family: Oswald; */
    font-weight: 300;
    /* color: #8d8d8d; */
    line-height: 32px;
}
#blog-post .author ,.blog-post .blog-post-content .author {
    color: #8d8d8d;
    font-size: 16px;
}
#blog-post .author a,.blog-post .blog-post-content .author a {
    color: inherit;
}
#blog-post .comment-content .author ,.blog-post .blog-post-content .comment-content .author {
    font-size: 18px;
    text-transform:capitalize;
    color:#182a36;
}
#blog-post .comment-content .meta ,.blog-post .blog-post-content .comment-content .meta {
    margin-bottom:20px;
}
.blog-post.postfomrat-video iframe {
    width:100%;
}
.blog-post .spacial-direction-nav a {
    color:dcdcdc;
}
.single #blog-post #main h3.comments-title,.single #blog-post #main .author h3, .single #reply-title, .post-share h3  {
    clear: both;
    font-size: 21px;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.post-share {
    margin: 40px 0;
}
.post-share h3{
    display: inline-block;
    line-height: 40px;
    margin: 0;
    vertical-align: top;
}
.post-share .social{
    display: inline-block;
    margin-left: 20px;
}
.post-share .social .icons{
    display: inline-block;
}
.post-share .icons a .icon {
    color: #424242;
}
.related-topics {

}
.related-topics h3.rt-title {
    clear: both;
    font-size: 24px;
    margin: 50px 0;
    text-transform: uppercase;
    text-align: center;
}
.single .comment .author-image {
    display: inline-block;
    float: left;
    max-width: 70px;
}
.single .comment .children {
    margin-left: 15px;
}
.single .comment .comment-content {
    border-bottom: 1px solid #edeae6;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-left: 80px;
}
.single .comment .comment-content .author {
    font-size: 14px;
}
.single .comment .comment-content .author .comment-reply-link {
    text-transform:uppercase;
    font-size:14px;
    float:right;
    color:#182a36;
}
.single .comment .comment-content .meta {
    font-size: 14px;
}
.single .post-footer .social .icons {
    padding: 10px 0;
}
.single .post-footer .social .icons a {
    margin-left: 10px;
}
.single .reply-form textarea {
    min-height: 150px;
}
.featured-404 {
    padding: 0 0 80px 0;
}
#respond {
    margin-bottom: 30px;
}
#respond input[type="text"], 
#respond input[type="email"], 
#respond textarea {
    font-size: 18px;
    text-transform: none;
}
#respond textarea {
    height: 110px;
    margin-bottom: 0;
}
.post-blog-link {
    clear: both;
    color: #182a36;
    font-family: Oswald;
    font-size: 21px;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.single a.post-blog-link {
    text-decoration: underline;
}
.single  .about-author {
    width:100%;
    height:auto;
    min-height:180px;
    background:#f8f8f8;
    margin:20px 0 40px 0;
    float:left;
}
.single .image-block {
    float: left;
    height: 100%;
    width: 25%;
}
.single  .about-author .author-img {
    clear: both;
    display: block;
    float: left;
    width:100% !important;
}
.about-author .author {
    float: left;
    margin-top: 30px;
    padding: 0 3%;
    width: 75%;
}
.author-description {
    float: left;
    max-width: 570px;
    padding: 0 3%;
    width: 75%;
}
.about-author .author h3{
    display: inline-block;
}
.about-author .social {
    float:right;
}
.spacial-direction-nav {
    bottom: 55px;
    position: absolute;
    right: -10px;
    margin-bottom:0 !important;
}
.single aside ul, 
#comments ol.comment-list,
#comments ol.children {
    list-style: none outside none;
    padding-left: 0;
}
.single #comments {
    clear:both;
}
.single-post .blog-post {
    margin-bottom:0;
}
.sub-page .navigation-wrapper {
    position: absolute;
}
.single-portfolio h3 {
    margin-bottom: 30px;
}
.single .post-info {
    margin:15px 0 24px 0;
}
.single .post-info .post-author {
    display: block;
    float: left;
    margin: 0 20px 0 0;
}
.single .post-info .post-comments {
    display: block;
    float: left;
    margin: 0 0;
}
.single .post-info div.post-comments span {
    padding:0 0 0 5px;
}
.single .post-content  {
    margin-right: 5%;
}
.fluid-width-video-wrapper {
    height:100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/*------------------------------------------------------------------
        [Guided tour]
*/
/* TEMP */
.single-guided-tour .navigation,
.single-guided-tour footer {
    display: none;
}
.site-main .gt-article {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.gt-article .gt-image {
    width: 100%;
    height: auto;
}
.gt-article .gt-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
.gt-article .gt-focus {
    position: absolute;
    /* left: 5%;
    top: 5%; */
    z-index: 2;
    /* width: 400px;
    height: 300px; */
    overflow: hidden;
    opacity: 0;
    transition: opacity 300ms linear 600ms;
    -moz-transition: opacity 300ms linear 600ms;
    -webkit-transition: opacity 300ms linear 600ms;
}
.gt-article .gt-focus.loaded {
    opacity: 1;
    transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}
.gt-article .gt-focus-wrap {
    /* height: auto;
    max-width: none; */
}
.gt-article .gt-focus-img {
    height: auto;
    width: 100%;
    position: relative;
    /* left: -5%;
    top: -5%; */
}
.gt-article .gt-box {
    position: absolute;
    z-index: 3;
    width: 400px;
    min-height: 190px;
    top: 0;
    left: 0;
    padding: 25px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-color: #fff;
    color: #666666;
    font-size: 18px;
    opacity: 0;
    -ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
    transition: opacity 300ms linear 300ms, transform 300ms linear 300ms;
    -moz-transition: opacity 300ms linear 300ms, transform 300ms linear 300ms;
    -webkit-transition: opacity 300ms linear 300ms, transform 300ms linear 300ms;
}
.gt-article .gt-box h1, .gt-article .gt-box h2, .gt-article .gt-box h3, .gt-article .gt-box h4, .gt-article .gt-box h5, .gt-article .gt-box h6 {
    color: #666666;
    text-transform: uppercase;
    font-weight: normal;
}
.gt-article .gt-box p{
    color: #666666;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 15px;
}
.gt-article .gt-box ul {
    margin-left: 40px;
    margin-bottom: 10px;
}
.gt-article .gt-box ul li{
    margin-bottom: 5px;
}
.gt-article .gt-box.loaded {
    opacity: 1;
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
    transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
}
.gt-article .gt-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;	
}
.gt-article .gt-arrow.gt-arrow-none {
    display: none
}
.gt-article .gt-arrow.gt-arrow-top {
    top: -55px;
    border-width: 0 45px 55px 45px;
}
.gt-article .gt-arrow.gt-arrow-right {
    right: -55px;
    border-width: 45px 0 45px 55px;
}
.gt-article .gt-arrow.gt-arrow-bottom {
    bottom: -55px;
    border-width: 55px 45px 0 45px;
}
.gt-article .gt-arrow.gt-arrow-left {
    left: -55px;
    border-width: 45px 55px 45px 0;
}
.gt-links {
    text-align: center;
    margin-top: 30px;
}
.gt-links a {
    color: #666666;
    text-transform: uppercase;
    margin: 5px;
}
.gt-links a.gt-next {
    font-weight: bold;
    font-size: 26px;
}
.gt-links span.gt-or {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.gt-links a.gt-or-link {
    background-color: #f3f3f3;
    font-size: 42px;
    font-weight: bold;
    padding: 15px 40px 10px;
}
.gt-links a.gt-or-link.no_bg {
    background-color: transparent;
    padding: 0;
    text-decoration: underline;
}
/*------------------------------------------------------------------
        [11.0 Sidebar]
*/

/*Custom Sidebar changes:*/
.col-md-4{
	background-color: #f3f3f4;
}

.sidebar .widget-title {
    clear: both;
    font-size: 21px;
    margin: 0 0 10px;
    text-transform: uppercase;
	color: darkgray;
}
.headline-border {
    padding: 0 0 0 9px;
}
.sidebar .textwidget {
    line-height: 24px;
}
.sidebar aside {
    padding:10px 0 10px 0;
}
.sidebar aside:first-child {
    border-top:0;
    padding-top:15px;
}
.sidebar ul {
    list-style:none;
    margin:0;
}
.sidebar ul li {
    padding-bottom: 0px;
    line-height: 28px;
    font-size: 16px;
	list-style-type: circle;
    list-style-position: inside;
	color: white;
	padding-left: 15px;
}
.sidebar ul li a{
    color: #8d8d8d;
}
.sidebar .tagcloud a {
    padding: 12px 22px 12px 22px;
    margin: 0px 6px 10px 0;
}

aside#newsletter_signup_widget-3 {
    padding-top: 20px;
    padding-bottom: 45px;
}

aside#newsletter_signup_widget-2 {
    padding-top: 20px;
    padding-bottom: 45px;
}

/*------------------------------------------------------------------
        [11.1 - Widget]
*/
/*------------------------------------------------------------------
        [11.1.1 - Widget Calendar]
*/
.widget_calendar #calendar_wrap #wp-calendar caption {
    text-align:center;
    border-bottom:1px solid #EEE;
    padding:20px 0;
    width: auto;
    font-size:20px;
}
.widget_calendar #calendar_wrap #wp-calendar th {
    padding: 20px;
    text-align:center;
}
.widget_calendar #calendar_wrap #wp-calendar td {
    padding: 5px 0;
    text-align:center;
}
.widget_calendar #calendar_wrap #wp-calendar td#today {
    background-color: rgba(0, 0, 0, 0.03);
    border: 3px solid #C6C6C6;
}
.widget_calendar #calendar_wrap #wp-calendar td#prev {
    text-align:left;
    padding:10px 0;
}
.widget_calendar #calendar_wrap #wp-calendar td#next {
    text-align:right;
    padding:10px 0;
}
.widget_calendar #calendar_wrap #wp-calendar td#prev a,
.widget_calendar #calendar_wrap #wp-calendar td#next a {
    font-size:16px;
}
.widget_calendar #calendar_wrap #wp-calendar td a {
    text-decoration:underline;
}
.widget_categories ul li ul {
    padding-left: 10px;
}
.widget select {width:100%; }
/*------------------------------------------------------------------
        [11.1.2 - Widget RSS]
*/
.widget_rss  ul li a.rsswidget {
    display: block;
    padding: 0 0 5px;
    width: 100%;
}
.widget_rss  ul li {
    border-bottom: 1px solid #EDEAE6;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display:block;
}
.widget_rss  ul li .rss-date {
    color:rgba(0, 0, 0, 0.5);
    padding: 0 0 5px;
    display: block;
}
.widget_rss  ul li .rssSummary {
    margin:0 0 20px;
    display:block;
}
.widget_rss  ul li cite {
    display: block;
    padding:0 0 10px 0; 
}
.widget_rss  ul li .rss-date:before,
.widget_rss  ul li cite:before,
.widget_meta ul li a:before,
.widget_recent_comments ul li > a:first-child:before {
    font-family: 'ElegantIcons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    padding:0 5px 0 0;
}
.widget_rss  ul li .rss-date:before {
    content:"";
}
.widget_rss  ul li cite:before {
    content:"";
}
.widget_meta ul li a:before {
    content:"";
}
.widget_recent_comments ul li > a:first-child:before {
    content:"";
}
.widget_nav_menu ul li  ul,
.widget_pages ul li  ul {
    padding-left:10px;
}
.widget_text p {
    opacity:1 !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/*------------------------------------------------------------------
        [12.0 Custom Contact form 7]
*/
/*------------------------------------------------------------------
        [13.0 Visual composer custom style]
*/
/*------------------------------------------------------------------
        [13.1 Accordion]
*/
.wpb_accordion {

}
.wpb_accordion_section{

    padding:10px 0;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{
    color:#182a36;
    background-color: #f3f3f3;
    text-transform: uppercase;
    padding: 15px 30px !important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a strong, 
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a span,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a b{
    display: block;
    font-family: Oswald;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a {
    color:#182a36;
    background-color: #d9d9d9;
}
.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e,
.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
    display: none !important;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    border-bottom: 1px solid #d9d9d9;
}

/*------------------------------------------------------------------
        [13.2 Tabs]
*/
[data-icon]:before {
    font-family: 'ElegantIcons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 18px;
    text-transform: none;
    top: 16px;
    cursor:pointer;
}
.fs1plus {
    color:#182a36;
}
.fs1minus {
    color:#ffffff;
    top: 17px;
}
.wpb_accordion_header.ui-state-active .fs1plus,
.wpb_accordion_header .fs1minus  {
    display:none;
}
.wpb_accordion_header.ui-state-active  .fs1minus {
    display:block;
}
.wpb_content_element .wpb_tabs_nav li {
    background:#f8f8f8 !important;
    display:table-cell !important;
    float:none !important;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;	
    text-align:center;
    width:1%;
    white-space: normal !important;
    position: relative;
}
.wpb_content_element .wpb_tabs_nav li:first-child {
    border-left: none;
} 
.wpb_tab.ui-tabs-panel.wpb_ui-tabs-hide.vc_clearfix.ui-widget-content.ui-corner-bottom {
    border:1px solid #f8f8f8;
    border-top:0;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active  {
    background:#ffffff !important;
    border-top:1px solid #f8f8f8;
    border-bottom:none; 
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    padding:12px 0px !important;
    display:block;
    outline: 0 none;
    position: relative;
    color:#000000;
}
.ui-tabs-nav {
    display: inline-block;
    width:100%;
    list-style: outside none none;
    border-left: 1px solid #f8f8f8;	
    border-right: 1px solid #f8f8f8;	
}
.ui-tabs-nav :after {
    clear: both;
}
.ui-tabs-nav:after,
.ui-tabs-nav:before {
    content:initial !important;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {
    padding: 14px 12px 20px 27px !important;
}
/*------------------------------------------------------------------
        [14.0 - Media Queries]
*/
@media (min-width: 1200px) and (max-width: 1920px) {
    .portfolio-item .link-area {
        min-height:330px;
        max-width:360px;
    }
}
@media (max-width: 1350px) {
    .spacial-widget {
        width: 210px;
    }
}
@media (min-width: 991px) and (max-width: 1200px) {
    .portfolio-item .link-area {
        min-height:330px;
        max-width:360px;
    }

    .flexslider .slides  h1 {
        font-size:62px !important;
        line-height:62px;
    } 

    }   
@media (max-width: 1200px) {
	.header-status {
        display: none;
    }
    .spacial-widget{
        margin-left: 10%;
	}  
    .site-main .gt-article {
        overflow: visible;
    }
    .gt-article .gt-box {
        font-size: 24px;
    }
    .gt-article .gt-box p{
        font-size: 24px;
    }
    .gt-links a.gt-next {
        font-size: 32px;
    }
    .gt-links a.gt-or-link {
        font-size: 42px;
    }
}
@media  (max-width: 991px) {
    .call-to-action {
        text-align:center;
    }
    .navigation .navbar .navbar-header {
        background: none;
        height: 0;
        width: 190px;
    }
    /* .spacial-widget, .header-tour-button {
            display: none;
    } */
    .gt-article .gt-box {
        border-radius: 0;
        float: left;
        left: 0 !important;
        top: 100% !important;
        width: 100% !important;
        background-color: #f3f3f3 !important;
    }
    .gt-article .gt-arrow {
        display: none;
    }
}
@media  (max-width: 850px) {
    .spacial-widget, .header-tour-button {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .description {
        font-size: 14px !important;
    }
    .team-member-image img {
        width: 100%;
    }

    .vc_responsive .wpb_row .vc_span3 {
        width: 50% !important;
    }

    .flexslider .slides  h1 {
        font-size:38px !important;
        line-height: 38px;
    } 
    #footer-bottom .footer-column.fc-1, #footer-bottom .footer-column.fc-5 {
        width: 100%;
        margin-bottom: 35px;
        margin-left: 0;
        text-align: center;	
    }
    #footer-bottom .footer-column.fc-2, #footer-bottom .footer-column.fc-3, #footer-bottom .footer-column.fc-4 {
        width: 32%;
        margin-left: 2%;
        margin-bottom: 35px;
        text-align: center;
    }
    #footer-bottom .footer-column.fc-2 {
        margin-left: 0;
    }
    .feature-carousel-wrap .carousel-slide {
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .admin-bar .navigation .spacial-toggle-right,
    .admin-bar .navigation .spacial-toggle-left,
    .admin-bar .navigation-close {
        top: 62px;
    }
    h1 {
        font-size: 34px !important;
    }
    h2 {
        font-size: 28px;
        margin-bottom: 50px;
    }
    h3 {
        font-size: 18px;
        margin-bottom: 50px;
    }
    .site img {
        width: inherit !important;
        max-width: 100%;
    }
    section.block {
        padding: 40px 0;
    }

    .flexslider .slides  h1 {
        font-size:38px !important;
        line-height: 38px;
    } 

    .blog-post .date-square .date-square-content {
        top: 2px;
    }

    .single article .social {
        float: none !important;
    }
    .copyright {
        margin-bottom: 30px;
        text-align:center;
    }
    .child-navigation {
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        background-color: transparent !important;
    }

    .child-navigation:after, .child-navigation:before {
        display: none !important;
    }
    .icon-bar {
        background-color: #292422;
    }
    .navigation nav a:after, .navigation nav a:before {
        display: none !important;
    }
    .navbar-collapse {
        overflow: hidden;
    }
    #page-title img {
        max-width: inherit !important;
        width: inherit !important;
    }
    .portfolio-item img,
    .product-item  img {
        width: 100% !important;
    }
    .portfolio-filter ul li,
    .products-filter ul li  {
        display: block;
        margin-bottom: 10px;
        margin-right: 0px;
    }
    .team-member-image img {
        width: 100% !important;
    }

    #wpadminbar {
        position:fixed !important;
    }
    .flex-direction-nav a.flex-next,
    .flex-direction-nav a.flex-prev {
        background-size:50%;
    }

    .flex-direction-nav a {
        top:40%;
    }
    .wpb_content_element .wpb_tabs_nav li {
        float:left !important;
        width:100% !important;
    }
    .wpb_wrapper > .feature.center  {
        margin-left: auto;
        margin-right: auto;
        max-width: 460px;
    }
    .wpb_wrapper > .feature.center figure {
        float: left;
    }
    .wpb_wrapper > .feature.center .feature-content {
        margin-left: 120px;
        margin-top: 35px;
        text-align: left;
    }
    #footer-bottom .footer-column {
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-bottom: 35px;
    }
    .site .feature-navigation img {
        width: 65px !important;
    }
	/*    .bx-viewport {
			overflow: visible !important;
		}*/
    #page-title .homeheader-text {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 50px;
    }
    #page-title .homeheader-button {
        font-size: 18px;
        padding: 0 30px;
    }
}
@media (max-width: 500px) {
    .price-table  thead{
        display: none;
    }
    .price-table  tr{
        display: block;
        margin-top: 20px;
        border-bottom: 1px solid #999999;
    }
    .price-table  tr td{
        display: block;
        width: 100% !important;
        border-bottom: 0 none;
    }
    #page-title .homeheader-text {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    #page-title .homeheader-button {
        font-size: 16px;
        padding: 0 20px;
    }
    #from-the-blog .blog-post .blog-post-content {
        padding-right: 0;
    }
    #from-the-blog .blog-post-content .read-more {
        position: relative;
        text-align: center;
    }
}
@media (max-width: 460px) {

    #page h1,
    #page h2,
    #page h3,
    #page h4,
    #page h5,
    #page h6 {
        word-wrap: break-word;
    }
    .navigation .spacial-toggle-right {
        right: 20px;
    }

    .sub-page #page-title .title {
        top:45%;
    }
    .flexslider .slides  h1 {
        margin-bottom: 25px !important;
        padding: 20% 0 0 0;
        font-size:26px !important;
        line-height: 26px;
    }
    .flexslider .slider-mouse {
        top:-30px;
    }
    .spacial-slidebar.spacial-active {
        padding: 0 0 0 42px;
    }
    .navbar-nav.spacial-menu {
        margin-top:25px;
    }
    #page-footer #footer-bottom {
        padding: 50px 0 0;
    }
    body.admin-bar .spacial-slidebar {
        top:46px;
    }
    .flex-direction-nav a {
        display:none;
    }

}

/*------------------------------------------------------------------
        [15.0 - Help Center Page]
*/
.help-center-search-wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 5px #808080;
    margin: 0 auto;
    padding-bottom: 55px;
    padding-top: 30px;
    padding: 0;
    margin-top: 10px;
}
.help-center-search-small {
    clear: both;
    display: block;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
    width: 980px;
}
.help-center-search-small input[type="search"], #query, #suggestions_query {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/wp-content/themes/spacial/includes/images/support/search-icon.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px 20px 20px 20px;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.25) inset;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin: 0;
    outline: medium none;
    padding: 10px 45px 10px 20px;
    position: relative;
    width: 100%;
}
.support-wrapper {
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 50px;
}
.support-wrapper > h1 {
    color: #666666;
    font-size: 30px;
    font-weight: normal;
    margin: 20px 0;
}
.support-inner {
    background: linear-gradient(to bottom, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border: 1px solid #E4E4E4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #F1EBEB;
    float: left;
    height: 88px;
    margin-bottom: 9px;
    margin-right: 10px;
    padding: 10px 5px 10px 10px;
    width: 335px;
}
.support-inner:hover {
    box-shadow: 0 0 3px #FC930B;
}
.support-box {
    float: left;
}
.support-login {
    font-size: 14px; 
    border: 1px solid black;
}
.support-contents  {
    color: #414141;
    font-size: 12px;
    margin-left: 15px;        
    float: left;
}
.support-contents p{
    font-size: 12px!important;
}
.support-contents > h2 {
    color: #717171;
    padding: 0 0 5px;
    margin-bottom: 0px;
    font-size: 20px;
}
.support-box > img {
    width: 70px;
}
#help-center-sidebar {
    float: right;
    margin-left: -259px;
    width: 242px;
    margin-top: 15px;
}
.side-box-content {
    padding: 0 10px;
    width: 231px;
    background-color: #F6F6F6;
}
.blue_box_top,.blue_box_bottom {
    display:none;
}
.side-box-content h3 {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    margin-bottom: 12px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 5px 10px 10px;
    text-align: center;
    text-transform: uppercase;
}
.side-box-content p {
    font-size: 13px;
    line-height: 1.5em;
    margin: 10px 0;
    word-wrap: break-word;
}
.express-access {
    background: none repeat scroll 0 0 #000000;
    margin-left: -10px;
    margin-right: -10px;
    padding:4px 0 3px;
    text-align: center;
}
.express-access > img {
    margin-left: -40px;
}
.help-center-products {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}
.help-center-products > li {
    padding: 3px 0;
}
.help-center-products a {
    color: #000000;
}
.search-inner {
    width: 980px;
    margin: 0 auto;
}
.search-inner > h1 {
    color: #000000;
    font-size: 30px;
    text-align: center;
}    
.search-inner p{
    margin:0;
    padding:0;
}

#query, #suggestions_query, #q {           
    padding-left: 30px;
    vertical-align: middle; 
}
div#contentwrapper {
    float: left;
    width: 100%; }
div#contentcolumn {
    margin-right: 258px; }

/*------------------------------------------------------------------
    [16.0 - What We Do Page]
*/
.what-we-do-bottom-logo {
    margin-top: 25px;
    margin-left: 40px;
}