@font-face {
    font-family: myriadPro;
    src: url(../fonts/myriadPro_Cond.otf);
}

@font-face {
    font-family: HelveticaNeue;
    src: url(../fonts/HelveticaNeueLT_Arabic_55_Roman.ttf);
}

@font-face {
    font-family: HelveticaNeueThin;
    src: url(../fonts/HelveticaNeueLT_Arabic_55_Roman.ttf);
}

@font-face {
    font-family: HelveticaNeueBold;
    src: url(../fonts/HelveticaNeueLT_Arabic_75_Bold.ttf);
}

@font-face {
    font-family: HelveticaNeueRegular;
    src: url(../fonts/HelveticaNeueLT_Arabic_55_Roman.ttf);
}

@font-face {
    font-family: pillGothicThin;
    src: url(../fonts/PillGothic300mg-Thin.ttf);
}

@font-face {
    font-family: pillGothicBold;
    src: url(../fonts/PillGothic300mg-Bold.ttf);
}

@font-face {
    font-family: pillGothicRegular;
    src: url(../fonts/PillGothic300mg-Regular.ttf);
}

@font-face {
    font-family: pillGothicRegular;
    src: url(../fonts/PillGothic300mg-Regular.ttf);
}





/* -------------------------------- 

Primary style

-------------------------------- */



[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a:hover, a:active, a:focus {
  outline: 0;
}

a {
   outline: 0;
}


*, *::after, *::before {
  box-sizing: border-box;
}

body{
  width: 100%;
  height: 100%;
  background: #000000;
  margin: 0;
  padding: 0;
}

.bg_l {
  width: 100%;
  position: relative;
}

div#preloader_wr { position: fixed; left: 0; top: 0; z-index: 99999999; width: 100%; height: 100%;  background: #000000 center center; }

video#homevideo {  position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(polina.jpg) no-repeat; background-size: cover;  }
video#globevideo{  position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(polina.jpg) no-repeat; background-size: cover;  }


#preloader_wr h1{
    font-family: pillGothicThin,Arial;
    font-size: 29px;
    color: #ffffff;
    text-align: center;
    top: 60%;
    position: fixed;
    right: 0;
    left: 0;
}

#preloader_wr h2{
    font-family: pillGothicThin,Arial;
    font-size: 19px;
    color: #ffffff;
    text-align: center;
    top: 86%;
    position: fixed;
    right: 0;
    left: 0;
}

.bg_l img{
  width: 100%;
}


.page_wr {
    width: 100%;
    position: relative;
}

.main_bg_p{
  width: 100%;
 }

.main_bg_l{
  width: 100%;
 }

.line-blue{
    position: absolute;
    left: 0;
    right: 0;
    top:73%;
    bottom:0;
    margin: auto;
}

.navbar-default {
    background-color: #272723;
    border-color: #272723;
}

.navbar {
    /*position: relative;*/
    min-height: 77px;
    margin-bottom: 0; 
    border: 0 none
}

.navbar-brand {
    height: 50px;
    padding:7px 0 0 15px;
}

.navbar-mobile{ padding:7px 0 0 25px; }

.navbar-nav {
    margin: 0 !important;
    padding: 0 14px 8px;
}

.navbar-nav>li>a {
    padding-top: 24px;
    padding-bottom: 22px;
    font-family: HelveticaNeueThin,Arial !important;
    font-weight: normal !important;
    line-height: 1;
    cursor: pointer;
    color: #ffffff !important;
    font-size: 25px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: none !important;
}

.navi-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #272723;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 999999;
}

.navbar-collapse.in {
    max-height: none !important;
}

.navbar-toggle {
    margin-top: 21px;
    margin-right: 29px;  
}

.navbar-collapse {
 
     border-top: none !important;
    -webkit-box-shadow: none !important;
     box-shadow: none !important;
}

#navbar li ul {
    display: block;
    background: #272723;
    list-style: none;
    margin: 0;
    padding: 16px 16px 0 40px;
    width: 100%;
}

#navbar li ul li {
        margin-bottom: 19px;
}

#navbar li ul li a {
    font-family: HelveticaNeueThin,Arial !important;
    font-weight: normal !important;
    line-height: 1;
    cursor: pointer;
    color: #818285;
    font-size: 25px;
    text-decoration: none;
    /* margin-bottom: 20px; */
   
}

.nav>li>a {
    padding: 10px 10px;
}

.mainlogo{display: inline-block;}

.logo_home img {
   
}

.logo_home{ margin-top:14px !important; }

.layer1 {
    position: absolute;
    z-index: 4;
    top: 14%;
    text-align: left;
    padding: 5% 8%;
    text-align: right;
    width: 100%;
}

.layer1 h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 30px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.layer1 h2 {
        font-family: HelveticaNeueBold,Arial;
    font-size: 32px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 4px;
}

.parent {
    width: 100%;
    height: 100%;
    margin:2% 9% 2% 10%;
}

