/**
	ontheway coming soon HTML5 creative Template
 	Copyright (c) 2014, Subramanian 

	Author: Subramanian
    Profile: themeforest.net/user/FMedia/
	
    Version: 1.0.0
	Release Date: December 2014
	
**/


body,
html {
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    margin-right: 0!important
}
body.forceAddScr,
html.forceAddScr {
    overflow: auto!important
}
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: body_font, sans-serif;
    overflow-x: hidden;
    background-color: #fff;
    color: #222;
    font-size: 14px;
    font-weight: 500
}
@media screen and (max-width: 991px) {
    body {
        overflow-x: hidden;
        overflow-y: auto
    }
}
@media screen and (max-width: 767px) {
    body {
        padding: 0!important
    }
}
.pageFade {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 354800000002;
    overflow: hidden
}
.pageFade .bottom_bar,
.pageFade .top_bar {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.pageFade .top_bar {
    top: 0
}
.pageFade .bottom_bar {
    bottom: 0
}
.homePageContent {
    overflow-y: auto!important;
    overflow-x: hidden!important
}
.bodyContainer {
    position: relative;
    width: 100%;
    top: 0;
    overflow: hidden
}
.mainContent {
    position: relative;
    left: 0;
    margin: 0;
    padding: 25px 0 0;
    -webkit-transition: translate3d(0, 0, 0);
    overflow: auto
}
.mainContent_holder {
    position: relative;
    display: block;
    z-index: 60
}
.contentWrapper {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    left: 0;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    outline: 0;
    z-index: 50
}
.contentWrapper.fullWidth {
    padding: 0!important;
    margin: 0!important;
    overflow-x: hidden
}
.container-fluid.full-Height {
    height: 100%!important
}
.fullWidth {
    width: 100%;
    padding: 0
}
.titleTop,
.titleTopLarge {
    padding: 10px 0
}
.homePageContent,
.max_height {
    position: relative
}
.homePageContent .center_border.top {
    bottom: 0!important;
    top: auto
}
.homePageContent .center_border {
    position: absolute;
    width: 1px;
    height: 0;
    left: 50%;
    top: 0;
    opacity: .25;
    background-color: #fff
}
.homePageContent .center_border.appear {
    height: 100%
}
@media only screen and (max-width: 767px) {
    .fullWidth {
        padding-left: 0;
        padding-right: 0
    }
    .homePageContent .noMargin {
        margin: 0!important
    }
}
.bottomContent {
    position: relative;
    width: 100%;
    top: 0;
    left: 0
}
.homeBack {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .85);
    z-index: 55
}
.homeBackground {
    position: absolute;
    visibility: visible;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}
