@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Regular.ttf"); }
@font-face {
  font-family: "Raleway Bold";
  src: url("../fonts/css/raleway/Raleway-Bold.ttf") format("truetype"); }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/monsterrat/Montserrat-Regular.ttf"); }
@font-face {
  font-family: "Montserrat Bold";
  src: url("../fonts/css/monsterrat/Montserrat-SemiBold.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/Roboto-Regular.ttf"); }
@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px black, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px black, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0; } }
@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px black, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px black, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-transform: scale(1.5);
    opacity: 0; } }
@keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 5px 5px #3b3f44, 0 0 0 5px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 5px 5px #3b3f44, 0 0 0 5px rgba(255, 255, 255, 0.5);
    transform: scale(1.2);
    opacity: 0; } }
/***************************************************************************************************************/
.icon-rotateY img {
  transform: rotateY(0deg);
  transition: all 1s; }
.icon-rotateY:hover img {
  transform: rotateY(180deg);
  transition: all 1s; }

.icon-rotateX img {
  transform: rotateX(0deg);
  transition: all 1.5s; }
.icon-rotateX:hover img {
  transform: rotateX(360deg);
  transition: all 1.5s; }

.icon-zoom {
  overflow: hidden; }
  .icon-zoom img {
    transform: scale(1);
    transition: all 1.5s; }
  .icon-zoom:hover img {
    transform: scale(1.3);
    transition: all 1.5s; }

.icon-rotate3d img {
  transform: rotate3d(1, 1, 0, 0deg);
  transition: all 1000ms linear; }
.icon-rotate3d:hover img {
  transform: rotate3d(1, 1, 0, 360deg);
  transition: all 1000ms linear; }

/*********************Common Style**************************/
html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  font-family: "Raleway", sans-serif;
  color: #fff;
  line-height: 1.5; }
  @media only screen and (min-device-width: 768px) {
    body {
      font-size: 1.7rem; } }

.ui-overlay-b, .ui-page-theme-b, .ui-page-theme-b .ui-panel-wrapper {
  background-color: #141f31; }

a, a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none; }

.content {
  max-width: 32rem;
  margin: 0 auto;
  min-height: 48rem;
  padding: 4.5rem 1.5rem 5rem;
  text-align: center; }
  @media only screen and (orientation: landscape) {
    .content {
      padding: 4.5rem 4rem 5rem; } }
  @media (min-width: 480px) {
    .content {
      max-width: 48rem; } }
  @media (min-width: 640px) {
    .content {
      max-width: 64rem; } }
  .content .images {
    text-align: center; }
  .content h2 {
    font-size: 2.4rem;
    text-align: center;
    font-weight: normal; }
    .content h2.tittle {
      opacity: 0.6; }
  .content h3 {
    text-align: center;
    font-weight: normal; }
  .content .text-orange {
    color: #DB1F26;
    font-weight: bold; }
  .content .opacity4 {
    opacity: 0.4; }
  .content .opacity6 {
    opacity: 0.6; }
  .content .text-left {
    text-align: left; }
  .content .uppercase {
    text-transform: uppercase; }

.logo-top {
  top: -1px;
  padding-top: 1px;
  width: 177px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 1000; }
  .logo-top img {
    opacity: 0.8; }