.layer_2_1 {
    width: 100%;
    padding: 2% 9% 2% 10%;
    margin: 0% auto 0;
    position: absolute;
}

.layer_2_1 h1{
    font-family: HelveticaNeueThin,Arial;
    font-size: 15px;
    color: #ffffff;
    text-align: right;
    width: 100%;
    line-height: 23px;
    margin-bottom: 20px;
}

.layer_2_1 h1 b{
    font-family: HelveticaNeueRegular,Arial;
}

.layer_2_2 {
    z-index: 99999;
    margin-right: 30px;
    text-align: left;
    background: rgba(0,52,113,0.6);
    height: 100%;
    width: 100%;
    padding: 17px 17px 0;
    float: left;
    color: #ffffff;
    margin-bottom: 8px;
}

.layer_2_2 h2{
    font-family: HelveticaNeueRegular,Arial;
    font-size: 16px;
    margin: 0;
    text-align: right;
    font-weight: bold;
    margin-bottom: 2px;
    line-height: 26px;

}

.hl{ font-weight: bold; }

.layer_2_2 ul{
    font-family: HelveticaNeueThin,Arial;
    font-size: 15px;
    padding: 9px 16px;
    text-align: right;
}

.layer_2_2 ul li{
    list-style: initial;
    line-height: 20px;
    font-size: 8px;
}

.layer_2_2 ul li span{ font-family: HelveticaNeueRegular,Arial; font-size: 15px; }

.layer_2{
    position: absolute;
    z-index: 999;
    margin:7% 13% 14% 9%;
    top: 0;
    text-align: right;
    background: rgba(0,52,113,0.6);
    width: 82%;
    padding: 0% 4% 2% 2%;
    color: #ffffff;
}

.layer_2 h1, .layer_1_1 h1, .layer_4_1 h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 22px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 4px;
    text-align: right;
}

.layer_2 h2, .layer_1_1 h2, .layer_4_1 h2 {
    font-family: HelveticaNeueBold,Arial;
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 4px;
    display: inline-block;
    margin-bottom: 15px;
   
}

.layer_2 ul{
    font-family: HelveticaNeueThin, Arial;
    font-size: 15px;
    color: rgb(255, 255, 255);
    width: 100%;
    line-height: 25px;
    margin-left: 0;
    padding: 9px 16px;
}

.layer_2 ul li {
    list-style: initial;
    line-height: 20px;
    font-size:8px;
}

.layer_2 ul li span{
	font-size:15px;

}

.page_2_link{
    background: url(../images/plus-up.png) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    display: block;
    margin-top: -7px;
    margin-left: 14px;
}

.bxslider{
  margin-left:-40px;

}

.bxslider img, .bxslider2 img{
  width: 100% !important; height: 100% !important; background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;
}

.layer_2 p{
  font-family: HelveticaNeueThin, Arial;
  font-size: 15px;
  text-align: right;
}

.layer_6 {
    width: 100%;
    padding: 5% 9% 2% 9%;
    margin: 0 auto 0;
    position: absolute;
}

.layer_6 h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 40px;
    color: #ffffff;
    text-align: right;
    line-height: 53px;
    margin-top: 6px;
}

.layer_6 h2 {
        font-family: HelveticaNeueThin,Arial;
    font-size: 15px;
    color: #ffffff;
    text-align: right;
    line-height: 23px;
    margin-top: 15px;
}

.container1 {
    width: 75%;
    margin: 0 auto;
}

.brands {
    margin: 14px 0;
    position: relative;   
}

.pic {
    width: 100%;
    height: 100%;
}

.layer_5_1 {
    text-align: center;
    width: 100%;
    padding: 2%;
    margin: 3.5% auto 0;
    position: absolute;
}

.layer_5_1 h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 48px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 21px;
    margin-top: 25px;
}

.main-back{
 /* width:100%;*/
  height:193px;
  text-align:center;
  float:left;
  width: 55px;
  position: relative;
  min-height: 1px;
  margin-right: 13px;

}

.main-back-last{
 /* width:100%;*/
  height:313px;
  text-align:center;
  float:left;
  width:56px;
  position: relative;
  min-height: 1px;
  margin-left: 0px;
}

.main-back-circle{
  position: absolute;
  width: 90%;
  height: 50px;
  background: rgba(36,81,101,0.7);
  background-repeat: no-repeat;
  border-radius: 210px;
  margin-left: 2px;
}

.anim-count{
  color:#ffffff;
  height:auto;
  padding-top:70px;
  font-size:12px;
  text-transform:uppercase;
  font-family: HelveticaNeueRegular,Arial;
}

.anim-count span{
  font-size:15px;
}
/*.................Animation 01..............................*/
#anim1-1{
    position: absolute;
    width: 100%; 
    height: 100%;
