﻿
#myCarousel .carousel-caption, #myMobCarousel .carousel-caption {
      max-width: 100%;
      width:100%;
      left: 0;
      bottom: 0;
      text-align:center;
      padding-top: 15px;
      padding-bottom: 35px;
      background-color: rgba(0, 0, 0,.5);
}

#myCarousel ol.carousel-indicators
{
    bottom: 0;
}

#MASCarousel ol.carousel-indicators
{
    bottom: -40px;
}

#myCarousel ol.carousel-indicators li,
#ProjectCarousel ol.carousel-indicators li
{
  margin-left: 10px;
}

#myCarousel ol.carousel-indicators li.active,
#ProjectCarousel ol.carousel-indicators li.active
{
  margin-left: 10px;
}


#JPBSCarouselMobile .carousel-caption
{
  position: relative;
  left: auto;
  right: auto;
  color: #406a80;
  padding-left: 5%;
  background-color:#fff;
}

#ResValCarousel .carousel-caption {
  top: 0;
  bottom: auto;
}

#ResValCarousel ol.carousel-indicators {
position: absolute;
bottom: 30px;
margin: 0;
left: 0;
right: 0;
width: auto;
}

#ResValCarousel ol.carousel-indicators li,  #ResValCarousel ol.carousel-indicators li.active {
float: left;
width: 50%;
height: 50px;
padding-top:10px;
margin: 0;
border-radius: 0;
border: 0;
border-top: 2px solid white;
background: transparent;
text-indent:0;
color:white;
}

#ResValCarousel ol.carousel-indicators li.active {
border-top: 2px solid orange;
}

.imdesc {display: inline-block; vertical-align: middle; position: relative}
.imdesc img {vertical-align: middle;}
.imdesc div {text-align: left; background: rgba(0, 0, 0,.5);}

.imdesc div.cen {
    position: absolute;   
    top: 0%;   
    left: 0%;
    width: 50%; height: 100%; 
}

.rightpanel {display: inline-block; vertical-align: middle; position: relative}
.rightpanel img {vertical-align: middle;}
.rightpanel div {text-align: left; background-color:white;color:#406a80;text-shadow:none}

.rightpanel div.cen {
    position: absolute;   
    top: 0%;   
    left: 50%;
    width: 50%; height: 100%; 
}

/*#ProjectCarousel .divProjectHeader {
  display: inline-block;
  margin: 0;
  padding: 100px;
  padding-left: 10%;
  float:left !important;
}

#ProjectCarousel  .divProjectHeader{
  position: fixed;
  top:0%; left:0%;
  width: 50%;
  height:100%;
  background: rgba(0, 0, 0,.5);
  color: white;
}*/

.left-panel
{        
    float:left;            
}

#JPBSCarousel .divJPBSHeader {
  display: inline-block;
  margin: 0;
  padding: 100px;
}
#JPBSCarousel .divJPBSHeader{
  position:fixed;
  top:0%; right:0%;
  height:100%;
  width:50%;
  background-color: white;
  color: black;
}

#JPBSCarousel .divCarouselHalf{
    height:100%;
    background-size:50%;
}


#custom_carousel .item {
    color:#000;
    background-color:#eee;
    padding:20px 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#ddd
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel .controls li.active {
    background-color:#eee;
    border-top:3px solid orange;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video1 {
position: relative;
padding-bottom: 56.25%;
/*padding-top: 60px;*/ overflow: hidden;
}
.responsive-video1 source,
.responsive-video1 video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.agentapp-responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}
.agentapp-responsive-video iframe,
.agentapp-responsive-video object,
.agentapp-responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#resiCarousel .carousel-caption h2, 
#ovrCarousel .carousel-caption h2,
#jpnCarousel .carousel-caption h2,
#bsCarousel .carousel-caption h2 {
      /*top: 80% !important;*/
      padding: 15px;
      text-align:left;
      max-width:100%;
      background-color: rgba(0, 0, 0,.5);
      font-size: 15px;
}

#resiCarousel .carousel-caption h3, 
#ovrCarousel .carousel-caption h3,
#jpnCarousel .carousel-caption h3,
#bsCarousel .carousel-caption h3 {
      /*bottom: 80% !important;*/
      text-align:left;
      max-width: 100%;
      padding: 15px;
      color: black; 
      font-size: 15px;   
      background-color: rgba(255,255,255, 0.9);
}