.logo-home {
  /* ----------- iPad ----------- */
  /* Portrait and Landscape */
  /* ----------- Galaxy Tab 10.1 ----------- */
  /* Portrait and Landscape */ }
  @media only screen and (orientation: landscape) {
    .logo-home {
      margin-top: -2.5rem; }
      .logo-home img {
        width: 19rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .logo-home {
      margin-top: 2.5rem; }
      .logo-home img {
        width: 40rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .logo-home {
      margin-top: 10rem; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) {
    .logo-home {
      margin-top: 2.5rem; }
      .logo-home img {
        width: 44rem; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) {
    .logo-home {
      margin-top: 20rem; } }

.copy-right {
  /*****************Mobile*********************/
  /*******************Ipad***********************/
  /*********************Galaxy tab**********************/ }
  @media only screen and (orientation: portrait) {
    .copy-right {
      margin-top: 7.5rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .copy-right {
      margin-top: 10rem; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .copy-right {
      position: absolute;
      bottom: 3rem;
      width: 64rem;
      margin: 0 auto; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
    .copy-right {
      margin-top: 10rem; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) {
    .copy-right {
      position: absolute;
      bottom: 3rem;
      width: 64rem;
      margin: 0 auto; } }

/*********************ABOUT PAGE***********************/
#about-us .link {
  width: 14.1rem;
  height: 16.2rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 16.2rem;
  color: #333;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase; }
  #about-us .link.link-1 {
    background: url(images/sprites.svg) no-repeat -618px -56px; }
  #about-us .link.link-2 {
    background: url(images/sprites.svg) no-repeat -75px -56px;
    position: relative;
    top: -37px; }
  #about-us .link.link-3 {
    background: url(images/sprites.svg) no-repeat -447px -56px;
    position: relative;
    top: -37px; }
  #about-us .link.link-4 {
    background: url(../images/solution.svg) no-repeat;
    position: relative;
    top: -72px;
    background-size: 100% 100%; }
#about-us #top-page {
  /*------------------- Ipad-------------------------- */
  /* ----------- Galaxy Tab 10.1 ----------- */ }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #about-us #top-page {
      margin-top: 2rem;
      margin-bottom: 0;
      padding-bottom: 0; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
    #about-us #top-page {
      margin-top: 2rem;
      margin-bottom: 0;
      padding-bottom: 0; } }

/***************************SOLUTION*********************************/
#our-solution ul {
  list-style-type: none;
  padding: 0; }
  #our-solution ul .img-svg {
    float: left;
    display: block;
    margin: 0 1rem 0 0;
    width: 5rem; }
    #our-solution ul .img-svg.crm {
      background: url(../images/all-solutions.svg) no-repeat -10rem 0;
      height: 5rem; }
    #our-solution ul .img-svg.aichatbot {
      background: url(../images/all-solutions.svg) no-repeat -20rem -10rem;
      height: 5rem; }
    #our-solution ul .img-svg.hr {
      background: url(../images/all-solutions.svg) no-repeat 0 -10rem;
      height: 5rem; }
    #our-solution ul .img-svg.operations {
      background: url(../images/all-solutions.svg) no-repeat -10rem -10rem;
      height: 5rem; }
    #our-solution ul .img-svg.cms {
      background: url(../images/all-solutions.svg) no-repeat 0 0;
      height: 5rem; }
    #our-solution ul .img-svg.ecommerce {
      background: url(../images/all-solutions.svg) no-repeat -20rem 0;
      height: 5rem; }
  #our-solution ul .type-text {
    overflow: hidden; }
    #our-solution ul .type-text strong {
      line-height: 1.5; }
  #our-solution ul p {
    line-height: 1.5;
    margin-top: 1rem; }
  #our-solution ul li {
    padding-bottom: 2rem; }

/***************************WHAT-WE-DO*********************************/
#what-we-do ul {
  list-style-type: none;
  padding: 0; }
  #what-we-do ul .img-svg {
    float: left;
    display: block;
    margin: 0 1.8rem 0 0;
    width: 4.5rem; }
    #what-we-do ul .img-svg.fronline {
      background: url(../images/sprites.svg) no-repeat 0 0;
      height: 3.6rem; }
    #what-we-do ul .img-svg.creation {
      background: url(../images/sprites.svg) no-repeat 0 -40px;
      height: 4.5rem; }
    #what-we-do ul .img-svg.software {
      background: url(../images/sprites.svg) no-repeat 0 -89px;
      height: 4.6rem; }
    #what-we-do ul .img-svg.development {
      background: url(../images/sprites.svg) no-repeat 0 -139px;
      height: 3.5rem; }
    #what-we-do ul .img-svg.system {
      background: url(../images/sprites.svg) no-repeat 0 -178px;
      height: 4.6rem; }
    #what-we-do ul .img-svg.technical {
      background: url(../images/sprites.svg) no-repeat 0 -228px;
      height: 4.6rem; }
    #what-we-do ul .img-svg.consultancy {
      background: url(../images/sprites.svg) no-repeat 0 -278px;
      height: 4.3rem; }
  #what-we-do ul .type-text {
    overflow: hidden; }
    #what-we-do ul .type-text strong {
      line-height: 1.5; }
  #what-we-do ul p {
    line-height: 1.5;
    margin-top: 1rem; }
  #what-we-do ul li {
    padding-bottom: 2rem; }