/*  background-image:url(../img/stat-anim/1/middle-circle.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate1-1; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate1-1; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate1-1; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate1-1 {
    from {-webkit-transform: rotate(360deg);}
    to {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes rotate1-1 {
    from {-moz-transform: rotate(360deg);}
    to {-moz-transform: rotate(0deg);}
}

@keyframes rotate1-1 {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

#anim1-2{
  position:absolute;
  width: 100%;
  height:100%;
  /*background-image:url(../img/stat-anim/1/Other-Circles.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate1-2; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate1-2; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate1-2; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes rotate1-2 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate1-2 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate1-2 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

#anim1-3{
  position:absolute;
  width:100%;
  height:100%;
  /*background-image:url(../img/stat-anim/1/logo.png);*/
  background-repeat:no-repeat;
}

/*...................Animation 02............................*/

#anim2-1{
    position: absolute;
    width: 100%; 
    height: 100%;
  /*background-image:url(../img/stat-anim/2/circles.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate2-1; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate2-1; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate2-1; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate2-1 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate2-1 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate2-1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

#anim2-2{
  position:absolute;
  width:100%;
  height:100%;
  /*background-image:url(../img/stat-anim/2/logo.png);*/
  background-repeat:no-repeat;
}

/*...................Animation 03............................*/
#anim3-1{
    position: absolute;
    width: 100%; 
    height: 100%;
  /*background-image:url(../img/stat-anim/3/4.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate3-1; 
    -webkit-animation-duration: 6s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate3-1; 
    -moz-animation-duration: 6s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate3-1; 
    animation-duration: 6s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate3-1 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate3-1 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate3-1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

#anim3-2{
    position: absolute;
    width: 100%; 
    height: 100%;
  /*background-image:url(../img/stat-anim/3/3.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate3-2; 
    -webkit-animation-duration: 6s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate3-2; 
    -moz-animation-duration: 6s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate3-2; 
    animation-duration: 6s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate3-2 {
    from {-webkit-transform: rotate(360deg);}
    to {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes rotate3-2 {
    from {-moz-transform: rotate(360deg);}
    to {-moz-transform: rotate(0deg);}
}

@keyframes rotate3-2 {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

#anim3-3{
    position: absolute;
    width: 100%; 
    height: 100%;
  /*background-image:url(../img/stat-anim/3/2.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate3-3; 
    -webkit-animation-duration: 6s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate3-3; 
    -moz-animation-duration: 6s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate3-3; 
    animation-duration: 6s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate3-3 {
    from {-webkit-transform: rotate(360deg);}
    to {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes rotate3-3 {
    from {-moz-transform: rotate(360deg);}
    to {-moz-transform: rotate(0deg);}
}

@keyframes rotate3-3 {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
#anim3-4{
  position:absolute;
  width:100%;
  height:100%;
  /*background-image:url(../img/stat-anim/3/01.png);*/
  background-repeat:no-repeat;
}

/*...................Animation 04............................*/

#anim4-1{
    position: absolute;
    width: 100%; 
    height: 100%;
  /*background-image:url(../img/stat-anim/4/5.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate4-1; 
    -webkit-animation-duration: 7s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate4-1; 
    -moz-animation-duration: 7s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate4-1; 
    animation-duration: 7s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate4-1 {
    from {-webkit-transform: rotate(360deg);}
    to {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes rotate4-1 {
    from {-moz-transform: rotate(360deg);}
    to {-moz-transform: rotate(0deg);}
}

@keyframes rotate4-1 {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

#anim4-2{
    position: absolute;
    width: 100%; 
    height: 100%;
 /* background-image:url(../img/stat-anim/4/4.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate4-2; 
    -webkit-animation-duration: 7s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate4-2; 
    -moz-animation-duration: 7s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate4-2; 
    animation-duration: 7s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate4-2 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate4-2 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate4-2 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

#anim4-3{
    position: absolute;
    width: 100%; 
    height: 100%;
  /*background-image:url(../img/stat-anim/4/3.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate4-3; 
    -webkit-animation-duration: 7s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate4-3; 
    -moz-animation-duration: 7s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate4-3; 
    animation-duration: 7s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate4-3 {
    from {-webkit-transform: rotate(360deg);}
    to {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes rotate4-3 {
    from {-moz-transform: rotate(360deg);}
    to {-moz-transform: rotate(0deg);}
}

@keyframes rotate4-3 {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

#anim4-4{
    position: absolute;
    width: 100%; 
    height: 100%;
  /*background-image:url(../img/stat-anim/4/2.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate4-4; 
    -webkit-animation-duration: 7s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate4-4; 
    -moz-animation-duration: 7s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate4-4; 
    animation-duration: 7s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate4-4 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate4-4 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate4-4 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

#anim4-5{
  position:absolute;
  width:100%;
  height:100%;
  /*background-image:url(../img/stat-anim/4/1.png);*/
  background-repeat:no-repeat;
}
/*...................Animation 05............................*/

