@import url("font-awesome.min.css");
/*@import url("ionicons.min.css");*/
@import url("bootstrap.min.css");
@import url("animate.css");
@import url("swipebox.css");
@import url("vegas.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,300,500,700");



.odm-section-landing h1 , .odm-section-landing h2, .odm-section-landing p,
.oem-section-landing h1 , .oem-section-landing h2, .oem-section-landing p{

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block
}
body {
  line-height: 1
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
body {
  background: white;
  font-family: 'Raleway', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch
}
body, html {
  margin: 0;
  padding: 0;

  -webkit-tap-highlight-color: transparent;
  width: 100%
}
body, input, select, textarea {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1)
}
section.watch-slider-info .c{
  text-align: center;
}
section.watch-slider-info #loading{
  width: 50px;
  height: 50px;
  margin: 200px auto;
}
.ms-section {
  position: relative
}
.ms-section.ms-table {
  display: table;
  width: 100%
}
.ms-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%
}
.ms-easing {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1)
}
a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  cursor: pointer;
  text-decoration: none;
  color: #fff
}
a:hover {
  color: #F8971D;
  text-decoration: none !important;
  outline: none !important
}
a:active, a:focus {
  outline: none !important;
  text-decoration: none !important;
  color: #F8971D
}
button {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  cursor: pointer
}
.navbar-inverse .navbar-toggle{
background:black
}
button:hover, button:active, button:focus {
  outline: none !important;
  text-decoration: none !important;
  color: #2B2D35
}
strong, b {
  font-weight: 600
}
em, i {
  font-style: italic
}
p {
  margin: 0;
  font-size: 1em;
  line-height: 1.6em;
  color: #fff;
  font-weight: 400;

    font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-weight: 400;
  line-height: 1em
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: inherit
}
h1 {
  /*font-size: 4em;*/
  font-size: 8em;
  line-height: 1;
  color: #58595B;
}

h2 {
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 0
}
h3 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 400
}
h4 {
  font-size: 0.8em;
  line-height: 1.1em;
  font-weight: 600;
  text-transform: uppercase
}
h5 {
  font-size: 0.8em;
  line-height: 1em;
  margin-bottom: 0.2em;
  font-weight: 400;
  text-transform: uppercase
}
h6 {
  font-size: 0.7em;
  line-height: 1.5em
}
sub {
  font-size: 0.8em;
  position: relative;
  top: 0.5em
}
sup {
  font-size: 0.8em;
  position: relative;
  top: -0.5em
}
.clear {
  clear: both
}
.display-none {
  display: none !important
}
.align-left {
  text-align: left
}
.align-center {
  text-align: center
}
.align-right {
  text-align: right
}
.no-margin-bottom {
  margin-bottom: 0
}
.opacity-0 {
  opacity: 0 !important
}
.index-999 {
  z-index: -999 !important
}
.opacity-0-player {
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
.separator-middle {
  background: #FF1D4D;
  height: 3px;
  width: 150px;
  margin: 35px auto
}
.separator-middle:before {
  background: #FF1D4D;
  content: "";
  height: 10px;
  margin: -4px 0 0 -75px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px
}
.separator-middle:after {
  background: #FF1D4D;
  content: "";
  height: 10px;
  margin: -4px 0 0 75px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px
}
.item-title {
  position: absolute;

  left: 0;
  padding: 0;

    top: 50vh;
  width: 100%;
  padding: 0 15%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  visibility: visible
}
.item-title .textIncrease{
	transition:all 1.5s linear;
    transform: scale(1.1);
}

.item-title .textDecrease{
	transition:all 1.5s linear;
    transform: scale(0.7);
}
.item-title a .button-homepage.btn-Hover-Color{
	color: #F56900 !important;
}
/*
.item-title a .button-homepage:hover{
color:#F8971D
}*/
.button-homepage {
    width: 170px;
    padding: 15px;
    /* margin-top: 30px; */
    background: #58595B;
    color: #FFF;
    margin: 0 auto;
    margin-top: 30px;
}

.button-homepage-sub{
margin-top:5px
}
.item-title.text-center {
  text-align: center !important;
}
p.landingP{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.item-title h1,
.item-title h2 {
	transition: all 1.5s linear;
}
.item-title h2 {
  /*color: #fff;*/
  font-size: 21px;
  color: #F56900; /*rgb(245,105,0)*/
    margin-top: 30px;
}
.item-title h2 small {
  font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-style: italic;
  opacity: 0.8;
  font-size: 40%;
  display: block;
  margin-top: 10px
}
.item-title .separator {
  background: #FF1D4D;
  height: 3px;
  width: 100px;
  margin: 20px 0 30px
}
.item-title .separator:before {
  background: #FF1D4D;
  content: "";
  height: 10px;
  margin: -4px auto auto 0;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px
}
.item-title .separator:after {
  background: #FF1D4D;
  content: "";
  height: 10px;
  margin: -4px auto auto 0;
  margin-left: 100px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px
}
.item-title p {
  color: #58595B;
    margin-top: 30px;
}
a.action {
  background-color: #FF1D4D;
  opacity: 0.9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: solid 1px #FF1D4D;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  height: 50px;
  line-height: 45px;
  padding: 0 1.5em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 2px
}
a.action:hover {
  border-color: #FF1D4D;
  color: #fff;
  opacity: 1
}
a.action:active, a.action:focus {
  border-color: #e90031;
  color: #fff;
  box-shadow: none;
  opacity: 1
}
.border-bar-top, .border-bar-right, .border-bar-bottom, .border-bar-left {
  position: absolute;
  z-index: 9999;
  background: #000
}
.border-bar-top {
  width: 100vw;
  height: 1px;
  top: 30px
}
.border-bar-right {
  width: 1px;
  height: 100vh;
  right: 30px
}
.border-bar-bottom {
  width: 100vw;
  height: 1px;
  bottom: 30px
}
.border-bar-left {
  width: 1px;
  height: 100vh;
  left: 30px
}
#multi-div {
  overflow: auto;

  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
}


.tooltip {
  text-transform: none
}
.social-icons {
  position: absolute;
  top: 0;
  right: 40px;
  display: block;
  z-index: 99999;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1)
}
.social-icons i {
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
.social-icons a {
  color: #666;
  width: 30px;
  line-height: 30px;
  letter-spacing: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 300;
  height: 30px;
  display: inline-block;
  text-align: center;
  float: left;
  border: none;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.18);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.18);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