#our-cooperation {
  margin-bottom: 12rem; }
  #our-cooperation .images {
    width: 28.7rem;
    margin: 0 auto;
    /* ----------- iPad ----------- */
    /* Portrait and Landscape */
    /* ----------- Galaxy Tab 10.1 ----------- */
    /* Portrait and Landscape */ }
    #our-cooperation .images img {
      width: 100%; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      #our-cooperation .images {
        width: 45rem; } }
    @media (min-device-width: 800px) and (max-device-width: 1280px) {
      #our-cooperation .images {
        width: 45rem; } }

/**********************************PROCESS***********************************/
#process .img-process {
  width: 100%; }
#process .img-library .img {
  margin: 1.5rem 1.7rem;
  display: inline-block;
  vertical-align: middle;
  /* ----------- iPad ----------- */
  /* ----------- Galaxy Tab 10.1 ----------- */ }
  #process .img-library .img.kotlin {
    background: url(../images/mcrs-library/update.svg) no-repeat 0 0px;
    width: 104px;
    height: 25px; }
  #process .img-library .img.xamarin {
    background: url(../images/mcrs-library/sprite-mobile.svg) no-repeat -292px 0px;
    width: 110px;
    height: 25px; }
  #process .img-library .img.swift {
    background: url(../images/mcrs-library/update.svg) no-repeat -67px -42px;
    width: 92px;
    height: 25px; }
  #process .img-library .img.objectiveC {
    background: url(../images/mcrs-library/sprite-mobile.svg) no-repeat -538px 0px;
    width: 40px;
    height: 40px; }
  #process .img-library .img.react {
    background: url(../images/mcrs-library/sprite-mobile.svg) no-repeat -411px 0px;
    width: 117px;
    height: 25px; }
  #process .img-library .img.flutter {
    background: url(../images/mcrs-library/sprite-mobile.svg) no-repeat 0px 0px;
    width: 69px;
    height: 25px; }
  #process .img-library .img.html {
    background: url(../images/mcrs-library/sprite-frontend.svg) no-repeat -280px 0px;
    width: 105px;
    height: 40px; }
  #process .img-library .img.reactjs {
    background: url(../images/mcrs-library/sprite-frontend.svg) no-repeat -81px 0px;
    width: 88px;
    height: 25px; }
  #process .img-library .img.angular {
    background: url(../images/mcrs-library/sprite-frontend.svg) no-repeat -178px 0px;
    width: 93px;
    height: 25px; }
  #process .img-library .img.vue {
    background: url(../images/mcrs-library/sprite-frontend.svg) no-repeat 0px 0px;
    width: 71px;
    height: 25px; }
  #process .img-library .img.python {
    background: url(../images/mcrs-library/sprite-backend.svg) no-repeat 0px 0px;
    width: 86px;
    height: 25px; }
  #process .img-library .img.php {
    background: url(../images/mcrs-library/sprite-backend.svg) no-repeat -94px 0px;
    width: 48px;
    height: 25px; }
  #process .img-library .img.C {
    background: url(../images/mcrs-library/update.svg) no-repeat -132px -96px;
    width: 23px;
    height: 25px; }
  #process .img-library .img.ruby {
    background: url(../images/mcrs-library/sprite-backend.svg) no-repeat -194px 0px;
    width: 75px;
    height: 25px; }
  #process .img-library .img.golang {
    background: url(../images/mcrs-library/update.svg) no-repeat -125px 0px;
    width: 67px;
    height: 25px; }
  #process .img-library .img.java {
    background: url(../images/mcrs-library/sprite-backend.svg) no-repeat -279px 0px;
    width: 54px;
    height: 25px; }
  #process .img-library .img.django {
    background: url(../images/mcrs-library/update.svg) no-repeat -213px 0px;
    width: 72px;
    height: 25px; }
  #process .img-library .img.flask {
    background: url(../images/mcrs-library/update.svg) no-repeat -174px -96px;
    width: 79px;
    height: 25px; }
  #process .img-library .img.laravel {
    background: url(../images/mcrs-library/sprite-framework.svg) no-repeat -142px 0px;
    width: 95px;
    height: 25px; }
  #process .img-library .img.spring {
    background: url(../images/mcrs-library/sprite-framework.svg) no-repeat -312px 0px;
    width: 75px;
    height: 25px; }
  #process .img-library .img.asp_net {
    background: url(../images/mcrs-library/sprite-framework.svg) no-repeat -246px 0px;
    width: 57px;
    height: 35px; }
  #process .img-library .img.ruby_rail {
    background: url(../images/mcrs-library/sprite-framework.svg) no-repeat -396px 0px;
    width: 71px;
    height: 25px; }
  #process .img-library .img.mySQL {
    background: url(../images/mcrs-library/sprite-database.svg) no-repeat 0 0;
    width: 58px;
    height: 30px; }
  #process .img-library .img.mssql {
    background: url(../images/mcrs-library/sprite-database.svg) no-repeat -67px 0;
    width: 50px;
    height: 40px; }
  #process .img-library .img.mongodb {
    background: url(../images/mcrs-library/update.svg) no-repeat -307px 0;
    width: 99px;
    height: 25px; }
  #process .img-library .img.postgreSQL {
    background: url(../images/mcrs-library/sprite-database.svg) no-repeat -225px 0;
    width: 125px;
    height: 20px; }
  #process .img-library .img.oracle {
    background: url(../images/mcrs-library/update.svg) no-repeat -184px -42px;
    width: 193px;
    height: 25px; }
  #process .img-library .img.aws {
    background: url(../images/mcrs-library/update.svg) no-repeat -3px -42px;
    width: 42px;
    height: 25px; }
  #process .img-library .img.azure {
    background: url(../images/mcrs-library/update.svg) no-repeat -278px -96px;
    width: 25px;
    height: 25px; }
  #process .img-library .img.google {
    background: url(../images/mcrs-library/sprite-cloud.svg) no-repeat -200px 0px;
    width: 64px;
    height: 30px; }
  #process .img-library .img.docker {
    background: url(../images/mcrs-library/update.svg) no-repeat 0px -96px;
    width: 109px;
    height: 25px; }
  #process .img-library .img.kubernetes {
    background: url(../images/mcrs-library/sprite-cloud.svg) no-repeat -99px 0px;
    width: 91px;
    height: 25px; }
  #process .img-library .img.microsoft-net {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -47px -22px;
    width: 86px;
    height: 23px; }
  #process .img-library .img.web-api2 {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -191px -14px;
    width: 135px;
    height: 41px; }
  #process .img-library .img.sqlserver {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -193px -96px;
    width: 128px;
    height: 50px; }
  #process .img-library .img.mvc4 {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -357px -27px;
    width: 142px;
    height: 16px; }
  #process .img-library .img.signalr {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -34px -95px;
    width: 108px;
    height: 58px; }
  #process .img-library .img.message-queuing {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -385px -106px;
    width: 85px;
    height: 42px; }
  #process .img-library .img.enterprise {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -72px -185px;
    width: 182px;
    height: 30px; }
  #process .img-library .img.jquery {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -294px -190px;
    width: 104px;
    height: 26px; }
  #process .img-library .img.jquery-2 {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -30px -265px;
    width: 119px;
    height: 27px; }
  #process .img-library .img.bootstrap {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -214px -252px;
    width: 92px;
    height: 47px; }
  #process .img-library .img.jquery-3 {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -372px -266px;
    width: 116px;
    height: 28px; }
  #process .img-library .img.hightchart {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -14px -340px;
    width: 147px;
    height: 31px; }
  #process .img-library .img.less {
    background: url(../images/mcrs-library/sprite.jpg) no-repeat -232px -342px;
    width: 58px;
    height: 28px; }
  #process .img-library .img.angularjs {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -365px -336px;
    width: 129px;
    height: 34px; }
  #process .img-library .img.underscorejs {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -30px -415px;
    width: 120px;
    height: 21px; }
  #process .img-library .img.rabbitmq {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -208px -420px;
    width: 100px;
    height: 16px; }
  #process .img-library .img.nsub {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -348px -408px;
    width: 159px;
    height: 29px; }
  #process .img-library .img.nuget {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -40px -485px;
    width: 104px;
    height: 38px; }
  #process .img-library .img.jasmine {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -220px -475px;
    width: 72px;
    height: 69px; }
  #process .img-library .img.simple-injector {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -343px -497px;
    width: 169px;
    height: 34px; }
  #process .img-library .img.couchbase {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -43px -580px;
    width: 90px;
    height: 38px; }
  #process .img-library .img.stackexchange {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -182px -586px;
    width: 151px;
    height: 35px; }
  #process .img-library .img.fluent-validation {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -393px -593px;
    width: 87px;
    height: 41px; }
  #process .img-library .img.quartz {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -19px -676px;
    width: 140px;
    height: 30px; }
  #process .img-library .img.pi {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -419px -680px;
    width: 19px;
    height: 20px; }
  #process .img-library .img.nunit {
    background: url("../images/mcrs-library/sprite.jpg") no-repeat -227px -671px;
    width: 64px;
    height: 35px; }
  #process .img-library .img.deepseek {
    background: url("../images/mcrs-library/sprites-ai.svg") no-repeat 0 0;
    width: 118px;
    height: 25px; }
  #process .img-library .img.cursor {
    background: url("../images/mcrs-library/sprites-ai.svg") no-repeat -139px 0;
    width: 79px;
    height: 25px; }
  #process .img-library .img.llama {
    background: url("../images/mcrs-library/sprites-ai.svg") no-repeat -231px 0px;
    width: 61px;
    height: 25px; }
  #process .img-library .img.hugingface {
    background: url("../images/mcrs-library/sprites-ai.svg") no-repeat 0px -42px;
    width: 122px;
    height: 25px; }
  #process .img-library .img.airflow {
    background: url("../images/mcrs-library/sprites-ai.svg") no-repeat -136px -42px;
    width: 65px;
    height: 25px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #process .img-library .img {
      margin: 2.5rem 4rem; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) {
    #process .img-library .img {
      margin: 2.5rem 4rem; } }