/* Animation delays */
#resiCarousel .carousel-caption h2:first-child, 
#ovrCarousel .carousel-caption h2:first-child,  
#jpnCarousel .carousel-caption h2:first-child,
#bsCarousel .carousel-caption h2:first-child  {
	animation-delay: 1s;
}
#resiCarousel .carousel-caption h3:first-child, 
#ovrCarousel .carousel-caption h3:first-child,
#jpnCarousel .carousel-caption h3:first-child,
#bsCarousel .carousel-caption h3:first-child {
	animation-delay: 2s;
}
#resiCarousel .carousel-caption h3:nth-child(2), 
#ovrCarousel .carousel-caption h3:nth-child(2),
#jpnCarousel .carousel-caption h3:nth-child(2),
#bsCarousel .carousel-caption h3:nth-child(2) {
	animation-delay: 2s;
}
#resiCarousel .carousel-caption button, 
#ovrCarousel .carousel-caption button,
#jpnCarousel .carousel-caption button,
#bsCarousel .carousel-caption button {
	animation-delay: 3s;
}

/*carousel CSS for Properties Page*/
#propertiesCarousel {
    /*margin: 20px auto;*/
    margin: auto;
    width: 800px;
}
#propertiesCarousel .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
.ltlImg {
    width:100px;
    height:80px;
}
#propertiesCarousel .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#propertiesCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#propertiesCarousel .carousel-indicators li.active img {
    border-color: #FAAC58;
    border-style: solid;
    border-width: 3px;
    opacity: 1;
}
#propertiesCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}
#propertiesCarousel .carousel-outer {
    position: relative;
}

#floorCarousel {
    margin: auto;
    width: 800px;
}
#floorCarousel .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#floorCarousel .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#floorCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#floorCarousel .carousel-indicators li.active img {
    border-color: #FAAC58;
    border-style: solid;
    border-width: 3px;
    opacity: 1;
}
#floorCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}
#floorCarousel .carousel-outer {
    position: relative;
}


.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /*background-size: auto;
  background-position: center;
  background-repeat: no-repeat;*/
}
.carousel-indicators li{
    border-color: #FF5722;
}
.carousel-indicators .active{
    background-color: #FF5722;
    border: #FF5722;
}

#AgencyDiv .btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 50% !important;
}
#AgencyDiv .btn-circle.btn-xl {
  width: 120px;
  height: 120px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 120px;
  border-radius: 50% !important;
}
#AgencyDiv .btn-circle.btn-xl:hover {
  background-color: #FF5722;
}

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.ResearchArticleIndex {
    font-size:18px;
    line-height:24px;
    margin-bottom:4%;
}

.imageCareer {
    position:relative;
    text-align:center;
    float: left;
}

.Careertext {
    left: 0;
    position:absolute;
    top: 30px;
    width: 100%;
}

.CareertextContainer { 
    line-height: 500px;
    height: 500px;
    text-align: center;
}

.CareertextContainer h2 {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

.CareertextContainerLeft { 
    line-height: 500px;
    height: 500px;
    text-align: left;
}

.CareertextContainerLeft h4 {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

.CareertextContainerSmall {
    line-height: 300px;
    height: 300px;
    text-align: center;
}

.CareertextContainerSmall h2 {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

.img-wrapper{
	width: 100%;
	padding-bottom: 0%; /* your aspect ratio here! */
    padding-left: 0%;
    padding-right: 0%;
	position: relative;
    /*background-color: #ff6a00;
    border:1px solid #ff6a00;*/
}

.img-wrapper img{
	position: absolute;
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
	/*min-height: 100%;*/ /* optional: if you want the smallest images to fill the .thumbnail */
}

.imgClass{
    max-height: 200px;
    max-width: 150px;
    border: 2px solid #ff6100 !important;
    border-radius: 50px 50px 50px 50px;
}

/* Gridview for Admin Control Page*/
.gridView
{
    color: #424242;
    font-size: 12px;
    /*text-decoration:none;*/
    padding: 5px!important;
}

.gridView tr th
{
    padding: 5px;
}

.gridView tr td
{
    padding: 5px;
}

.gridView a:link
{
    color:#FF8D14;
    /*color:#424242;*/
    text-decoration:none; 
}

.gridView a:hover
{
    color:#FF8D14;
    text-decoration:none;
}

.gridView a:visited
{
    color:#049EF7;
    text-decoration:none; 
}

.gridViewItem a:link
{
   color: gray;
   text-decoration:none; 
}

.gridViewItem a:hover
{
   color:#FF8D14;
   text-decoration:none;
}

.gridViewItem a:visited 
{
    color: gray;
    text-decoration: none;
}

.gridViewItem a:visited:hover
{
   color:#FF8D14;
   text-decoration:none; 
}

.gridViewHd 
{
    color: white;
    font-weight: bold;
    background-color: gray;
    height: 40px;
    text-align:center;
    vertical-align:middle;
}

.dropdown-menu li a{
    font-size: 12px !important;
  }

.dropdown-menu .dropdown-content li a{
    color: #fff !important;
}

#navbar ul.nav li a:active { 
    background-color: none;
    color:white!important;
    font-weight:700;
}

.navbar{
    color:white !important;
}
.navbar-brand {
  padding: 0px !important;
}
.navbar-brand>img {
  height: 100% !important;
  padding: 15px !important;
  width: auto !important;
}
.BigLogo .navbar-brand>img {
  padding: 7px 15px !important;
}

/*Fixed button bottom*/
#mybutton {
  position: fixed;
  bottom: 10px;
  right: 50%;
}

#btnscrollTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #FF5722;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
  text-align: center;
  width: 50px;
  height: 50px;

}