.social-icons a:hover {
  color: #fff;
  background: #FF1D4D
}
.social-icons a:hover i {
  color: #fff
}
p.copyright {
  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30px;
  width: 100%;
  padding: 0 40px;
  color: #fff;
  line-height: 30px;
  font-size: 0.7em;
  font-weight: 500;
  text-align: right;
  z-index: 9999
}
#left1 {
  background: none
}
#left2 {
  background: none
}
#left3 {
  background: none
}
#left4 {
  background: none
}
#right1 {
  background: none
}
#right2 {
  background: none
}
#right3 {
  background: none
}
#right4 {
  background: none
}
.overlay {
  /*background: rgba(0, 0, 0, 0.3);*/
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;

}
.ms-right .ms-section .overlay {

  border-right: none
}
.carousel-indicators {
  padding: 0 15px 15px 0;
  bottom: 0;
  right: 0;
  margin: 0;
  left: auto;
  width: auto
}
.carousel-indicators li {
  background: transparent;
  border: 1px solid #2B2D35;
  background: #fff;
  margin: 0 !important;
  width: 10px;
  height: 10px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-right: 5px !important;
  -webkit-backface-visibility: hidden
}
.carousel-indicators li:hover {
  background: #2B2D35;
  border: 1px solid #2B2D35;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 0 !important;
  margin-right: 5px !important;
  background: #2B2D35;
  border: 1px solid #2B2D35;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}
.carousel-inner {
  overflow: hidden
}
.carousel-inner .item {
  overflow: visible
}
.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: 15px 10px 8px 15px;
  text-shadow: none;
  text-align: left;
  width: 100%;
  background: #fff
}
.carousel-caption h3 {
  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
  color: #2B2D35;
  width: 100%;
  font-size: 12px;
  white-space: nowrap;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px
}
.carousel-control {
  background: transparent;
  background-image: none !important
}
.carousel-control .icon-prev:before {
  font-family: ionicons;
  content: '\f124'
}
.carousel-control .icon-next:before {
  font-family: ionicons;
  content: '\f125'
}
.loading-part {
  position: fixed;

    background: white;
  width: 100%;
  height: 100%;
  z-index: 9999
}
.loading-part img.logo-loading {
  max-width: 300px;
  display: block;
  margin: auto
}
.loading-part p.loading-text {
  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  left: 0;
  color:#333
}
.loading-part .loader {
  margin-top: 20px
}
.loading-part .loader>span {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 4px;
  background: #333;
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: loader-fade 1s infinite;
  -moz-animation: loader-fade 1s infinite;
  animation: loader-fade 1s infinite
}
.loading-part .loader>span:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s
}
.loading-part .loader>span:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s
}
.loading-part .loader>span:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s
}
@-webkit-keyframes loader-fade {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0.8
  }
  100% {
    opacity: 0
  }
}
@-moz-keyframes loader-fade {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0.8
  }
  100% {
    opacity: 0
  }
}
@keyframes loader-fade {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0.8
  }
  100% {
    opacity: 0
  }
}
#multiscroll-nav {
  position: fixed;
  display:none;
  z-index: 9999;
  top: 50%;
  width: 30px;
  right: 0;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}
#multiscroll-nav ul {
  margin: 0;
  padding: 0
}
#multiscroll-nav ul li {
  display: block;
  width: 30px;
  height: 20px;
  position: relative
}
#multiscroll-nav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none
}
#multiscroll-nav ul li a:hover span:before {
  background: #FF1D4D;
  border: 1px solid #FF1D4D;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}
#multiscroll-nav ul li .active span {
  background: transparent
}
#multiscroll-nav ul li .active span:before {
  background: #FF1D4D;
  border: 1px solid #FF1D4D;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}
#multiscroll-nav span {
  top: 5px;
  left: 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 1
}
#multiscroll-nav span:before {
  font-size: 1.5em;
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #2B2D35;
  background: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
.multiscroll-tooltip {
  position: absolute;
  color: #fff;
  font-size: 12px;
  top: -2px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 2px
}
a.link-nav .multiscroll-tooltip {
  opacity: 0;
  visibility: hidden;
  right: 0;
  padding-right: 20px;
  z-index: 0;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
a.link-nav.active .multiscroll-tooltip {
  -webkit-animation: fade-tooltip 1.5s 0.3s, cubic-bezier(0, 0, 0.58, 1);
  -moz-animation: fade-tooltip 1.5s 0.3s, cubic-bezier(0, 0, 0.58, 1);
  animation: fade-tooltip 1.5s 0.3s, cubic-bezier(0, 0, 0.58, 1);
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1
}
a.link-nav.active-opening .multiscroll-tooltip {
  opacity: 1;
  visibility: visible
}
a.link-nav:hover .multiscroll-tooltip {
  opacity: 1;
  visibility: visible
}
@-webkit-keyframes fade-tooltip {
  0% {
    opacity: 0;
    visibility: visible
  }
  10% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
@-moz-keyframes fade-tooltip {
  0% {
    opacity: 0;
    visibility: visible
  }
  10% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
@keyframes fade-tooltip {
  0% {
    opacity: 0;
    visibility: visible
  }
  10% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  100% {
    opacity: 0;
    visibility: hidden
  }
}
.brand-logo {
  max-width: 200px;
  display: block;
  margin: auto;
  margin-bottom: 20px
}
.mouse {
  border: 2px solid #fff;
  border-radius: 26px;
  position: absolute;
  bottom: 45px;
  left: 50%;
  width: 20px;
  height: 35px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.mouse::after {
  background-color: #fff;
  border-radius: 100%;
  content: "";
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -2px;
  width: 4px;
  height: 4px;
  opacity: 1;
  -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  -moz-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  -ms-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  -o-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
  -webkit-animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
  -moz-animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
  animation: scroll 1.5s -1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite
}
p.scroll {
  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
  font-weight: 400;
  letter-spacing: 1px;
  left: 0
}
p.scroll span {
  letter-spacing: 0;
  font-style: italic
}
@-webkit-keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px)
  }
  10% {
    -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    opacity: 1
  }
  100% {
    -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    opacity: 0.01
  }
}
@-moz-keyframes scroll {
  0%, 20% {
    -moz-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px)
  }
  10% {
    -moz-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    opacity: 1
  }
  100% {
    -moz-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    opacity: 0.01
  }
}
@keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    -moz-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    -ms-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    -o-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px)
  }
  10% {
    -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    -moz-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    -ms-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    -o-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
    opacity: 1
  }
  100% {
    -webkit-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    -moz-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    -ms-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    -o-transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    transform: translateY(20px) scaleY(2.5) scaleX(0.5) translateZ(0px);
    opacity: 0.01
  }
}
#countdown_dashboard {
  display: block;
  margin: 10px auto 0
}
#countdown_dashboard .dash-glob {
  border-left: 1px solid #2B2D35;
  text-align: center
}
#countdown_dashboard .dash-glob:first-child {
  margin-left: 0;
  border-left: none
}
#countdown_dashboard .dash-glob .dash {
  padding-bottom: 0;
  position: relative;
  width: 100%;
  opacity: 1
}
#countdown_dashboard .dash-glob .dash .digit {
  color: #fff;
  font-size: 12em;
  font-weight: 400;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  height: 1em;
  line-height: 1em;
  position: relative;
  vertical-align: middle;
  opacity: 1
}
#countdown_dashboard .dash-glob .dash .text-right {
  color: #fff;
  font-size: 1.5em;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle
}
#countdown_dashboard .text-day h3 {
  font-size: 2.5em;
  line-height: 1;
  margin: 25px 0 45px;
  font-weight: 500
}
#countdown_dashboard .text-day h3 span.point {
  color: #FF1D4D;
  font-weight: 800
}
#countdown_dashboard .text-day p {
  color: #fff
}
#subscribe p {
  font-weight: 400
}
#subscribe #notifyMe {
  max-width: 450px;
  margin: auto;
  margin-top: 2em
}
#subscribe #notifyMe .form-group {
  margin-bottom: 1em
}
#subscribe #notifyMe .form-group .fa {
  color: #000;
  font-size: 1.5em;
  margin: 0.5em 0 0 -2em;
  position: absolute;
  width: 2em;
  text-align: center
}
#subscribe #notifyMe .form-group .form-control {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #666;
  border-right: none;
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  height: 50px;
  font-weight: 600;
  outline: medium none;
  padding: 0 1em;
  width: 70%;
  color: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