/******************************MISSION************************************/
#mission ul {
  list-style: none;
  margin: 0;
  padding: 0; }
#mission .type-text {
  overflow: hidden;
  margin-bottom: 1.5rem; }
  #mission .type-text p {
    margin-top: 1rem; }
#mission h4 {
  margin-top: 0;
  margin-bottom: 0; }
#mission .number {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);
  height: 5.2rem;
  width: 4.5rem;
  line-height: 5.2rem;
  float: left;
  margin-right: 1.5rem;
  text-align: center;
  /* ----------- iPad ----------- */
  /* Portrait and Landscape */
  /* ----------- Galaxy Tab 10.1 ----------- */
  /* Portrait and Landscape */ }
  #mission .number.block1 {
    background: url(../images/sprites.svg) no-repeat -447px 0; }
  #mission .number.block2 {
    background: url(../images/sprites.svg) no-repeat -618px 0; }
  #mission .number.block3 {
    background: url(../images/sprites.svg) no-repeat -75px 0; }
  #mission .number.block4 {
    background: url(../images/sprites.svg) no-repeat -346px 0; }
  #mission .number.block5 {
    background: url(../images/sprites.svg) no-repeat -245px 0; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #mission .number {
      width: 7.1rem;
      height: 8.2rem;
      line-height: 8.2rem;
      font-size: 2.5rem; }
      #mission .number.block1 {
        background: url(../images/sprites.svg) no-repeat -468px -223px; }
      #mission .number.block2 {
        background: url(../images/sprites.svg) no-repeat -618px -223px; }
      #mission .number.block3 {
        background: url(../images/sprites.svg) no-repeat -75px -223px; }
      #mission .number.block4 {
        background: url(../images/sprites.svg) no-repeat -346px -56px; }
      #mission .number.block5 {
        background: url(../images/sprites.svg) no-repeat -245px -56px; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) {
    #mission .number {
      width: 7.1rem;
      height: 8.2rem;
      line-height: 8.2rem;
      font-size: 2.5rem; }
      #mission .number.block1 {
        background: url(../images/sprites.svg) no-repeat -468px -223px; }
      #mission .number.block2 {
        background: url(../images/sprites.svg) no-repeat -618px -223px; }
      #mission .number.block3 {
        background: url(../images/sprites.svg) no-repeat -75px -223px; }
      #mission .number.block4 {
        background: url(../images/sprites.svg) no-repeat -346px -56px; }
      #mission .number.block5 {
        background: url(../images/sprites.svg) no-repeat -245px -56px; } }