#btnscrollTop:hover {
  background-color: #555;
}

#btnscrollTop:focus {
    background-color: #FF5722;
}

#btnJoinUs {
  display: block;
  position: fixed;
  top: 100px;
  left: 30px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50px;
  text-align: center;
  width: 100px;
  height: 100px;

}

#btnJoinUs:hover {
  background-color: #555;
}

#btnJoinUs:focus {
    background-color: #FF5722;
}

#btnContactUs {
  display: block;
  position: fixed;
  top: 100px;
  left: 30px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50px;
  text-align: center;
  width: 80px;
  height: 80px;

}

#btnContactUs a:hover {
  background-color: #555;
}

#btnContactUs a:focus {
    background-color: #FF5722;
}

.ContactButton {
  display: block;
  position: fixed;
  top: 100px;
  left: 30px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50px;
  text-align: center;
  width: 80px;
  height: 80px;
}


.panelHeadingOrange {
    background-color: #FF5722 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.panelHeadingOrange a:hover, .panelHeadingOrange a:focus {
    color: #fff !important;
}

.panelHeadingDefault {
    background-color: #F5F5F5 !important;
    color: #333333;
    font-weight: bold !important;
}

.btn{
    border-radius:0 !important;
} /*Remove round edge for inputbox*/


.customizebtn .btn{
    border-right: 0 !important;
}

.customizetextbox {
    border-radius: 5px; 
    background-color: white; 
    color:#ff5722;
}


.LightThinLine
{
    border-bottom-color: #d4d4d4;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 6px;
    margin-left:5px;margin-right:5px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 20px;
}

.whiteLine a:link, .whiteLine a:hover, .whiteLine a:visited {
    text-decoration:none; 
    color:#fff !important;
}

.whiteLine a:hover, whiteLine a:focus{
    color: #fff !important;
}
     
/*Image Container to fix all different height and width*/       
.divLdImg
        {
            display: block;
            width: 100%;
            position: relative;
            height: 0;
            padding: 72% 0 0 0;
            overflow: hidden;
            background-color: #424242;
        }