#subscribe #notifyMe .form-group .form-control:hover, #subscribe #notifyMe .form-group .form-control:focus {
  box-shadow: none
}
#subscribe #notifyMe .form-group .form-control::-webkit-input-placeholder {
  color: #F8F8F8 !important
}
#subscribe #notifyMe .form-group .form-control::-moz-placeholder {
  color: #F8F8F8 !important
}
#subscribe #notifyMe .form-group .form-control:-moz-placeholder {
  color: #F8F8F8 !important
}
#subscribe #notifyMe .form-group .form-control:-ms-input-placeholder {
  color: #F8F8F8 !important
}
#subscribe #notifyMe .form-group button.submit {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: #FF1D4D;
  color: #fff;
  height: 50px;
  padding: 1em 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  width: 30%;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
#subscribe #notifyMe .form-group button.submit:hover {
  background: #F8F8F8;
  color: #2B2D35
}
#subscribe .block-message {
  min-height: 30px
}
#subscribe p.notify-valid {
  color: #fff
}
#subscribe p.notify-valid .ion-close-round {
  color: #FF1D4D
}
#subscribe p.notify-valid .ion-checkmark-round {
  color: #27AE60
}
ul.icons {
  margin: 30px 0 0;
  padding-left: 0;
  list-style: none
}
ul.icons li {
  padding-left: 0;
  display: inline-block;
  padding: 0 0.3em 0 0
}
ul.icons li:last-child {
  padding-right: 0
}
ul.icons li a {
  color: #000;
  font-size: 0.9em;
  width: 35px;
  height: 35px;
  line-height: 35px !important;
  position: relative;
  margin: 0 5px;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-backface-visibility: hidden
}
ul.icons li a:before {
  font-size: 1.5em;
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
ul.icons li a:hover {
  color: #fff
}
ul.icons li a:hover:before {
  background: #000;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}
ul.icons li a i {
  position: relative;
  top: 0;
  left: 0
}
ul.icons li a i.fa-facebook {
  left: -1px
}
.progress-block {
  margin-top: 20px;
  overflow: hidden
}
.progress-block h3 {
  margin-bottom: 2px;
  font-size: 0.8em;
  color: #fff
}
.progress-block .progress-part {
  margin-bottom: 20px;
  font-weight: 400;
  overflow: visible;
  height: 1px;
  background: #EFEFEF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0
}
.progress-block .progress-part .progress-dash {
  color: #333;
  background: #F8F8F8;
  font-size: 0.7em;
  padding-top: 1px;
  position: relative
}
.progress-block .progress-part .progress-dash span {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: -10px;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0
}
#swipebox-overlay {
  background: #2B2D35
}
#swipebox-bottom-bar, #swipebox-top-bar {
  background: #2B2D35;
  opacity: 1;
  min-height: 50px
}
#swipebox-bottom-bar {
  border-top: 1px solid #999
}
#swipebox-top-bar {
  color: #fff !important;
  border-bottom: 1px solid #999;
  font-size: 15px;
  line-height: 50px;
  font-weight: 600
}
#swipebox-prev, #swipebox-next, #swipebox-close {
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  top: 0;
  text-align: center
}
#swipebox-close {
  font-size: 25px
}
#swipebox-close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #333
}
#carousel-services .carousel-indicators {
  bottom: -60px
}
#carousel-services .carousel-indicators li {
  background: transparent;
  border: 1px solid #999
}
#carousel-services .carousel-indicators li:hover {
  background: #fff;
  border: 1px solid #999
}
#carousel-services .carousel-indicators .active {
  background: #fff;
  border: 1px solid #999
}
#carousel-services .carousel-control {
  position: absolute;
  top: auto;
  bottom: -40px;
  width: 30px;
  font-size: 20px;
  color: #fff
}
#carousel-services .carousel-control.left {
  left: 0
}
#carousel-services .carousel-control.right {
  left: 50px
}
.block-services {
  margin: 2em 0 0;
  padding-left: 20px
}
.block-services .icon-services {
  display: block;
  font-size: 3.5em;
  margin-bottom: 10px;
  color: #999
}
.block-contact {
  margin: 2em 0 0
}
.block-contact h3 {
  color: #fff
}
.block-contact h3 i {
  margin-right: 5px;
  font-size: 1.2em
}
#social-nav {
  position: relative;
  z-index: 100;
  margin-top: 20px;
  opacity: 1
}
#social-nav ul {
  margin: 0;
  padding: 0
}
#social-nav ul li {
  display: block;
  margin: 0px 5px 20px;
  position: relative;
  text-align: center;
  float: left;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
#social-nav ul li a {
  color: #000;
  font-size: 0.9em;
  width: 35px;
  height: 35px;
  line-height: 35px !important;
  position: relative;
  margin: 0 5px;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-backface-visibility: hidden
}
#social-nav ul li a:before {
  font-size: 1.5em;
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #EFEFEF;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
#social-nav ul li a:hover {
  color: #fff
}
#social-nav ul li a:hover:before {
  background: #000;
  border: 1px solid #000;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}
#social-nav ul li a i {
  position: relative;
  top: 0;
  left: 0
}
#social-nav .tooltip {
  font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
  white-space: pre;
  max-width: none;
  margin-top: 8px
}
#social-nav .tooltip .tooltip-inner {
  background: #333
}
#social-nav .tooltip .tooltip-arrow {
  border-top-color: #333;
  border-right-color: transparent;
  border-bottom-color: #333;
  border-left-color: transparent
}
#social-nav a.social-media {
  color: #fff
}
#social-nav a.social-media:before {
  border: 1px solid;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
#social-nav a.social-media:hover:before {
  border: 1px solid;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}