/******************************CAREER******************************/
#career .email {
  text-decoration: underline; }
#career .button {
  border-radius: 4rem;
  width: 17.6rem;
  height: 4.4rem;
  border: 1px solid #DB1F26;
  text-align: center;
  background: none;
  display: block;
  color: #DB1F26;
  margin: 1rem auto 0;
  line-height: 2.75;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative; }
  #career .button:focus, #career .button:hover {
    color: #fff;
    background-color: #DB1F26; }
#career .career-icon {
  overflow: hidden; }
#career .career-icon-wrap {
  /* ----------- iPad ----------- */
  /* Portrait and Landscape */
  /* ----------- Galaxy Tab 10.1 ----------- */
  /* Portrait and Landscape */ }
  #career .career-icon-wrap > p {
    color: rgba(255, 255, 255, 0.6);
    transition: color 0.3s;
    margin-top: 0.5rem; }
  #career .career-icon-wrap .icon {
    background: rgba(59, 63, 68, 0.7);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    color: #d1d1d1;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 102px;
    line-height: 102px;
    margin: 15px 0 10px;
    position: relative;
    text-align: center;
    width: 102px;
    z-index: 1; }
    #career .career-icon-wrap .icon:before {
      display: block;
      font-size: 4rem;
      overflow: hidden; }
    #career .career-icon-wrap .icon:after {
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      content: '';
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      top: 0;
      left: 0;
      padding: 0;
      z-index: -1;
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
      opacity: 0;
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9); }
    #career .career-icon-wrap .icon:active {
      background: rgba(255, 255, 255, 0.05);
      -webkit-transform: scale(0.93);
      -moz-transform: scale(0.93);
      -ms-transform: scale(0.93);
      transform: scale(0.93);
      color: #DB1F26; }
      #career .career-icon-wrap .icon:active:after {
        -webkit-animation: sonarEffect 1s ease-out 75ms;
        -moz-animation: sonarEffect 1s ease-out 75ms;
        animation: sonarEffect 1s ease-out 75ms; }
      #career .career-icon-wrap .icon:active + p {
        color: #DB1F26;
        transition: color 0.3s; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #career .career-icon-wrap {
      width: 30%;
      float: left; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) {
    #career .career-icon-wrap {
      width: 30%;
      float: left; } }