#billion{
  text-transform:none;
  font-size:13px;
}
#doller{
  font-size:15px;
}
#anim5-1{
  position:absolute;
  width:100%;
  height:100%;
  /*background-image:url(../img/stat-anim/5/1.png);*/
  background-repeat:no-repeat;
}
#anim5-2{
  position:absolute;
  width:100%;
  height:100%;
  /*background-image:url(../img/stat-anim/5/2.png);*/
  background-repeat:no-repeat;
}
#anim5-count-number0{
  font-size:15px;
}

/*...................Animation 06............................*/

#mwh{
  font-size:15px;
  text-transform:none;
}
#anim6-1{
    position: absolute;
    width: 100%; 
    height: 100%;
  /*background-image:url(../img/stat-anim/6/2.png);*/
  background-repeat:no-repeat;
  -webkit-animation-name: rotate6-1; 
    -webkit-animation-duration: 7s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate6-1; 
    -moz-animation-duration: 7s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate6-1; 
    animation-duration: 7s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotate6-1 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate6-1 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate6-1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

#anim6-2{
  position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.caption1 {
    width: 100%;
    padding: 2% 9% 2% 10%;
    margin: 0% auto 0;
    position: absolute; 
}

.layer_9 h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 35px;
    color: #ffffff;
    text-align: right;
    margin-bottom: 5px;
}

.layer_9 h2 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 15px;
    color: #ffffff;
    text-align: right;
    line-height: 23px;
    margin-top: 15px;
    width: 90%;
}

.layer_10_content {
    width: 100%;
    margin: 0 auto 0;
    position: relative;
}

.layer_10_1 {
        z-index: 999;
    text-align: left;
    background: rgba(0,52,113,0.4);
    height: 100%;
    width: 100%;
    padding: 5% 5% 0%;
    left: 0;
    margin-top: 17px;
}

.layer_10_1 p {
    font-family: HelveticaNeueThin,Arial;
    font-size: 15px;
    color: #ffffff;
    width: 100%;
    line-height: 23px;
    text-align: right;
}

.about_li {
    margin: 21px 0 16px 0;
}

.layer_10_1 h2 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 20px;
    color: #ffffff;
    margin-top: 2px;
    margin-left: 14px;

}

.page_10_1_link {
    background: url(../images/plus-up.png) no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    display: block;
    margin-top: -38px;
}

.layer_10_content > iframe {
    display: block;
    width: 100%;
    height: 220px;
    border: none;
}

.line-gr img{
    margin-top:100px;
}

.layer_8 {
    text-align: center;
    width: 100%;
    padding: 2%;
    margin: 0 auto;
    background: #ffffff;
}

.layer_8 h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 35px;
    color: #ababab;
    text-align: center;
    margin-bottom: 42px;
}

.layer_8 ul {
    margin: 0 auto 0;
    display: inline-block;
    list-style: none;
    padding: 0;
}

.layer_8 ul li {
    float: left;
}

.layer_8 ul li a {
    font-family: HelveticaNeueRegular,Arial;
    font-size: 15px;
    color: #ababab;
    text-align: left;
    line-height: 27px;
    margin: 7px;
    text-decoration: none;
}

.layer_8 h2 {
    font-family: HelveticaNeueRegular,Arial;
    font-size: 18px;
    color: #ababab;
    text-align: center;
    clear: both;
    margin: 15px 0;
}

.timeline_m {
    width: 100%;
    margin: 6% auto 0;
    position: absolute;
}

.timeline_m h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    padding: 0% 7%;
    line-height: 47px;
    margin-top:0;
}

.timeline_m h2 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    line-height: 23px;
    padding: 0% 9%;
}

.timeline_img{ margin:0 auto; }


/*contact*/

.contact_wr{
    width: 100%;
    padding: 2% 20px;
    margin: 0% auto 0;
    position: absolute;
    background: rgba(27,26,26,0.7);

}

.layer_con {
    margin: 0;  
}

.layer_con h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 25px;
    color: #ffffff;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 0;
}

.layer_con h2 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 17px;
    margin-top: 0px;
}

.contact_wr h1 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 20px;
    color: #ffffff;
    text-align: right;
    margin-top: 10px;
}

.con_dtl {
    width:100%;
   /* background: rgba(27,26,26,0.7);*/
    padding: 0;

}

.con_dtl h3 {
    font-family: HelveticaNeueBold,Arial;
    font-size: 16px;
    color: #ffffff;
    text-align: left;
    margin-top: 10px;
}

.con_dtl p {
    font-family: HelveticaNeueThin,Arial;
    font-size: 15px;
    color: #a0a0a0;
    text-align: right;
}

.con_dtl h4 {
    font-family: HelveticaNeueBold,Arial;
    font-size: 15px;
    color: #ffffff;
    text-align: left;
}