#social-nav a.twitter-color:before {
  background: #00aced;
  border-color: #00aced
}
#social-nav a.twitter-color:hover:before {
  background: #0099d3;
  border-color: #0099d3
}
#social-nav a.facebook-color:before {
  background: #3b5998;
  border-color: #3b5998
}
#social-nav a.facebook-color:hover:before {
  background: #344e86;
  border-color: #344e86
}
#social-nav a.googleplus-color:before {
  background: #dd4b39;
  border-color: #dd4b39
}
#social-nav a.googleplus-color:hover:before {
  background: #d73925;
  border-color: #d73925
}
#social-nav a.pinterest-color:before {
  background: #cb2027;
  border-color: #cb2027
}
#social-nav a.pinterest-color:hover:before {
  background: #b51d23;
  border-color: #b51d23
}
#social-nav a.linkedin-color:before {
  background: #007bb6;
  border-color: #007bb6
}
#social-nav a.linkedin-color:hover:before {
  background: #006a9d;
  border-color: #006a9d
}
#social-nav a.youtube-color:before {
  background: #b00;
  border-color: #b00
}
#social-nav a.youtube-color:hover:before {
  background: #a20000;
  border-color: #a20000
}
#social-nav a.instagram-color:before {
  background: #517fa4;
  border-color: #517fa4
}
#social-nav a.instagram-color:hover:before {
  background: #497293;
  border-color: #497293
}
#social-nav a.tumblr-color:before {
  background: #32506d;
  border-color: #32506d
}
#social-nav a.tumblr-color:hover:before {
  background: #2a435c;
  border-color: #2a435c
}
#social-nav a.vimeo-color:before {
  background: #aad450;
  border-color: #aad450
}
#social-nav a.vimeo-color:hover:before {
  background: #a0cf3c;
  border-color: #a0cf3c
}
#social-nav a.flickr-color:before {
  background: #ff0084;
  border-color: #ff0084
}
#social-nav a.flickr-color:hover:before {
  background: #e60077;
  border-color: #e60077
}
#social-nav a.dribbble-color:before {
  background: #ea4c89;
  border-color: #ea4c89
}
#social-nav a.dribbble-color:hover:before {
  background: #e7357a;
  border-color: #e7357a
}
#social-nav a.behance-color:before {
  background: #1769ff;
  border-color: #1769ff
}
#social-nav a.behance-color:hover:before {
  background: #0059fc;
  border-color: #0059fc
}
#social-nav a.soundcloud-color:before {
  background: #ff3a00;
  border-color: #ff3a00
}
#social-nav a.soundcloud-color:hover:before {
  background: #e63400;
  border-color: #e63400
}
#contact-form ,
#subscribe-form {
  margin-top: 40px
}
#contact-form .form-control,
#subscribe-form .form-control {
  background: rgba(0, 0, 0, 0.4);
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: 400;
  outline: medium none;
  height: 40px;
  width: 100%;
  color: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
  text-align: left
}
#contact-form .form-control:hover, #contact-form .form-control:focus ,
#subscribe-form .form-control:hover, #subscribe-form .form-control:focus {
  box-shadow: none
}
#contact-form .form-control::-webkit-input-placeholder ,
#subscribe-form .form-control::-webkit-input-placeholder {
  color: #F8F8F8 !important
}
#contact-form .form-control::-moz-placeholder ,
#subscribe-form .form-control::-moz-placeholder {
  color: #F8F8F8 !important
}
#contact-form .form-control:-moz-placeholder ,
#subscribe-form .form-control:-moz-placeholder {
  color: #F8F8F8 !important
}
#contact-form .form-control:-ms-input-placeholder ,
#subscribe-form .form-control:-ms-input-placeholder {
  color: #F8F8F8 !important
}
#contact-form textarea.form-control ,
#subscribe-form textarea.form-control {
  min-height: 150px;
  margin-bottom: 1em
}
#contact-form button#valid-form ,
#subscribe-form button#valid-form {
  font-weight: 400;
  padding: 1em 2em;
  font-size: 1em;
  display: block;
  margin: 0 auto 0;
  background: #FF1D4D;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-weight: 700;
  width: 100%
}
#contact-form button#valid-form:hover ,
#subscribe-form button#valid-form:hover {
  background: #fff;
  color: #333
}
#block-answer {
  min-height: 30px;
  margin-top: 1em;
  text-align: center
}
.success-message, .error-message {
  color: #fff
}
.success-message .ion-checkmark-round, .error-message .ion-checkmark-round {
  color: #27AE60
}
.error-message .ion-close-round {
  color: #FF1D4D
}

.oemcolor{color: white !important;}
.oemtitlecolor{color: rgba(240, 100, 0, 1);}
.oemcontentcolor{color: white !important;}
.odmcolor{color: black !important;}
.odmtitlecolor{color: rgba(240, 100, 0, 1);}
.odmcontentcolor{color: black !important;}

/*****************footer***********************/
.showDisclaimer{
  margin-bottom: 5px;
}
  .hoverToShow{
    display: none;
    position:absolute;
    width:280px;
    bottom:30px;
    right:15px;
    padding: 15px;
    background-color: #FFF;
    color: #929292;
    border-radius: 8px;
    font-size: 14px;
  }
  .showDisclaimer:hover > .hoverToShow {
    display: block !important;
    /*color:red;*/
  }
  
section.footer-menu{
    z-index: 0;
    position: relative;
    bottom: 0;
    color: white;
    width: 100%;
    background: #58595B;

}

section.footer-menu img{
width:120px;

    padding-top: 15px;
}

section.footer-menu .footer-menu-list ul{
padding:0
}

section.footer-menu .footer-menu-list{

    padding: 15px 0px;
}

section.footer-menu .footer-menu-list ul li{
list-style: none;
    display: inline-block;
    padding-right: 15px;

    min-width: 120px;

    padding: 10px 0px;
    text-transform: uppercase;
	font-size:13px

}

.footer-social ul{
padding:0;
    text-align: right;
}

.footer-social ul li{
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
}

.footer-social{
    float: right;

    padding: 11px 0;
    padding-bottom: 0;
}

.footer-social ul li i{
    margin-right: 15px;
    padding: 10px;
    background: white;
        width: 40px;
    height: 40px;
    color: #58595B;
    border-radius: 26px;
    text-align: center;
}

.footer-social ul li a:hover i{
background:#F8971D;
color:white
}