#career .header-small {
  background: url(../images/sprites.svg) no-repeat -75px -310px;
  width: 17.2rem;
  height: 4.1rem;
  line-height: 4.1rem;
  margin: 0 auto; }
  #career .header-small span {
    opacity: .8;
    font-weight: bold; }
#career .header-big {
  background: url(../images/sprites.svg) no-repeat -75px -356px;
  width: 26.8rem;
  height: 5.1rem;
  line-height: 5.1rem;
  margin: 0 auto 1rem;
  font-size: 17px; }
  #career .header-big span {
    opacity: .8;
    font-weight: bold; }
#career .description ul {
  padding-left: 15px;
  list-style: square url("../images/bullet.svg"); }
  #career .description ul li {
    line-height: 1.5;
    padding-bottom: 0.6rem; }
    #career .description ul li ul li {
      list-style: square url("../images/li.png"); }

/******************************GALLERY********************************/
#gallery .gallery-block {
  overflow: hidden;
  max-width: 29rem;
  height: 14.4rem;
  margin: 0 auto; }
  #gallery .gallery-block > div {
    float: left; }
  #gallery .gallery-block .gallery-tittle {
    position: relative; }
    #gallery .gallery-block .gallery-tittle .tittle {
      display: block;
      width: 14.4rem;
      height: 14.4rem;
      font-size: 1.8rem;
      background: rgba(213, 93, 36, 0.8);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
      #gallery .gallery-block .gallery-tittle .tittle span {
        color: #fff;
        line-height: 1.2;
        padding-top: 5rem;
        display: block;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.35); }
    #gallery .gallery-block .gallery-tittle .tittle-img {
      width: 14.4rem;
      height: 14.4rem;
      z-index: -1; }
      #gallery .gallery-block .gallery-tittle .tittle-img a {
        float: left;
        width: 14.4rem;
        height: 14.4rem; }
#gallery .images-block {
  overflow: hidden;
  max-width: 28.8rem;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  /* ----------- iPad ----------- */
  /* ----------- Galaxy Tab 10.1 ----------- */ }
  #gallery .images-block img {
    width: 14.4rem;
    height: 14.4rem;
    float: left; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #gallery .images-block {
      max-width: 57.6rem; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) {
    #gallery .images-block {
      max-width: 57.6rem; } }
#gallery .gallery {
  /* ----------- iPad ----------- */
  /* ----------- Galaxy Tab 10.1 ----------- */ }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #gallery .gallery {
      overflow: hidden;
      max-width: 58rem;
      margin: 0 auto; }
      #gallery .gallery > div {
        float: left; } }
  @media (min-device-width: 800px) and (max-device-width: 1280px) {
    #gallery .gallery {
      overflow: hidden;
      max-width: 58rem;
      margin: 0 auto; }
      #gallery .gallery > div {
        float: left; } }

