.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.invisible {
  display: none;
}

.not-active {
  background-color: #eee;
  pointer-events: none;
  cursor: default;
}

.not-active-without-background {
  pointer-events: none;
  cursor: not-allowed;
}

.no-padding {
  padding: 0px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.no-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.no-margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
  /*margin-right:0px!important;*/
}

.row.no-margin {
  margin-bottom: 0px !important;
}

.clear-both {
  clear: both;
}

.full-width {
  width: 100%;
}

.red-words {
  color: red !important;
}

.btn-floating {
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
  border: 0px;
}

.btn-floating .glyphicon {
  width: inherit;
  display: inline-block;
  text-align: center;
  font-size: 1.6rem;
  line-height: 40px;
}

.modal {
  text-align: center;
}

/*@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}*/
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-dialog .modal-content .modal-header .modal-title {
  float: left;
}

#cmsSiteTreePanel::-webkit-scrollbar, #cmsCenter::-webkit-scrollbar, ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 2px;
}

#cmsSiteTreePanel::-webkit-scrollbar-track, #cmsCenter::-webkit-scrollbar-track, ::-webkit-scrollbar-track {
  background-color: transparent;
}

#cmsSiteTreePanel::-webkit-scrollbar-thumb, #cmsCenter::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 20px;
}

.btn {
  border-radius: 30px;
  /*background:$MAIN_COLOR;*/
  background: transparent;
  border: solid 1px rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 2px 0 transparent, 0 1px 5px 0 transparent, 0 3px 1px -2px transparent;
          box-shadow: 0 2px 2px 0 transparent, 0 1px 5px 0 transparent, 0 3px 1px -2px transparent;
  -webkit-transition: border 0.5s ease,color 0.5s ease;
  transition: border 0.5s ease,color 0.5s ease;
  min-width: 72px;
}

::-moz-selection {
  background: #2AB0C5;
  /* Gecko Browsers */
}

::selection {
  background: #2AB0C5;
  /* WebKit/Blink Browsers */
}

.btn:hover, .btn-large:hover {
  border: solid 1px #2AB0C5;
  color: #2AB0C5;
  background: transparent;
  -webkit-box-shadow: 0 2px 2px 0 transparent, 0 1px 5px 0 transparent, 0 3px 1px -2px transparent;
          box-shadow: 0 2px 2px 0 transparent, 0 1px 5px 0 transparent, 0 3px 1px -2px transparent;
}

.modal .modal-header {
  background: #2AB0C5;
  height: 56px;
}

.modal .modal-content {
  height: calc(100% - 112px) !important;
  text-align: center;
  display: table;
}