/****************header***********************/
.black-logo {

    position: absolute;
    left: 30px;
}
.black-logo img{
width:120px;
    transition: all 0.2s linear, padding-top 0.1s linear !important;
}
section.header-section{
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    background: white;
    padding:0px;
	width:100%;
	display:block;
    height: 80px;
	}

	section.header-section.fixedmenu .navbar-inverse .navbar-nav>li{

    margin: 0px 0px;

    border-top: 1px solid rgba(0,0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0);

	}

	section.header-section.fixedmenu .navbar{
	background:transparent
	}

	section.header-section.fixedmenu{

    height: 50px;
	    position: fixed;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    top: 0;
    z-index: 999999;
    box-shadow: 0px 1px 10px 0px #B1B1B1;
	transition: all 0.2s linear, padding-top 0.1s linear !important;
	}

	section.header-section.fixedmenu



	section.header-section.fixedmenu nav.navbar {
	background:transparent
	}
	section.header-section.fixedmenu .black-logo img{
	    width: 80px;   transition: all 0.2s linear, padding-top 0.1s linear !important;
	}

	section.header-section .navbar {
	margin-bottom: 0px;
    background: white;
    border: 0;
	border-left:0;
	border-right:0;
	border-radius:0px;
	}

		section.header-section .navbar-inverse .navbar-nav>li>a{
		color:#333;
    font-size: 13px;
	-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    -ms-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    text-align: center;

		}

		section.header-section .navbar-inverse .navbar-nav>li:last-child>a:after{
		background:transparent
		}


		section.header-section .navbar-inverse .navbar-nav{
		width:100%
		}

		section.header-section .navbar-inverse .navbar-nav>li{
		    min-width: 16.66666666666%;
    /* padding: 13px 0px; */
    transition: all 0.2s linear;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;

    margin: 13px 0px;
		}

		section.header-section .navbar-inverse .navbar-nav>li>a:hover{
		color: #F8971D;
    background: #58595B;
		}

		.navbar-inverse .navbar-collapse {
    padding: 0;
}

/****************header***********************/
/****************odm***********************/
section.odm-menu ul li{
display:inline-block;
}

section.odm-menu .owl-carousel .item h4{

    color: #FFF;
font-weight:normal;
text-align:center
}

section.odm-menu .owl-carousel .item h4 a.active{
color:#F8971D;
}

section.odm-menu .owl-theme .owl-controls{
    margin-top: 0;
    position: relative;
    top: -25px;
}

section.odm-menu .owl-theme .owl-controls .owl-next{
position: absolute;
    right: -20px;
}

section.odm-menu .owl-theme .owl-controls .owl-prev{
position: absolute;
    left: -20px;
}

section.odm-menu .owl-theme .owl-controls .owl-dots{
display:none !important;
}


section.odm-menu {
padding-bottom:10px;
    padding-top: 10px;
	background:black;
    margin-top: 0px;
}


section.odm-cat-download {
	background:#222222;
    margin-top: 75px;
    text-align: center;
}




#myDiv-fluidwidth > div:nth-child(3) {
    top: 30px !important;
}

#myDiv-fluidwidth > div:nth-child(2) > div:nth-child(3) >div:nth-child(1) {
    left: 15px !important;
}

#myDiv-fluidwidth > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) {
    float: right !important;
    left: auto !important;
    right: 15px !important;
    transform: initial !important;
}


.left-button-slider{
    position: absolute;
    left: 15px;
    z-index: 999999999;
    top: 40%;
	cursor:pointer;
}

.right-button-slider{
     position: absolute;
    right: 15px;
    z-index: 999999999;
    top: 40%;
	cursor:pointer;
}

section.odm-section-landing{

			background:url(../img/odm-slider-bg.jpg);
			background-position:center;
			background-position: center !important;
			height: 100vh;
			width: 100%;
			background-size: cover!important;
			cursor: pointer;
			transition:all 1.5s linear;
			}

			section.oem-section-landing{

			background:url(../img/oem-slider-bg.jpg);
			background-position: center !important;
			height: 100vh;
			width: 100%;
			background-size: cover!important;
			cursor: pointer;
			transition:all 1.5s linear;
			}
			section.odm-section-landing.bg-None,
			section.oem-section-landing.bg-None{
				background:none;
				overflow:hidden;
			}
			section.odm-section-landing > div:first-child,
			section.oem-section-landing > div:first-child{
				background-position:center;
				background-position: center !important;
				height: 100vh;
				width: 100%;
				background-size: cover!important;
				cursor: pointer;
				transition:all 1.5s linear;
			}
			section.odm-section-landing > div.enlargeBgPic,
			section.oem-section-landing > div.enlargeBgPic,
			section.odm-section-landing.enlargeBgPic,
			section.oem-section-landing.enlargeBgPic{
				-webkit-transform: scale(1.5);
				-moz-transform: scale(1.5);
				-ms-transform: scale(1.5);
				transform: scale(1.5);	
			}
			
			