@media screen and (max-width: 991px) {
    .homeBack {
        display: none!important
    }
    .homePageContent .center_border {
        display: none
    }
}
.logo {
    position: relative;
    width: 380px;
    padding-top: 5px;
    margin-left: 20px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
.logo img {
    bottom: 0;
    max-height: auto;
    width: 100%
}
.header_logo {
    min-height: 0;
    float: left
}
@media screen and (max-width: 991px) {
    .logo {
        position: relative;
        width: 100px;
        display: inline-block;
        height: 75px;
        margin: 0;
        padding: 10px 0;
        float: left
    }
    .logo img {
        height: 70px;
        max-height: none;
        width: auto;
        margin: 0;
        padding: 0
    }
    .header_logo {
        padding-right: 0;
        padding-left: 0
    }
}
.headerMainHolder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 1555;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.footer_left,
.footer_right {
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
    float: left
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .logo {
        height: 75px;
        margin-left: 0
    }
    .headerMainHolder {
        height: 75px
    }
    .logo img {
        height: 75px;
        max-height: none;
        width: auto;
        margin: 0;
        padding: 0
    }
}
@media screen and (max-width: 991px) {
    .headerMainHolder {
        height: 75px
    }
    .footer_left,
    .footer_right {
        width: 100%;
        padding: 0 0 10px
    }
    .footer_left {
        height: auto;
        padding: 10px!important;
        background-color: transparent!important
    }
}
.home_footer {
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #5a5a5a;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.moveToHide.headerMainHolder {
    top: -100px
}
.moveToHide.home_footer {
    bottom: -100px
}
.header {
    position: relative;
    width: 100%;
    height: 90px;
    max-height: 90px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    z-index: 20536;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    -webkit-transition: translate3d(0, 0, 0);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
.not_onepage_ver .header {
    position: absolute;
    height: 100px;
    max-height: 100px
}
.header.sticky {
    position: relative!important
}
.header.effect1 {
    top: -150px
}
.header.effect1.removeEffect {
    top: 0
}
.header:hover {
    overflow: visible
}
.header.topSpace {
    top: 0
}
.topHeader .header_content ul {
    margin: 0 auto;
    top: 15px!important;
    position: relative
}
.pageHide .topHeader ul.nav {
    top: 0!important;
    position: relative
}
.homeMenu {
    font-size: 15px;
    font-weight: 700;
    float: right;
    padding-top: 36px;
    display: inline-block
}
.homeMenu a {
    position: relative;
    display: inline-block;
    visibility: visible;
    padding-right: 40px;
    text-decoration: none
}
.homeMenu a .icon i {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .homeMenu a .icon i {
        font-size: 18px
    }
}
@media screen and (max-width: 991px) {
    .homeMenu a .icon i {
        font-size: 18px
    }
    .headerMainHolder {
        width: 100%
    }
    .home_footer {
        position: relative;
        height: 100px;
        bottom: -40px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .homeMenu {
        padding-top: 30px
    }
    .homeMenu a {
        padding-right: 40px
    }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
    .homeMenu {
        padding-top: 30px
    }
    .homeMenu a {
        padding-right: 25px
    }
}
@media screen and (max-width: 480px) {
    .homeMenu {
        padding-top: 30px
    }
    .homeMenu a {
        padding-right: 18px
    }
}
.hover_gray li img {
    -webkit-filter: grayscale(0)
}
.hover_gray li:hover img {
    -webkit-filter: grayscale(1)
}
.hover_gray li.current-img img {
    -webkit-filter: grayscale(0)
}
.hover_gray_inverse li img {
    -webkit-filter: grayscale(1)
}
.hover_gray_inverse li.current-img img,
.hover_gray_inverse li:hover img {
    -webkit-filter: grayscale(0)
}
.hover_alpha li {
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}
.hover_alpha li:hover {
    zoom: 1;
    -ms-filter: "alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}
.pgScrollUp {
    position: fixed!important;
    width: 30px;
    height: 30px;
    top: auto;
    left: auto;
    right: 60px;
    bottom: 20px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1000002;
    display: none;
    -webkit-transition-property: color, background;
    -webkit-transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: color, background;
    -moz-transition-duration: .2s, .2s;
    -moz-transition-timing-function: linear, ease-in;
    -o-transition-property: color, background;
    -o-transition-duration: .2s, .2s;
    -o-transition-timing-function: linear, ease-in;
    -ms-transition-property: color, background;
    -ms-transition-duration: .2s, .2s;
    -ms-transition-timing-function: linear, ease-in;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.pgScrollUp .btn_icon {
    background-image: url(../images/scrollup.png);
    background-image: -Webkit-image-set(url(../images/scrollup.png) 1x, url(../images/scrollup@2x.png) 2x);
    background-position: 0 100%;
    background-repeat: no-repeat
}
.white_ver .pgScrollUp .btn_icon {
    background-position: 102% 0
}
@media screen and (min-width: 992px) and (max-width: 1150px) {
    .pgScrollUp {
        bottom: 50px
    }
}
@media screen and (max-width: 991px) {
    .pgScrollUp {
        right: 40px;
        bottom: 30px
    }
}
@media screen and (max-width: 767px) {
    .pgScrollUp {
        right: 15px
    }
}
.email_loading {
    background: url(../images/loading_white.gif) center center no-repeat;
    background-image: -Webkit-image-set(url(../images/loading_white.gif) 1x, url(../images/loading_white@2x.gif) 2x);
    height: 32px;
    width: 32px;
    position: absolute;
    z-index: 0
}
#reply_joinus_message,
#reply_message {
    position: absolute;
    left: 0;
    text-align: left;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-top: 5px;
    float: none;
    color: #fff
}
#reply_joinus_message.email_loading,
#reply_message.email_loading {
    margin-left: 20px
}
@media screen and (max-width: 991px) {
    #reply_joinus_message,
    #reply_message {
        margin-top: -7px;
        right: auto;
        left: -10px
    }
}
.graph_container {
    position: relative;
    width: 280px;
    padding: 0;
    margin-top: 0;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    -webkit-transition: translate3d(0, 0, 0)
}
.graph_container ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    overflow-y: hidden
}
.graph_container li {
    width: 98%;
    height: 4px;
    margin: 28px 0 0;
    position: relative
}
.graph_container li:first-child {
    margin: 20px 0 0
}
.graph_container li.last {
    margin: 25px 0 0
}
.graph_container li>span {
    position: absolute;
    z-index: 1;
    top: -20px;
    margin: 0;
    padding: 3px 0 0;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px
}
.graph_container li a {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 4px;
    cursor: auto
}
.graph_container.style2 {
    position: relative;
    width: 98%;
    padding: 0;
    margin-top: 0
}
.graph_container.style2 ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    overflow-y: hidden
}
.graph_container.style2 ul li:first-child {
    margin: 25px 0 0
}
.graph_container.style2 li {
    width: 98%;
    height: 30px;
    margin: 36px 0 0;
    position: relative
}
.graph_container.style2 li.last {
    margin: 0
}
.graph_container.style2 li>span {
    position: absolute;
    z-index: 1;
    top: -28px;
    margin: 1px 0 40px 2px;
    padding: 3px 0 0;
    font-size: 14px;
    font-weight: 400
}
.graph_container.style2 li a {
    position: absolute;
    left: auto;
    right: 0;
    width: 0;
    height: 30px;
    top: 0;
    cursor: default
}
@media only screen and (max-width: 991px) {
    .staff_list .graph_container {
        margin: 0 auto;
        text-align: left
    }
}
.fm_drag-cursor {
    cursor: url(images/cursors/openhand.cur)
}
.fm_draging-cursor {
    cursor: url(images/cursors/closedhand.cur)
}
video {
    max-width: 100%;
    height: auto
}
#big-video-wrap {
    background-color: #000
}
#big-video-vid video {
    height: 100%
}
.addVideo {
    position: relative;
    overflow: hidden;
    line-height: 0
}
.video_content {
    position: relative;
    width: 100%;
    height: 548px;
    margin: 0 auto;
    overflow: hidden
}
.video_content.fullscreenVideo {
    height: 100%
}
.video_content.largeSize {
    width: 100%;
    height: 440px
}
.video_content.mini {
    height: 256px
}
.post_figure .video_content {
    height: 430px
}
.vid {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    visibility: visible;
    z-index: 20
}
.video_title {
    position: absolute;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px;
    z-index: 15
}
.video_title.placeBottom {
    bottom: 0
}
.video_title li {
    float: left;
    left: 0;
    display: block;
    margin: 0 20px 20px 0;
    list-style: none
}
.col-md-12 .video_content {
    height: 540px
}
.col-md-7 .video_content {
    height: 380px
}
.col-md-6 .video_content {
    height: 305px
}
.midVideo {
    height: 288px
}
.video_hover {
    background: url(../images/video_over.png);
    background: -Webkit-image-set(url(../images/video_over.png) 1x, url(../images/video_over@2x.png) 2x);
    cursor: pointer;
    display: inline-block;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 46%;
    left: 50%;
    z-index: 55;
    margin-left: -35px
}
.post_figure .video_hover {
    top: 37%
}
.video_hover:hover {
    background-position: -100% 0
}
.addVideo .fs_caption {
    visibility: visible
}
.bgVideoBtn {
    position: absolute;
    right: 50px;
    top: 150px
}
.videoMute,
.videoUnMute {
    cursor: pointer;
    z-index: 2622565695;
    overflow: hidden;
    position: relative;
    display: none
}
.videoUnMute {
    display: block
}
.videoUnMute .btn_icon {
    display: block;
    background-image: url(../images/video_button.png);
    background-image: -Webkit-image-set(url(../images/video_button.png) 1x, url(../images/video_button@2x.png) 2x);
    background-position: 0 0;
    background-repeat: no-repeat
}
.videoMute .btn_icon {
    display: block;
    background-image: url(../images/video_button.png);
    background-image: -Webkit-image-set(url(../images/video_button.png) 1x, url(../images/video_button@2x.png) 2x);
    background-position: -32px 0;
    background-repeat: no-repeat
}
.backGroundVideo {
    position: absolute!important;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}