.LdImg
        {
            position: absolute;
            display: block;
            max-width: 100%;
            max-height: 100%;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

.divcardLdImg
        {
            display: block;
            width: 100%;
            position: relative;
            height: 0;
            padding: 72% 0 0 0;
            overflow: hidden;
            background-color: #424242;
            /*margin-top: 1em;*/
        }
.cardLdImg
        {
            position: absolute;
            display: block;
            max-width: 100%;
            max-height: 100%;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

/*button CSS--*/
.btn-ot-dark {
	color: #fff;
	background-color: #FF5722;
	border-color: #F57C03;
}
.btn-ot-dark:focus,
.btn-ot-dark.focus {
	color: #fff;
	background-color: #FF5722;
  	border-color: #F57C03;
}
.btn-ot-dark:hover {
	color: #fff !important;
  	background-color: #FF5722;
  	border-color: #F57C03;
}
.btn-ot-dark:active,
.btn-ot-dark.active,
.open > .dropdown-toggle.btn-ot-dark {
  	color: #fff;
  	background-color: #FF5722;
  	border-color: #F57C03;
}
.btn-ot-dark:active:hover,
.btn-ot-dark.active:hover,
.open > .dropdown-toggle.btn-ot-dark:hover,
.btn-ot-dark:active:focus,
.btn-ot-dark.active:focus,
.open > .dropdown-toggle.btn-ot-dark:focus,
.btn-ot-dark:active.focus,
.btn-ot-dark.active.focus,
.open > .dropdown-toggle.btn-ot-dark.focus {
  color: #fff;
  background-color: #FF5722;
  border-color: #F57C03;
}
.btn-ot-dark:active,
.btn-ot-dark.active,
.open > .dropdown-toggle.btn-ot-dark {
  background-image: none;
}
.btn-ot-dark.disabled,
.btn-ot-dark[disabled],
fieldset[disabled] .btn-ot-dark,
.btn-ot-dark.disabled:hover,
.btn-ot-dark[disabled]:hover,
fieldset[disabled] .btn-ot-dark:hover,
.btn-ot-dark.disabled:focus,
.btn-ot-dark[disabled]:focus,
fieldset[disabled] .btn-ot-dark:focus,
.btn-ot-dark.disabled.focus,
.btn-ot-dark[disabled].focus,
fieldset[disabled] .btn-ot-dark.focus,
.btn-ot-dark.disabled:active,
.btn-ot-dark[disabled]:active,
fieldset[disabled] .btn-ot-dark:active,
.btn-ot-dark.disabled.active,
.btn-ot-dark[disabled].active,
fieldset[disabled] .btn-ot-dark.active {
  background-color: #FF5722;
  border-color: #F57C03;
}

.btn-ot-gradient {
	color: #fff;
    background: linear-gradient(-5deg, #fc702f, #ff4503);
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px !important;
    font-size: 12px;
    font-family: 'Maven Pro', 'Roboto', sans-serif;
    font-weight: bold;
}
.btn-ot-gradient:focus,
.btn-ot-gradient.focus {
	color: #fff;
	background: linear-gradient(-5deg, #fc702f, #ff4503);
}
.btn-ot-gradient:hover {
	color: #fff !important;
  	background: linear-gradient(-5deg, #fc702f, #ff4503);
}
.btn-ot-gradient:active,
.btn-ot-gradient.active,
.open > .dropdown-toggle.btn-ot-gradient {
  	color: #fff;
  	background: linear-gradient(-5deg, #fc702f, #ff4503);
}
.btn-ot-gradient:active:hover,
.btn-ot-gradient.active:hover,
.open > .dropdown-toggle.btn-ot-gradient:hover,
.btn-ot-gradient:active:focus,
.btn-ot-gradient.active:focus,
.open > .dropdown-toggle.btn-ot-gradient:focus,
.btn-ot-gradient:active.focus,
.btn-ot-gradient.active.focus,
.open > .dropdown-toggle.btn-ot-gradient.focus {
  color: #fff;
  background: linear-gradient(-5deg, #fc702f, #ff4503);
}
.btn-ot-gradient:active,
.btn-ot-gradient.active,
.open > .dropdown-toggle.btn-ot-gradient {
  background-image: none;
}
.btn-ot-gradient.disabled,
.btn-ot-gradient[disabled],
fieldset[disabled] .btn-ot-gradient,
.btn-ot-gradient.disabled:hover,
.btn-ot-gradient[disabled]:hover,
fieldset[disabled] .btn-ot-gradient:hover,
.btn-ot-gradient.disabled:focus,
.btn-ot-gradient[disabled]:focus,
fieldset[disabled] .btn-ot-gradient:focus,
.btn-ot-gradient.disabled.focus,
.btn-ot-gradient[disabled].focus,
fieldset[disabled] .btn-ot-gradient.focus,
.btn-ot-gradient.disabled:active,
.btn-ot-gradient[disabled]:active,
fieldset[disabled] .btn-ot-gradient:active,
.btn-ot-gradient.disabled.active,
.btn-ot-gradient[disabled].active,
fieldset[disabled] .btn-ot-gradient.active {
  background: linear-gradient(-5deg, #fc702f, #ff4503);
  border-color: #F57C03;
}

.btn-ot-white-radius {
    background-color:#fff !important;
    color: #fe5000;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px !important;
    font-size: 12px;
    font-family: 'Maven Pro', 'Roboto', sans-serif;
    font-weight: bold;
}
.btn-ot-white-radius:focus,
.btn-ot-white-radius.focus {
	background-color:#fff !important;
    color: #fe5000;
}
.btn-ot-white-radius:hover {
	background-color:#fff !important;
    color: #fe5000;
}
.btn-ot-white-radius:active,
.btn-ot-white-radius.active,
.open > .dropdown-toggle.btn-ot-white-radius {
  	background-color:#fff !important;
    color: #fe5000;
}
.btn-ot-white-radius:active:hover,
.btn-ot-white-radius.active:hover,
.open > .dropdown-toggle.btn-ot-white-radius:hover,
.btn-ot-white-radius:active:focus,
.btn-ot-white-radius.active:focus,
.open > .dropdown-toggle.btn-ot-white-radius:focus,
.btn-ot-white-radius:active.focus,
.btn-ot-white-radius.active.focus,
.open > .dropdown-toggle.btn-ot-white-radius.focus {
  background-color:#fff !important;
  color: #fe5000;
}
.btn-ot-white-radius:active,
.btn-ot-white-radius.active,
.open > .dropdown-toggle.btn-ot-white-radius {
  background-image: none;
}
.btn-ot-white-radius.disabled,
.btn-ot-white-radius[disabled],
fieldset[disabled] .btn-ot-white-radius,
.btn-ot-white-radius.disabled:hover,
.btn-ot-white-radius[disabled]:hover,
fieldset[disabled] .btn-ot-white-radius:hover,
.btn-ot-white-radius.disabled:focus,
.btn-ot-white-radius[disabled]:focus,
fieldset[disabled] .btn-ot-white-radius:focus,
.btn-ot-white-radius.disabled.focus,
.btn-ot-white-radius[disabled].focus,
fieldset[disabled] .btn-ot-white-radius.focus,
.btn-ot-white-radius.disabled:active,
.btn-ot-white-radius[disabled]:active,
fieldset[disabled] .btn-ot-white-radius:active,
.btn-ot-white-radius.disabled.active,
.btn-ot-white-radius[disabled].active,
fieldset[disabled] .btn-ot-white-radius.active {
    background-color:#fff !important;
    color: #fe5000;
}


.btn-ot-purple {
	color: #fff;
	background-color: #800080;
	border-color: #800080;
}
.btn-ot-purple:focus,
.btn-ot-purple.focus {
	color: #fff;
	background-color: #800080;
  	border-color: #800080;
}
.btn-ot-purple:hover {
	color: #fff !important;
  	background-color: #800080;
  	border-color: #800080;
}
.btn-ot-purple:active,
.btn-ot-purple.active,
.open > .dropdown-toggle.btn-ot-purple {
  	color: #fff;
  	background-color: #800080;
  	border-color: #800080;
}
.btn-ot-purple:active:hover,
.btn-ot-purple.active:hover,
.open > .dropdown-toggle.btn-ot-purple:hover,
.btn-ot-purple:active:focus,
.btn-ot-purple.active:focus,
.open > .dropdown-toggle.btn-ot-purple:focus,
.btn-ot-purple:active.focus,
.btn-ot-purple.active.focus,
.open > .dropdown-toggle.btn-ot-purple.focus {
  color: #fff;
  background-color: #800080;
  border-color: #800080;
}
.btn-ot-purple:active,
.btn-ot-purple.active,
.open > .dropdown-toggle.btn-ot-purple {
  background-image: none;
}
.btn-ot-purple.disabled,
.btn-ot-purple[disabled],
fieldset[disabled] .btn-ot-purple,
.btn-ot-purple.disabled:hover,
.btn-ot-purple[disabled]:hover,
fieldset[disabled] .btn-ot-purple:hover,
.btn-ot-purple.disabled:focus,
.btn-ot-purple[disabled]:focus,
fieldset[disabled] .btn-ot-purple:focus,
.btn-ot-purple.disabled.focus,
.btn-ot-purple[disabled].focus,
fieldset[disabled] .btn-ot-purple.focus,
.btn-ot-purple.disabled:active,
.btn-ot-purple[disabled]:active,
fieldset[disabled] .btn-ot-purple:active,
.btn-ot-purple.disabled.active,
.btn-ot-purple[disabled].active,
fieldset[disabled] .btn-ot-purple.active {
  background-color: #800080;
  border-color: #800080;
}

.btn-ot-white {
	color: #FF8000;
	background-color: #FFF;
	border-color: #F57C03;
}
.btn-ot-white:focus,
.btn-ot-white.focus {
	color: #FF8000;
	background-color: #FFF;
  	border-color: #F57C03;
}
.btn-ot-white:hover {
	color: #FF8000;
  	background-color: #FFF;
  	border-color: #F57C03;
}
.btn-ot-white:active,
.btn-ot-white.active,
.open > .dropdown-toggle.btn-ot-white {
  	color: #FF8000;
  	background-color: #FFF;
  	border-color: #F57C03;
}
.btn-ot-white:active:hover,
.btn-ot-white.active:hover,
.open > .dropdown-toggle.btn-ot-white:hover,
.btn-ot-white:active:focus,
.btn-ot-white.active:focus,
.open > .dropdown-toggle.btn-ot-white:focus,
.btn-ot-white:active.focus,
.btn-ot-white.active.focus,
.open > .dropdown-toggle.btn-ot-white.focus {
  color: #FF8000;
  background-color: #FFF;
  border-color: #F57C03;
}
.btn-ot-white:active,
.btn-ot-white.active,
.open > .dropdown-toggle.btn-ot-white {
  background-image: none;
}
.btn-ot-white.disabled,
.btn-ot-white[disabled],
fieldset[disabled] .btn-ot-white,
.btn-ot-white.disabled:hover,
.btn-ot-white[disabled]:hover,
fieldset[disabled] .btn-ot-white:hover,
.btn-ot-white.disabled:focus,
.btn-ot-white[disabled]:focus,
fieldset[disabled] .btn-ot-white:focus,
.btn-ot-white.disabled.focus,
.btn-ot-white[disabled].focus,
fieldset[disabled] .btn-ot-white.focus,
.btn-ot-white.disabled:active,
.btn-ot-white[disabled]:active,
fieldset[disabled] .btn-ot-white:active,
.btn-ot-white.disabled.active,
.btn-ot-white[disabled].active,
fieldset[disabled] .btn-ot-white.active {
  background-color: #FFF;
  border-color: #848484;
}
/* ---- */

.RedNoteBold
{
    color:red;
    font-size: 14px;
}

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
}

/*customize col-offset*/
.col-offset-6{
  margin-left: 6%;
}

/*Card*/
.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    /*border-radius: 25px;
    box-shadow: 0 1px 3px 0 #f2f2f2, 0 0 0 1px #f2f2f2;*/
}

#CareerDiv .card{
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border-radius: 25px;
    box-shadow: 0 1px 3px 0 #f2f2f2, 0 0 0 1px #f2f2f2;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    box-shadow: none;
}

.cardBorder {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    /*box-shadow: 0 1px 3px 0 #f2f2f2, 0 0 0 1px #f2f2f2;*/
}

.card-blockBorder {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    min-height: 90px;
    
    /*border: 1px solid #d4d4d5;
    border-style: solid;
    border-color: #d4d4d5;*/
    /*box-shadow: 0 1px 3px 0 #f2f2f2, 0 0 0 1px #f2f2f2;*/
    background-color: #fff;
}

.card-blockMAS {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    min-height: 180px;
    background-color: #fff;
}


.card-img-top {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
    /*margin-top: 1em;*/
}

.card-img-overlay{
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      padding:15px;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
    max-width: 100%;
    width:100%;
    left: 0;
    bottom: 0;
    text-align:center;
    padding: 15px;
    background-color: rgba(0, 0, 0,.5);
    /*background-color: rgba(255, 127, 0,.5);*/
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: #406a80;
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 0;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

@media (max-width: 767px) {
    .imdesc div.cen {
        position: absolute;   
        top: 0%;   
        left: 0%;
        width: 100%; height: 100%; 
        padding-left:10%;
        padding-right:5%;
        padding-bottom:10%;
    }

   .rightpanel div.cen {
        position: absolute;   
        top: 0%;   
        left: 50%;
        width: 100%; height: 100%; 
    }
    .ResearchArticleIndex {
        font-size:18px;
        line-height:20px;
        margin-bottom:4%;
    }

    .Careertext {
        left: 0;
        position:absolute;
        top: 0px;
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .imdesc div.cen {
        position: absolute;   
        top: 0%;   
        left: 0%;
        width: 100%; height: 100%; 
        padding-left:10%;
        padding-right:5%;
        padding-bottom:10%;
    }

    .rightpanel div.cen {
        position: absolute;   
        top: 0%;   
        left: 50%;
        width: 100%; height: 100%; 
    }

    .ResearchArticleIndex {
        font-size:18px;
        line-height:20px;
        margin-bottom:4%;
    }

    .Careertext {
        left: 0;
        position:absolute;
        top: 0px;
        width: 100%;
    }
}
@media screen and (min-width: 992px) {
    .imdesc div.cen {
        position: absolute;   
        top: 0%;   
        left: 0%;
        width: 100%; height: 100%; 
        padding-left:10%;
        padding-bottom:10%;
    }

    .rightpanel div.cen {
        position: absolute;   
        top: 0%;   
        left: 50%;
        width: 100%; height: 100%; 
    }
        
     .ResearchArticleIndex {
        font-size:18px;
        line-height:24px;
        margin-bottom:4%;
    }   

     .Careertext {
        left: 0;
        position:absolute;
        top: 20px;
        width: 100%;
    }

    #mainNav {
      padding-top: 15px;
      padding-bottom: 15px;
      -webkit-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
      -moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
      transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
      letter-spacing: 1px;}
      #mainNav.navbar-shrink {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom:1px solid #FE9A2E;
        background: #fff; }

    #HomeNav {
        padding-top: 15px;
        padding-bottom: 15px;
        color: #000;
        background-color: #fff;
        border-bottom:1px solid #FE9A2E;
    }
}

@media screen and (min-width: 1200px) {
    #resiCarousel .carousel-inner > .item > img,
    #ovrCarousel .carousel-inner > .item > img,
    #jpnCarousel .carousel-inner > .item > img,
    #bsCarousel .carousel-inner > .item > img {
      width:100%;
      height:600px;
    }

    #resiCarousel .carousel-caption h2, 
    #ovrCarousel .carousel-caption h2,
    #jpnCarousel .carousel-caption h2,
    #bsCarousel .carousel-caption h2 {
          /*top: 80% !important;*/
          padding: 15px;
          text-align:left;
          max-width:80%;
          background-color: rgba(0, 0, 0,.5);
          font-size: 36px;
    }

    #resiCarousel .carousel-caption h3, 
    #ovrCarousel .carousel-caption h3,
    #jpnCarousel .carousel-caption h3,
    #bsCarousel .carousel-caption h3 {
          /*bottom: 80% !important;*/
          text-align:left;
          max-width: 80%;
          padding: 15px;
          color: black;    
          font-size: 28px;
          background-color: rgba(255,255,255, 0.9);
    }

    .col-lg-offset-1x3 {
    margin-left: 13%;
    }

    .col-lg-offset-1x2 {
    margin-left: 25%;
    }

    .col-lg-offset-1x1{
    margin-left: 38%;
    }

    #resiCarousel .carousel-caption, 
    #ovrCarousel .carousel-caption,
    #jpnCarousel .carousel-caption,
    #bsCarousel .carousel-caption
      {
        top: 46%;
      }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .imdesc div.cen {
        position: absolute;   
        top: 0%;   
        left: 0%;
        width: 50%; height: 100%; 
        text-align:left;
        padding-left:10%;
        padding-bottom:10%;
    }

    .rightpanel div.cen {
        position: absolute;   
        top: 0%;   
        left: 50%;
        width: 50%; height: 100%; 
        text-align:left;
        padding-left:5%;
        padding-right:5%;
        padding-bottom:10%;
    }

    .ResearchArticleIndex {
        font-size:18px;
        line-height:24px;
        margin-bottom:4%;
    } 

    .Careertext {
        left: 0;
        position:absolute;
        top: 30px;
        width: 100%;
    } 

    .responsive-video1 {
    position: relative;
    padding-bottom: 30%;
    /*padding-top: 60px;*/ 
    overflow: hidden;
    }
    .responsive-video1 source,
    .responsive-video1 video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
}
/*ipad collapse navbar*/
@media (max-width: 1200px) {
    .navbar-default .navbar-header {
        float: none;
    }
    .navbar-default .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-default .navbar-toggle {
        display: block;
    }
    .navbar-default .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-default .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-default .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-default .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-default .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-default .collapse.in{
  		display:block !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
	}

    .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }

  #btnscrollTop {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #FF5722;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
  text-align: center;
  width: 50px;
  height: 50px;

}
}

