#container,
.btn-primary,
.overlay {
    position: relative
}

@media only screen and (min-width:768px){
.mainsec{
    margin:50px;
}
}
.append{
   margin-top:50px; 
}

.banner .jumbotron:before,
.btn-primary,
.general-banner .jumbotron:before,
.jumbotron .container-fluid {
    display: inline-block;
    vertical-align: middle
}

ul,
ul.blog-items {
    list-style: none
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.42857143;
    font-weight: 400
}

h2 {
    margin-bottom: 18px;
    line-height: 38px
}

h2.center {
    margin-bottom: 30px
}

h4 {
    letter-spacing: 0
}



p:last-child {
    margin-bottom: 0
}

a {
    outline: 0!important;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    color: #464646
}

a:hover {
    color: #ed1c24
}

img {
    max-width: 100%;
    width: auto;
    height: auto
}

ul {
    margin: 0 0 20px;
    padding: 0;
    
}

.btn,
.btn-trans {
    padding: 14px 16px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.btn,
.btn-primary,
.btn-trans {
    line-height: 18px;
    height: auto;
    font-size: 12px
}

.btn {
    border: 1px solid #000;
    border: 1px solid rgba(0, 0, 0, .5);
    color: #000;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 2px
}

.btn-trans,
.btn:hover {
    color: #fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out
}

.btn:hover {
    background: #000;
    border: 1px solid rgba(0, 0, 0, .5);
    transition: all .3s ease-out;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.btn-trans {
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, .5);
    transition: all .3s ease-out;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 2px
}

.btn-trans:hover {
    color: #000;
    border: 2px solid #000;
    border: 2px solid rgba(0, 0, 0, .5);
    background: 0 0
}

.btn.white {
    background-color: #fff;
    border-color: #fff;
    color: #222
}

.btn.white:hover {
    background-color: #e4e4e4;
    border-color: #e4e4e4
}

.btn-primary {
    padding: 14px 22px;
    margin: 0 10px 20px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: 0;
    overflow: hidden;
    outline: 0;
    text-shadow: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    max-width: 100%;
    background-color: silver;
    background-image: none;
    color: #464646
}

.page-body iframe {
    width: 100%!important;
    max-width: 100%;
    min-height: 350px
}

.center {
    text-align: center
}

.white-bg {
    background-color: #fff!important
}

.black-bg {
    background-color: #505050;
}

.bordertop {
    border-top: solid 5px #ed3237
}

 

.white {
    background-color: #fff
}

.red {
    background: -moz-linear-gradient(left, #e5493c 0, #e52e5a 100%);
    background: -webkit-linear-gradient(left, #e5493c 0, #e52e5a 100%);
    background: linear-gradient(to right, #e5493c 0, #ef4333 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5493c', endColorstr='#e52e5a', GradientType=1);
    text-align: center;
    padding: 50px 0
}

.red h1 {
    color: #fff;
    font-size: 25px;
    padding: 0 15px;
    margin: 0 0 30px
}

.grey {
    background-color: #f7f7f7;
    text-align: center;
    padding: 105px 0
}

.clearfix {
    clear: none!important
}

.overlay {
    background: 0 0;
    width: 100%;
    height: 800px;
    top: 800px;
    margin-top: -800px;
 
}

.jumbotron,
.page-heading {
    margin-top: 90px;
    text-align: center
}

.white-bg .navbar-nav li a.active,
.white-nav-bg .navbar-nav li a.active {
    color: #e5493c!important
}

#mobile-menu-wrap a,
.about-sub-title,
.jumbotron,
figure.animated-overlay figcaption * {
    color: #fff
}

#container {
    z-index: 99
}

.video-overlay,
.video-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

.container-fluid {
    max-width: 1170px
}

.container-fluid2 {
    max-width: 1500px
}

.page-heading {
    padding: 35px;
    background-color: #f7f7f7
}

.featured-image {
    width: 100%
}

.page-body {
    padding: 60px 0
}

.video-wrap {
    height: 700px;
    z-index: 10;
    overflow: hidden
}

.video-overlay {
    height: 2800px;
    z-index: 9;
    background-repeat: repeat;
    background-position: center top
}

.banner,
.general-banner,
.jumbotron,
.video-wrap video {
    position: relative
}

.video-wrap video {
    top: 0;
    z-index: 8;
    -webkit-backface-visibility: hidden;
    min-width: 100%;
    min-height: 100%
}

.banner {
    overflow: hidden;
    height: 668px;
}

.banner .jumbotron:before {
    content: '';
    height: 100%
}

.jumbotron {
    margin-bottom: 0;
    z-index: 11;
    background-color: transparent;
    width: 100%;
    height: auto
}

.jumbotron .container-fluid {
    height: auto;
    width: 98%
}

.container-fluid2 {height: auto;width: 98%;margin: 0 auto;}
.container-fluid2:after{ content:''; display:block; clear:both;}

.general-banner {
    overflow: hidden;
    height: 600px
}

.general-banner .jumbotron {
    height: 600px
}

.general-banner .jumbotron:before {
    content: '';
    height: 100%
}

.general-banner .video-wrap {
    height: 600px
}

.general-banner .video-wrap video {
    top: -145px
}

.hero-title {
    font-size: 72px;
    line-height: 70px;
    margin-bottom: 30px
}

figure img {
    height: auto
}

figure.animated-overlay {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    white-space: nowrap
}

figure.animated-overlay a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

figure.animated-overlay img {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    -o-transition: -o-transform .4s;
    transition: transform .4s;
    z-index: 2
}

figure.animated-overlay:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

figure.animated-overlay .figcaption-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none
}

figure.animated-overlay figcaption {
    transform: scale(1);
    background-color: rgba(227, 30, 37, .6);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    text-align: center
}

figure.animated-overlay:hover figcaption {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

figure.animated-overlay figcaption:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

figcaption .thumb-info {
    width: 100%;
    height: auto;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    left: -4px;
    position: relative;
    white-space: initial
}

figcaption .thumb-info>i {
    font-size: 20px;
    line-height: 30px;
    height: 24px;
    width: 24px;
    display: block;
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 50%
}

figcaption .thumb-info-alt {
    bottom: 0;
    height: 100%
}

figcaption .thumb-info-alt>i {
    font-size: 52px;
    line-height: 42px;
    height: 30px;
    width: 30px;
    top: 50%;
    margin-top: -14px;
    margin-left: -26px;
    left: 50%;
    position: absolute
}

.thumb-info h4,
.thumb-info h5 {
    padding: 0 5px
}

.thumb-info h4 {
    margin-bottom: 10px;
    margin-top: 0
}

.thumb-info h5 {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    margin-top: 0
}

#map {
    width: 100%;
    height: 500px;
    margin-top: 100px
}

.parallax {
    perspective: 1px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto
}

.parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.parallax__layer--base {
    transform: translateZ(0);
    top: 600px
}

.parallax__layer--back {
    transform: translateZ(-1px) scale(2)
}

.white-paper-cover,
.white-paper-form {
    margin-top: 30px
}

#mobile-header {
    display: none;
    padding: 10px 20px;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
    left: 0;
    z-index: 9999
}

#mobile-header a,
#mobile-top-text a {
    color: #464646
}