.backGroundVideo .vid {
    margin: 0!important;
    left: 0;
    top: 0;
    position: relative
}
.backGroundVideo.bg_pattern1,
.backGroundVideo.bg_pattern2 {
    background-size: auto
}
body.addBackground {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed
}
.backGroundVideo.home_video {
    z-index: -1
}
.video_content img {
    max-height: none;
    max-width: 100%;
    width: 100%;
    height: auto
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .video_content {
        height: 440px
    }
    .col-md-12 .video_content {
        height: 380px
    }
    .col-md-6 .video_content,
    .col-md-7 .video_content {
        height: 300px
    }
    .video_content.largeSize {
        width: 100%;
        height: 540px!important
    }
    .post_figure .video_content {
        height: 345px
    }
    .post_figure .video_hover {
        top: 32%
    }
    .col-md-12 .video_hover {
        34%
    }
    .col-md-6 .video_hover {
        top: 34%
    }
    .backGroundVideo {
        background-size: auto 100%
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .video_content {
        height: 340px!important
    }
    .midVideo,
    .video_content.mini {
        height: 240px
    }
    .post_figure .video_content {
        height: 390px!important
    }
    .col-md-12 .video_content,
    .col-md-6 .video_content,
    .col-md-7 .video_content {
        height: 400px!important
    }
    .video_content.largeSize {
        width: 100%;
        height: 360px!important
    }
    .video_hover {
        top: 45%
    }
    .backGroundVideo {
        background-size: auto 100%
    }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
    .video_content {
        height: 225px!important;
        width: 400px
    }
    .video_content.mini {
        height: 170px!important
    }
    .video_content.largeSize {
        width: 100%;
        height: 280px!important
    }
    .col-md-12 .video_content,
    .col-md-6 .video_content,
    .col-md-7 .video_content {
        height: 225px!important;
        width: 400px
    }
    .video_hover {
        top: 45%
    }
    .midVideo {
        height: 170px!important
    }
    .post_figure .video_content {
        height: 225px!important
    }
    .post_figure .video_hover {
        top: 28%
    }
    .title_bottom,
    .title_bottom h1,
    .title_bottom h2,
    .title_bottom h3,
    .title_bottom h4,
    .title_bottom h5,
    .title_bottom h6,
    .title_top,
    .title_top h1,
    .title_top h2,
    .title_top h3,
    .title_top h4,
    .title_top h5,
    .title_top h6,
    .video_title h1,
    .video_title h2,
    .video_title h3,
    .video_title h4,
    .video_title h5,
    .video_title h6 {
        font-size: 12px!important
    }
    .video_content img {
        max-height: 100%;
        max-width: none;
        width: auto;
        height: 100%
    }
    .backGroundVideo {
        background-size: auto 100%
    }
}
@media screen and (max-width: 480px) {
    .col-md-12 .video_content,
    .col-md-6 .video_content,
    .col-md-7 .video_content,
    .video_content {
        height: 165px!important;
        width: 280px
    }
    .video_content.largeSize {
        width: 100%;
        height: 165px!important
    }
    .post_figure .video_content {
        height: 165px!important
    }
    .post_figure .video_hover {
        top: 22%
    }
    .video_hover {
        top: 30%
    }
    .fullscreenVideo .video_hover {
        top: 50%;
        margin-top: -30px
    }
    .video_content img {
        max-height: 100%;
        max-width: none;
        width: auto;
        height: 100%
    }
    .backGroundVideo {
        background-size: auto 100%
    }
}
.loading_2x {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -65px;
    margin-left: -15px;
    z-index: 25635
}
.loading_2x .track {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}
.loading_2x .ball {
    width: 100%;
    height: 100%;
    position: absolute;
    border-left: 2px solid rgba(30, 185, 235, 1);
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: 100%;
    border-style: solid;
    -moz-animation: spin .7s infinite linear;
    -webkit-animation: spin .7s infinite linear
}
.loading_objects {
    display: none
}
.loading_objects .ball {
    -moz-animation: none;
    -webkit-animation: none
}
.loading_objects .loading_2x {
    z-index: -10;
    display: none
}
.loading_x {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    z-index: 25636
}
.loading_x .track {
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid rgba(0, 0, 0, .1);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}
.loading_x .ball {
    width: 100%;
    height: 100%;
    position: absolute;
    border-left: 2px solid rgba(30, 185, 235, 1);
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border-style: solid;
    -moz-animation: spin .7s infinite linear;
    -webkit-animation: spin .7s infinite linear
}
.loading_objects .loading_x {
    z-index: -9;
    display: none
}
.loading_2x .text {
    font-family: sans-serif;
    display: block;
    position: absolute;
    width: 250px;
    top: 40px;
    left: -108px;
    text-align: center
}
.pageFade .site_loading_bar {
    position: relative;
    display: block;
    width: 0;
    height: 5px;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}
.animated.fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.top_space {
    padding: 20px
}
.homePageContent .top_space {
    padding: 100px
}
.not_onepage_ver .top_space {
    padding-top: 40px
}
.bottom_space,
.top_space {
    position: relative;
    display: block;
    clear: both
}
.bottom_space {
    padding-bottom: 90px
}
.projDetailLoad .mobile_spacing {
    padding-top: 0
}
.mobile_spacing {
    padding-top: 50px;
    margin: 0;
    height: 0
}
.mobile_topSpc {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.mobile_topSpc.removeSpc {
    padding-top: 0!important
}
.gal_Top_Bot_spacing {
    padding-top: 200px;
    display: block;
    position: relative;
    clear: both
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
    .homePageContent .top_space {
        padding: 82px
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .homePageContent .top_space {
        padding: 60px
    }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
    .not_onepage_ver .top_space {
        padding-top: 10px
    }
}
@media screen and (max-width: 991px) {
    .bottom_space,
    .top_space {
        padding: 40px
    }
    .mobile_topSpc {
        padding-top: 30px
    }
    .horizontal_layout .mobile_topSpc,
    .not_onepage_ver .top_space {
        padding-top: 0
    }
    .homePageContent .top_space {
        padding: 60px
    }
    .projDetailLoad .mobile_spacing {
        padding-top: 50px
    }
}
.bottom_right_pad {
    padding: 0 40px 20px 0
}
.bottom_left_pad {
    padding: 0 0 30px 40px
}
.top_left_pad {
    padding: 40px 0 0 40px
}
.top_right_pad {
    padding: 40px 40px 0 0
}
.top_pad {
    padding: 40px 0 0
}
.bottomSpace {
    bottom: 50px
}
.top_bot_pad {
    padding: 40px 0 25px
}
.top_bot_pad_large {
    padding: 70px 0
}
.padTopLarge {
    padding-top: 45px!important
}
.textAlignCenter {
    text-align: center
}
.textAlignRight {
    text-align: right
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
    .padTopLarge {
        padding-top: 40px!important
    }
    .homePageContent .top_pad {
        padding: 0
    }
}
@media screen and (max-width: 991px) {
    .footer .top_bot_pad {
        padding: 0
    }
    .homePageContent .textAlignRight {
        text-align: left
    }
    .homePageContent .alignRight {
        float: none
    }
    .homePageContent .bottom_right_pad {
        padding: 20px 0 0
    }
    .homePageContent .bottom_left_pad {
        padding: 40px 0 0
    }
    .homePageContent .top_left_pad,
    .homePageContent .top_pad,
    .homePageContent .top_right_pad {
        padding: 20px 0 0
    }
}
.mfp-zoom-out-cur .nextPage,
.mfp-zoom-out-cur .previousPage {
    display: none
}
.enablHardwareAcc,
figure {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    -webkit-transition: translate3d(0, 0, 0)
}
.enableTransition {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.move_down,
.move_up {
    height: 60px;
    position: relative;
    display: block;
    text-align: center;
    margin: 40px 0 0;
    bottom: 0;
    z-index: 100
}
.move_up {
    margin: 0 0 40px;
    height: 60px;
    bottom: auto;
    top: 0
}
.move_down span,
.move_up span {
    height: 36px;
    width: 36px;
    position: relative;
    text-align: center;
    display: block;
    margin: 0 auto;
    top: 10px;
    zoom: 1;
    -ms-filter: "alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transition: 180ms ease-in-out;
    -moz-transition: 180ms ease-in-out;
    -o-transition: 180ms ease-in-out;
    transition: 180ms ease-in-out
}
.move_down.bottomAlign {
    position: absolute!important;
    bottom: 0;
    width: 100%!important
}
.move_up.topAlign {
    position: absolute!important;
    top: 0;
    width: 100%!important
}
.bottom_divider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 12px;
    z-index: 20
}
.fxEmbossBtn {
    width: 30px;
    height: 30px;
    overflow: visible;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
.fxEmbossBtn .btn_hover {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}
.fxEmbossBtn:hover .btn_hover {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}
.fxEmbossBtn .btn_icon {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 5;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.fxEmbossBtn.fa_btn {
    display: block
}
.fxEmbossBtn.fa_btn .btn_icon i {
    padding-left: 7px;
    padding-top: 6px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.fxEmbossBtn.fa_btn.defaultPos .btn_icon i {
    padding-left: 3px;
    top: 5px
}
.fxButton.emboss,
.fxEmbossBtn.emboss {
    margin-top: 20px;
    top: -2px
}
.fxButton.emboss .btn_icon {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 16px
}
.fxButton.emboss:hover,
.fxEmbossBtn.emboss:hover {
    top: 0
}
.fxButton {
    width: 170px;
    height: 50px;
    position: relative;
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    font-family: body_font, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.fxButton.mini {
    width: 90px;
    height: 34px;
    font-size: 10px
}
.fxButton.mini .btn_icon {
    padding-top: 7.5px!important
}
.fxButton.emboss.mini .btn_icon {
    padding-top: 10px!important
}
.fxButton.mini:hover .btn_hover {
    width: 84px;
    height: 28px
}
.fxButton .btn_hover {
    position: absolute;
    display: block;
    width: 100%;
    height: 0;
    top: auto;
    bottom: 0;
    left: 0
}
.fxButton:hover .btn_hover {
    height: 100%;
    left: 0;
    top: 0;
    bottom: auto
}
.fxButton .btn_icon {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 5;
    text-align: center;
    padding-top: 13px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.fadeAfterLoad {
    display: none
}
.top_left_items {
    float: left;
    margin-right: 15px;
    margin-top: 15px
}
.fxButton .btn_icon i {
    display: inline-block;
    margin-right: 7px
}
.fxButton .btn_icon h4,
.fxButton .btn_icon h5 {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.fxButton .btn_icon h5:nth-child(1) {
    position: relative;
    font-size: 14px;
    font-weight: 800;
    padding: 0;
    margin: 0 12px 0 10px;
    display: inline-block;
    bottom: 3px
}
.fxEmbossBtn.fa_btn.detail_btn .btn_icon i,
.fxEmbossBtn.fa_btn.fa_zoom .btn_icon i {
    padding-left: 0
}
.addCssTransition .btn_hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.nicescroll-rails,
.nicescroll-rails div {
    border-radius: 0!important
}
.m-Scrollbar {
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden
}
.touchDevice .m-Scrollbar {
    overflow-y: auto!important
}
.mCSB_container.removeOverflow {
    overflow: visible!important
}
.mCSB_dragger_bar {
    left: 1px
}
.big_video {
    position: relative;
    overflow: hidden;
    min-height: 310px;
    height: 10%;
    z-index: 1
}
.big_video.bannerType {
    height: 640px;
    min-height: 640px
}
.big_video #big-video-wrap {
    z-index: -2;
    position: absolute
}
#big-video-vid {
    display: none
}
.big_video .overlayBg {
    -ms-filter: "alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3
}
.vidPlyPauBtn {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 1950
}
.vidPlyPauBtn.defaultPos {
    position: relative;
    right: auto;
    top: auto
}
.vidPlyPauBtn .btn_icon i {
    position: relative;
    font-size: 18px;
    top: 4px;
    left: -1px
}
.vidPlyPauBtn .btn_icon i.highlight {
    color: #e66432
}
@media only screen and (max-width: 767px) {
    .vidPlyPauBtn {
        top: 25px
    }
}
@media only screen and (max-width: 991px) {
    .big_video.bannerType {
        height: 320px;
        min-height: 320px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .big_video.bannerType {
        min-height: 480px
    }
    .big_video.fullHeight {
        min-height: 580px
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .big_video.bannerType {
        min-height: 360px
    }
    .big_video.fullHeight {
        min-height: 480px
    }
}
@media only screen and (max-width: 449px) {
    .big_video.bannerType {
        min-height: 240px
    }
    .big_video.fullHeight {
        min-height: 440px
    }
}
.autoFullscreen,
.hideOverflow {
    overflow: hidden
}
.bgShadow {
    -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 -5px 20px rgba(0, 0, 0, .5);
    box-shadow: 0 -5px 20px rgba(0, 0, 0, .5)
}
.bgShadowCenter {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}
.textShadow {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1)
}
.nav-collapse {
    background-color: transparent
}
.preloadimages_inline {
    position: absolute;
    z-index: -256;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: none
}
.preloadimages_inline img {
    visibility: hidden
}
.show-grid {
    margin-top: 10px;
    margin-bottom: 20px
}
.show-grid [class*=col-md-] {
    text-align: center;
    min-height: 40px;
    line-height: 40px
}
.show-grid .show-grid {
    margin-top: 0;
    margin-bottom: 0
}
.show-grid .show-grid [class*=col-md-] {
    margin-top: 5px
}
.show-grid {
    color: #fff
}
.show-grid [class*=col-md-] {
    background-color: #111
}
.show-grid [class*=col-md-]:nth-child(even) {
    background-color: #2d2d2d
}
.show-grid [class*=col-md-]:hover {
    background-color: #555
}
.show-grid [class*=span] [class*=col-md-] {
    background-color: #2d2d2d
}
.show-grid [class*=span] [class*=col-md-] [class*=col-md-] {
    background-color: #6e6e6e
}
.white_ver .show-grid {
    color: #222
}
.white_ver .show-grid [class*=col-md-] {
    background-color: #e2e2e2
}
.white_ver .show-grid [class*=col-md-]:nth-child(even) {
    background-color: #ccc
}
.white_ver .show-grid [class*=col-md-]:hover {
    background-color: #ddd
}
.white_ver .show-grid [class*=span] [class*=col-md-] {
    background-color: #ccc
}
.white_ver .show-grid [class*=span] [class*=col-md-] [class*=col-md-] {
    background-color: #999
}
.setting_tools {
    position: fixed;
    text-align: center;
    bottom: 40px;
    right: -25px;
    z-index: 35480000000;
    color: #000;
    margin: 0 auto;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
.setting_tools.mUp {
    bottom: auto;
    top: 95px
}
.setting_tools .setting_holder {
    width: 220px;
    position: relative;
    margin-left: 0;
    padding: 7px 10px 2px
}
.setting_tools {
    width: 240px
}
.setting_tools.hideTool {
    width: 25px
}
.setting_tools .iButton,
.setting_tools .setting_holder,
.white_version .setting_tools .iButton {
    background-color: #dc5a97;
    background-image: url(../images/bg_pattern3.png)
}
.setting_tools p {
    font-size: 13px;
    font-weight: 400;
    padding: 0!important;
    margin: 5px 0!important;
    color: #000
}
.setting_tools p.first {
    margin-top: 0!important
}
.setting_tools p.noPadding {
    margin-top: 0!important;
    margin-bottom: 0!important
}
.setting_tools .separator_bar {
    border: 0;
    border-top: 1px solid #000!important
}
@media only screen and (max-width: 1024px) {
    .setting_tools .iButton {
        bottom: -5px;
        top: auto!important
    }
    .setting_tools.mUp .iButton {
        bottom: auto;
        top: 0!important
    }
    .setting_tools.mUp {
        bottom: auto;
        top: 65px
    }
    .setting_tools {
        bottom: 100px
    }
}
@media only screen and (max-width: 768px) {
    .setting_tools {
        bottom: auto;
        top: 85px
    }
    .setting_tools .iButton {
        bottom: auto;
        top: 0!important
    }
    .setting_tools.mUp .iButton {
        bottom: -5px;
        top: auto!important
    }
}
.setting_tools a {
    letter-spacing: .1em;
    font-size: 10px;
    margin-bottom: 5px!important;
    margin-right: 5px!important
}
.setting_tools .iButton {
    position: absolute;
    font-size: 16px;
    top: 0;
    left: -33px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}
.setting_tools .iButton i {
    padding-top: 0;
    color: #000;
    font-size: 20px;
    position: relative;
    top: 2px;
    left: -3px
}
.setting_tools .button i {
    padding-top: 0;
    color: #000;
    font-size: 16px
}
.setting_tools .separator_bar {
    margin: 0 0 10px
}
.setting_tools .iButton,
.white_version .setting_tools .iButton {
    color: #000;
    padding: 5px 10px
}
.setting_tools .button {
    border: 1px solid #000;
    border-color: #000!important;
    color: #000!important;
    left: 4px
}
.setting_tools .button.active,
.setting_tools .button:hover {
    border: 1px solid #fff!important;
    color: #fff!important
}
.setting_tools .iButton:hover i {
    color: #fff
}
.setting_tools .button.mDown,
.setting_tools .button.mUp {
    border: none!important
}
.setting_tools .button.mUp {
    padding: 0 0 0 10px
}
.setting_tools .button.buyNow {
    display: inline-block;
    padding: 0;
    border: none!important;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: normal
}
.setting_tools .squareButton {
    width: 25px;
    height: 25px;
    margin-right: 10px!important
}
a.temHigLight1 {
    background-color: #e66432;
    width: 25px;
    height: 25px;
    margin-right: 10px!important
}
a.temHigLight2 {
    background-color: #20b9eb;
    width: 25px;
    height: 25px;
    margin-right: 10px!important
}
a.temHigLight3 {
    background-color: #eb1e41;
    width: 25px;
    height: 25px
}
a.colWhite {
    background-color: #fff;
    width: 25px;
    height: 25px;
    margin-right: 10px!important
}
a.colNight {
    background-color: #28363e;
    width: 25px;
    height: 25px;
    margin-right: 10px!important
}
a.colBlack {
    background-color: #000;
    width: 25px;
    height: 25px
}
a.button.tst,
a.button.tst2,
a.button.tst3,
a.button.tst4 {
    z-index: 10000000;
    width: 75px;
    height: 20px;
    position: fixed!important;
    padding: 3px 0 0 7px;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, .5)!important;
    color: #ddd!important;
    border: none!important
}
.tst2 {
    left: 110px!important
}
.tst3 {
    left: 220px!important
}
.tst4 {
    left: 360px!important
}


/* #Hand cursor */
	
.fm_drag-cursor{cursor:move;}
.fm_drag-cursor{cursor:url("../images/cursors/openhand.png") 8 8,-moz-grab;}
.fm_drag-cursor{*cursor:url(../images/cursors/openhand.cur);}
.fm_drag-cursor{cursor:url(images/cursors/openhand.cur);}

.fm_draging-cursor{cursor:move;}
.fm_draging-cursor{cursor:url("../images/cursors/closedhand.png") 8 8,-moz-grabbing;}
.fm_draging-cursor{*cursor:url(../images/cursors/closedhand.cur);}
.fm_draging-cursor{cursor:url(images/cursors/closedhand.cur);}