.hoverAnimated:hover {
    -webkit-animation: pulse 5s;
    animation: pulse 5s;
    /*-ms-transform: scale(1.5);*/ /* IE 9 */
    /*-webkit-transform: scale(1.5);*/ /* Safari 3-8 */
    /*transform: scale(1.5);*/ 
}

.hoverAnimated {
    padding: 50px;
    transition: transform .2s;
    margin: 0 auto;
}

/* Image zoom on hover + Overlay colour */
.parent {
    overflow: hidden;
    position: relative;
    /*display: inline-block;*/
	cursor: pointer;
}

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.parent:hover .child:before, .parent:focus .child:before {
    display: block;
}

.parent:hover a, .parent:focus a {
    display: block;
}

.child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* Media Queries */
@media screen and (max-width: 960px) {
    .parent {width: 100%; margin: 0px 0px}
}

div.wrap {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

div.wrap > div.clsZoom {
    position: absolute;
    height: 100%;
    width: 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}

div.wrap:hover > div.clsZoom {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);    
}

.fadethisdiv {
    visibility:hidden;
}

#scrollto1, #scrollto2, #scrollto3, #scrollto4 {
    visibility:hidden;
}

#divImgFB{
    visibility:hidden;
}

#imgWorkaHome, #imgMobile, #imgCoBroke{
    visibility:hidden;
}