/*********************************CONTACT****************************/
#contact .ico {
  display: table-cell;
  height: 71px;
  margin-right: 15px;
  vertical-align: middle;
  width: 64px; }
#contact .ico + span {
  opacity: .6;
  display: table-cell;
  vertical-align: middle;
  padding-left: 1rem; }
#contact .address > span {
  line-height: 1.5;
  padding-top: 1rem; }
#contact ul {
  padding: 0; }
#contact li {
  display: table;
  font-weight: 300;
  height: 71px;
  margin: -13px 0 0; }
  #contact li.telephone .ico {
    background: url(../images/sprites.svg) no-repeat 0 -325px; }
  #contact li.fax .ico {
    background: url(../images/sprites.svg) no-repeat 0 -400px; }
  #contact li.e-mail .ico {
    background: url(../images/sprites.svg) no-repeat 0 -475px; }
  #contact li.website .ico {
    background: url(../images/sprites.svg) no-repeat 0 -550px; }
  #contact li.address .ico {
    background: url(../images/sprites.svg) no-repeat 0 -625px; }
  #contact li:first-child {
    margin: 0; }
  #contact li:nth-child(2n) {
    margin-left: 3rem; }
#contact .contact-block {
  overflow: hidden;
  margin-top: 2rem; }
  #contact .contact-block > div {
    width: 100%;
    float: none;
    /* ----------- iPad ----------- */
    /* ----------- Galaxy Tab 10.1 ----------- */ }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      #contact .contact-block > div {
        width: 50%;
        float: left; } }
    @media (min-device-width: 800px) and (max-device-width: 1280px) {
      #contact .contact-block > div {
        width: 50%;
        float: left; } }
  #contact .contact-block .map {
    padding-top: 12rem; }
    #contact .contact-block .map img {
      width: 100%; }
    #contact .contact-block .map .company {
      font-size: 1.4rem;
      color: #333; }

/***********************************TOOLTIP**********************************/
.tooltip-content::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 4.5rem;
  margin: -1px 0 0 -15px;
  width: 29px;
  height: 20px;
  background: url(../images/tooltip.svg) no-repeat center center;
  background-size: 100%; }

.tooltip {
  display: block;
  position: relative; }

/* Tooltip */
.tooltip-content {
  position: absolute;
  right: 50px;
  margin-left: -14.5rem;
  bottom: 100%;
  border-radius: 5px;
  text-align: left;
  background: #ebebeb;
  opacity: 1;
  margin-bottom: 20px;
  cursor: default;
  pointer-events: none;
  padding: 1rem; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .tooltip-content {
      right: 0; } }

/******************************BT-MENU**********************************/
.bt-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  border: 0 solid transparent;
  background-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  -moz-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  -ms-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  -o-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  z-index: 15; }
  .bt-menu.bt-menu-open {
    height: 100%;
    border-width: 390px 0 0 0;
    background: rgba(37, 40, 45, 0.98);
    -webkit-transition: border-width 0.3s, background-color 0.3s;
    -moz-transition: border-width 0.3s, background-color 0.3s;
    -ms-transition: border-width 0.3s, background-color 0.3s;
    -o-transition: border-width 0.3s, background-color 0.3s;
    transition: border-width 0.3s, background-color 0.3s;
    /* ----------- iPad ----------- */
    /* ----------- Galaxy Tab 10.1 ----------- */ }
    @media only screen and (orientation: landscape) {
      .bt-menu.bt-menu-open {
        border-width: 360px 0 0 0; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      .bt-menu.bt-menu-open {
        border-width: 390px 0 0 0; } }
    @media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
      .bt-menu.bt-menu-open {
        border-width: 390px 0 0 0; } }
    .bt-menu.bt-menu-open .navside-left {
      opacity: 1;
      -webkit-transition: opacity 0.3;
      -moz-transition: opacity 0.3;
      -ms-transition: opacity 0.3;
      -o-transition: opacity 0.3;
      transition: opacity 0.3; }
  .bt-menu.bt-menu-close .navside-left {
    opacity: 0;
    -webkit-transition: opacity 0.3;
    -moz-transition: opacity 0.3;
    -ms-transition: opacity 0.3;
    -o-transition: opacity 0.3;
    transition: opacity 0.3; }