.con_dtl h5 {
    font-family: HelveticaNeueThin,Arial;
    font-size: 15px;
    color: #a0a0a0;
    margin-top: 7px;
    text-align: right;
}

.con_b_l_con{
  margin-top:20px;
}

.con_b_l_con h1 {
   font-family: HelveticaNeueThin,Arial;
    font-size: 20px;
    color: #ffffff;
    text-align: right;
    margin-top: 10px;
}

.con_dtl {
    width: 100%;
    margin-top: 15px;

}

.row_clr {
    padding-left: 0;
    padding-right: 0;
}

.form-group {
    margin-bottom: 11px;
    width: 100%;
}

.form-group input:placeholder-shown {
    color: #a0a0a0 !important;
}

.form-control {
    background: transparent;
    color: #a0a0a0 !important;
    border-radius: 0;
    font-family: HelveticaNeueBold,Arial;
    font-size: 14px;
    border: 1px solid #a4a4a3 !important;
    height: 37px;
    padding: 7px 12px 3px 9px;
    text-align: right;
}

textarea {
    padding: 8px 12px 18px 9px !important;
}

#submit_btn {
    width: 100%;
    background: #a4a4a3;
    border: 2px solid #a4a4a3;
    color: #282828;
    font-size: 14px;
    border-radius: 0;
    font-family: HelveticaNeueBold,Arial;
    text-align: center;
    margin-top: 16px;
    font-weight: 400;
    padding: 5px 12px 2px;
}

.con_b_wr_r {
    width: 100%;
}

#location-canvas {
    width: 100%;
    height: 200px;
    margin:0 0 25px;
    padding: 0px;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
   color: #b00703 !important;
   font-weight: bold;
   font-size: 12px;

}

.con_dtl form{margin-bottom:40px;}

.lan_s_e{ 
   
    font-family: HelveticaNeueThin,Arial !important;
    font-weight: normal !important;
    line-height: 1;
    cursor: pointer;
    color: #ffffff !important;
    font-size: 25px;
    text-decoration: none;
    margin-right: 2px;
    padding: 1px 10px;
    margin-top: 12px;
    vertical-align: top
}

.lan_s{ 
    display: inline-block;
    font-family: pillGothicThin,Arial !important;
    font-weight: normal !important;
    line-height: 1;
    cursor: pointer;
    color: #ffffff !important;
    font-size: 25px;
    text-decoration: none;
    margin-right: 2px;
    padding: 2px 0 9px;
    margin-top: 11px;
    vertical-align: top;
}



.m_ln_s{
    float: right;
    margin-top: 15px;
    margin-right: 7px;
}

.m_ln_s a:hover{text-decoration: none;}



/* -------------------------------- 

Brands

-------------------------------- */


.main_bg_l{width:100%;}

.brand_logo{
    text-align: center;
    padding: 2%;
    margin: 8% 0 0 0;
    display: inline-block;
    vertical-align: top;
    bottom:30%;
}

.brand_logo{ width:50%; }


.layer_brand_hd {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: inherit;
    -moz-background-size: inherit;
    -o-background-size: inherit;
    background-size: inherit;
    background-image: url(../img/brand1-header.jpg);
}

.layer_brand_des{
    background: #ffffff;

}

.brand_content {
    
    width: 100%;
    padding: 3% 20px;
    margin: 0 auto 0;
}

.brand_content h1{
    font-family: HelveticaNeueThin,Arial;
    font-size:34px;
    text-align: right;
    line-height:42px;
}