/*.OrangeCardoFont{
    font-family: 'Cardo', 'Roboto', serif;
    background: -webkit-linear-gradient(-45deg, #fe5000, #fc702f);
    background: linear-gradient(-45deg, #fe5000, #fc702f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}*/

        .OrangeCardoFont {
            font-family: 'Cardo', 'Roboto', serif;
			position: relative;
            color: #fe5000;
		}
		.OrangeCardoFont:after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 100%, rgba(255,255,255,1) 0%);
			background:    -moz-linear-gradient(top, rgba(255,255,255,0) 100%, rgba(255,255,255,1) 0%);
			background:     -ms-linear-gradient(top, rgba(255,255,255,0) 100%, rgba(255,255,255,1) 0%);
			background:      -o-linear-gradient(top, rgba(255,255,255,0) 100%, rgba(255,255,255,1) 0%);
			background:         linear-gradient(top, rgba(255,255,255,0) 100%, rgba(255,255,255,1) 0%);
		}

.CardoFont {
    font-family: 'Cardo', 'Roboto', serif;
}

.footerpadding{
    padding-left:100px;
}

.partnerMargin{
    padding-top:10%;
    padding-left:10%;
}
.homePadding{
    padding-top:20%;
    padding-left:10%;
}

.photoMargin1
{
    margin-left:38%;
}