section.watch-slider-info{
margin:0px 0px;
    min-height: 648px;
    background: -moz-linear-gradient(180deg, #231F20 0, #434445 35%) ;
    background: -webkit-gradient(linear, 180deg, color-stop(0, 231F20), color-stop(35%, 434445));
    background: -webkit-linear-gradient(180deg, #231F20 0, #434445 35%);
    background: -o-linear-gradient(180deg, #231F20 0, #434445 35%);
    background: -ms-linear-gradient(180deg, #231F20 0, #434445 35%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
    background: linear-gradient(180deg, #231F20 0, #434445 35%);
}

section.watch-slider-info .watch-slider-info-detail{
    padding: 60px 30px;

}


section.watch-slider-info .watch-slider-info-detail.oem-list{
background:white;
padding:0
}

section.watch-slider-info .watch-slider-info-detail.oem-list .left-list{
position:relative;
margin-bottom:30px
}

section.watch-slider-info .watch-slider-info-detail.oem-list .left-list p{
    padding: 10px 30px;
    position: absolute;
    bottom: 0;
    color: white;
    left: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.59);
    right: 0;
	opacity:0;    transition: all 0.2s linear, padding-top 0.1s linear !important;

}
section.watch-slider-info .watch-slider-info-detail.oem-list .left-list:hover p{
	opacity:1
}

section.watch-slider-info .watch-slider-info-detail.oem-list .right-list{
margin-bottom:15px

}

section.watch-slider-info .watch-slider-info-detail.oem-list .right-list p{
padding:10px 0px;
}

section.watch-slider-info .watch-slider-info-detail img{
width:100%
}

.selectedImg{
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 0 5px rgba(248,151,29,0.6) inset;/*FF 3.5+*/
-webkit-box-shadow: 0 0 0 5px rgba(248,151,29,0.6) inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 0 5px rgba(248,151,29,0.6) inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#000000); /*IE 5.5-7*/
}


section.watch-slider-info .watch-slider-info-detail.oem-list .small-img{
margin-top:5px;

}

section.watch-slider-info .watch-slider-info-detail.oem-list .item-img{

    border-right: 1px solid white;
    padding-right: 0px;
}



section.watch-slider-info .watch-slider-info-detail.oem-list p, section.watch-slider-info .watch-slider-info-detail.oem-list h2, section.watch-slider-info .watch-slider-info-detail.oem-list h3{
color:#333
}

section.watch-slider-info .watch-slider-info-detail.oem-list p{
font-size:14px
}

section.watch-slider-info .watch-slider-info-detail.oem-list h2{
    font-size: 30px;
    color: #333;
	    font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
}

section.watch-slider-info .watch-slider-info-detail.oem-list h3{
    font-size: 25px;
	    font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;

}

/* styles unrelated to zoom */


		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}

		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block;
			width:33px;
			height:33px;
			position:absolute;
			top:0;
			right:0;
			background:url(../img/icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		#ex2 img:hover { cursor: url(grab.cur), default; }
		#ex2 img:active { cursor: url(grabbed.cur), default; }

		section.watch-slider-info .watch-detail-in{
		font-family:Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
    color: white;
		}

		section.watch-slider-info .watch-detail-in .detail ul{
		width:49%;
		display:inline-block
		}

		section.watch-slider-info .watch-detail-in .detail{
		margin-top:30px;
		margin-bottom:30px;
			font-family: 'Raleway', sans-serif;
			font-size:18px
		}

		section.watch-slider-info .watch-detail-in .detail ul li.left{
		text-align:right;
		margin-bottom:10px;
		margin-right: 15px;
		}

		section.watch-slider-info .watch-detail-in .detail ul li.right{
		text-align:left;
		margin-bottom:10px;
    margin-left: 15px;
		}

		section.watch-slider-info  .image-list ul li{
		display:inline-block    ;padding: 0;
		}

		.scroll-top-wrapper {
      position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #ffffff;
    color:#F8971D;
    border: 1px solid #58595b;
    width: 48px;

    height: 48px;
    line-height: 42px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	    background: #000;
	border:1px solid #000;


}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
    font-size: 25px;
}


		section.watch-slider-info .watch-detail-in span{
		display:inline-block;
		margin-right:15px;
		font-size:20px
		}

		section.watch-slider-info .watch-detail-in h2{
		font-size:30px;

    display: inline-block;

		}

		section.watch-slider-info .watch-detail-in h3{
		font-size:35px;
		margin-bottom:0px
		}

		section.watch-slider-info .watch-detail-in  .title{
		border-bottom:1px solid white;
		text-align: center;
    padding-bottom: 10px;
		}

		section.watch-slider-info .watch-detail-in  p.sub-title{
color:#f8981d;
		font-size:20px;
    padding-top: 10px;

    letter-spacing: 1px;
    font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
		text-transform:uppercase;
		}

		section.watch-slider-info.oem-slider{
		background:white
		}

		section.watch-slider-info .panel-group{
		margin-top:30px
		}

		section.watch-slider-info .panel-group a.accordion-toggle span{
		float:right
		}

		section.watch-slider-info .panel-default>.panel-heading+.panel-collapse>.panel-body{
		    font-size: 14px;
			font-family: 'Raleway', sans-serif;
			line-height: 1.5;
		padding-right:0px;
		padding-left:0px;
		}

		section.watch-slider-info .panel-default .panel-title{
		font-weight:normal;
		color: white;
		}

		section.watch-slider-info .panel-default .panel-title a:hover,section.watch-slider-info .panel-default .panel-title a:focus,section.watch-slider-info .panel-default .panel-title a:active{
		color:#333
		}

		section.watch-slider-info .panel-group .panel{
		box-shadow: 0 1px 0px rgb(255, 255, 255);
		-webkit-box-shadow: 0 1px 0px rgb(255, 255, 255);
			border-radius: 0px;
			border: 0px;
			background: transparent;
		}
		section.watch-slider-info .panel-default>.panel-heading{
		padding-right:0px;
    padding-left: 0;
    background: transparent;
		}
/****************odm***********************/

/****************news***********************/
section.news-section{
padding:30px 0px;
padding-bottom:50px;
    margin-top: 80px;

}

section.news-section .td_blog {
    float: left;
    width: 100%;
}

section.news-section .td_blog article {
    float: left;
    clear: both;
    width: 100%;
    background: #000;
    position: relative;
    margin-bottom: 50px;
}
section.news-section .td_blog article .img_holder {
    float: left;
    width: 70%;
}

section.news-section .td_blog article .img_holder img {
    max-width: 100%;
    width: 100%;
}

section.news-section .td_blog .content_holder {
    padding: 0px 3%;
    width: 30%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    color: #fff;
    position: absolute;
    z-index: 2;
    background: #000;
    background: rgba(0,0,0,0.95);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.news-section .td_blog .content_holder .td_holder_in {
    display: table;
    height: 100%;
    min-height: 100%;
}

section.news-section .td_blog .content_holder .td_holder_in > div {
    display: table-cell;
    vertical-align: middle;
}

section.news-section .td_blog .content_holder h4 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

section.news-section .td_blog .content_holder span.sub {
    font-size: 11px;

    color: #E4E4E4;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
}

section.news-section .td_blog .content_holder p {

    color: #E4E4E4;
    margin: 30px 0px;
    font-size: 14px;
    line-height: 1.8;
}

section.news-section .td_blog article a.read_more {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    color: #666;
    text-decoration: none;
    font-size: 13px;
    background: #151515;
    background: rgba(255,255,255,0.04);
    z-index: 2;
}

section.news-section .td_blog article a.read_more i{
font-size:25px
}

section.news-section .td_blog article a.read_more:hover i{
font-size:25px;
color:#F8971D
}

section.news-section nav.pagination {
    height: 60px;
    background: #f5f5f5;
    float: left;
    clear: both;
    width: 100%;
}

section.news-section nav.pagination ul {
    list-style-type: none;
    float: left;
    margin: 15px 0 0 20px;
}

section.news-section nav.pagination ul li {
    display: inline-block;
}

section.news-section nav.pagination ul li a.current ,section.news-section nav.pagination ul li a:hover{
    color: #fff;
	background:#F8971D
}



section.news-section nav.pagination ul li a {

    padding: 10px 15px;
    display: block;
    color: #666;
    background: #ddd;
    border-radius: 2px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

section.news-section nav.pagination span {
    float: right;
    margin: 20px 20px 0 0;
    font-size: 13px;
    font-weight: 500;
    color: #999;
}

section.news-section .leftsidebar {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 3px;
    position: absolute;
    top: 0;
    width: 100%;

    border-top: 1px solid #F8971D;
}

section.news-section .leftsidebarfixed {
    position: fixed;
    top: 0;
    width: 165px;
}

section.news-section .leftsidebar ul li a{
color:#333;
font-size:13px;

}

section.news-section .leftsidebar ul li a:hover{
color:#F8971D
}

section.news-section .leftsidebar ul li{
margin-bottom:10px
}

section.news-section .about-us-menu{
padding:30px 0px
}

section.news-section .about-us-menu .title{
margin-bottom:30px
}


/****************news***********************/

/****************news-detail***********************/
.blogpost .title_holder {
    display: block;
    padding: 0px;
    margin: 40px 0px 40px 0px;
}

.blogpost .title_holder h4 {
font-size: 30px;
    text-transform: uppercase;
    color: #333;
    font-weight: 500;
    margin-bottom: 5px;
}

.blogpost .title_holder p {
    color: #999;
}

.content_holder p{
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}
.pre-page, .next-page {
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    color: #666666;
    cursor: pointer;
}

.pre-page i {
    margin-right: 10px;
}

.next-page i {
    margin-left: 10px;
}

.share-link {
    padding: 15px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    margin-top: 15px;
}

.share-link .share-text {
    float: left;
    font-size: 17px;
    margin: 15px 0px;
    color: #969696;
}

.share-link ul li {
    display: inline-block;
    text-align: center;
    line-height: 32px;
    color: #969696;
}

.share-link ul li i {
    font-size: 20px;
    padding: 15px;
    border: 1px solid #E0E0E0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;
    min-width: 50px;
}

.share-link ul li i.fa-weibo:hover {
    background: #e77918;
    color: white;
}

.share-link ul li i.fa-twitter:hover {
    background: #55acee;
    color: white;
}

.share-link ul li i.fa-linkedin:hover {
    background: #0177b5;
    color: white;
}

.share-link ul li i.fa-facebook:hover {
    background: #3a5795;
    color: white;
}

.share-link ul li i.fa-youtube:hover {
    background: #e02d29;
    color: white;
}

.pre-page:hover, .next-page:hover {
    color: white;
    background: #F8971D;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
/****************news-detail***********************/

/****************aboutus***********************/
section.aboutus-section{
padding:30px 0px;
    margin-top: 80px;
padding-bottom:50px

}


section.aboutus-section .about-list ul li{
    float: left;
    width: 50%;
}

section.aboutus-section .about-list ul li.left-img{
padding-right:1px;
padding-bottom:2px
}

section.aboutus-section .about-list ul li.right-img{
padding-left:1px;
padding-bottom:2px
}



section.aboutus-section .about-list{
    padding-left: 15px;
    padding-right: 15px;
}

section.aboutus-section .td_blog .content_holder {

    width: 50%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    color: #fff;
    position: absolute;
    z-index: 2;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.aboutus-section .td_blog .content_holder.content-bg-gary{

}

section.aboutus-section .td_blog .content_holder.content-holder-right{
left:0;
right:auto;
}

section.aboutus-section .td_blog {
    float: left;
    width: 100%;
}

section.aboutus-section .td_blog article {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

section.aboutus-section .td_blog article .img_holder {
    float: left;
    width: 50%;
}

section.aboutus-section .td_blog article .img_holder.img-right-holder{
float:right
}

section.aboutus-section .td_blog article .img_holder img {
    max-width: 100%;
    width: 100%;
}

section.aboutus-section  .td_blog .content_holder .td_holder_in {
    display: table;
    height: 100%;
    min-height: 100%;
}

section.aboutus-section .td_blog .content_holder .td_holder_in > div {
    display: table-cell;
    vertical-align: middle;
}

section.aboutus-section .td_blog .content_holder .td_holder_in span{
color:#F8971D;
    LETTER-SPACING: 3PX;
}

section.aboutus-section .td_blog .content_holder h4 {
    color: #333;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

section.aboutus-section .td_blog .content_holder p {
    color: #999;
    margin: 30px 0px;
    font-size: 14px;
    line-height: 1.8;
}

section.aboutus-section .carousel-control .fa-angle-right, section.aboutus-section .carousel-control .icon-next{
    right: 50%;
    margin-right: -10px;
}

section.aboutus-section .carousel-control .fa-angle-left, section.aboutus-section .carousel-control .fa-angle-right, section.aboutus-section .carousel-control .icon-next, section.aboutus-section .carousel-control .icon-prev{
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
}

section.aboutus-section .carousel-control .fa-angle-left, section.aboutus-section .carousel-control .fa-angle-right, section.aboutus-section .carousel-control .icon-next, section.aboutus-section .carousel-control .icon-prev{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    color: #F8971D;
}
/****************aboutus***********************/

/****************contact us***********************/
section.contactus-section{
    margin-top: 80px;
padding:30px 0px;
padding-bottom:50px;
}

section.contactus-section .section-title {
    font-size: 40px;

    text-transform: uppercase;
    float: left;
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
    color: #000;
    font-weight: 100;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

section.contactus-section p{
text-align: left;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 10px;
	color:#333
}

.map-box {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 40px 0;
	margin-top:0
}

#map-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    height: 470px;
}

.menu-transition{
-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}

.ms-left,.ms-right{
-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	cursor:pointer;
}

.contact-details {
    float: left;
    width: 100%;
    text-align: left;
}

.contact-details  .bold-title {
    float: left;
    width: 100%;
    font-size: 26px;
    text-align: left;
    padding-bottom: 30px;

    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}



.contact-details h4 {
    margin-bottom: 10px;
    font-size: 14px;

    text-transform: none;
    letter-spacing: 1px;

    color: #333;
}

.contact-details

.contact-details ul {
    padding-bottom: 20px;
}

.contact-details ul li a {
    padding: 2px 0;
    float: left;
    font-size: 13px;
    width: 100%;
    color: #333;
}

.contact-form-holder {
    float: left;
    width: 100%;
    margin-top: 50px;
}

#contact-form, #comment-form ,
#subscribe-form, #comment-form {
    width: 100%;
    float: left;
    margin-top: 0px;
}

#contact-form input[type="text"], #contact-form textarea, #comment-form input[type="text"], #comment-form textarea ,
#subscribe-form input[type="text"], #subscribe-form textarea, #comment-form input[type="text"], #comment-form textarea {
    float: left;
    width: 100%;
    background: none;
    margin-bottom: 20px;
    font-size: 12px;
    height: 50px;
    border-radius: none;
    position: relative;
    z-index: 20;
    padding-left: 8px;
    color: #999;
    border: 0;
    border-bottom: 1px solid #000;
    -webkit-appearance: none;
}
#contact-form textarea, #comment-form textarea ,
#subscribe-form textarea, #comment-form textarea {
    height: 100px;
    resize: none;
    overflow: auto;
    background: none;
    overflow: auto;
    box-shadow: none;
}

#contact-form #submit, #contact-form .form-submit button,
#contact-form #subscribesubmit, #contact-form .form-submit button ,
#subscribe-form #submit, #subscribe-form .form-submit button,
#subscribe-form #subscribesubmit, #subscribe-form .form-submit button {
       float: left;
    border: 1px solid #000;
    background: none;
    padding: 15px 30px 15px 30px;
    line-height: 17px;
    cursor: pointer;
    /* font-weight: 800; */
    font-size: 12px;
    color: #000;
    /* font-family: 'Muli', sans-serif; */
    -webkit-appearance: none;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-appearance: none;
}

#contact-form #submit:hover,
#contact-form #subscribesubmit:hover,
#subscribe-form #submit:hover,
#subscribe-form #subscribesubmit:hover{
color:#F8971D
}

.banner-text{
width:500px;
margin:0 auto;
}


div.pp_default .pp_content, div.light_rounded .pp_content{
  background: rgba(0, 0, 0, 0.0) !important;
}
div.pp_default .pp_content, div.light_rounded .pp_content *{
  color: white !important;
}
div.pp_default .pp_content .ppt {
    color: #ffffff !important;
}
/****************contact us***********************/

@media only screen and (max-width: 1600px) {
  .item-title {
    padding: 0 10%
  }
  .menu-float{
  float:right
  }
}

@media only screen and (max-width: 1400px) {
section.header-section .navbar-inverse .navbar-nav>li{
min-width:13.66666667%
}
     .menu-float .menu-float-row{
	float: right;
    width: 70%;
}
@media only screen and (max-width: 1199px) {
section.news-section .leftsidebarfixed{
width:131px
}
.footer-social ul li{
min-width:90px;
}
section.footer-menu .footer-menu-list ul li{

    min-width: 95px;
}
.menu-float .menu-float-row{

    width: 80%;
}
.banner-text{
width:400px
}
section.watch-slider-info .image-list ul li{
width:32%
}
}
@media only screen and (max-width: 1024px) {
.banner-text{
width:100%
}
  body {
    overflow: auto !important
  }
  .ms-left, .ms-right {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    position: relative !important;
    top: auto !important
  }
  .ms-left .ms-section, .ms-right .ms-section {
    height: auto !important;
    position: relative
  }
  .ms-left .ms-section .ms-tableCell, .ms-right .ms-section .ms-tableCell {
    height: auto !important
  }
  .ms-left .ms-section .ms-tableCell .item-title, .ms-right .ms-section .ms-tableCell .item-title {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    padding-top: 150px;
    padding-bottom: 150px
  }
  .overlay {
    border: 2px solid #fff;
    position: absolute
  }
  #left1 .item-title {
    padding-top: 100px;
    padding-bottom: 100px
  }
  #left1 .mouse {
    display: none
  }
  #left1 p.scroll {
    bottom: 35px
  }
  #left1 p.scroll span {
    display: none
  }
  #multiscroll-nav {
    display: none
  }
  .border-bar-top {
    height: 10px
  }
  .border-bar-right {
    width: 10px
  }
  .border-bar-bottom {
    height: 10px
  }
  .border-bar-left {
    width: 10px
  }
  .vegas-wrapper {
    position: relative
  }
  .social-icons {
    position: absolute;
    top: 10px;
    right: 10px
  }
  .social-icons i {
    color: #fff
  }
  .social-icons a {
    width: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: 300;
    height: 40px
  }
  p.copyright {
    position: relative;
    padding: 0 15px;
    background: #fff;
    text-align: center;
    color: #666
  }
  .item-title {
    width: 100% !important;
    left: 0 !important
  }
}