.modal .modal-content .modal-body {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

html, body, .block, .parallax-container {
  height: 100%;
  font-family: 'Ubuntu Condensed', sans-serif;
}

button, input, optgroup, select, textarea {
  font-family: 'Ubuntu Condensed', sans-serif;
}

.home-title, .title {
  font-size: 24px;
  letter-spacing: 3px;
  color: #ffffff;
  font-family: "Oswald", sans-serif;
}

.big-title {
  font-size: 70px;
  color: #ffffff;
  letter-spacing: -0.5px;
  line-height: 80px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}

.container {
  max-width: 10000px !important;
}

.container .row {
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

section {
  display: block;
}

.slick-slider {
  margin-bottom: 0px;
}

body {
  background-color: #242424;
}

nav {
  background-color: rgba(0, 0, 0, 0.8);
}

nav ul li {
  text-align: center;
}

.top-nav {
  position: fixed;
  width: 100%;
}

.top-nav nav {
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
}

.top-nav nav .nav-wrapper .right-nav {
  height: 100%;
}

.top-nav nav .nav-wrapper .right-nav li {
  height: 100%;
}

.top-nav nav .nav-wrapper .right-nav li .nav-item-border {
  border-top: solid 3px rgba(0, 0, 0, 0);
  -webkit-transition: .1s ease-out;
  transition: .1s ease-out;
}

.top-nav nav .nav-wrapper .right-nav li a {
  padding-top: 10px;
  height: 96%;
  min-width: 60px;
}

.top-nav nav .nav-wrapper .right-nav li a span {
  font-size: 12px;
  font-weight: 700;
  word-spacing: 1.2px;
}

.top-nav nav .nav-wrapper .right-nav li .has-sub-list {
  display: none;
}

.top-nav nav .nav-wrapper .right-nav li:hover .nav-item-border {
  border-top: solid 3px #2AB0C5;
}

.top-nav .navbar-nav .nav-list-item {
  display: block;
  position: relative;
}

.top-nav .navbar-nav .nav-list-item a {
  padding-left: 5px;
  padding-right: 5px;
}

.top-nav .navbar-nav .nav-list-item .nav-title {
  float: left;
}

.top-nav .navbar-nav .nav-list-item .nav-lang-list {
  padding-top: 10px;
  height: 96%;
  padding-top: 3px;
}

.top-nav .navbar-nav .nav-list-item .nav-lang-list div {
  padding-top: 10px;
  height: 96%;
}

.top-nav .navbar-nav .nav-list-item .nav-lang-list a {
  min-width: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.top-nav .navbar-nav .nav-list-item .nav-social-list {
  padding-top: 12px;
  height: 96%;
}

.top-nav .navbar-nav .nav-list-item .nav-social-list div {
  padding-top: 10px;
  height: 96%;
}

.top-nav .navbar-nav .nav-list-item .nav-social-list a {
  min-width: 10px;
  padding-left: 2px;
  padding-right: 2px;
}

.top-nav .navbar-nav .nav-list-item .nav-social-list a img {
  height: 30px;
}

.top-nav .navbar-nav .nav-list-item .nav-ordered-lists {
  display: none;
  /*bottom:0;
                opacity:0;
                -moz-transition: opacity 0.5s ease 0.5s, bottom 0.5s ease 0.5s;
                -webkit-transition: opacity 0.5s ease 0.5s, bottom 0.5s ease 0.5s;
                -o-transition: opacity 0.5s ease 0.5s, bottom 0.5s ease;
                transition: opacity 0.5s ease 0.5s, bottom 0.5s ease 0.5s;*/
}

.top-nav .navbar-nav .nav-list-item .nav-ordered-lists ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.top-nav .navbar-nav .nav-list-item .nav-ordered-lists ul .nav-list-item {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.top-nav .navbar-nav .nav-list-item .nav-ordered-lists ul .nav-list-item .nav-item-border {
  border-top: solid 0px rgba(0, 0, 0, 0.8);
}

.top-nav .navbar-nav .nav-list-item .nav-ordered-lists ul .nav-list-item .nav-item-border a {
  width: 100%;
  padding-top: 0px;
}

.top-nav .navbar-nav .nav-list-item .nav-ordered-lists ul .nav-list-item:hover {
  background: #2AB0C5;
}

.top-nav .navbar-nav .nav-list-item .nav-ordered-lists ul .nav-list-item:hover .nav-item-border {
  border-top: solid 0px #2AB0C5;
  -webkit-transition: .1s ease-out;
  transition: .1s ease-out;
}

.top-nav .navbar-nav .nav-list-item .nav-ordered-lists ul .nav-list-item:hover a:hover {
  background-color: rgba(0, 0, 0, 0);
}

.top-nav .navbar-nav .nav-list-item:hover > .nav-ordered-lists {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 10;
  /*bottom:auto;
            opacity:1;*/
}

.top-nav .navbar-nav .nav-ordered-lists .nav-ordered-lists {
  left: 100%;
  top: 0;
}

.top-nav ul:before,
.top-nav ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.top-nav ul:after {
  clear: both;
}

.side-nav.menu-nav {
  background: rgba(0, 0, 0, 0.8);
}

.side-nav.menu-nav li {
  position: relative;
}

.side-nav.menu-nav li .left-nav-logo {
  margin-left: 30px;
  margin-top: 22px;
}

.side-nav.menu-nav li a {
  color: #ffffff;
  text-align: left;
}

.side-nav.menu-nav li a span {
  float: left;
}

.side-nav.menu-nav li a .has-sub-list {
  color: #ffffff;
  float: left;
}

.side-nav.menu-nav .nav-lang-list {
  padding-left: 6%;
}

.side-nav.menu-nav li > div {
  padding-left: 5%;
}

.side-nav.menu-nav .nav-lang-list a, .side-nav.menu-nav .nav-lang-list div,
.side-nav.menu-nav .nav-social-list a,
.side-nav.menu-nav .nav-social-list div,
.navbar-nav .nav-lang-list a,
.navbar-nav .nav-lang-list div,
.navbar-nav .nav-social-list a,
.navbar-nav .nav-social-list div {
  float: left;
  color: #ffffff;
}

.side-nav.menu-nav .nav-lang-list a.active, .side-nav.menu-nav .nav-lang-list a:hover, .side-nav.menu-nav .nav-lang-list .a:active,
.side-nav.menu-nav .nav-social-list a.active,
.side-nav.menu-nav .nav-social-list a:hover,
.side-nav.menu-nav .nav-social-list .a:active,
.navbar-nav .nav-lang-list a.active,
.navbar-nav .nav-lang-list a:hover,
.navbar-nav .nav-lang-list .a:active,
.navbar-nav .nav-social-list a.active,
.navbar-nav .nav-social-list a:hover,
.navbar-nav .nav-social-list .a:active {
  color: #2AB0C5;
}

.content {
  color: #ffffff;
  font-size: 16px;
}

.container .home-content, .inside-container .home-content {
  color: #ffffff;
}

.container .icon-button, .inside-container .icon-button {
  position: relative;
}

.home-header, .product-header, .work-header,
.work-detail-header, .blog-header, .contact-header, .join-us-header {
  position: relative;
  overflow: hidden;
}

.home-header .video-container, .product-header .video-container, .work-header .video-container,
.work-detail-header .video-container, .blog-header .video-container, .contact-header .video-container, .join-us-header .video-container {
  height: auto;
  width: 100%;
  top: 0%;
  left: 0%;
  padding-bottom: 0px;
  position: absolute;
  z-index: -1;
  overflow: hidden;
}

.home-header .video-container video, .product-header .video-container video, .work-header .video-container video,
.work-detail-header .video-container video, .blog-header .video-container video, .contact-header .video-container video, .join-us-header .video-container video {
  max-width: 4000%;
}

.home-header .video-overlay, .product-header .video-overlay, .work-header .video-overlay,
.work-detail-header .video-overlay, .blog-header .video-overlay, .contact-header .video-overlay, .join-us-header .video-overlay {
  top: 0px;
  z-index: 200;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: relative;
}

.home-header .video-cover-img, .product-header .video-cover-img, .work-header .video-cover-img,
.work-detail-header .video-cover-img, .blog-header .video-cover-img, .contact-header .video-cover-img, .join-us-header .video-cover-img {
  height: -11%;
  /* overflow: hidden; */
  width: auto;
  min-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.home-header .home-header-title, .product-header .home-header-title, .work-header .home-header-title,
.work-detail-header .home-header-title, .blog-header .home-header-title, .contact-header .home-header-title, .join-us-header .home-header-title {
  color: #ffffff;
  font-family: "Oswald", sans-serif;
}

.home-service {
  background: #272727;
}

.home-service .container {
  padding-top: 5%;
  padding-bottom: 5%;
}

.home-service .container .home-content-holder {
  padding-top: 15%;
}

.home-service .container .home-content-holder div {
  margin: 3% 0;
}

.home-clent, .home-team {
  background: #D9D9D9;
}

.home-clent .container, .home-team .container {
  padding: 5% 0;
}

.home-clent .container .home-title, .home-team .container .home-title {
  color: #373738;
}

.home-clent .container .home-content, .home-team .container .home-content {
  color: #373738;
}

.home-clent .container .btn, .home-team .container .btn {
  color: rgba(0, 0, 0, 0.8);
  border: solid 1px rgba(0, 0, 0, 0.8);
}

.home-clent .container .btn:hover, .home-clent .container .btn-large:hover, .home-team .container .btn:hover, .home-team .container .btn-large:hover {
  border: solid 1px #2AB0C5;
  color: #2AB0C5;
  background: transparent;
}

.home-clent .container .home-content-holder, .home-team .container .home-content-holder {
  padding-top: 3%;
  padding-bottom: 3%;
}

.home-clent .container .home-content-holder div, .home-team .container .home-content-holder div {
  margin: 3% 0;
}

.home-clent {
  background: #D9D9D9;
}

.home-clent .icon-holder {
  text-align: center;
}

.home-clent img {
  width: 100%;
}

.inside-pic-content-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 5%;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.inside-pic-content-holder .inside-pic-title-type {
  font-family: "Oswald", sans-serif;
  color: #2AB0C5;
}

.inside-pic-content-holder .inside-pic-title {
  font-size: 26px;
  color: #ffffff;
}

.inside-pic-content-holder:hover {
  opacity: 1;
}

.home-team {
  background: #EEEEEE;
}

.home-team img {
  width: 100%;
}

.home-team .home-team-img-holder {
  position: relative;
}

.home-team .join-us, .about-us-out-team .join-us {
  background: #373738;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.home-team .join-us img, .about-us-out-team .join-us img {
  width: 100%;
}

.home-team .join-us .inside-pic-content-holder-join-us, .about-us-out-team .join-us .inside-pic-content-holder-join-us {
  position: absolute;
  color: #ffffff;
  width: 100%;
  font-size: 20px;
  text-align: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-team .join-us:hover, .about-us-out-team .join-us:hover {
  background: #2AB0C5;
}

.home-work {
  background: #272727;
  padding-bottom: 5%;
}

.home-work .container .home-content-holder {
  padding-top: 10%;
  padding-bottom: 10%;
}

.home-work .container .home-content-holder div {
  margin: 3% 0;
}

.home-work .row {
  margin-bottom: 0px;
}

.home-work .row .home-work-img-holder {
  position: relative;
  /*.home-work-img-holder:hover{
             .inside-pic-content-holder{
                 opacity:1;
             }
       }*/
}

.home-work .row .home-work-img-holder img {
  width: 100%;
}

.work-img-holder {
  position: relative;
}

.work-img-holder img {
  width: 100%;
}

.home-product {
  background: #1B1B1B;
  overflow: hidden;
}

.home-product .row {
  margin-bottom: 0px;
}

.home-product .home-content-holder {
  padding-top: 12%;
}

.home-product .home-content-holder div {
  margin: 3% 0;
}

.slick-col {
  padding: 0px !important;
}

.slick-moblie-disable {
  margin-bottom: 0px;
}

.slick-moblie-disable .product-holder {
  position: relative;
}

.slick-moblie-disable .product-holder .product-content-holder {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.44);
  color: #fff;
  /*background:red;*/
  left: 0px;
}

.slick-moblie-disable .product-holder .product-content-holder .product-icon {
  margin-top: 10%;
}

.slick-moblie-disable .product-holder .product-content-holder div {
  margin: 2% 2%;
  /*margin-left:5%;
                 margin-right:5%;*/
}

.slick-moblie-disable .product-holder .product-content-holder .container {
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.icon-button .icon-title {
  color: #ffffff;
}

.footer-blog {
  background: #555555;
}

.footer-blog .container {
  padding-left: 12.5%;
}

.footer-blog .row {
  margin-bottom: 0px;
}

.footer-blog .home-blog-holder {
  position: relative;
}

.footer-blog .home-blog-holder img {
  height: auto;
}

.footer-blog .home-blog-holder .home-blog-content-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.footer-blog .home-blog-holder .home-blog-content-holder .home-blog-content {
  position: absolute;
  bottom: 10%;
}

.footer-blog .home-blog-holder .home-blog-content-holder .home-blog-content div {
  margin-top: 2%;
}

.footer-blog .home-blog-holder .home-blog-content-holder .home-blog-content .home-blog-date {
  font-size: 16px;
  color: #ffffff;
}

.slick-arrow {
  color: #ffffff;
  z-index: 10;
}

.slick-arrow .material-icons {
  font-size: 60px;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: #ffffff;
}

.slick-next {
  right: 7%;
}

.slick-prev {
  left: 2%;
}

.message-form-holder {
  padding: 2% 5%;
}

.message-form-holder #str_message {
  max-height: 88px;
  overflow-y: auto;
}

.input-field input, .input-field textarea {
  color: #ffffff;
}

.page-footer {
  background: #373738;
  padding: 3% 0;
}

.page-footer .social-bar ul {
  list-style-type: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
}

.page-footer .social-bar ul li {
  display: inline;
  margin: 0 5px;
}

.page-footer .footer-statment {
  padding-top: 25px;
  letter-spacing: 1.04px;
}

/*about_us*/
.about-us-about {
  position: relative;
  overflow: hidden;
}

.about-us-about .container {
  padding-top: 14%;
}

.about-us-service {
  position: relative;
  overflow: hidden;
}

.about-us-service .about-service-control {
  position: absolute;
  top: 10px;
  right: 0px;
}

.about-us-service .about-service-control .service-control-holder .button-holder:first-child {
  border-radius: 4px 0 0 0;
}

.about-us-service .about-service-control .service-control-holder .button-holder:last-child {
  border-radius: 0 0 0 4px;
}

.about-us-service .about-service-control .service-control-holder .button-holder {
  position: relative;
  background-color: rgba(255, 255, 255, 0.04);
  padding: 5px;
  display: block;
  height: 50px;
  width: auto;
  outline: none;
  margin-bottom: 0px;
}

.about-us-service .about-service-control .service-control-holder .button-holder img {
  width: 40px;
  height: 100%;
  float: right;
}

.about-us-service .about-service-control .service-control-holder .button-holder .content {
  float: left;
}

.about-us-service .about-service-control .service-control-holder img {
  width: 100%;
  height: 100%;
}

.about-us-service .about-service-content-holder {
  padding: 25% 0;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.about-us-service .about-service-content-holder div {
  margin-top: 3%;
}

.about-us-service .about-service-holder {
  position: relative;
}

.about-us-service .about-service-holder .slick-dots {
  display: none !important;
}

.about-us-service .about-service-holder .service-content-holder {
  padding-top: 8%;
  padding-left: 5%;
  padding-bottom: 8%;
  margin-left: 0px;
}

.about-us-service .about-service-holder .service-content-holder div {
  margin-top: 3%;
}

.about-us-service .about-service-holder .service-content-holder img {
  margin: auto;
}

.about-us-timeline {
  background: #555555;
  position: relative;
  padding: 2em 0;
  /*margin-top: 2em;
  margin-bottom: 0px;*/
}

.about-timeline:before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

.half-background {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.half-background img {
  width: 100%;
}

.timeline-title {
  color: #2AB0C5;
}

.about-us-out-team {
  position: relative;
  overflow: hidden;
  padding-top: 5%;
  background: #D4D4D4;
}

.about-us-out-team .content-holder div {
  margin-top: 3%;
}

.about-us-out-team .team-holder {
  padding: 5% 0;
}

.about-us-out-team .team-holder .team-img-holder {
  position: relative;
}

.about-us-out-team .team-holder .team-img-holder img {
  width: 100%;
}

.about-us-out-team .team-holder .join-us .inside-pic-content-holder-join-us {
  font-size: 30px;
}

.about-us-out-partner {
  background: #EEEEEE;
}

.about-us-out-partner .content-holder {
  padding: 25% 0px;
}

.about-us-out-partner .content-holder div {
  margin-top: 3%;
}

.about-us-out-partner .partners-icon-holder .partner-icon-holder {
  padding: 10%;
}

.about-us-out-partner .partners-icon-holder .partner-icon-holder img {
  width: 100%;
  margin: auto;
}

.black-title, .black-content {
  color: #373738;
}

.black-button {
  color: rgba(0, 0, 0, 0.8);
  border: solid 1px rgba(0, 0, 0, 0.8);
}

/*Porduct*/
.product-header div {
  padding-top: 4%;
}

.product-service {
  background: #1B1B1B;
}

.product-service .row {
  /*margin-right: auto;*/
  margin-bottom: 0;
}

.product-service .product-service-holder {
  padding-top: 15%;
  padding-bottom: 10%;
}

.product-service .product-service-slick-holder {
  min-height: 400px;
}

.product-service .service-holder div {
  margin-top: 3%;
}

.product-service .product-rare-cycle {
  width: 100%;
  position: relative;
}

.product-service .product-rare-cycle .product-rare-step {
  position: absolute;
  /*top: 75px;*/
  left: 20px;
  opacity: 0;
  max-width: 800px;
  /*-moz-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;*/
}

.product-service .product-rare-cycle .product-rare-step.selected {
  opacity: 1;
}

.product-service .product-rare-cycle img {
  width: 100%;
}

.product-related-work {
  background: #EEEEEE;
  padding: 4% 0;
}

.product-related-work .container .row .col div {
  margin-top: 3%;
}

.product-related-work .product-related-work-holder {
  margin-top: 2%;
}

/*work*/
.work-header .container {
  padding: 15% 0px;
}

.work-header .container div {
  margin-top: 3%;
}

.work-client {
  background: #F4F4F4;
}

.work-client .container {
  padding: 2% 0px;
}

.work-client .container div {
  margin-top: 3%;
}

/*work detail*/
.work-detail-header .container .content-holder {
  padding: 45% 0px;
}

.work-detail-header .container .content-holder div {
  margin-top: 3%;
}

.work-detail-header .container .content-holder .work-detail-holder {
  margin-top: 10%;
}

.work-detail-header .work-detail-header-top-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55%;
}

.work-detail-detail {
  background: #EDEDED;
}

.work-detail-detail .container {
  padding: 5% 0;
}

.work-detail-detail .container img {
  margin: auto;
}

/*blog*/
.blog-header .container {
  padding: 20% 0px;
}

.blog-header .container div {
  margin-top: 3%;
}

.blog-blog-list, .blog-detail-blog {
  background: #F7F7F7;
}

.blog-blog-list .blog-holder, .blog-detail-blog .blog-holder {
  padding: 6% 0;
}

.blog-blog-list .blog-holder .blog-header-img img, .blog-detail-blog .blog-holder .blog-header-img img {
  width: 100%;
}

.blog-blog-list .blog-holder .blog-content-holder div, .blog-detail-blog .blog-holder .blog-content-holder div {
  margin-top: 1%;
}

.blog-blog-list .blog-holder .blog-content-holder .blog-date, .blog-detail-blog .blog-holder .blog-content-holder .blog-date {
  color: #C7C7C7;
}

.blog-blog-list .blog-holder .blog-content-holder .blog-title, .blog-detail-blog .blog-holder .blog-content-holder .blog-title {
  letter-spacing: 2.33px;
}

.blog-blog-list .blog-holder .blog-content-holder .blog-share-button .material-icons, .blog-detail-blog .blog-holder .blog-content-holder .blog-share-button .material-icons {
  vertical-align: middle;
}

.blog-blog-list .blog-holder .blog-content-holder .blog-share-button span, .blog-detail-blog .blog-holder .blog-content-holder .blog-share-button span {
  padding-left: 10px;
}

.blog-blog-list .blog-holder .blog-content-holder .blog-content, .blog-detail-blog .blog-holder .blog-content-holder .blog-content {
  font-size: 16px;
}

.table-paging {
  text-align: center;
}

.table-paging li a {
  height: 30px;
}

.table-paging li.paging-number.active {
  background: #2AB0C5;
}

.blog-detail-header .row {
  margin-bottom: 0px;
}

.blog-detail-header .row img {
  width: 100%;
}

.blog-detail-blog, .blog-detail-related-blog {
  background: #F7F7F7;
}

.blog-detail-related-blog .container .title {
  padding: 3% 0px;
}

.blog-detail-related-blog .container .related-blog-img-holder {
  position: relative;
}

.blog-detail-related-blog .container .related-blog-img-holder img {
  width: 100%;
}

.blog-detail-related-blog .container .related-blog-img-holder .inside-pic-blog-content-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
}

.blog-detail-related-blog .container .related-blog-img-holder .inside-pic-blog-content-holder .inside-pic-blog-content {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 0 10%;
  padding-bottom: 10%;
}

.blog-detail-related-blog .container .related-blog-img-holder .inside-pic-blog-content-holder .inside-pic-blog-content .inside-pic-blog-date {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.58px;
}

.blog-detail-related-blog .container .related-blog-img-holder .inside-pic-blog-content-holder .inside-pic-blog-content .inside-pic-blog-title {
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 3px;
}

.blog-detail-control {
  padding: 3% 0px;
  background: #F7F7F7;
}

.blog-detail-control a {
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.addthis_inline_share_toolbox {
  min-height: 45.594px;
}

.addthis_inline_share_toolbox .at-icon-wrapper {
  background: #555555 !important;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.addthis_inline_share_toolbox .at-icon-wrapper svg {
  background: #555555 !important;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.addthis_inline_share_toolbox .at-icon-wrapper:hover {
  background: #2AB0C5 !important;
}

.addthis_inline_share_toolbox .at-icon-wrapper:hover svg {
  background: #2AB0C5 !important;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

/*contact*/
.contact-header .inside-container-holder-left {
  padding-top: 25%;
}

.contact-header .contact-contact-us {
  padding-top: 13%;
  padding-bottom: 13%;
  background: rgba(39, 39, 39, 0.75);
}

.contact-header .contact-contact-us .message-form-holder {
  padding: 2% 0%;
}

.contact-find-us .inside-container-holder-left {
  padding: 5% 0.75rem;
}

.contact-find-us .inside-container-holder-left div {
  padding-top: 5%;
}

.contact-find-us .inside-container-holder-left .other-way {
  padding-top: 0px;
}

.contact-find-us .inside-container-holder-left .contact {
  padding-top: 3%;
}

.contact-find-us .inside-container-holder-left .contact span {
  margin-left: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.contact-find-us .inside-container-holder-left #contact-us-map {
  width: 100%;
  height: 500px;
}

/*join us*/
.join-us-header .row div {
  /*margin-top:3%;*/
}

.join-us-header .row .inside-slick-holder-right {
  margin-top: 0%;
}

.join-us-header .join-us-content {
  background: rgba(0, 0, 0, 0.7);
}

.join-us-job .container {
  padding: 5% 0px;
}

.join-us-job .collection {
  border: 0px transparent;
}

.join-us-job .collection a.collection-item {
  background-color: transparent;
  border-bottom: transparent;
  color: #7e7e7e;
  font-size: 20px;
}

.join-us-job .collection a.collection-item:not(.active):hover {
  background-color: transparent;
  color: #ffffff;
}

.join-us-job .collection a.collection-item.selected {
  color: #ffffff;
}

.join-us-job .col.job-contaner-holder {
  background-color: #242424;
  /*-moz-transition: opacity 0.2s ease,left  0.7s ease-out 0.2s, top  0.7s ease-out 0.2s;
        -webkit-transition:  opacity 0.2s ease,left  0.7s ease-out 0.2s, top  0.7s ease-out 0.2s;
        -o-transition:opacity 0.2s ease,left  0.7s ease-out 0.2s, top  0.7s ease-out 0.2s;
        transition:  opacity 0.2s ease,left  0.7s ease-out 0.2s, top  0.7s ease-out 0.2s;*/
  -webkit-transition: opacity 0.5s ease,height 0.5s ease, width 0.5s ease;
  transition: opacity 0.5s ease,height 0.5s ease, width 0.5s ease;
  /*top:auto;
        left:0px;*/
  opacity: 1;
}

.join-us-job .col.hiden {
  opacity: 0;
  height: 0px;
  width: 0px;
}

.join-us-job .job-contaner {
  cursor: pointer;
  width: 100%;
  height: 250px;
  border: 1px solid #585858;
  padding: 25% 5%;
}

.join-us-job .job-contaner .content {
  color: #868686;
}

.join-us-job .jobs-selection-holder, .join-us-job .jobs-content-holder {
  -webkit-transition: transform 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  max-height: 10000px;
  z-index: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.join-us-job .jobs-selection-holder .jobs-content, .join-us-job .jobs-content-holder .jobs-content {
  display: none;
}

.join-us-job .jobs-selection-holder .jobs-content ul, .join-us-job .jobs-content-holder .jobs-content ul {
  list-style-type: inherit !important;
}

.join-us-job .height-hiden {
  -webkit-transform: translateY(-10000px);
          transform: translateY(-10000px);
  opacity: 0;
  z-index: -1;
}

.collection-mobile.select-wrapper span.caret {
  color: #2AB0C5;
}

.collection-mobile.select-wrapper input.select-dropdown {
  border-bottom: 1px solid #2AB0C5;
  color: #2AB0C5;
  font-size: 20px;
  letter-spacing: 0;
}

.collection-mobile.select-wrapper .dropdown-content li {
  background: #1E1E1E;
}

.collection-mobile.select-wrapper .dropdown-content li span {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
}

.collection-mobile.select-wrapper .dropdown-content li.selected, .collection-mobile.select-wrapper .dropdown-content li.active, .collection-mobile.select-wrapper .dropdown-content li:hover {
  background-color: #2AB0C5;
}

.a-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 17px;
  color: #ffffff;
}

.blog-cover {
  min-height: 300px;
}

.job-content-back {
  cursor: pointer;
}