@font-face {
    font-family: 'stone_sansregular';
    src: url('../fonts/stone_sans_regular-webfont.eot');
    src: url('../fonts/stone_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stone_sans_regular-webfont.woff2') format('woff2'),
         url('../fonts/stone_sans_regular-webfont.woff') format('woff'),
         url('../fonts/stone_sans_regular-webfont.ttf') format('truetype'),
         url('../fonts/stone_sans_regular-webfont.svg#stone_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-touch-action: none;
}
html,
body {
	position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    color:#000;
    /*overflow: hidden;*/
   -webkit-font-smoothing: antialiased;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-transition: height 1000s ease;
   transition: height 1000s ease;
}
body {  
  font-family: 'stone_sansregular';
  font-size:14px;
  background-color: #000000;
  margin: 0 auto;
  min-height: 100%;
  min-width: 100%;
  overflow-x:hidden;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.body_white{
  background-color: #ffffff;
}
header{
  display: block;
}
.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;    
    min-width: 320px;
    height: 52px;
    z-index: 4;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ccc
}
a { border:none; color:inherit; text-decoration:none; }
a:focus { outline:none; }
a:hover {outline:none; color: #e96b18 }
img { border:0; }
.txt_white, .txt_white_md  { color: #fff; }
.txt_orange { color: #ff6600;}
.txt_gray { color: #666;}
.txt_color1 { color: #ff9933;}
.txt_name { padding-top: 0 !important;}
.bottom_gap {margin-bottom: 10px;}
.top_gap {margin-top: 10px;}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.custom-gutter > [class*='col-'] {
    padding:5px 5px;
}
.modal-custom-gutter > [class*='col-'] {
    padding:5px 10px;
}
.custom-margin-gutter > [class*='col-'] {
    margin:10px -5px;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
.vertical-align {
    display: flex;
    align-items: center;
}
.text_white {
   color: #fff;
}
/* Old browser avoid styles  */
.browser-warning{position:absolute;top:0;left:0;right:0;bottom:0;background:#232323;z-index:99999;}.browser-warning .browser-content{position:absolute;top:50%;left:50%;margin:-255px 0 0 -350px;text-align:center;height:510px;width:700px;}.browser-warning .browser-content h4{color:#ed1d24;font-weight:800;font-size:19px;margin:0 0 12px 0;}.browser-warning .browser-content p{color:#ececec;font-weight:300;font-size:14px;line-height:28px;margin:1em 0;}.browser-warning .browser-content ul{text-align:center;margin:61px 0 0 0;}.browser-warning .browser-content ul li{display:inline-block;height:100px;margin:0 20px;}.browser-warning .browser-content ul li a{display:block;}
/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; 
  z-index:999; 
}
#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%;
  top:50%;
  background-image:url(../images/status.svg);
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px;
}
/* menu styles */
.menu{
  position: fixed;
  z-index: 1000;
  top:0;
  left:2%;
  background-color: rgba(0,0,0,0.93);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
  width: 150px;
  height: 400px;
  clip:rect(0px 150px 0px 0px);
  visibility: hidden;
  border: thin solid rgba(80,80,80,0.6);
}
.menu-list {
  color: #fff;
  font-size: 1.15em;
  padding: 0;
  margin: 0;
  text-align: center;
  margin-top: 85px;
}
.menu-list li a{
  display: block;
  color: inherit;
  text-decoration: none;
  margin: 0 15px 5px 15px;
  padding-top: 2px;
  padding-bottom:1px;
  -webkit-transition: all 0.2s linear 0.15s;
  -moz-transition: all 0.2s linear 0.15s;
  -o-transition: all 0.2s linear 0.15s;
  transition: all 0.2s linear 0.15s;
  /*border-bottom: 1px solid #c0c0c0;*/
}
.menu-icon {
  position: fixed;
  z-index: 1001;
  cursor: pointer;
  top:2%;
  left:3%;  
}
.menu-icon img {
  border-radius: 10px;
  border: none;
  box-shadow: 2px 3px 2px rgba(0,0,0,0.6);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.menu-icon img:hover{
  box-shadow: 6px 6px 6px rgba(0,0,0,0.65);
}
.hvr-menu, .dwn-menu {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;  
}
.dwn-menu:after{
  content: "";
  position: absolute;
  z-index: -10;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c0c0c0;
  height: 1px;
}
.hvr-menu:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #ff6600;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-menu:hover:before, .hvr-menu:focus:before, .hvr-menu:active:before, .hvr-menu.active:before {
  left: 0;
  right: 0;
}
.menu-list li a:hover, .menu-list li a.active{
  color: #ff6600;
}
/* Home page style */
.home-gutter [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
.home-gutter-div {
  padding:5px;
}
.home-gutter-div h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.home_container .home-gutter {margin-bottom: 10px;}
.home_header_left{
  font-size: 15em;
  color: #191919;
  line-height: 0.88;
  text-align: right;
  letter-spacing: -0.08em;
}
.home_header_right{
  font-size: 15em;
  color: #eee;
  line-height: 0.88;
  text-align: left;
  letter-spacing: -0.08em;
}
.home_header_right_container{
	background-color:#000;
}
.home_container {
	margin-top: 3em;
}
.home_container img{
	cursor:pointer;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
	border: thin solid rgba(0,0,0,0.5);
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.home_container img:hover{
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}
.home_container p{
	margin:0;
}
#home_down_arrow{
	margin-top: 0px;
}
/* vertical split screen styles */
.ms-section {
    position: relative;
    width: 100%;
    height: 100% !important;
    min-height: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.ms-right, .ms-left {
    width: 50%;
    position: absolute;
    height: 100%;
}
.ms-top, .ms-bottom {
    height: 50%;
    position: absolute;
    width: 100%;
    left:0;     
}
.ms-right {
    right: 1px;
    top: 0;    
}
.ms-left {
    left: 0;
    top: 0;    
}
.ms-top{
    top: 0;    
}
.ms-bottom{ 
    bottom: 1px;
    top: auto;
}
.ms-section-left {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}
.ms-section-right {
  background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}
.ms-section-top {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
}
.ms-section-bottom {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}
.section-panel {    
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inner_section {
  visibility: hidden;
}
.left1{
	background-color: #fff;
    visibility: hidden;
}
/*.left1{
	background-image: url(../images/opus_left.jpg) !important;
    background-position: right top !important;
    visibility: hidden;
}*/
.left2{
	background-image: url(../images/lady_face_left.jpg) !important;  
    visibility: hidden;
}
.left3{
	background-image: url(../images/girl_face_left.jpg) !important;
    visibility: hidden;
}
.left4{
  background-image: url(../images/kkr_team_left.jpg) !important;
  visibility: hidden;
}
.left5{
  background-image: url(../images/ss_img_left.jpg) !important;
  visibility: hidden;
}
.right1{
	background-color: #000;
	visibility: hidden;
}
/*.right1{
	background-image: url(../images/opus_right.jpg) !important;
  background-position: left top !important;
  visibility: hidden;
}*/
.right2{
	background-image: url(../images/lady_face_right.jpg) !important;
  visibility: hidden;
}
.right3{
	background-image: url(../images/girl_face_right.jpg) !important;
  visibility: hidden;
}
.right4{
  background-image: url(../images/kkr_team_right.jpg) !important;
  visibility: hidden;
}
.right5{
  background-image: url(../images/ss_img_right.jpg) !important;
  visibility: hidden;
}
.top1{
  background-image: url(../images/bugatti_top.jpg) !important;
  visibility: hidden;
}
.bottom1{
  background-image: url(../images/bugatti_down.jpg) !important;
  visibility: hidden;
}
.home_right_text{
    margin: 0;
	position: absolute;
	top: 20%;
    left: 29%;
	color: #b3b3b3;
	font-size: 14px;
}
.right1_text {
  margin: 0;
  position: absolute;
  top:10%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0);
  color: #b3b3b3;
  font-size: 16px;
}
.left1_text {
  margin: 0;
  position: absolute;
  top:50%;
  right: 8%;
  transform: translate(0%, -50%);
  color: #1e1e1e;
  font-size: 18px;
  text-align: center;
}
.start_text {
  margin: 0;
  position: absolute;
  top:50%;
  left: 8%;
  transform: translate(0, -50%);
  color: #fff;
  font-size: 18px;  
}
.left2_box {
  margin: 0;
  position: absolute;
  top:50%;
  left: 20%;
  transform: translate(0, -50%);
  font-size: 18px;
  color: #000;
  width: 30%;
  line-height: 1.3;
}
.right2_box1 {
  position: absolute;
  top: 30%;  
  right: 40%;
  left: auto;
}
.right2_box2 {
  position: absolute;
  top: 45%;
  right: 30%;
  left: auto;
}
.right2_box3 {
  position: absolute;
  top: 60%;
  right: 45%;
  left: auto;
}
.left3_box1 {
  margin: 0;
  position: absolute;
  top:30%;
  left: 20%;
  transform: translate(0, -40%);
  font-size: 18px;
  line-height: 1.3;
  width: 40%;
}
.left3_box2 {
  margin: 0;
  position: absolute;
  top:35%;
  left: 20%;
}
.left3_box3 {
  margin: 0;
  position: absolute;
  top:50%;
  left: 20%;
}
.right3_box1 {
  position: absolute;
  top: 28%;
  left: auto;
  right: 35%;
}
.right3_box2 {
  position: absolute;
  top: 43%;
  left: auto;
  right: 30%;
}
.right3_box3 {
  position: absolute;
  top: 52%;
  left: auto;
  right: 53%;
}
.right3_box4 {
  position: absolute;
  top: 55%;
  left: auto;
  right: 30%;
}
.left4_box1{
  top:50%;
  position: absolute;
  left:15%;
  /*right: 60%;*/
}
.left4_box2{
  top:50%;
  position: absolute;
  left:40%;
  /*right: 35%;*/
}
.left4_box3{
  top:50%;
  position: absolute;
  left:65%;
  /*right: 10%;*/
}
.right4_box1 {
  margin: 0;
  position: absolute;
  top: 40%;
  right: 55%;
  left: auto;
  width: 25%;
  font-size: 18px;
  color: #fff;
  line-height: 1.3;
}
.right4_box2 {
  margin: 0;
  position: absolute;
  top: 47%;
  right: 50%;
  left: auto;
}
.left5_box1{
  position: absolute;
  top: 50%;
  left: 15%;
}
.left5_box2{
  position: absolute;
  top: 63%;
  left: 20%;
}
.left5_box3{
  position: absolute;
  top: 68%;
  left: 46%;
}
.right5_box1 {
  position: absolute;
  top:20%;
  right: 44%;
  left: auto;
  transform: translate(0, -20%);
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  width: 30%;
}
.right5_box2 {
  position: absolute;
  top:25%;
  right: 46%;
  left: auto;
}
.top1_box1{
  position: absolute;
  top:15%;
  left: 25%;
  font-size: 18px;
  line-height: 1.3;
}
.top1_box2{
  position: absolute;
  top:28%;
  left: 16%;
}
.top1_box3{
  position: absolute;
  top:36%;
  left: 29%;
}
.top1_box4{
  position: absolute;
  top:63%;
  left: 25%;
}
.top1_box5{
  position: absolute;
  top:30%;
  left: auto;
  right: 23%;
}
.top1_box6{
  position: absolute;
  top:30%;
  left: auto;
  right: 8%;
}
.bottom1_box{
  position: absolute;
  top:15%;
  left: 20%;
  transform: translate(0, -10%);
}
.home_thumb{
  cursor:pointer;
  border: 1px solid rgba(233,107,24,0.5);
  box-shadow: 4px 6px 5px rgba(0,0,0,0.6);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home_thumb:hover {
  box-shadow: 8px 10px 10px rgba(0,0,0,0.8);
}
.radio_thumb{
  cursor: pointer;
}
.art_thumb{
   cursor: pointer;
   box-shadow: none;
   border-radius: 10px;
   box-shadow: 2px 3px 5px rgba(0,0,0,0.6);
   -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.art_thumb:hover {
	box-shadow: 4px 5px 10px rgba(0,0,0,0.8);
}
.home_rollover_text{
	margin: 30px 0 15px 0;
	font-size: 18px;
	text-align:center;
}
/* CDM page styles */
.cdm-section{
  background-image: url(../images/cdm_bg.jpg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-attachment: fixed;
}
.cdm-scene {  
  position: absolute;
  min-height: 100% !important;  
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.what_we_do-scene{
  overflow: hidden;
}
.cdm_left1_inner_section{
  margin: 0 auto;
  margin-top: 20%;
  margin-right: 5%;
  width: 65%;
  font-size: 1.20em;
  line-height: 1.5;
  color: #4d4d4d;
}
.cdm_right1_inner_section{
  margin: 0 auto;
  margin-top: 30%;
  margin-left: 5%;
  font-weight: bold;
}
.cdm_right1_inner_section h1{
  font-size: 3.8em;
}
.cdm_left2_inner_section{
  margin: 0 auto;
  margin-top: 25%;
  margin-right: 5%;
  width: 65%;
  line-height: 1.5;
  color: #4d4d4d;   
}
.cdm_left2_inner_section h3{
  text-align: right;
  margin-right: 20%;
}
.cdm_right2_inner_section{
  margin: 0 auto;
  margin-top: 35%;
  margin-left: 5%;
  font-size: 1.14em;
}
.cdm_right2_inner_section a:hover { 
  color: #ff6600; 
  text-decoration: underline;
}
.cdm_left3_inner_section{
  margin: 0 auto;
  margin-top: 20%;
  margin-right: 5%;
  width: 65%;
}
.cdm_left3_inner_section h1{
  font-size: 4.2em;
  margin-top: 0.01em;
}
.cdm_right3_inner_section{
  margin: 0 auto;
  margin-left: 5%;
  margin-top: 42%;
  width: 65%;
}
.cdm_scene1_img {
  position: absolute;  
  bottom: 2%;
  left: 40%;
  top: auto;
  margin-left: -25%;
}
.cdm_scene2_img{
  position: absolute;
  bottom: -23%;
  right: 1%;
  left: auto;
  -webkit-transform: rotate(92deg);
  -moz-transform: rotate(92deg);
  transform: rotate(92deg);
}
.cdm_scene3_img{
  margin: 0 auto;
}
.right-symbol{
  vertical-align: baseline;
  font-size: 12px;
}
.next_page_link{
  position: absolute;
  z-index: 99;
  bottom: 2%;
  text-align: center;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0);
}
.next_page_link a{
  display: inline-block;
  color: rgb(255, 255, 255);
  font-size: 1.5em;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2px 8px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.next_page_link a:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #e96b18;
  text-decoration: none;
}

/* Work section */
.work-section{
  background-image: url(../images/work_bg.jpg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-attachment: fixed;
}
#work_scene{
  padding-top: 140px;
}  
.work_panel{
  background-color: #000;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.8);
  -ms-box-shadow: 0 0 3px rgba(0,0,0,0.8);
  box-shadow: 0 0 3px rgba(0,0,0,0.8);
}
.work_panel img {
  padding: 0.05em;
}

/* people section */
.people-section{
  background-image: url(../images/people_bg_new.jpg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}
.people-left-section{
  background-image: url(../images/people_bg1.jpg) !important;
  background-repeat: repeat !important;
  background-position: right top !important;
  height: 100%; 
}
.people-left-section-bgcolor{
   background-color: rgba(169,169,169,0.65) !important;
   min-height: 100%;
}
.people-left-inner-section {
  margin: 0 auto;
  width: 65%;
  margin-right: 10%;  
}
.people-left-inner-header{
  font-size: 4.2em;
  color: #fff;
  margin: 0 auto;
  margin-right: 10%;
  margin-top: 12%;
  text-align: right;
}
.people-left-inner-section p{
  margin-top: 3%;
}
.people-right-section{
  background-image: url(../images/people_bg1.jpg) !important;
  background-repeat: repeat !important;
  background-position: left top !important;
  height: 100%;
}
.people-right-inner-header{
  font-size: 15em;
  color: #464646;
  line-height: 0.8;
  letter-spacing: -0.08em;
  margin-left: -2.5%;
}
.people-right-inner-section {
  margin: 0 auto;
  width: 65%;
  margin-left: 4%;
  margin-top: 10%;
}
.people-xs-header {
  font-size: 1.6em;
  color: #444;
  letter-spacing: -0.08em;
}
people-list-row {
	margin-top:30px;
}
.people-list-row p{
   padding:10px 0 0 0;
}
.people-list-show{
	margin-top:20px;
}

/* history section */
.history-section{
  background-image: url(../images/history_bg.jpg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}
.history-left-inner-section .inner_header{
  font-size: 4.8em;
  color: #999;
  text-align: right;
  margin-right: 12%;
  margin-top: 8%;
}
.history_header{
  font-size: 15em;
  color: #191919;
  line-height: 0.8;
  text-align: left;
  letter-spacing: -0.08em;
  margin-left: -2%;
}
.add_content {
  margin: 0 auto;
  width: 33%;
  margin-right: 12%;
  margin-top: 18%;
  color: #cecece;
}
.history-right-inner-section {
  margin: 0 auto;
  width: 65%;
  margin-left: 4%;
  margin-top: 10%;
  color: #4d4d4d;
}
.history-xs-header {
  font-size: 1.6em;
  color: #000;
  letter-spacing: -0.08em;
}
.first_ad{
  margin:2% 0;
}
/* Modal style */
.image_popup_header{
  padding: 6px 10px 6px 6px;
  border-bottom: none;
}
.modal-body-image {
  padding: 4px;
}
.modal-backdrop.in{
  opacity: 0.8;
}
.careers_page_details .nav-tabs {
  border: none;
}
.careers_page_details .nav-tabs>li {
  float: none;
  color: #ff9933;
}
.careers_page_details .nav-tabs>li>a {
  border-radius: 4px;
}
.careers_page_details .fade {
  display: none;
}
.careers_page_details .fade.in {
  display: block;
}


/** custom styles for small devices **/
@media screen and (max-width: 767px) and (orientation: portrait) {  
  .left2_box{    
    left: 5%;
    width: 70%;
  }
  .left2_box div{
    font-size: 16px;
    color: #eee;
  }
  .right2_box1{
    top: 28%;
    right: 5%;
    width: 65%;
  }
  .right2_box2{
    top: 45%;  
    right: 5%;
    width: 65%;
  }
  .right2_box3{
    top: 62%;   
    right: 5%;
    width: 65%;
  }
  .left3_box1{
    left: 5%;
    font-size: 16px;
    width: 90%;
  }
  .left3_box2{
    top: 42%;
    left: 5%;
    width: 65%;
  }
  .left3_box3{
    top: 59%;
    left: 5%;
    width: 65%;
  }
  .right3_box1{
    top: 25%;
    right: 5%;
    width: 70%;
  }
  .right3_box2{
    top:43%;
    right: 5%;
    width: 65%;
  }
  .right3_box3{
    top:59%;
    right: 5%;
    width: 65%;
  }
  .right3_box4{
    top: 78%;
    right: 10%;
    width: 40%;
  }
  .left4_box1{
    left: 5%;
    top: 38%;
    width: 65%;
  }
  .left4_box2{
    left: 5%;
    top: 55%;
    width: 65%;
  }
  .left4_box3{
    left: 5%;
    top: 72%;
    width: 65%;
  }
  .right4_box1{
    top: 30%;
    right: 5%;
    width: 65%;
    font-size: 16px; 
  }
  .right4_box2{
    right: 5%;
    width: 75%;
    top: 40%;
  }
  .top1_box1{
   left: 24%;
   font-size: 15px;
   width: 90%;
  }
  .top1_box2{
    width: 40%;
    left: 55%;
    top: 35%;
  }
  .top1_box3{
    width: 40%;
    left: 10%;
    top: 25%;
  }
  .top1_box4{
    width: 35%;
    left: 10%;
    top: 65%;
  }
  .top1_box5{
    top: 15%;
    width: 45%;
    right: 45%;
  }
  .top1_box6{
    top: 55%;
    width: 45%;
    right: 10%;
  }
  .right5_box1{
    font-size: 16px;
    width: 85%;
    right: 5%;
  }
  .right5_box2{
    right: 5%;
    width: 85%;
    top: 28%;
  }
  .left5_box1{
    left: 5%;
    width: 65%;
    top: 40%;
  }
  .left5_box2{
    left: 14%;
    width: 65%;
    top: 56%;
  }
  .left5_box3{
    left: 23%;
    width: 65%;
    top: 72%;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .left2_box{    
    left: 5%;
    width: 50%;
  }
  .left2_box div{
    font-size: 16px;
  }
  .right2_box1{
    top: 18%;
    right: 5%;
    width: 40%;
  }
  .right2_box2{
    top: 45%;  
    right: 5%;
    width: 40%;
  }
  .right2_box3{
    top: 72.5%;   
    right: 5%;
    width: 40%;
  }
  .left3_box1{
    left: 5%;
    font-size: 16px;
    width: 90%;
  }
  .left3_box2{
    top: 40%;
    left: 5%;
    width: 40%;
  }
  .left3_box3{
    top: 67%;
    left: 5%;
    width: 40%;
  }
  .right3_box1{
    top: 18%;
    right: 5%;
    width: 50%;
  }
  .right3_box2{
    top:47%;
    right: 5%;
    width: 40%;
  }
  .right3_box3{
    top:73%;
    right: 5%;
    width: 40%;
  }
  .right3_box4{
    top: 81%;
    right: 50%;
    width: 25%;
  }
  .left4_box1{
    left: 5%;
    top: 22%;
    width: 40%;
  }
  .left4_box2{
    left: 5%;
    top: 48%;
    width: 40%;
  }
  .left4_box3{
    left: 5%;
    top: 74%;
    width: 40%;
  }
  .right4_box1{
    top: 30%;
    right: 5%;
    width: 55%;
    font-size: 16px; 
  }
  .right4_box2{
    right: 5%;
    width: 55%;
    top: 45%;
  }
  .top1_box1{
   left: 24%;
   font-size: 15px;
   width: 90%;
  }
  .top1_box2{
    width: 25%;
    left: 65%;
    top: 35%;
  }
  .top1_box3{
    width: 25%;
    left: 11%;
    top: 28%;
  }
  .top1_box4{
    width: 25%;
    left: 38%;
    top: 40%;
  }
  .top1_box5{
    top: 20%;
    width: 30%;
    right: 43%;
  }
  .top1_box6{
    top: 35%;
    width: 30%;
    right: 10%;
  }
  .right5_box1{
    font-size: 16px;
    width: 55%;
    right: 5%;
  }
  .right5_box2{
    right: 5%;
    width: 55%;
    top: 32%;
  }
  .left5_box1{
    left: 5%;
    width: 40%;
    top: 22%;
  }
  .left5_box2{
    left: 14%;
    width: 40%;
    top: 48%;
  }
  .left5_box3{
    left: 23%;
    width: 40%;
    top: 74%;
  }
}
@media screen and (max-width: 767px) {
  .home-gutter-div {
  	padding:5px 8%;
  }
  .home-gutter-div-left{
	margin: 0 0 0 8%;
    padding-right: 3%;
  }
  .home-gutter-div-right{
	margin: 0 8% 0 0;
    padding-left: 3%;
  }
  .home_container {
	margin-top: 1em;
  }
  .home_container .home-gutter {
	 margin-bottom: 30px;
  }
  .txt_white_md {
	 color: #000;
  }
  .menu-icon img{
    width: 85%;
    height: auto;
  }
  .menu-list{
    margin-top: 75px;
  }
  .left1_text {
    top:60%;
    font-size: 16px;
  }
  .start_text {
    top:60%;
    font-size: 16px;  
  }
  .cdm-scene {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .cdm_right1_inner_section{
    margin-top: 85px;
  }
  .cdm_right1_inner_section h1{
    font-size: 2.6em;
  }
 .cdm_left1_inner_section{
    margin-top: 10%;
    width: 90%;
  }
  .cdm_left2_inner_section{
    margin-top: 10%;
    margin-right: 5%;
    width: 90%; 
  }
  .cdm_right2_inner_section{
    margin-top: 85px;
    font-size: 1.02em;
  }
  .cdm_right2_inner_section h3{
    font-size: 20px;
  }
  .cdm_right2_inner_section p{
    margin: 0 0 6px;
  }
  .cdm_left3_inner_section{
    margin-top: 85px;
    margin-right: 5%;
    width: 90%;
  }
  .cdm_left3_inner_section h3{
    font-size: 1.35em;
  }
  .cdm_left3_inner_section h1{
    font-size: 2.65em;
  }
  .cdm_right3_inner_section{
    margin-left: 5%;
    margin-top: 5%;
    width: 90%;
  }
  .home_header_left{
	  font-size: 3.2em;
	  color: #191919;
	  line-height:1.0;
	  margin-top:70px;
	  margin-right:10%;
	  letter-spacing:normal;
	}
  .people-section{
    background-image: url(../images/people_bg_new.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-attachment: fixed;
  }
  .people-left-inner-header{
    font-size: 3.2em;
    color: #444;
    margin-right: 10%;
    margin-top: 70px;
    line-height: 1.0;
  }
  .people-left-inner-section ul{
    margin: 0 auto;
    margin-top: 10%;
  }
  .people-left-inner-section {
    width: 80%;
  }
  .people-right-inner-section {
    margin: 0 auto;
    width: 80%;
    margin-left: 10%;
    margin-top: 2.5%;
  }
  .art_thumb{
	width:40%;
	height:auto;
	margin-bottom:15px;
  }
  .history-section{
    background-image: url(../images/history_xs_bg.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
  }
  .history-left-inner-section .inner_header{
    font-size: 3.2em;
    color: #999;
    margin-right: 12%;
    margin-top: 70px;
    line-height: 1.1;
  }
  .history-right-inner-section {
    margin: 0 auto;
    width: 81%;
    margin-left: 10%;
    margin-top: 8%;
  }
  #work_scene{
    padding: 8%;
    padding-top: 100px;    
  }
  .next_page_link{
    bottom: 1%;
    font-size: 1.2em;
    padding: 1px 6px;
  }
  .padding_xs{
    padding: 15px;
  }  
  .careers_page_details .nav-tabs>li.active>a, .careers_page_details .nav-tabs>li.active>a:focus, .careers_page_details .nav-tabs>li.active>a:hover {
    background-color: rgba(77, 77, 77, 0.6);
    color: #fff;
  }
}
@media only screen and (min-width : 768px) and (max-width: 1024px){
  .left2_box{ 
    width: 50%;
  }
  .left2_box div{
    color: #eee;
  }  
  .left4_box1{
    left: 15%;
    top: 40%;
  }
  .left4_box2{
    left: 15%;
    top: 55%;
  }
  .left4_box3{
    left: 15%;
    top: 70%;
  }
  .right4_box1{
    width: 30%;
    right: 12%;
  }
  .right4_box2{
    right: 5%;
  }
  .top1_box2{
    top: 28%;
    left: 8%;
  }
  .top1_box3{
    top: 32%;
    left: 30%;
  }
  .top1_box4{
    top: 62%;
    left: 20%;
  }
  .top1_box5{
    top: 30%;
    right: 16%;
  }
  .top1_box6{
    top: 60%;
  }
  .bottom1_box{
    width: 60%;
  }  
  .left3_box1{
    width: 60%;
  }
  .right3_box1{
    right: 25%;
  }
  .right3_box2{
    top: 45%;
  }
  .right3_box3{
    top: 58%;
  }
  .right3_box4{
    top: 59%;
  }
  .right5_box1{
    right: 20%;
    width: 40%;
  }
  .right5_box2{
    right: 15%;
  }
  .left5_box2{
    left: 20%;
    top: 65%;
  }
  .left5_box3{
    top: 80%;
    left: 30%;
  }
  .cdm_left3_inner_section{
    width: 68%;
  }
  .cdm_left3_inner_section h1{
    font-size: 2.8em;    
  }
  .cdm_left3_inner_section h3{
    font-size: 1.4em;    
  }
  .home_header_left{
	font-size: 10em;
    color: #191919;
    line-height: 0.9;
    text-align: right;
   }
   .home_header_right{
	 font-size: 10em;
     color: #eee;
     line-height: 0.9;
     text-align: left;
   }
  .home_container {
	margin-top: 2.5em;
  }
  .home_right_text{
    margin: 0;
	position: absolute;
	top: 20%;
    left: 30%;
	color: #b3b3b3;
	font-size: 11px;
 }
}
@media only screen and (min-width : 768px) and (max-width: 991px){
  .home-gutter{margin-right: 5px; margin-left: 5px;}  
}
@media only screen and (min-width : 768px) and (max-width: 1024px) and (orientation: portrait) {  
  .people-right-inner-header{
    font-size: 10em;
  }
  .people-left-inner-header{
    font-size: 3.6em;
  }
  .history_header{
    font-size: 10em;
  }
  .history-left-inner-section .inner_header{
    font-size: 3.6em;
  }
  .cdm_scene2_img{
    right: -15%;
  }
}
@media only screen and (min-width : 768px) and (max-width: 1024px) and (orientation : landscape) {
  .left2_box div{
    color: #cecece;
  }
  .cdm_scene2_img{
    right: -10%;
  }
  .people-right-inner-header{
    font-size: 12em;
  }
  .history_header{
    font-size: 12em;
  }
  .right5_box1{
    width: 30%;
  }
}
@media only screen and (min-width : 992px){
  .modal-lg {
    width: 800px;
  }
  .people-list-row img{
	display: block;
	margin-right: auto;
	margin-left: auto;
  }
}
@media only screen and (min-height : 600px) and (max-height: 768px){
  .cdm_scene1_img{
    bottom: -12%;
  }
  .cdm_scene2_img{
    bottom: -33%;
    right: -10%;
  }
}
@media only screen and (min-width : 1280px) and (max-width: 1440px) and (max-height: 768px) {
  .right2_box1 {
    top: 25%;
  }
  .right2_box2 {
    top: 45%;
  }
  .right2_box3 {
    top: 65%;
  }
  .left3_box3 {
    top:54%;
  }
  .right3_box1 {
    top: 26%;
  }
  .right3_box2 {
    top: 47%;
  }
  .right3_box3 {
    top: 55%;
  }
  .right3_box4 {
    top: 65%;
  }
  .right4_box1 {
    top: 38%;
  }
  .top1_box3 {
    top: 26%;
  }
  .top1_box4 {
    top: 64%;
  }
  .left5_box1 {
    top: 42%;
  }
  .right5_box1 {
    top: 18%;
  }
  .cdm_scene1_img {
    bottom: -17.5%;
  }
}
@media only screen and (min-width : 1280px){
	.para_top_space {
		margin-top: 30px;
	}
	.para_left_space {
		margin-left: 15px;
	}
}
@media only screen and (min-width : 1441px){
  .people-section-hidden-lg { display: none; }
  .people-section-visible-lg { display: block; }
}
@media only screen and (max-width : 1440px) and (min-width: 768px) {
  .people-section-hidden-lg { display: block; }
  .people-section-visible-lg { display: none; }
}