@media(max-width:991px){
.menu-float .menu-float-row{
width: 80%;

}
.map-box{
overflow:hidden
}
section.header-section{
height:70px
}
section.header-section .navbar-inverse .navbar-nav>li>a{
padding:10px 0px;
    font-size: 12px;
}
.black-logo img{
width:105px
}
section.news-section .leftsidebarfixed{
width:95px
}
.footer-social ul li{
min-width:70px
}
section.footer-menu .footer-menu-list ul li{
min-width:70px
}
section.header-section.fixedmenu{

    height: 53px;
}
section.header-section.fixedmenu .black-logo img{
width:80px
}

}

@media(max-width:767px){

.left-button-slider{
    z-index: 999;
    top: 80%;
}

.right-button-slider{
    z-index: 999;
    top: 80%;
}

section.header-section .navbar-inverse .navbar-nav{
    border-left: 1px solid #58595b;
    border-bottom: 1px solid #58595b;
}
p.landingP{
width:100%
}
section.aboutus-section .about-list ul li{
float:none;
width:100%
}
.black-logo{
left:0
}
section.header-section.fixedmenu .black-logo img{
width:120px
}
section.header-section.fixedmenu{
height:75px
}
.footer-social{
float:left;
}
section.news-section .td_blog .content_holder{
    width: 100%;
	position:relative;
}
section.news-section .td_blog article .img_holder{
float:none;
width:100%
}
section.news-section .td_blog .content_holder h4{
margin-top:15px
}
h1{

    font-size: 2em;
}
.item-title h2{
font-size:17px
}
.item-title p{
font-size:15px
}
.black-logo img{
width:120px;
float:left
}
.navbar-header{
float:right
}
.navbar-inverse .navbar-collapse{
padding: 0;
    position: absolute;
    width: 300px;

      top: 100%;
    background: white;
    right: -15px;
}

.navbar-nav{
margin:0
}
section.header-section .navbar-inverse .navbar-nav>li{
border:0
}
section.header-section .navbar-inverse .navbar-nav>li>a {
    padding: 5px 0px;
    margin: 0px 15px;
}
#Layer_1{
max-width:200px;
width:100%
}
.menu-float,.menu-float .menu-float-row{
float:none
}
.menu-float .menu-float-row{
width:100%;
    margin: 0px;
}
.black-logo{
    position: relative;
    float: left;
    z-index: 999999999;
}
.button-homepage{

    font-size: 13px;
	padding:10px;
	    width: 120px;
}
.navbar-inverse .navbar-toggle{
margin-right:0
}
section.header-section{
    height: 75px;
}
}
@media only screen and (max-width: 480px) {
  .brand-logo {
    max-width: 200px
  }

  h1 {
    font-size: 2em
  }
  section.contactus-section .section-title,.contact-details  .bold-title{
    font-size: 22px
  }
  p {
    font-size: 0.9em;
    line-height: 1.4em
  }

  #countdown_dashboard .dash-glob .dash .digit {
    font-size: 7em
  }
  #countdown_dashboard .text-day h3 {
    font-size: 2em
  }
  #subscribe #notifyMe {
    max-width: 100%;
    margin: auto;
    margin-top: 2em
  }
  #subscribe #notifyMe .form-group {
    margin-bottom: 1em
  }
  #subscribe #notifyMe .form-group .form-control {
    border-right: 1px solid #666;
    float: none !important;
    width: 100% !important;
    margin-bottom: 20px
  }
  #subscribe #notifyMe .form-group button.submit {
    width: 100% !important
  }
  #subscribe .block-message {
    min-height: 40px
  }
  #block-answer {
    min-height: 40px
  }
  .footer-social ul li{
      font-size: 15px;
	      min-width: 35px;
  }
  .footer-social ul li i{
  width: 35px;
    height: 35px;
  }
  .footer-social ul li i{
  margin-right:10px;
  }
}