.photoMargin2
{
    margin-left:25%;
}

.photoMargin3
{
    margin-left:13%;
}

@media screen and (max-width: 992px) {
	.footerpadding{
        padding-left:50px;
    }
    .photoMargin1
    {
        margin-left:0;
    }

    .photoMargin2
    {
        margin-left:0;

    }

    .photoMargin3
    {
       margin-left:0;

    }
}

@media screen and (min-width: 414px) {
    .partnerMargin{
        padding-top:25%;
    }
    .homePadding {
        padding-top:20%;
        padding-left:10%;
    }
}

@media screen and (max-width: 767px) {
    .partnerMargin{
        padding-top:25%;
    }
    .homePadding {
        padding-top:20%;
        padding-left:10%;
    }
    .homeSubTtl{
       font-size: 18px;
       padding-bottom:2px;
    }
}

@media screen and (min-width: 768px) {
    .partnerMargin{
        padding-top:10%;
        padding-left:10%;
    }
    .homePadding{
        padding-top:25%;
        padding-left:0;
    }
    .homeSubTtl{
       font-size: 30px;
    }
}

@media screen and (min-width: 992px) {
    .partnerMargin{
       padding-top:20%;
       padding-left:0;
    }
    .homePadding{
       padding-top:20%;
       padding-left:0;
    }
    .homeSubTtl{
       font-size: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .partnerMargin{
       padding-top:10%;
       padding-left:10%;
    }
    .homePadding{
       padding-top:20%;
       padding-left:10%;
    }
    .homeSubTtl{
       font-size: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .partnerMargin{
       padding-top:10%;
       padding-left:0%;
    }
    .homePadding{
       padding-top:20%;
       padding-left:0%;
    }
    .homeSubTtl{
       font-size: 30px;
    }
}

.homeIcon {    
    background: url("../images/home-o.png") no-repeat;            
    cursor: pointer;   
    height: 40px;
    width: 50px;
    top: 0;
    margin-left: auto;
    margin-right: auto;    
}
.homeIcon:hover {
    background: url("../images/home-o.png") no-repeat;
}

.divOverflow
{
    overflow: auto;
}

@media (max-width: 768px)
{
    .divOverflow
    {
        overflow: scroll;
    }
}

/*Bootstrap collapsible panel chevron state*/
.panel-heading  a:after {
    font-family: 'Glyphicons Halflings';
    /*content: "\e114";*/    
    content: "\e259";
    float: right; 
    color: white; 
    transition: all 0.5s;
    
}
.panel-heading a.collapsed:after {
    /*content: "\e080";*/

    -webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
	  font-size: 29px !important;
}

.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .active > div { display:none; }
 .active > div:first-child { display:block; }



#MASProjCarousel .glyphicon.glyphicon-chevron-right, #MASProjCarousel .glyphicon-chevron-left{
    opacity:1 !important;
    color:gray;
}
#MASProjCarousel .carousel-control     		 { width:  4%; }
#MASProjCarousel .carousel-control.left, 
#MASProjCarousel .carousel-control.right 
{margin-left:-30px;margin-right:-30px;}

/*xs*/
@media (max-width: 767px) {
#MASProjCarousel .carousel-control     		 { width:  4%; }
#MASProjCarousel .carousel-control.left, 
#MASProjCarousel .carousel-control.right 
{margin-left:10px !important;margin-right:10px !important;background-image:none;}
}

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
  .carousel-inner .next        { left:  50%; }
  .carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
  .active > div:first-child + div { display:block; }
   .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
  	-o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
 }
  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
} .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
  	-o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
 }
  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
  .carousel-inner .next        { left:  50%; }
  .carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
    .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
  	-o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
 }
  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
  .carousel-inner .next        { left:  33%; }
  .carousel-inner .prev		     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
  .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(33%, 0, 0);
    -ms-transform: translate3d(33%, 0, 0);
  	-o-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
 }
  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-33%, 0, 0);
  -ms-transform: translate3d(-33%, 0, 0);
  -o-transform: translate3d(-33%, 0, 0);
  transform: translate3d(-33%, 0, 0);
}
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right{ left:  25%; }
  .carousel-inner .next        { left:  25%; }
  .carousel-inner .prev		     { left: -25%; }
  .carousel-col                { width: 25%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
      .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(25%, 0, 0);
    -ms-transform: translate3d(25%, 0, 0);
  	-o-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
 }
  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-25%, 0, 0);
  -ms-transform: translate3d(-25%, 0, 0);
  -o-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}
}

.block {
	width: 100%;
	height: auto;
}

/*Image Container to fix all different height and width for Listing Search page*/
.divLSLdImg
        {
            display: block;
            width: 100%;
            position: relative;
            height: 0;
            padding: 72% 0 0 0;
            overflow: hidden;
            background-color: #fff;
            margin-top: 1em;
        }
.LSLdImg
        {
            position: absolute;
            display: block;
            max-width: 100%;
            max-height: 100%;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