.orengerie h1{ color: #F5A100;  }

.baharain h1{ color: #92342F;  }

.geant h1{ color: #EC392D;  }

.gulfmart h1{ color: #058F45; }

.redtag h1{ color: #D20A10; }

.twenty4 h1{ color: #f04c24; }

.layer_brand_des p{
    font-family: HelveticaNeueRegular,Arial;
    color: #585757;
    font-size:17px;
    margin-top: 2px;
    text-align: right;
    width:100%;
}

.brand_infography{
    width:100%;
}

.info_orengerie{ background: rgb(244,156,0);}

.info_bahrain{ background: rgb(146,52,47);}

.info_geant{ background: rgb(14,129,106);}

.info_gulfmart{ background: rgb(5,143,69);}

.info_redtag{ background: rgb(57,57,56); }

.info_twenty4{ background: rgb(240,76,36); }

.brand_infography h1{
    font-family: HelveticaNeueThin,Arial;
    color: #ffffff;
    font-size:40px;
    text-align: center;
}

.anim-count-brands {
    /* width: 213px; */
    height: auto;
    padding-top: 14px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: HelveticaNeueRegular,Arial;
    padding-left: 0;
    color: #ffffff;
}

.anim-count-brands span {
    font-size: 30px;
    /* margin-left: 8px; */
}

.brand_content .main-back{
    margin-top:40px;
}

.brand_content a{
  font-family: pillGothicBold,Arial;
  color: #000000;
  font-size:17px;
  margin-top:20px;
}

.brand_icon{ height: 68px; }

.office_c{font-size:14px !important;}


.brand_content .main-back{ height: 195px; }

.brand_content .main-back{ width:100%; }

.brand_content h2{

    margin-top: 0px;
    margin-bottom: 0px;
}

.main_bg{ width:100%; }

.brandlogo {
    position: absolute;
    z-index: 4;
    top: 0%;
    text-align: right;
    padding: 5% 25px;
    right:0;
}

#billionbr {
    text-transform: none;
    font-size: 30px;
    padding-left: 9px;
}


.or_sec1 {
    display: block;
    width: 64%;
    margin: 0 -49px 0;
    height: 100%;
    position: absolute;
    color: white;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding-left: 20px;
}

.or_sec1 h1{
    font-size: 17px;
    font-family: HelveticaNeueBold,Arial;
    font-weight: 300;
    color: #ffffff;
    line-height: 26px;
    position: relative;
    top: 50%;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    padding-left: 26px;
}

/*#anim1-count-number, #anim2-count-number, #anim3-count-number, #anim4-count-number, #anim5-count-number, #anim6-count-number {
    font-family: pillGothicRegular,Arial;
    font-size: 15px;
}*/




/* -------------------------------- 

About

-------------------------------- */

.top_wr{ margin-top: 77px; }

.about_sec1 {
    display: block;
    width: 100%;
    margin: 0 -35px 0;
    height: 100%;
    position: absolute;
    color: white;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.about_sec1 h1{
    font-size: 20px;
    font-family: HelveticaNeueBold,Arial;
    font-weight: 300;
    color: #ffffff;
    line-height: 26px;
    position: relative;
    top: 50%;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
}

.about2{ padding:3% 20px; background: #ffffff; }

.about_sec2{
    /*position: absolute;
    padding-right: 15px;
    padding-left: 15px;*/
}

.about_sec2 h1{
    font-size: 20px;
    font-family: HelveticaNeueThin,Arial;
    font-weight: 300;
    color: #004685;
    line-height: 26px;
    text-align: right;
    margin: 9px 0 29px;
}

.about_sec2 h1 span{  font-family: HelveticaNeueBold,Arial;  }
 
.sec2_b{ width:100%; margin:20px 0; }

.sec2_l p{
    font-family: HelveticaNeueThin,Arial;
    color: #6D6E70;
    width: 100%;
    font-size: 17px;
    text-align: right;
    line-height: 25px;
}

.nopadding{
  padding-right: 0;
  padding-left: 0;
}

.sec3_wr{ background: #ededed; padding: 2% 0; }

.about3{ background: #ededed; }

.sec3_l h1{ 
  font-size: 20px;
  font-family: HelveticaNeueThin,Arial;
  color: #004685; 
  margin-bottom: 0;
  text-align: right;
}

.sec3_l h2{ 
  font-size: 55px;
  font-family: HelveticaNeueBold,Arial;
  color: #004685;
  margin: -6px 0 23px -2px;
  padding: 0;
  text-align: right;
}

.sec3_r{ margin-top: 0; padding-bottom:17px; }

.sec3_r h1{ 
    font-size: 20px;
    font-family: HelveticaNeueBold,Arial;
    color: #6D6E70;
    line-height: 12px;
    text-align: right;
}

.sec3_r h1 span{ font-family: pillGothicSemibd,Arial; }

.about_sec4 {
    display: block;
    width: 100%;
    margin: 0 -35px 0;
    height: 100%;
    position: absolute;
    color: white;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.about_sec4 a{cursor:pointer;}

.about_sec4 h1{
    font-size: 17px;
    font-family: HelveticaNeueThin,Arial;
    color: #ffffff;
    position: relative;
    top: 50%;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    line-height: 25px;
}

.team_wr{ margin-top:-1px; display: inline-block;}

.team_c{
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 6px 15px;
    background: rgba(6,6,7,0.5);
}

.team_des {
    width: 75%;
    float: left;
}

.team_c h1{
    font-size: 20px;
    font-family: HelveticaNeueThin,Arial;
    color: #ffffff;
    line-height: 22px;
    margin-bottom: 4px;
    text-align: right;
    margin-top: 8px;
}

.team_c h2{
    font-size: 15px;
    font-family: HelveticaNeueRegular,Arial;
    color: #ffffff;
    line-height: 22px;
    margin-top: 3px;
    text-align: right;
}

.team_plus{ float: right; margin-top: 11px; }

.team_pl{ background: rgba(6,6,7,0.5); display: block;}

.team_pl img{ width:100%; }

.about6 {
  padding: 3% 15px;
  background: #ffffff;
  clear:both;
}

.mgteam h1{
    font-size: 20px;
    font-family: HelveticaNeueThin,Arial;
    color: #6D6E70;
    margin-top: 23px;
    margin-bottom: 3px;
    text-align: right;
}

.mgteam h2{
    font-size: 17px;
    font-family: HelveticaNeueRegular,Arial;
    color: #6D6E70;
    margin-top: 0px;
    text-align: right;
}

.mgteam h3{
    font-size: 16px;
    font-family: HelveticaNeueBold,Arial;
    color: #6D6E70;
    margin-top: 25px;
    line-height: 23px;
    text-align: right;
    width: 90%;
    float: right;
}

.sec2_r{ margin-top: 3px; padding-left: 20px;}

.sec2_r p{
   font-family: HelveticaNeueThin,Arial;
    color: #6D6E70;
    width: 100%;
    font-size: 17px;
    text-align: right;
    line-height: 25px;
}

.about_sec4 span{ font-family:HelveticaNeueBold,Arial; }

.about_footer{  background: #004685; height: 52px; padding: 3px; margin-top: -1px;}

.about_footer h1{ 
    font-family: HelveticaNeueThin,Arial;
    color: #ffffff;
    font-size: 15px;
    float: right;
    margin: 15px 0;

}


.u_team {color:#ffffff; text-decoration: underline; margin-top:20px;}

  @-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.9);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  25% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }

  60% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.frame-8 {
    -webkit-animation: breathing 2s ease-out infinite normal;
    animation: breathing 2s ease-out infinite normal;
   
}

.cd-top {
  display: inline-block;
  height: 64px;
  width: 64px;
  position: fixed;
  bottom: 40px;
  left: 10px;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);*/
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../../img/small-up-arrows-in-a-circle.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  /* background-color: #e86256; */
  opacity: 1;
}

.nomargin{margin-right: 0 !important; margin-left:0 !important;}

.next_brand {
 position: absolute;
    background: #ffffff;
    opacity: 0.8;
    padding: 15px 0 15px 15px;
    width: 139px;
    right: 94px;
    top: 14px;
    height: 71px;
}

.next_br_img{ width: 50%; margin-right: 19px; }

.next_br_img { border: 1px solid #b1b0b0; }

.brand_co{ margin-right: 130px; }

.m_arrow{ width:30%; }

.team3, .team4{ display: none; }

.overlay{
    width:100%;
    height:100%;
    position:absolute;
    background: rgba(6,6,7,0.4);
    background-size:cover;
    z-index:1;
    display:block;
}

#team1 .overlay{ display: none; }

.line_br{margin-top:7px; }

.next_br_wr{ background: #272724; height:50px; }

.next_br_wr h1{ 
     font-family: HelveticaNeueThin,Arial;
    color: #ffffff;
    font-size: 18px;
    float: left;
    padding-right: 50px;
    margin: 15px 0 0;
}

.next_br_wr h1 img{ margin-right: 12px; margin-top: -5px; margin-left: 34px; }

.unslider ul li{ font-family: HelveticaNeueThin,Arial;  }

.unslider ul li span{ font-family: pillGothicThin,Arial; }

.ar_num{ font-family: pillGothicRegular,Arial; }

.con_mobile{ width:330px; }

@media screen and  (min-width: 768px) {
  .main-back-circle{ height: 58px; }
   /*.anim-count span {font-size: 23px;}*/
   #doller {font-size: 29px;}
   #anim5-count-number0 {font-size: 29px;}
   #mwh {font-size: 29px; }
   /*.anim-count { padding-top: 144px;}*/
   /*#billion { font-size: 21px;}*/
   .main-back {margin-right: 0;}
   .navbar-nav {margin: 0;}
   .layer_2_2{margin-top: 12px;}
   .layer_2.clicked, .layer_1_1.clicked {height: 442px; width: 380px;}
    .main-back {margin-right: 0; width: 19.333333%;height: 287px;}
    .main-back-last{width: 19.333333%;}
    .layer_5_1 h1{margin-bottom: 50px; font-size:54px; }
    .container { width: inherit; }
}



@media (min-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
      margin-left: 0;
    }
}

@media all and (orientation:landscape){
    .main_bg_p{display: none;}
    .bx-p{display: none;}
    /*.layer_2{ margin: -3% 9% 10% 9%;top: 13%; width: 425px;padding: 0% 1% 1% 2%;}*/
    .container1{width:36%;}
    .layer_10_content > iframe {height:175px; display: inline-block; }
    .logo_home img{  }
        .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } 

}

@media all and (orientation:portrait){
   .main_bg_l{display: none;}
   .bx-l{display: none;}
}

@media (max-width: 990px) { .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } }


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  .navbar-nav {margin: 0;}
  .layer{top: 31%; }
  .layer h1{ font-size: 75px; }
  .layer h2 { font-size: 95px; line-height: 97px;}
  .navi_show{margin: 111px 46px 0px 0px;}
  .parent {width: 34%; height: 520px;}
  .layer_2.clicked, .layer_1_1.clicked { height: 442px;width: 380px; }
  .layer_2, .layer_1_1 {margin-left: 10%; }
  .layer_2 h1, .layer_1_1 h1, .layer_4_1 h1{ font-size:25px;}
  .layer_2 h2, .layer_1_1 h2, .layer_4_1 h2{ font-size:25px;}
  /*.main-back-circle{ height:126px; }*/
   #doller {font-size: 29px;}
   #anim5-count-number0 {font-size: 29px;}
   #mwh {font-size: 29px; }
   .layer_2_2.clicked { height: 304px; width: 277px; margin-right: 25px; padding: 1.5%;}
   .layer_2_1 { padding: 2% 5% 2% 5%; }
   .page_2_link{margin-top:16px;}
   .layer_3 h1{font-size: 84px;}
   .layer_6{ padding: 8.5% 2% 2% 2%;}
   .layer_3 {margin: 6% auto 0;}
   .year_2010_data {width: 137px;}
   .layer_5_1 {margin: 6% auto 0;}
   .container1{width:36%;}
   .logo_home img { margin-top:9px;}
   .layer_5_1 h1{margin-bottom: 50px; font-size:54px; }
   .ipadpadding_l{ padding-left:15px; }
   .ipadpadding_r{ padding-right:15px; }
   .layer_10_content > iframe { height: 440px; }

    .con_mobile{ width:920px; }
    .main-back { width: 168px; margin-right: 20px; }
    .main-back-circle { height: 151px; }
    .main-back-last{ width: 168px; }
    .anim-count{ padding-top: 187px; font-size: 16px; }
    .ac_text { margin-top: 9px; line-height: 17px; }
    .anim-count span { font-size: 20px; }
    #billion { font-size: 18px;  }

    .layer1 h1, .layer1 h2{ font-size: 53px; line-height: 47px;}
    .logo_home { margin-top: 10px !important; margin-left: 6px; }
    
    .layer_2_2 { height: 290px; width: 283px; margin-right: 20px;}
    .layer_2_1_wr { width: 930px; float: right;}
    .layer_2_1_text_wr { width:900px; height: 158px; margin:0 auto;}
    .page2_bot_wr { vertical-align: top; }
    .layer_2_1 h1 { width:600px; float:right; margin-right:30px;}
    .layer_2 { height: 400px; width: 430px;margin:10% 0 0 10%; right: 10%;}
    .layer_6 h1{ text-align:center; }
    .layer_6 h2{text-align:center; width:600px; margin:20px auto; } 

    .timeline_m h2 { width: 50%; margin: 0 auto; }
    .unslider-wrap.unslider-carousel>li { font-size: 18px; }
    .layer_10_1 { height: 320px; width: 320px; display: inline-block; vertical-align:top; float: left; margin-top: 0; }
    .layer_10_content > iframe { height: 320px; width: 505px; display: inline-block; left: 0; vertical-align:top;}
    .ipad .layer_9{ float:left; }
    .ipad .layer_9 h2 { width:400px; }
    .ipad .line-gr img { margin-top: 240px;}

    .brandlogo { top: 14%; }
    .brand_logo { width: 70%; }
    .brand_content { padding: 3% 30px;}
    .brand_content .main-back { width: 17.333333%; }

    .contact_wr h1{ display: inline-block; vertical-align: top; text-align:center; padding-bottom:0px; margin-top: 5px;}
    .con_b_l_con h1{ margin-top: -4px; display: inline-block; vertical-align: top; }
    .con_dtl { width: 100%; display: inline-block; vertical-align: top; }
    .con_ipad_v{ float:left; padding-bottom:100px; width:50%;  padding-right:30px;}
    .con_b_wr_r{ float:right; width:50%; }
    .mainc_header{ text-align:center; display:block !important; margin-bottom:15px !important; }
    #location-canvas { height: 553px; }
    .sec2_b .sec2_r { padding-left: 20px; }
    .about_sec1 h1{ font-size: 29px; line-height:34px;}
    .sec3_l h2 { font-size: 110px; }
    .about_sec4 h1 { font-size: 32px; line-height: 50px;}
    .team1 .sec2_r{ padding-left:20px; }


}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .con_mobile{ width:690px; }
    .main-back { width: 121px; margin-right: 20px; }
    .main-back-circle { height: 110px; }
    .main-back-last{ width: 121px; }
    .anim-count{ padding-top: 146px; font-size: 16px; }
    .ac_text { margin-top: 9px; line-height: 17px; }
    .anim-count span { font-size: 20px; }
    #billion { font-size: 18px;  }
    .brand_content .main-back { width: 16.333333%; }
    .unslider-wrap.unslider-carousel>li { font-size: 18px; }
    .about_sec1 h1{ font-size: 29px; line-height:34px;}
     .about_sec4 h1 { font-size: 32px; line-height: 50px;}
    .sec2_b .sec2_r { padding-left: 25px; }

}

.ldlogin { display: none !important; }