#mobile-header a.mobile-menu-link span.menu-bars,
#mobile-header a.mobile-menu-link span.menu-bars:after,
#mobile-header a.mobile-menu-link span.menu-bars:before {
    background-color: #464646
}

a.mobile-menu-link {
    line-height: inherit;
    width: 20px;
    height: 14px;
    display: inline-block;
    text-indent: -9999em;
    position: relative;
    vertical-align: middle;
    top: 50%;
    margin-top: -13px
}

a.mobile-menu-link:hover span,
a.mobile-menu-link:hover span:after,
a.mobile-menu-link:hover span:before {
    background: #ed1c24
}

a.mobile-menu-link span.menu-bars {
    top: 6px
}

a.mobile-menu-link span,
a.mobile-menu-link span:after,
a.mobile-menu-link span:before {
    background: #fff
}

a.mobile-menu-link span.menu-bars:before {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    top: -6px;
    z-index: 10
}

a.mobile-menu-link span.menu-bars:after,
a.mobile-menu-link span.menu-bars:before {
    content: ""
}

#mobile-logo a {
    height: auto;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.fancybox-inner,
.mh-overlay-show #container,
.mobile-menu-open #container {
    overflow: hidden!important
}

#mobile-logo.has-img {
    max-width: 50%
}

#mobile-logo {
    text-align: center;
    height: auto
}

#mobile-logo img {
    display: inline-block;
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.mobile-left-logo #mobile-logo {
    float: left;
    text-align: left
}

.mobile-header-opts {
    position: absolute;
    top: 46px;
    margin-top: -16px
}

.mobile-header-opts a {
    font-size: 24px;
    margin-left: 15px
}

.mobile-header-opts a:first-child {
    margin-left: 0
}

.mobile-header-opts.opts-right,
.mobile-left-logo .mobile-header-opts {
    right: 27px
}

#mobile-logo.logo-left a,
#mobile-logo.logo-right a {
    margin: 0
}

#mobile-logo.has-img a {
    line-height: 0
}

#mobile-header,
#mobile-top-text {
    background-color: #fff;
    border-bottom-color: #fff
}

body.mh-overlay-show,
body.mobile-menu-open {
    overflow: hidden!important;
    max-width: 100%
}

.mobile-menu-open #mobile-menu-wrap {
    visibility: visible;
    display: block
}

.mobile-header-center-logo.mobile-menu-open.mobile-cart-open #container,
.mobile-menu-open #container {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.mobile-menu-link span.menu-bars,
a.mobile-menu-link span.menu-bars:after,
a.mobile-menu-link span.menu-bars:before {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    -moz-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    -o-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    background-color: #1d1d1d;
    display: block;
    position: absolute;
    width: 20px;
    height: 3px;
    left: 0
}

a.mobile-menu-link span.menu-bars:after {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 6px
}

.mobile-menu-open a.mobile-menu-link span.menu-bars:before {
    -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
    -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
    -o-transform: translateY(6px) translateX(1px) rotate(45deg);
    transform: translateY(6px) translateX(1px) rotate(45deg)
}

.mobile-menu-open a.mobile-menu-link span.menu-bars:after {
    -webkit-transform: translateY(-7px) translateX(1px) rotate(-45deg);
    -moz-transform: translateY(-7px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-7px) translateX(1px) rotate(-45deg);
    -o-transform: translateY(-7px) translateX(1px) rotate(-45deg);
    transform: translateY(-7px) translateX(1px) rotate(-45deg)
}

.mobile-menu-open a.mobile-menu-link span.menu-bars {
    background-color: transparent!important
}

#mobile-menu-wrap {
    display: none;
    color: #e4e4e4;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 98;
    visibility: hidden;
    width: 280px;
    height: 100%;
    background: #505050;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-y: scroll
}

#mobile-menu {
    letter-spacing: 1px;
    font-style: normal;
    font-size: 12px;
    max-height: 100%;
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 60px
}

#mobile-menu ul,
.mobile-cart-menu {
    margin-bottom: 0
}

#mobile-menu ul li {
    border-top: 1px solid #333;
    border-bottom: 0
}

#mobile-menu ul.menu>li:first-child {
    border-top: 0
}

#mobile-menu ul li {
    border-color: #464646
}

.menu a {
    transition: color .2s ease-out
}

#mobile-menu ul li a,
.mobile-cart-menu li a {
    display: block;
    padding: 10px 20px;
    background: 0 0!important;
    width: 100%
}

.navbar-default {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset, 0 1px 5px rgba(0 0 0 / 24%);
    background-image: none;
    border-radius: 0;
    background-color: transparent;
    border: none
}

.white-nav-bg {
    background-color: #fff
}

.navbar-brand {
    height: auto;
    padding: 8px 30px
}

.navbar-brand.alt-logo {
    display: none
}

.white-bg .navbar-brand.alt-logo,
.white-nav-bg .navbar-brand.alt-logo {
    display: block
}

.white-bg .navbar-brand.standard,
.white-nav-bg .navbar-brand.standard {
    display: none
}

.white {
    text-align: center
}