.bt-overlay {
  position: absolute;
  width: 100%; }

.bt-menu-open .bt-overlay {
  height: 100%; }
.bt-menu-open .bt-menu-trigger span {
  background-color: transparent; }
  .bt-menu-open .bt-menu-trigger span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg); }
  .bt-menu-open .bt-menu-trigger span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg); }

.bt-menu-trigger {
  position: fixed;
  top: 15px;
  left: 15px;
  display: block;
  width: 23px;
  height: 25px;
  cursor: pointer;
  z-index: 1002; }
  .bt-menu-trigger span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    margin-top: -2px;
    background-color: #bebfc0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .bt-menu-trigger span:before, .bt-menu-trigger span:after {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      background: #bebfc0;
      content: '';
      -webkit-transition: transform 0.3s;
      -moz-transition: transform 0.3s;
      -ms-transition: transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s; }
    .bt-menu-trigger span:before {
      -webkit-transform: translateY(-250%);
      -moz-transform: translateY(-250%);
      -ms-transform: translateY(-250%);
      -o-transform: translateY(-250%);
      transform: translateY(-250%); }
    .bt-menu-trigger span:after {
      -webkit-transform: translateY(250%);
      -moz-transform: translateY(250%);
      -ms-transform: translateY(250%);
      -o-transform: translateY(250%);
      transform: translateY(250%); }

.navside-left {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  bottom: 0;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transform: translateY(-340px);
  -moz-transform: translateY(-340px);
  -ms-transform: translateY(-340px);
  -o-transform: translateY(-340px);
  transform: translateY(-340px);
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  width: 230px;
  z-index: 200; }
  .navside-left #cssmenu {
    max-height: 850px;
    overflow: auto;
    margin-top: -35px; }
    .navside-left #cssmenu ul {
      list-style: none;
      padding-left: 17px;
      margin-top: 3rem; }
      .navside-left #cssmenu ul li ul {
        margin-top: 0;
        display: none; }
      .navside-left #cssmenu ul li a {
        line-height: 2.7;
        opacity: 0.3;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        cursor: pointer;
        color: #fff;
        display: block;
        /* ----------- iPad ----------- */
        /* ----------- Galaxy Tab 10.1 ----------- */ }
        .navside-left #cssmenu ul li a .icon-ic_arrowleft {
          font-size: 8px;
          margin-left: 1rem;
          display: inline-block;
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0);
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .navside-left #cssmenu ul li a:hover, .navside-left #cssmenu ul li a:active {
          opacity: 1;
          color: #DB1F26;
          -webkit-transition: all 0.2s ease-in;
          -moz-transition: all 0.2s ease-in;
          -ms-transition: all 0.2s ease-in;
          -o-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in; }
          .navside-left #cssmenu ul li a:hover .icon-ic_arrowleft, .navside-left #cssmenu ul li a:active .icon-ic_arrowleft {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
        @media only screen and (orientation: landscape) {
          .navside-left #cssmenu ul li a {
            line-height: 1.9; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
          .navside-left #cssmenu ul li a {
            line-height: 2.7; } }
        @media (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
          .navside-left #cssmenu ul li a {
            line-height: 2.7; } }
      .navside-left #cssmenu ul li.facebook {
        text-indent: -9999px;
        width: 35px;
        height: 35px;
        background: url(images/sprites.svg) no-repeat -789px -85px;
        margin-top: 1.5rem;
        opacity: 0.3; }
        .navside-left #cssmenu ul li.facebook:hover {
          opacity: 0.6; }
      .navside-left #cssmenu ul li.active > a {
        opacity: 1;
        color: #DB1F26; }
        .navside-left #cssmenu ul li.active > a .icon-ic_arrowleft {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }

/*************************FOOTER*************************/
.control a {
  display: block;
  text-indent: -9999px;
  height: 40px;
  width: 40px;
  margin-bottom: 5px;
  opacity: 0.5; }
  .control a.prev {
    background: url(images/sprites.svg) no-repeat -789px 0; }
  .control a.next {
    background: url(images/sprites.svg) no-repeat -789px -42px; }

@media only screen and (min-height: 480px) and (max-height: 768px) {
  .navside-left #cssmenu {
    max-height: 720px; } }
@media only screen and (max-height: 480px) {
  .navside-left #cssmenu {
    max-height: 400px; } }