.white .lohia-auto h4{ margin-bottom:20px; } 
.white .pr{ width:42%; float:left; border:#ff3055 1px solid; margin-right:4%; padding:2%; text-align:left; }
.white .pr .title{ color:#ee2024; font-size:20px; line-height:20px; text-transform:uppercase; font-weight:600; margin-bottom:15px; }
.white .pr ul{ margin:0px auto; padding:0px; }
.white .pr ul li{ list-style:none; float:left; border:#dadada 1px solid; font-size:12px; color:#868686; text-transform:uppercase; padding:2px 10px; margin:0 5px 5px 0; }
.white .pr ul li img{ vertical-align:text-bottom; }
.white .pr ul li a{ color:#868686; text-decoration:none; }
.white .pr ul li a:hover{ color:#ff3055; }
.white .news{ width:54%; float:left; border:#ff3055 1px solid; padding:2%; text-align:left; }
.white .news .title{ color:#ee2024; font-size:20px; line-height:20px; text-transform:uppercase; font-weight:600; margin-bottom:15px; }
.white .news .title span{ float:right; font-size:12px; color:#ee2024; text-transform:uppercase; }
.white .news .title span a{ color:#ee2024; text-decoration:none; }
.white .news .title span a:hover{ color:#222; text-decoration:underline; }
.white .news ul{ margin:0px auto; padding:0px; }
.white .news ul li{ list-style:none; margin-bottom:15px; }
.white .news ul li img{ vertical-align:text-bottom; }
.white .news ul li .content{ width:78%; float:right; }
.white .news ul li .content .heading{ font-size:14px; line-height:14px; color:#333; text-transform:uppercase; font-weight:600; margin-bottom:5px; }
.white .news ul li .content p{ font-size:12px; line-height:18px; color:#868686; text-align:justify; margin:0px; } 
.white .news ul li .content .readmore{ font-size:12px; color:#ed2024; margin-top:5px; text-transform:uppercase; }
.white .news ul li .content .readmore a{ color:#ed2024; text-decoration:none; }
.white .news ul li .content .readmore a:hover{ color:#333; text-decoration:underline; }
.white .news ul li.mar{ margin:0px; }

.navbar-default .navbar-nav>li>a,
.white-bg.navbar-default .navbar-nav>li>a,
.white-nav-bg.navbar-default .navbar-nav>li>a {
    color: #464646
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ed1c24
}

.navbar-nav li a {
    padding: 0;
    margin: 0 15px;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.navbar-nav li a.active {
    border-bottom: 1px solid #fff;
    color: #fff
}

.white-bg .navbar-nav li a.active,
.white-nav-bg .navbar-nav li a.active {
    border-bottom: 0 solid #464646
}

.title-wrap {
    margin-top: 140px;
    margin-bottom: 0;
    height: auto;
    overflow: hidden
}

.filter-wrap {
    float: right;
    text-align: right
}

.filter-wrap li {
    display: inline-block;
    margin: 0 15px;
    color: #ed1c24;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.filter-wrap li:hover {
    cursor: pointer;
    color: #333
}

.blog-container {
    margin: 0 0 300px;
    padding: 30px 15px
}

.blog-container .grid ul li .details-wrap {
    padding: 15px 30px 120px!important
}

.blog-items-wrap {
    padding: 0
}

.blog-item h6 {
    color: #e31e25
}

.blog-grid-items .blog-item .author span,
.blog-grid-items .blog-item .tweet-text a,
.blog-grid-items .blog-item data,
.blog-grid-items .blog-item h2,
.blog-grid-items .blog-item h6,
.masonry-items,
.masonry-items .blog-item h2 {
    color: #464646
}

.blog-grid-items .blog-item:hover *,
.bold-items .blog-item:hover *,
.instagram-item .inst-overlay data,
.masonry-items .blog-item:hover .details-wrap,
.masonry-items .blog-item:hover .details-wrap .quote-excerpt *,
.masonry-items .blog-item:hover .details-wrap a,
.masonry-items .blog-item:hover h2,
.masonry-items .blog-item:hover h6,
.posts-type-bold .recent-post:hover .details-wrap * {
    color: #000
}

.blog-item h2 {
    margin-top: 10px;
    margin-bottom: 10px
}

.inner-page-wrap h2,
.recent-post h3,
.sf-icon-box h3,
.sf-promo-bar a:not(.sf-button),
.thumb-info h4 {
    font-size: 25px;
    line-height: 36px
}

.blog-item:first-child {
    border-top: 0;
    padding-top: 0
}

.fw-row ul.blog-items.gutters {
    margin-left: 15px;
    margin-right: 15px
}

ul.blog-items.blog-inf-scroll {
    padding-bottom: 100px
}

ul.homepage-blog-items {
    padding-bottom: 0!important
}

.blog-items {
    padding-bottom: 20px;
    margin-bottom: 30px
}

.blog-item {
    margin-bottom: 60px;
    padding-top: 60px;
    height: auto;
    overflow: hidden;
    opacity: 0
}

.masonry-items .blog-item .details-wrap:before,
.posts-type-bold .recent-post .details-wrap:before,
.posts-type-bold .recent-post.has-thumb .details-wrap:before {
    border-bottom-color: #fff
}

.masonry-items .blog-item:hover .details-wrap:before,
.posts-type-bold .recent-post:hover .details-wrap:before {
    border-bottom-color: #ed1c24
}

.blog-grid-items .blog-item>div,
.masonry-items .blog-item .details-wrap,
.posts-type-bold .recent-post .details-wrap {
    background: #fff;
    color: #464646
}

.masonry-items .blog-item .details-wrap,
.masonry-items .blog-item .grid-no-image {
    padding: 15px 30px;
    position: relative
}

.homepage-blog-items.masonry-items .blog-item .details-wrap,
.homepage-blog-items.masonry-items .blog-item .grid-no-image {
    padding: 15px 30px;
    min-height: 132px
}

.masonry-items .blog-item .details-wrap {
    -webkit-transition: background-color .3s ease-out, color .3s ease-out;
    -moz-transition: background-color .3s ease-out, color .3s ease-out;
    transition: background-color .3s ease-out, color .3s ease-out
}

.masonry-items .blog-item .details-wrap h2,
.masonry-items .blog-item .inst-overlay h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 10px 0 20px
}

.masonry-items .blog-item .post-item-details {
    margin-bottom: 0;
    position: absolute;
    bottom: 25px;
    font-size: 12px
}

.masonry-items .blog-item .post-date {
    display: block;
    font-weight: 400
}

.masonry-items .blog-item .author {
    bottom: 20px;
    position: absolute;
    white-space: nowrap
}

.blog-item .comments-likes {
    float: right;
    font-weight: 400;
    margin-top: 8px
}

.masonry-items .blog-item .comments-likes {
    position: absolute;
    bottom: 25px;
    right: 30px
}

.comments-likes {
    float: right;
    font-weight: 400
}

span.love-count {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.comments-likes span.love-count {
    margin-left: 1px
}

.masonry-items .blog-item .comments-likes a {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.comments-likes a i,
.comments-likes a span {
    margin: 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.blog-item .comments-likes .love-it-wrapper {
    margin-left: 10px;
    margin-top: 5px
}

.comments-likes .love-it-wrapper {
    margin-left: 5px;
    display: inline-block
}

.comments-likes .love-it-wrapper i {
    font-size: 17px;
    vertical-align: -3px;
    margin-right: 5px
}

.masonry-items,
.multi-masonry-items {
    transition: height .4s ease-in-out;
    -moz-transition: height .4s ease-in-out;
    -webkit-transition: height .4s ease-in-out;
    -o-transition: height .4s ease-in-out
}

.masonry-items .blog-item {
    margin-bottom: 25px;
    padding-top: 0;
    border-top: 0;
    z-index: 1
}

.masonry-items .blog-item figure {
    margin-bottom: 0;
    max-height: 240px
}

.masonry-items .blog-item a.grid-link {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.author-photo,
.author-photo img {
    width: 70px;
    height: 70px
}

.blog-item figure {
    position: relative
}

.blog-item figure img {
    display: block
}

.blog-item .excerpt {
    line-height: 22px
}

.blog-masonry .masonry-items .blog-item {
    opacity: 0
}

.blog-masonry .masonry-items .blog-item.item-animated {
    opacity: 1
}

.blog-post-content {
    margin: 30px 0 60px
}

.blog-post-content h2 {
    font-style: normal!important;
    text-transform: uppercase;
    font-size: 20px;
    color: #6bb4b5;
    margin-bottom: 0;
    margin-top: 30px
}

.blog-share-container {
    margin-bottom: 45px;
    text-align: center
}

.author-info,
.blog-share-container h3 {
    margin-bottom: 15px
}

.blog-share-container a {
    color: #555;
    background-color: #f7f7f7
}

.blog-share-container a:hover {
    color: #fff
}

.related-articles a,
.service-block a {
    color: #333
}

.author-info {
    overflow: hidden
}

.author-info .col-md-3 {
    padding: 0
}

.author-photo {
    border-radius: 50%;
    overflow: hidden
}

.blog-post-meta {
    overflow: hidden;
    margin-bottom: 60px;
    border-top: 1px solid #e4e4e4;
    padding-top: 30px
}

.blog-post-meta p {
    margin-bottom: 0
}

.related-articles-title {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 15px
}

.service-block {
    text-align: left;
    padding: 25px 0;
    min-height: 220px
}

.related-projects {
    padding: 0
}

.related-projects h2 {
    padding-left: 15px
}

.related-project {
    padding: 0
}

.about-sub-title {
    font-size: 36px;
    line-height: 46px;
    margin: 40px 0
}

.about-us-content {
    padding: 60px 0 90px
}

.work-page-heading {
    text-align: center
}

.work-page-heading h1 {
    text-align: left;
    color: #ed1c24;
    font-size: 20px
}

.work-page-heading h3 {
    text-align: left
}

.work-page-heading p {
    text-align: right;
    font-size: 13px;
    padding-top: 47px
}

.our-work-overview {
    margin-top: 100px
}

.our-work-container h2 {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 10px
}

.our-work-container .red h2 {
    color: #fff;
    font-style: italic;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 24px
}

.our-work-container h3 {
    margin-top: 0;
    font-size: 16px;
    line-height: 22px
}

.our-work-container .red h4 {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    margin-bottom: 25px
}

.our-work-item,
.portfolio-image {
    margin-bottom: 30px
}

.portfolio-image {
    width: 100%
}

.contact-content {
    padding: 35px 0 65px
}

.contact-content h3 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 0
}

.contact-form label {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 400;
    font-size: 12px
}

.footer-bg input[type=email] {
    margin-bottom: 6px
}

.ginput_container input[type=email],
.ginput_container input[type=text],
.ginput_container select,
.ginput_container textarea,
.mymail-form input[type=email],
.mymail-form input[type=text],
.mymail-form select,
.mymail-form textarea,
.wpcf7 input[type=email],
.wpcf7 input[type=text],
.wpcf7 select,
.wpcf7 textarea,
input.input-text,
input[type=number],
input[type=file],
input[type=email],
input[type=text],
input[type=password],
input[type=date],
input[type=tel],
select,
textarea {
    background-color: #efefef;
    color: #464646;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 12px;
    padding: 6px;
    border: 1px solid #e3e3e3;
    font-size: 14px!important;
    height: 34px;
    outline: 0;
    border-radius: 0;
    box-shadow: none
}

.bypostauthor .comment-wrap .comment-avatar,
.ginput_container input:focus,
.ginput_container textarea:focus,
.mymail-form input:focus,
.mymail-form textarea:focus,
.search-form input:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=tel]:focus,
textarea:focus {
    border-color: #f1f1f1!important
}

.wpcf7 input.wpcf7-submit[type=submit] {
    background-color: #e31e24!important;
    color: #fff;
    margin-right: 0
}

.gform_wrapper input[type=submit],
.mymail-form input[type=submit],
.wpcf7 input.wpcf7-submit[type=submit] {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    height: auto;
    padding: 4px 22px;
    margin: 0 10px 20px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: 0;
    position: relative;
    overflow: hidden;
    outline: 0;
    text-shadow: none;
    text-transform: uppercase;
    text-decoration: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    max-width: 100%
}

.contact-form [type=submit] {
    width: auto;
    text-transform: uppercase
}

.gform_wrapper input[type=submit]:hover,
.mymail-form input[type=submit]:hover,
.wpcf7 input.wpcf7-submit[type=submit]:hover {
    background: #464646!important;
    border-color: #fff!important;
    color: #fff!important
}

span.label.label-alert {
    color: red
}

footer {
    background-color: #000000;
    color: #e4e4e4;
    padding: 0;
  
}

footer ul {
    margin-bottom: 0
}

footer a {
    color: #fff
}

footer a:hover,
footer nav .menu li a:hover {
    color: #e4e4e4
}

 
footer .text-right {
    float: right;
    text-align: right;
    max-width: 50%
}

.blog,
.blog-bg,
.work-bg,
.workpage p {
    text-align: center
}

.global img {
    padding: 10px 0
}

ul.social-icons {
    height: auto;
    overflow: hidden;
    list-style: none!important;
    margin-bottom: 10px
}

footer ul.social-icons {
    margin-top: 15px
}

i[class^=fa-] {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ul.social-icons li {
    float: none;
    display: inline-block;
    height: 36px
}

ul.social-icons li:not(.sf-love) a {
    display: inline-block;
    padding: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .35s;
    background-color: #464646
}

ul.social-icons li:not(.sf-love) a i {
    display: block;
    height: 100%;
    position: relative;
    top: 0;
    transition: top .35s;
    width: 100%;
    margin-bottom: 31px;
    color: #fff
}

ul.social-icons li a:hover i {
    top: -46px
}

ul.social-icons li.twitter a {
    background-color: #00aced
}

ul.social-icons li.facebook a {
    background-color: #3b5998
}

ul.social-icons li.vimeo a {
    background-color: #aad450
}

ul.social-icons li.linkedin a {
    background-color: #007bb6
}

ul.social-icons li.pinterest a {
    background-color: #cb2027
}

ul.social-icons li.instagram a {
    background-color: #517fa4
}

ul.social-icons li.google-plus a {
    background-color: #d34836
}

footer ul.social-icons li:not(.sf-love) a {
    background-color: #464646
}

footer ul.social-icons li.twitter a:hover {
    background-color: #00aced
}

footer ul.social-icons li.facebook a:hover {
    background-color: #3b5998
}

footer ul.social-icons li.vimeo a:hover {
    background-color: #aad450
}

footer ul.social-icons li.linkedin a:hover {
    background-color: #007bb6
}

footer ul.social-icons li.pinterest a:hover {
    background-color: #cb2027
}

footer ul.social-icons li.instagram a:hover {
    background-color: #517fa4
}

footer ul.social-icons li.google-plus a:hover {
    background-color: #d34836
}

@media (max-width:480px) {
    .page-body {
        padding: 30px 0
    }
    .hero-title {
        font-size: 30px;
        line-height: 36px
    }
    .general-banner .video-wrap video {
        left: -50%
    }
    video::-webkit-media-controls {
        display: none!important
    }
    .our-work-container h2 {
        font-size: 22px;
        line-height: 32px
    }
    .our-work-container .red h2 {
        font-size: 26px;
        line-height: 36px
    }
}

@media (min-width:481px) and (max-width:767px) {
    .hero-title {
        font-size: 45px;
        line-height: 60px
    }
}

@media (max-width:767px) {
    .col-md-5 {
        width: 100%;
        position: relative!important;
        top: 0!important;
        left: 0!important;
        -moz-transform: none!important;
        -webkit-transform: none!important;
        transform: none!important;
        margin-bottom: 30px
    }
    section.red h1 {
        font-size: 26px;
        line-height: 34px
    }
    .hero-title {
        margin: 0 0 50px!important
    }
    .col-xs-offset-3 {
        margin-left: 0!important
    }
    .cont-form h3,
    .cont-form p {
        color: #fff
    }
    .col-xs-offset-2,
    .col-xs-offset-4 {
        margin-left: 0
    }
    .new-form .emailbox {
        width: 68%!important;
        margin-left: 28px
    }
    .service-box {
        border-right: 0!important
    }
    .contact-text {
        padding-left: 0!important
    }
    .contact-text h2 {
        line-height: 34px!important;
        font-size: 19px!important
    }
    .pad-right {
        padding-right: 7px!important
    }
}

@media (max-height:767px) {
    .jumbotron {
        height: auto;
        margin-top: 58px
    }
}

@media (max-width:991px) {
    .banner,
    .general-banner .jumbotron,
    .jumbotron,
    .video-wrap {
        height: 540px
    }
    .jumbotron,
    section {
        padding: 0 15px
    }
    #map,
    .page-heading {
        margin-top: 0
    }
    footer .text-left,
    footer .text-right {
        width: 100%;
        float: none;
        max-width: 100%;
        text-align: center
    }
    #mobile-header,
    #mobile-header-sticky-wrapper,
    #mobile-top-text {
        display: block
    }
    .navbar-default {
        display: none
    }
    .hero-title {
        margin: 0
    }
    section {
        overflow: hidden
    }
    .title-wrap {
        margin-top: 60px
    }
    .about-sub-title {
        font-size: 26px;
        line-height: 34px
    }
    .our-work-overview {
        margin-top: 30px
    }
    footer .text-left {
        margin-bottom: 20px
    }
}

.blog-bg,
.work-bg {
    padding-bottom: 30px
}

@media (min-width:992px) {
    .navbar-right {
        padding-right: 15px
    }
}

@media (max-width:1600px) {
    .general-banner .video-wrap video {
        top: 0
    }
}

@media (min-width:1600px) {
    .video-wrap video {
        margin-top: -50px
    }
}

.cont-text h4 {
    color: #fff;
    font-size: 25px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 600
}

.cont-text p {
    color: #fff;
    font-size: 14px
}

.service-bod {
    border: none!important
}

.iconsize {
    font-size: 60px;
    color: #e31e25
}

.service-block h4 {
    margin-top: 40px;
    font-size: 20px;
    text-transform: uppercase;
    color: #E73A36
}

.service-box {
    border-right: 1px solid #6d6d6d;
    padding-right: 15px
}

.service-box h4 {
    font-size: 14px
}

.service-box p,
.workpage p {
    font-size: 13px;
    line-height: 20px;
    padding-right: 15px
}

.workpage h2 {
    color: #e31e25;
    text-transform: uppercase
}

.work-bg {
    background: #ebedec
}

.all-project {
    margin-top: 50px;
    margin-left: 45%
}

.blog-bg {
    width: 100%;
    height: 100%;
    background: url(../images/blog-bg.jpg) 168px 70px no-repeat #fff
}

.box-border {
    border: 1px solid #ccc;
    margin-bottom: 25px
}

.padding-box {
    padding: 1px!important
}

.blog,
.contact {
    padding-bottom: 30px
}

.blog-box h4 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px
}

.blog-box h4 a {
    text-transform: uppercase;
    color: #E73A36
}

.blog-box p.admin {
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0;
    line-height: 10px;
    margin-bottom: 10px
}

.blog-box p span {
    padding-left: 35px;
    font-weight: 400
}

.blog-box p.cont {
    text-align: justify!important;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px
}

.mar-top {
    margin-top: 30px
}

.form-bg h3,
.mar-top1 {
    margin-top: 10px
}

.blog-box a.alink {
    color: #000
}

.subc h3 {
    font-size: 16px;
    color: #fff;
    text-align: right
}

.new-form .emailbox {
    width: 35%;
    border: 0;
    float: left;
    color: #fff;
    background: rgba(144, 9, 0, .35);
    -moz-box-shadow: inset 0 0 1px #000;
    -webkit-box-shadow: inset 0 0 1px #000;
    box-shadow: inset 0 0 1px rgba(255, 255, 255, .35)
}

.contact,
.form-bg {
    width: 100%;
    text-align: center
}

.new-form .subm,
.new-form .subm:hover {
    background: url(../images/submit.png) center center no-repeat;
    cursor: pointer;
    display: block
}

::-webkit-input-placeholder {
    color: f7f7f7
}

:-moz-placeholder {
    color: #fff
}

:-ms-input-placeholder {
    color: #fff
}

.contact {
    background: #f7f7f7
}

.contact-text {
    padding-left: 20px
}

.contact-text h2 {
    margin-bottom: 22px;
    text-align: center;
    border-bottom: 2px solid #c1c1c1;
    line-height: 50px;
    line-height: 33px;
    font-size: 22px;
    display: block;
    padding-bottom: 12px
}

.contact-text h2 a {
    color: #464646
}

.contact-text p {
    margin-bottom: 15px;
    line-height: 30px
}

.contact-text p a {
    color: #000
}

.text-red {
    font-size: 14px
}

.form-bg {
    height: 100%;
    min-height: 436px;
    display: block;
    background: url(../images/form-bg.jpg) no-repeat;
    padding: 50px 0
}

.display,
.scrollToTop {
    display: none
}

.scrollToTop,
.scrollToTop:hover {
    text-decoration: none;
    background: url(../images/uparr-48-b.png) center center no-repeat
}

.form-bg h3 {
    margin-bottom: 20px;
    font-size: 20px
}

.form-bg p {
    margin-bottom: 0
}

.form-border {
    border: 1px solid #f1f1f1;
    padding: 15px
}

.form-bg textarea {
    height: 70px
}

.pad-both {
    padding: 70px 0!important
}

.pad-right {
    padding-right: 10px
}

.pad-left {
    padding-left: 10px
}

.workbtn {
    border: 2px solid #fff;
    border: 2px solid rgba(255, 255, 255, .5);
    color: #fff;
    padding: 14px 16px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    height: auto;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase
}

.workbtn:hover {
    color: #000;
    border-color: #fff
}

.scrollToTop {
    width: 48px;
    height: 48px;
    padding: 10px;
    text-align: center;
    color: #444;
    position: fixed;
    bottom: 75px;
    right: 40px;
    z-index: 99
}

.btndirec,
.videobtn {
    padding: 1em 1.5em;
    display: inline-block;
    background: 0 0;
    font-size: .92em;
    font-weight: 400;
    line-height: 1em;
    margin-top: 65px;
    text-transform: uppercase;
    overflow: hidden;
    outline: 0
}

.blog-box {
    height: 168px;
    overflow: hidden
}

.post-cont p {
    text-align: justify
}

.btndirec {
    border: 1px solid rgba(236, 50, 55, .5);
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    position: relative;
    z-index: 1
}

.btndirec:before,
.videobtn {
    -webkit-transition: all .2s
}

.btndirec:after,
.btndirec:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%
}

.btndirec:before {
    left: 0;
    width: 0;
    transition: all .2s;
    z-index: -1
}

.btndirec:after {
    right: 200px;
    width: 21px;
    -webkit-transition: right .5s, opacity .2s;
    transition: right .5s, opacity .2s;
    z-index: 0;
    opacity: 0
}

.btndirec:active,
.btndirec:focus,
.btndirec:hover {
    color: #ec3237
}

.videobtn,
.videobtn:active,
.videobtn:focus,
.videobtn:hover {
    color: #fff
}

.videobtn {
    border: 1px solid rgba(255, 255, 255, .5);
    transition: all .2s;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.videobtn:after,
.videobtn:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0
}

.videobtn:before {
    left: 0;
    width: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: -1
}

.videobtn:after {
    right: 200px;
    width: 21px;
    -webkit-transition: right .5s, opacity .2s;
    transition: right .5s, opacity .2s;
    z-index: 0;
    opacity: 0
}

.navbar {
    margin-bottom: 0!important
}

.recent-work-wrap {
    position: relative;
    background: #cecece;
    min-height: 125px;
    height: auto;
    line-height: 125px
}

.recent-work-wrap figure {
    display: block;
    text-align: center
}

.recent-work-wrap img {
    text-align: center;
    display: inline-block!important
}

.delar-bg,
.fleet-bg,
.opportunity,
.video,
.video-box1 figure {
    display: block
}

.recent-work-wrap .recent-work-inner {
    top: 0;
    background: 0 0;
    opacity: 1;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0
}

.recent-work-wrap .overla {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 0;
    background-image: -webkit-linear-gradient(top, rgba(255, 94, 58, .9) 0, rgba(255, 42, 104, .9) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 94, 58, .9) 0, rgba(255, 42, 104, .9) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 94, 58, .9) 0, rgba(255, 42, 104, .9) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 94, 58, .9) 0, rgba(255, 42, 104, .9) 100%);
    color: #fff;
    vertical-align: middle;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    padding: 15px
}

.fleet-bg,
.video-box1 {
    height: auto;
    width: 100%
}

.recent-work-wrap .overla p {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center
}

.recent-work-wrap:hover .overla {
    opacity: 1
}

.contact-info h4,
.dealer h4,
.group h4,
.lohia-auto h4,
.lohia-fleet h4,
.news-update h4,
.newsletter h4,
.oppor-bg h5,
.utility h4 {
    color: #333;
    font-size: 25px;
    margin: 0 0 5px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600
}

.news-update h4,
.oppor-bg h5 {
    margin-bottom: 30px
}

.lohia-fleet h2 {
    color: #e31e25;
    margin-bottom: 0;
    text-transform: none!important;
    margin-top: 0;
    text-align: center;
    font-size: 20px;
    line-height: 15px
}

.news-cont h4,
.newsletter h2 {
    margin-bottom: 20px
}

#home h3,
.about-omastar h2,
.about-omastar h3,
.dealer h2,
.footer h4,
.group1 ul li a,
.lohia-auto h2,
.media h1,
.myButton,
.newsletter h2,
.omastar .product-text,
.opportunity h3,
.press h3,
.subscribe,
.tab-nav ul li a {
    text-transform: uppercase
}

.dealer h2,
.lohia-auto h2,
.newsletter h2 {
    margin-top: 0;
    text-align: center
}

.lohia-auto p,
.newsletter p {
    text-align: center;
    line-height: 21px
}

.video-box1 {
    background: url(../images/video-banner.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
    padding: 90px 0!important;
    position: relative
}

.video-box1 figure {
    text-align: center;
    padding-top: 6px
}

.video {
    text-align: center
}

.opportunity,
.opportunity h3,
.opportunity p {
    text-align: left
}

.opportunity-bg h3 {
    font-size: 18px;
    margin-bottom: 10px!important
}

.delar-bg,
.newsletter,
.product-text {
    text-align: center
}

.opportunity h3 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 0
}

.mask h4,
.opportunity h4 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px
}

.opportunity p {
    font-size: 12px;
    line-height: 20px
}

.fsize {
    font-size: 35px;
    color: #E53353;
    border: 1px solid #E53353;
    padding: 15px
}

.red_bg {
    background: -moz-linear-gradient(left, #FD443F 0, #FF2F56 100%);
    background: -webkit-linear-gradient(left, #FD443F 0, #FF2F56 100%);
    background: linear-gradient(to right, #FD443F 0, #FF2F56 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FD443F', endColorstr='#FF2F56', GradientType=1)
}

.fleet-bg {
    background: url(../images/fleet-bg.jpg) top center no-repeat;
    min-height: 400px
}

.bg,
.bg-white,
.omastar-bg {
    min-height: 500px
}

.fleet-bg figure,
.pro-box1 figure {
    display: block;
    text-align: center
}

.pro-box {
    margin-top: 0
}

.pro-box .pro-logo img,
.pro-box1 .pro-logo img {
    border-top: dotted 2px #fff;
    border-bottom: dotted 2px #fff
}

.product-text {
    width: 100%;
    list-style: none;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -o-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    height: 100%;
    float: left;
    color: #ec3237;
    font-size: 20px;
    border-right: dotted 2px #333;
    line-height: normal;
    padding: 2% 0;
    margin-top: 40px
}

.product-text .border {
    border-right: dotted 0 #333
}

.product-text .small-text {
    font-size: 17px;
    color: #000
}

.download h4,
.footer h4,
.footer ul li a {
    color: #fff
}

.border-none {
    border: 0!important
}

.bordertop-none {
    border-top: 0!important
}

.delar-bg {
    background: #fbfbfb
}

.black-bg {
    padding: 30px 0
}

.footer h4 {
    width: 80%;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 10px;
    font-family: graphiklight
}

 

.footer ul li a:hover {
    color: #a5a5a5
}

@media (min-width:320px) and (max-width:767px) {
    .dealer h2,
    .lohia-auto h2,
    .lohia-fleet h2,
    .newsletter h2 {
        font-size: 16px!important;
        line-height: 12px!important
    }
    .opportunity {
        margin-bottom: 30px
    }
    .recent-work-wrap {
        margin-bottom: 10px
    }
    section {
        padding: 30px 0
    }
    .service-opption {
        display: none
    }
    .module-smarter-fallback {
        display: block!important
    }
    .omastar-btm-right h1 {
        padding-top: 10px!important;
        margin-bottom: 10px;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .omastar-btm-right ul {
        margin: 0!important
    }
    .omastar-btm-right ul li label {
        font-size: 10px;
        width: 60%!important
    }
    .mar-top90 {
        margin-top: 0!important
    }
    .vertical-center-flex h2,
    .vertical-center-flex h3 {
        color: #e31e25;
        font-size: 18px
    }
    .content-block p,
    .tab-content p {
        font-size: 14px;
        line-height: 20px
    }
    .image figure {
        display: block;
        text-align: center
    }
    .gap {
        margin-top: 30px
    }
    .tab-content p {
        text-align: justify;
        margin-bottom: 20px
    }
    .tab-content h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 18px!important
    }
    .corporate p span a {
        margin: 0 11px!important
    }
    .corporate p span {
        margin-left: 10px!important
    }
}

.about-omastar figure,
.heigh figure,
.heigh h5 {
    text-align: center
}

@media (max-width:768px) {
    .recent-work-wrap {
        margin-bottom: 10px
    }
    section {
        padding: 30px 0
    }
}

@media (min-width:768px) and (max-width:980px) {
    .mar-top90 {
        margin-top: 0!important
    }
    .ethos {
        float: right;
        width: 64%
    }
    .oma figure {
        display: block;
        text-align: center
    }
    .omastar-btm-right h1 {
        padding-top: 10px!important
    }
}

@media (min-width:800px) and (max-width:980px) {
    .recent-work-wrap {
        margin-bottom: 10px
    }
    section {
        padding: 30px 0
    }
}

.omastar-bg,
.padin-none {
    padding: 0!important
}



.omastar .product-text {
    border-right: 2px dotted #fff;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 100%;
    line-height: normal;
    text-align: center;
    margin-top: 0
}

.about-omastar h2 {
    color: #000;
    margin-bottom: 0;
    font-size: 25px
}

.about-omastar h3 {
    margin-top: 0;
    color: #e31e25;
    font-size: 15px
}

.about-omastar p {
    margin-top: 30px
}

.about-omastar span {
    color: #d83848;
    font-weight: bold;
    margin-top: 5px;
    display: block;
}

.about-omastar figure {
    display: block
}

.heigh h5 {
    margin-bottom: 0;
    color: #fff
}

.omastar-bg {
    background: url(../images/bg1.jpg)
}

.bg {
    background: url(../images/bg.jpg) right no-repeat
}

.bg-white {
    background: #fff
}

.omastar-btm-right h1,
.omastar-btm-right1 h1 {
    color: #e53353;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.oma {
    margin-top: 100px
}

.omastar-btm-right h1 {
    margin: 20px 50px 20px 0
}

.omastar-btm-right1 h1 {
    margin: 20px 0
}

.omastar-btm-right ul {
    margin: 0 50px 0 0;
    padding: 0
}

.omastar-btm-right1 {
    margin-left: 50px;
    margin-right: 0
}

.omastar-btm-right ul li,
.omastar-btm-right1 ul li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: 3px 0
}

.omastar-btm-right ul li label,
.omastar-btm-right1 ul li label {
    width: 50%;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 4px;
    text-transform: uppercase
}

.omastar-btm-right ul li span,
.omastar-btm-right1 ul li span {
    width: 50%
}

.omastar-btm-right1 ul li h6 {
    margin-top: 3px;
    margin-bottom: 3px
}

.downloadcenter .col-md-9 {
    border-left: 1px solid #ccc
}

.tab-nav ul li {
    width: 100%;
    display: block;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid #ccc;
    border-image: none
}

.tab-nav ul li a {
    border-radius: 0;
    margin-right: 0;
    padding: 10px 0 10px 10px;
    font-size: 13px;
    border: 1px solid transparent
}

.tab-nav ul li a:hover,
.tab-nav ul li.active a:focus,
.tab-nav ul li.active a:hover {
    border-bottom: 1px solid transparent;
    border-top: 1px solid #ddd;
    background: #eee
}

.tab-nav ul li.active,
.tab-nav ul li.active a {
    color: #555;
    cursor: default;
    background-color: #ddd
}

.media h1 {
    font-size: 5 0
}

.press h3 {
    margin: 10px 0
}

hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0)
}

#social-share {
    margin: 24px 0
}

#social-share label {
    float: left;
    display: block
}

#social-share .list-inline {
    overflow: hidden;
    float: left;
    display: block;
    margin: 0 0 0 12px
}

#social-share .list-inline li {
    margin: 0
}

#social-share .list-inline li a {
    display: block;
    border: none
}

#social-share .list-inline li i {
    font-size: 22px;
    padding: 0;
    display: block;
    position: relative;
    top: 1px
}

#social-share .list-inline li i:hover {
    color: #00d7ff
}

.corpo p span,
.corporate p span {
    margin-left: 30px
}

.corpo p span a,
.corporate p span a {
    margin: 0 15px;
    text-decoration: underline
}

.lohia-auto h2,
.mail p {
    margin-bottom: 25px
}

.red-color {
    color: #E54144
}

.dealer h2,
.lohia-auto h2,
.newsletter h2,
.test-drive h2 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif
}

hr.style3 {
    border-top: 1px dashed #8c8b8b;
    border-bottom: 1px dashed #fff
}

.mail {
    margin-top: 50px;
    margin-left: 20px
}

.mail p {
    line-height: 18px
}

.dealer h2,
.lohia-auto h2 {
    margin: 0 0 65px;
    line-height: 22px
}

.newsletter h2,
.test-drive h2 {
    margin: 0 0 20px;
    line-height: 30px
}

.dealer h2 {
    margin-bottom: 20px!important
}

.dealer p,
.lohia-auto p {
    margin-bottom: 65px
}

.lohia-auto h2 span {
    color: #999;
    font-size: 12px
}

.gray-bg {
    background-color: #EDEDED
}

.red-bg {
    background: #ec3237
}

.text-red {
    color: #ec3237!important
}

.text-black {
    color: #333!important
}

.footer-bg {
    width: 100%;
    height: auto;
    background: url(../images/footer-bg.jpg) no-repeat;
    padding: 100px;
    background-size: cover
}

.footer-cont {
    margin-top: 0;
    background: rgba(0, 0, 0, .4);
    padding: 30px 0
}

.footer-cont h3 {
    margin-top: 0;
    color: #fff
}

.footer-cont p {
    color: #fff;
    text-align: left;
    margin-bottom: 10px
}

.right-border {
    border-right: 1px solid #fff
}

.subscribe {
    outline: 0;
    border: 1px solid rgba(255, 255, 255, .5);
    padding: 1em .5em;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    display: inline-block;
    background: 0 0;
    font-size: .82em;
    font-weight: 400;
    line-height: .5em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    color: #fff
}

.subscribe:after,
.subscribe:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%
}

.subscribe:before {
    left: 0;
    width: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: -1
}

.subscribe:after {
    right: 200px;
    width: 21px;
    -webkit-transition: right .5s, opacity .2s;
    transition: right .5s, opacity .2s;
    z-index: 0;
    opacity: 0
}

.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.subscribe:active,
.subscribe:focus,
.subscribe:hover {
    color: #ec3237
}

.about-bg {
    background: url(../images/wave.png) 0 254px no-repeat;
    width: 100%
}

.group ul li,
.group1 ul li {
    width: 12.5%;
    float: left;
    text-align: center
}

.download-center figure {
    display: block;
    text-align: center
}

.footer-mobile,
.mobile-show {
    display: none
}

.download-center h4,
.download-center h4 a {
    color: #fff
}

.mar-top2 {
    margin-top: 22%
}

.padding-bottom {
    padding-bottom: 0!important
}

.light-gray {
    background: #e7e8e9
}

.mar65 {
    margin-top: 65px
}

.mar48 {
    margin-top: 48px
}

.mar-bottom {
    margin-bottom: 0!important
}

.opportunity-bg {
    background: -moz-linear-gradient(left, #e5493c 0, #e52e5a 100%);
    background: -webkit-linear-gradient(left, #e5493c 0, #e52e5a 100%);
    background: linear-gradient(to right, #e5493c 0, #e52e5a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5493c', endColorstr='#e52e5a', GradientType=1);
    padding: 15px
}

.text-white {
    color: #fff!important
}

.cont-text h4 a:hover {
    color: #fff
}

.mar43 {
    margin-top: 48px!important
}

.mar39 {
    margin-top: 39px!important
}

.group,
.group1 {
    text-align: center
}

.group ul li figure,
.group1 ul li figure {
    display: block;
    text-align: center
}

.group ul li,
.group1 ul li {
    margin-top: 20px
}

.group1 ul li {
    margin-top: 30px
}

.group1 ul li a img {
    margin-bottom: 10px
}

.group1 ul li a {
    color: #CF0F1A;
    font-size: 14px;
    border: 1px dotted #fff;
    display: block
}

.mobile-banner1,
.modal {
    display: none
}

.group1 ul li a:hover {
    color: #CF0F1A;
    border: 1px solid #CF0F1A
}

.pad30 {
    padding-top: 30px
}

.pad38 {
    padding-top: 43px
}

.pad24 {
    padding-top: 24px
}

.pad23 {
    padding-top: 32px
}

.pad100 {
    padding: 100px 0
}

.pad10 {
    padding: 20px
}

.white-bg {
    background: #fff
}

.news-update h3 {
    font-size: 17px;
    margin-top: 0!important;
    font-family: 'Open Sans', sans-serif
}

.martop0 {
    margin-top: 20px!important
}

.mar35 {
    margin-top: 35px!important
}

.no-padding {
    padding-left: 0!important
}

.gap {
    margin-top: 30px
}

.decoration {
    text-decoration: underline!important;
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.close:focus,
.close:hover,
.myButton {
    cursor: pointer;
    text-decoration: none
}

.form-group label {
    font-weight: 400!important
}

.modal {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 99999!important
}

.modal-content {
    background: #000!important
}

.modal-content h4 {
    color: #fff;
    border-bottom: 0
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=80);
    opacity: .8
}

.close:focus,
.close:hover {
    color: #000;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    background-color: #000
}

.dropdown,
.modal-body,
.myButton:active {
    position: relative
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 900px;
        margin: 100px auto 30px
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.test-drive textarea {
    background-color: #efefef;
    border: 1px solid #e3e3e3
}

.all-padding {
    padding: 0!important
}

.mar-left70 {
    padding-left: 150px
}

.mar-right100 {
    padding-right: 150px
}

.dropdown,
.myButton {
    display: inline-block
}

.pad-right55 {
    padding-right: 142px
}

.min-hei220 {
    min-height: 198px
}

.fantastic,
.section-bg {
    min-height: 528px;
    width: 100%
}

.myButton {
    -moz-box-shadow: inset 0 1px 0 0 #ec3238;
    -webkit-box-shadow: inset 0 1px 0 0 #ec3238;
    box-shadow: inset 0 1px 0 0 #ec3238;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ec3238), color-stop(1, #ff5258));
    background: -moz-linear-gradient(top, #ec3238 5%, #ff5258 100%);
    background: -webkit-linear-gradient(top, #ec3238 5%, #ff5258 100%);
    background: -o-linear-gradient(top, #ec3238 5%, #ff5258 100%);
    background: -ms-linear-gradient(top, #ec3238 5%, #ff5258 100%);
   background: linear-gradient(to bottom, #ef4333 5%, #c54d42 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ec3238', endColorstr='#ff5258', GradientType=0);
    background-color: #ef4333;
    border: 1px solid #ef4333;
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    padding: 2% 7%;
    width: 100%;
}

.pading-both,
.pading-right {
    padding-right: 0!important
}

.myButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ff5258), color-stop(1, #ec3238));
    background: -moz-linear-gradient(top, #ff5258 5%, #ec3238 100%);
    background: -webkit-linear-gradient(top, #ff5258 5%, #ec3238 100%);
    background: -o-linear-gradient(top, #ff5258 5%, #ec3238 100%);
    background: -ms-linear-gradient(top, #ff5258 5%, #ec3238 100%);
    background: linear-gradient(to bottom, #ff5258 5%, #ec3238 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5258', endColorstr='#ec3238', GradientType=0);
    background-color: #ff5258;
    color: #fff!important
}

.myButton:active {
    top: 1px
}

.mar50 {
    margin-top: 50px
}

.bg-col-red {
    background: rgba(229, 73, 60, .5)
}

.pading-both {
    padding-left: 0!important
}

.news-cont h4 {
    font-size: 20px;
    font-weight: 600
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 1008px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    padding: 10px 5px 0;
    left: -470px;
    top: 20px
}

.dropdown-content ul li {
    margin-bottom: 20px;
}

.dropdown:hover .dropdown-content {
    display: block
}

.dd-inner .column,
.dd-inner .column1 {
    vertical-align: top;
    display: inline-block;
    white-space: normal;
    padding: 0 25px;
    position: relative
}

.dd-inner .column {
    text-align: left;
    width: auto;
    width: 260px;
    /**border-right: 1px solid #999;**/
    min-height: 598px;
}

.dd-inner .column:nth-child(3) {
    border-right: 0
}

.dd-inner .column h5,
.dd-inner .column1 h5 {
    color: #ec3237;
    margin-bottom: 20px;
    text-align: center
}

.dd-inner .column1 {
    text-align: left;
    width: auto;
    width: 455px;
    /**border-right: 1px solid #999**/
}

.dd-inner .column1 li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

.dd-inner .column1 li:nth-child(1) {
    display: block;
    width: 100%
}

.pad_0 {
    padding: 0
}

.mar_20 {
    margin-top: 30px
}

.news-blok {
    margin-top: 20px
}

.black {
    background: #5C5C5C;
    height: 25px;
    line-height: 25px;
    margin-bottom: 20px
}

ul.navbar-right {
    margin-top: 66px
}

.top-menu ul li {
    float: right;
    color: #fff;
    margin-right: 15px;
    line-height: 25px;
    border-right: 1px solid #9c9c9c;
    padding-right: 10px
}

.top-menu ul li a {
    color: #fff
}

.top-menu ul li:first-child {
    border: 0;
    padding-right: 0
}

.contactus .errormsg,
.successtext {
    padding: 5px;
    font-size: 12px;
    margin-bottom: 8px
}

.anim-section1 {
    line-height: 394px
}

.section-bg {
    background: url(../images/section/section-bg.jpg);
    background-size: cover
}

.fantastic {
    background: #ccc;
    background-size: cover
}

.contactus .errormsg {
    color: #D8000C;
    border: 1px solid #e06d6d;
    font-weight: 400!important
}

.successtext {
    color: #044406;
    background-color: #B7FBB9;
    border: 1px solid #65d668
}

.text-left ul {
    margin-top: 10px
}

.foot-note {
    border-top: #d7d7d7 solid 1px;
    color: #acacac;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 15px 0 5px;
    position: relative
}

.social-links {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.social-links li {
    display: inline-block
}

.social-links li a {
    display: block;
    background: #fff;
    color: #ed2024!important;
    line-height: 0;
    width: 15px;
    height: 15px;
    padding: 5px;
    border-radius: 360px;
    box-sizing: content-box;
    text-align: center
}

.mart30 {
    margin-top: 30px
}

.newssub {
    display: none
}

.mar-left20 {
    margin-left: 20px;
}

.mar-top2.minhgt {
    margin-top: 30px;
}

input.txtname{ background:none; border:1px solid #ccc; }
input.txtname,placeholder{ color:#555; }
select.selecttxt{ background:none; border:1px solid #ccc; }
select.selecttxt,placeholder{ color:#666; }
form.row,button{ background:none; border:none; cursor:pointer; }
div.txt{ text-align:left; font-size:10px; }
textarea.mar{ margin-bottom:2px; }
select.mar{ margin-bottom:2px; }