/* PLEASE MAKE CHANGES DIRECTLY TO CSS */

/*@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");*/
/**text-decoration**/
.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clear {
  clear: both; }

img {max-width: 100% !important; height: auto !important;}
iframe {max-width: 100% !important;}
ul {padding-left: 30px; font-size: 22px; font-family: "FuturaPTBook", sans-serif; margin: 15px 0;}
ul li {margin-bottom: 10px;}
/**font-size**/
/**position**/
/**float**/
/**width**/
/**height**/
/**display**/
/**align**/
/**color**/
/**font-weight**/
/**padding**/
/**margin**/
/**text-transform**/
/**top**/
/**left**/
/**right**/
/**bottom**/
/**z-index**/
/**line-height**/
/**transition**/
/**transform**/
/**others**/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; }

@font-face {
  font-family: 'FuturaPT-Medium';
  src: url("../fonts/FuturaPT-Medium.eot");
  src: url("../fonts/FuturaPT-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Medium.woff") format("woff"), url("../fonts/FuturaPT-Medium.otf") format("openype"), url("../fonts/FuturaPT-Medium.svg#FuturaPT-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FuturaPTDemi';
  src: url("../fonts/FuturaPTDemi.eot");
  src: url("../fonts/FuturaPTDemi.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTDemi.otf") format("opentype"), url("../fonts/FuturaPTDemi.svg#FuturaPTDemi") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FuturaPTBook';
  src: url("../fonts/FuturaPTBook.eot");
  src: url("../fonts/FuturaPTBook.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTBook.woff") format("woff"), url("../fonts/FuturaPTBook.woff") format("woff"), url("../fonts/FuturaPTBook.otf") format("opentype"), url("../fonts/FuturaPTBook.svg#FuturaPTBook") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin: 0;
  padding: 0;
  height: 1920px;
  /*background:url(../assets/images/02.jpg)no-repeat center top;*/ }

#wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  opacity: 1; }

.container {
  width: 100%;
  max-width: 1201px;
  margin: 0 auto; }
  @media only screen and (max-width: 1919px) {
    .container {
      width: 1043px; } }
  @media only screen and (max-width: 1365px) {
    .container {
      width: 984px; } }
  @media only screen and (max-width: 1279px) {
    .container {
      width: 750px; } }
  @media only screen and (max-width: 1023px) {
    .container {
      width: 580px; } }
  @media only screen and (max-width: 767px) {
    .container {
      width: 100%; } }

.container_inn {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 15px; }

/***************************** Header start here ****************************************/
header {
  width: 100%;
  margin: 0 auto;
  padding: 55px 0;
  position: absolute;
  top: 0;
  z-index: 999; }
  @media only screen and (max-width: 767px) {
    header {
      padding: 40px 0; } }

.head {
  width: auto;
  padding: 0;
  margin: 0 55px;
  position: relative;
  height: 41px; }
  @media only screen and (max-width: 1919px) {
    .head {
      margin: 0 25px; } }
  @media only screen and (max-width: 1279px) {
    .head {
      margin: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .head {
      margin: 0; } }

.head .container {
  padding: 0 9px; }
  @media only screen and (max-width: 767px) {
    .head .container {
      padding: 0; } }

.logo {
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0; }
  @media only screen and (max-width: 1919px) {
    .logo {
      width: 130px; } }
  @media only screen and (max-width: 1439px) {
    .logo {
      width: 100px; } }
  @media only screen and (max-width: 1023px) {
    .logo {
      width: 80px; } }
  @media only screen and (max-width: 767px) {
    .logo {
      width: auto;
      left: 15px; } }

.logo img {
  display: block;
  margin: 0; }
  @media only screen and (max-width: 1919px) {
    .logo img {
      width: 100%; } }

.top_right_section {
  width: 100%;
  padding: 0;
  margin: 0; }

#right_header {
  width: 100%;
  margin: 0 auto;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    #right_header {
      background: #FFF;
      display: none;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: 999;
      top: -40px;
      height: auto; } }

.right_bottom {
  padding: 0;
  width: 100%;
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .right_bottom {
      padding: 148px 0 0; } }

#navigation_bar {
  width: auto;
  float: left;
  margin: 7px 0 0 5px; }
  @media only screen and (max-width: 1439px) {
    #navigation_bar {
      margin: 1px 0 0 5px; } }
  @media only screen and (max-width: 1023px) {
    #navigation_bar {
      margin: -2px 0 0 5px; } }
  @media only screen and (max-width: 767px) {
    #navigation_bar {
      float: none;
      margin: 0 auto;
      padding: 0;
      width: 100%; } }

.right_nav {
  width: auto;
  float: right; }
  @media only screen and (max-width: 767px) {
    .right_nav {
      width: 100%;
      margin: -2px 0 0;
      float: none; } }

.right_bottom ul {
  list-style: none;
  width: auto;
  padding: 0;
  margin: 0;
  line-height: 1; }
  .right_bottom ul li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 48px 0 0;
    position: relative; }
    .right_bottom ul li a {
      font-family: "FuturaPT-Medium", sans-serif;
      font-size: 20px;
      letter-spacing: 0.14px;
      color: #FFF;
      line-height: 25px;
      text-decoration: none;
      transition: all 0.2s linear 0s;
      text-transform: capitalize; }
      .right_bottom ul li a:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: -15px;
        height: 2px;
        width: 0;
        transition: width 0s ease, background .5s ease;
        border-radius: 0; }
        @media only screen and (max-width: 767px) {
          .right_bottom ul li a:before {
            bottom: -6px; } }
      .right_bottom ul li a::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: -15px;
        height: 2px;
        width: 0;
        background: #FFF;
        transition: width .5s ease;
        border-radius: 50px; }
        @media only screen and (max-width: 767px) {
          .right_bottom ul li a::after {
            background: #111214;
            bottom: -6px; } }
      @media only screen and (max-width: 1439px) {
        .right_bottom ul li a {
          font-size: 18px;
          line-height: 22px; } }
      @media only screen and (max-width: 1023px) {
        .right_bottom ul li a {
          font-size: 15px;
          line-height: 20px; } }
      @media only screen and (max-width: 767px) {
        .right_bottom ul li a {
          font-size: 20px;
          line-height: 25px;
          color: #111214;
          position: relative; } }
    .right_bottom ul li:hover a:before {
      width: 100%;
      background: #FFF;
      transition: width .5s ease; }
      @media only screen and (max-width: 767px) {
        .right_bottom ul li:hover a:before {
          background: #111214; } }
    .right_bottom ul li:hover a:after {
      width: 100%;
      background: transparent;
      transition: all 0s ease; }
    .right_bottom ul li:last-child {
      margin: 0; }
    @media only screen and (max-width: 1279px) {
      .right_bottom ul li {
        margin: 0 28px 0 0; } }
    @media only screen and (max-width: 1023px) {
      .right_bottom ul li {
        margin: 0 18px 0 0; } }
    @media only screen and (max-width: 767px) {
      .right_bottom ul li {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding: 16px 0; } }
  .right_bottom ul .current-menu-item a:after {
    width: 100%;
    background: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    bottom: -15px; }
    @media only screen and (max-width: 767px) {
      .right_bottom ul .current-menu-item a:after {
        background: #111214;
        bottom: -6px; } }

.right_nav ul li {
  margin: 0 48px 0 0; }
  .right_nav ul li:nth-child(2) {
    margin: 0 97px 0 0; }
    @media only screen and (max-width: 1279px) {
      .right_nav ul li:nth-child(2) {
        margin: 0 37px 0 0; } }
    @media only screen and (max-width: 1023px) {
      .right_nav ul li:nth-child(2) {
        margin: 0 27px 0 0; } }
  .right_nav ul li:last-child {
    margin: 7px 0 0; }
    @media only screen and (max-width: 1023px) {
      .right_nav ul li:last-child {
        width: 75px;
        margin: 0; } }
    @media only screen and (max-width: 767px) {
      .right_nav ul li:last-child {
        width: 100%;
        margin: 0; } }
    .right_nav ul li:last-child img {
      display: block; }
      @media only screen and (max-width: 1023px) {
        .right_nav ul li:last-child img {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .right_nav ul li:last-child img {
          width: auto;
          margin: 20px auto 30px; } }
  @media only screen and (max-width: 1279px) {
    .right_nav ul li {
      margin: 0 28px 0 0; } }
  @media only screen and (max-width: 1023px) {
    .right_nav ul li {
      margin: 0 22px 0 0; } }

.inner_pge .right_bottom ul li a {
  color: #111214; }

.inner_pge .right_bottom ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 0;
  transition: width 0s ease, background .5s ease;
  border-radius: 0; }

.inner_pge .right_bottom ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -15px;
  height: 2px;
  width: 0;
  background: #111214;
  transition: width .5s ease;
  border-radius: 50px; }

.inner_pge .right_bottom ul li a:hover:before {
  width: 100%;
  background: #111214;
  transition: width .5s ease; }

.inner_pge .right_bottom ul li a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease; }

.inner_pge .right_bottom ul li .current-menu-item a:after {
  width: 100%;
  background: #95c63d;
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  top: -1px; }

.inner_pge header {
  position: relative; }

#toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  height: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 19px;
  transition: all 0.1s ease-in;
  width: auto;
  z-index: 1000;
  box-sizing: border-box;
  z-index: 9999;
  display: none;
  transition: all 0.2s ease-in-out 0s; }
  @media only screen and (max-width: 767px) {
    #toggle {
      display: block;
      right: 15px;
      top: 6px; } }

#toggle .patty {
  background: none repeat scroll 0 0 #FFF;
  height: 2px;
  top: 3px;
  margin: 10px 0;
  transition: all 0.2s ease 0s;
  width: 43px;
  position: relative;
  display: inline-block; }

.inner_pge #toggle .patty::after,
.inner_pge #toggle .patty::before {
  background: none repeat scroll 0 0 #111214;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  transition: all 0.2s ease 0s;
  width: 43px;
  z-index: -1; }

.inner_pge #toggle .patty {
  background: none repeat scroll 0 0 #111214; }

.inner_pge #toggle .patty::after,
.inner_pge #toggle .patty::before {
  background: none repeat scroll 0 0 #111214; }

#toggle .patty::after,
#toggle .patty::before {
  background: none repeat scroll 0 0 #FFF;
  content: "";
  display: inline-block;
  height: 2px;
  position: absolute;
  transition: all 0.2s ease 0s;
  width: 43px;
  z-index: -1; }

#toggle .patty {
  background: none repeat scroll 0 0 #FFF; }

#toggle .patty::after,
#toggle .patty::before {
  background: none repeat scroll 0 0 #FFF; }

#toggle .patty::before {
  top: -9px;
  right: 0px; }

#toggle .patty::after {
  top: 9px;
  right: 0px; }

#toggle:hover {
  transition: top 0.4s ease 0s; }

#toggle:hover {
  opacity: 18; }

#toggle:hover .patty::before {
  top: -9px; }

#toggle:hover .patty::after {
  top: 9px; }

.mob_menu {
  display: none; }
  @media only screen and (max-width: 767px) {
    .mob_menu {
      background-color: transparent;
      cursor: pointer;
      display: block;
      width: 100%;
      text-align: left;
      padding: 0; } }

.open .patty {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }

.open .patty::before {
  background: none repeat scroll 0 0 #1d1d1f !important;
  top: 0 !important;
  transform: rotate(-45deg); }

.open .patty::after {
  background: none repeat scroll 0 0 #1d1d1f !important;
  top: 0 !important;
  transform: rotate(45deg); }

::-moz-selection {
  background: #9ea274;
  color: #FFF; }

::selection {
  background: #9ea274;
  color: #FFF; }

figure {
  margin: 0; }

@media only screen and (max-width: 767px) {
  .head .row {
    margin: 0; } }

@media only screen and (max-width: 767px) {
  .head .col-xs-12 {
    padding: 0; } }

.right_nav ul li.mob_link {
  display: none; }
  @media only screen and (max-width: 767px) {
    .right_nav ul li.mob_link {
      display: block; } }
  .right_nav ul li.mob_link a {
    color: #818181;
    text-decoration: underline; }

@media only screen and (min-width: 768px) {
  .disply {
    display: block !important; } }

@media only screen and (max-width: 767px) {
  .mob_social ul li a:after {
    display: none; } }

@media only screen and (max-width: 767px) {
  .mob_social ul li a:before {
    display: none; } }

@media only screen and (max-width: 767px) {
  .right_nav ul li.mob_link a:after {
    display: none; } }

@media only screen and (max-width: 767px) {
  .right_nav ul li.mob_link a:before {
    display: none; } }

::-moz-selection {
background: #dee2e6;
color:#333;
}

::selection {
background: #dee2e6;
color:#333;
}


/***************************** Banner start here ****************************************/
#banner_sect {
  width: 100%;
  height: 1080px;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 9;
  background-size: cover; }
  @media only screen and (max-width: 1919px) {
    #banner_sect {
      height: 100vh; } }
  @media only screen and (max-width: 767px) {
    #banner_sect {
      height: auto; } }
  @media only screen and (min-width: 1920px) {
    #banner_sect {overflow-y: hidden;}
    #banner_sect .slick-slide img {width:100%;}
  }

#banner_sect .banner_cont {opacity: 0;}
#banner_sect .slick-slide:first-child .banner_cont, #banner_sect .slick-slide.slick-active .banner_cont, #banner_sect .banner_cont.firstslide {opacity: 1;}

#banner_sect .container {
  padding: 0 14px; }

.banner_cont {
  width: 100%;
  margin: 0;
  padding: 245px 0 0;
  position: relative; }

.banner_cont h1 {
  font-family: "FuturaPTDemi", sans-serif;
  /*font-size: 110px;*/
  font-size: 84px;
  color: #FFF;
  letter-spacing: -1.65px;
  /*line-height: 110px;*/
  line-height: 95px;
  padding: 0;
  display: block;
  margin: 0 0 32px;
  position: relative;
  z-index: 9; }
  @media only screen and (max-width: 1919px) {
    .banner_cont h1 {
      /*font-size: 80px;*/
      font-size: 75px;
      line-height: 90px;
     /* width: 730px;*/ } }
  @media only screen and (max-width: 1439px) {
    .banner_cont h1 {
      font-size: 70px;
      line-height: 80px;
      /*width: 730px;*/
      margin: 0 0 18px; } }
  @media only screen and (max-width: 1365px) {
    .banner_cont h1 {
      font-size: 60px;
      line-height: 70px;
      /*width: 560px;*/
      margin: 0 0 18px; } }
  @media only screen and (max-width: 1279px) {
    .banner_cont h1 {
      font-size: 50px;
      line-height: 60px;
      /*width: 460px;*/
      margin: 0 0 18px; } }
  @media only screen and (max-width: 1023px) {
    .banner_cont h1 {
      font-size: 40px;
      line-height: 50px;
      /*width: 400px;*/
      margin: 0 0 18px; } }
  @media only screen and (max-width: 767px) {
    .banner_cont h1 {
      font-size: 20px;
      line-height: 24px;
      /*width: 240px;*/
      margin: 0 0 8px; } }

.banner_cont p {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #FFF;
  letter-spacing: 0;
  line-height: 44px;
  padding: 0;
  display: block;
  margin: 0 0 62px;
  width: 99%; }
  @media only screen and (max-width: 1919px) {
    .banner_cont p {
      font-size: 25px;
      line-height: 42px;
      width: 930px; } }
  @media only screen and (max-width: 1439px) {
    .banner_cont p {
      font-size: 23px;
      line-height: 35px;
      width: 850px;
      margin: 0 0 42px; } }
  @media only screen and (max-width: 1279px) {
    .banner_cont p {
      font-size: 17px;
      line-height: 24px;
      width: 650px;
      margin: 0 0 42px; } }
  @media only screen and (max-width: 1023px) {
    .banner_cont p {
      font-size: 17px;
      line-height: 24px;
      width: 85%;
      margin: 0 0 15px; } }
  @media only screen and (max-width: 767px) {
    .banner_cont p {
      font-size: 15px;
      line-height: 19px;
      width: 100%;
      margin: 0 0 10px; } }

.banner_cont a {
  width: 349px;
  height: 72px;
  border: 3px solid #FFF;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #FFF;
  letter-spacing: 0.14px;
  line-height: 63px;
  padding: 0;
  display: block;
  margin: 0 0 0 122px;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s; }
  @media only screen and (max-width: 1919px) {
    .banner_cont a {
      font-size: 25px;
      line-height: 53px;
      width: 310px;
      height: 65px;
      margin: 0 0 0 72px; } }
  @media only screen and (max-width: 1365px) {
    .banner_cont a {
      width: 290px; } }
  @media only screen and (max-width: 1279px) {
    .banner_cont a {
      width: 250px;
      font-size: 22px;
      margin: 0 0 0 32px; } }
  @media only screen and (max-width: 1023px) {
    .banner_cont a {
      width: 180px;
      font-size: 18px;
      margin: 0 0 0 32px;
      line-height: 43px;
      height: 55px; } }
  @media only screen and (max-width: 767px) {
    #banner_sect .slick-track {height: 600px;}
    #banner_sect .slick-slide figure {height: 100%;}
    #banner_sect .slick-slide figure img {height: 100% !important;}
    .banner_cont a {
      width: 130px;
      font-size: 14px;
      margin: 0 0 0 12px;
      line-height: 33px;
      height: 45px; } }
  @media only screen and (max-width: 479px) {
    .banner_cont a {
      width: 130px;
      font-size: 15px;
      margin: 0 0 0 7px;
      line-height: 39px;
      height: 45px; } }

.banner_cont a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.banner_cont a:hover,
.banner_cont a:focus,
.banner_cont a:active {
  color: #111214; }

.banner_cont a:hover:before,
.banner_cont a:focus:before,
.banner_cont a:active:before {
  transform: scale(1); }

.banner_cont::before {
  -webkit-animation: animationBorder1 1s linear forwards;
  animation: animationBorder1 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  top: -33px;
  left: 120px; }
  @media only screen and (max-width: 1919px) {
    .banner_cont::before {
      left: 106px; } }
  @media only screen and (max-width: 1365px) {
    .banner_cont::before {
      left: 100px; } }
  @media only screen and (max-width: 1279px) {
    .banner_cont::before {
      left: 75px; } }
  @media only screen and (max-width: 1023px) {
    .banner_cont::before {
      left: 61px; } }
  @media only screen and (max-width: 767px) {
    .banner_cont::before {
      display: none;
      left: 47px;
      top: -23px; } }
  @media only screen and (max-width: 639px) {
    .banner_cont::before {
      left: 47px;
      top: -23px; } }
  @media only screen and (max-width: 479px) {
    .banner_cont::before {
      left: 33px;
      top: -23px; } }

.banner_cont::after {
  -webkit-animation: animationBorder2 1s linear forwards;
  animation: animationBorder2 1s linear forwards;
  animation-delay: 1s;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  bottom: 33px;
  right: -6px; }
  @media only screen and (max-width: 767px) {
    .banner_cont::after {
      display: none;
      bottom: 23px; } }

.banner_cont:hover::before {
  -webkit-animation: animationBorder1 1s linear forwards;
  animation: animationBorder1 1s linear forwards; }

@-webkit-keyframes animationBorder1 {
  0% {
    width: 0%;
    height: 14.5%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  50% {
    width: 0%;
    height: 14.5%;
    border-top-color: transparent;
    border-left-color: #FFF;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  100% {
    width: 90.3%;
    height: 14.5%;
    border-top-color: #FFF;
    border-left-color: #FFF;
    border-bottom-color: transparent;
    border-right-color: transparent; } }

@keyframes animationBorder1 {
  0% {
    width: 0%;
    height: 14.5%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  50% {
    width: 0%;
    height: 14.5%;
    border-top-color: transparent;
    border-left-color: #FFF;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  100% {
    width: 90.3%;
    height: 14.5%;
    border-top-color: #FFF;
    border-left-color: #FFF;
    border-bottom-color: transparent;
    border-right-color: transparent; } }

.button:hover::after {
  -webkit-animation: animationBorder2 1s linear forwards;
  animation: animationBorder2 1s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes animationBorder2 {
  0% {
    width: 0%;
    height: 100%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  50% {
    width: 0%;
    height: 100%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #FFF; }
  100% {
    width: 58%;
    height: 100%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #FFF;
    border-right-color: #FFF; } }

@keyframes animationBorder2 {
  0% {
    width: 0%;
    height: 100%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent; }
  50% {
    width: 0%;
    height: 100%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #FFF; }
  100% {
    width: 58%;
    height: 100%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #FFF;
    border-right-color: #FFF; } }

#banner_sect .slider {
  width: 100%;
  max-width: 100%;
  margin: 0 auto; }

.banner_cont.chge_pos {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 31%;
  left: 0;
  max-width: 1173px;
  margin: 0 auto;
  right: 0;
  padding: 40px 0 0 0; }
  @media only screen and (max-width: 1919px) {
    .banner_cont.chge_pos {
      width: 1040px; } }
  @media only screen and (max-width: 1919px) {
    .banner_cont.chge_pos {
      padding: 28px 0 0 0; } }
  @media only screen and (max-width: 1365px) {
    .banner_cont.chge_pos {
      width: 964px; } }
  @media only screen and (max-width: 1279px) {
    .banner_cont.chge_pos {
      width: 717px; } }
  @media only screen and (max-width: 1023px) {
    .banner_cont.chge_pos {
      width: 567px; } }
  @media only screen and (max-width: 767px) {
    .banner_cont.chge_pos {
      width: 96%;
      top: 27%; } }
  @media only screen and (max-width: 479px) {
    .banner_cont.chge_pos {
      width: 96%;
      top: 27%; } }

#banner_sect .slider .col-lg-12 {
  position: initial; }

#banner_sect .slider .slick-dots {
  position: absolute;
  bottom: 47%;
  right: 34px;
  display: block;
  width: 18px;
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 0;
  height: auto; }
  @media only screen and (max-width: 1919px) {
    #banner_sect .slider .slick-dots {
      bottom: 42%; } }
  @media only screen and (max-width: 1023px) {
    #banner_sect .slider .slick-dots {
      right: 20px; } }
  @media only screen and (max-width: 767px) {
    #banner_sect .slider .slick-dots {
      bottom: 15px;
      right: 0;
      width: auto;
      margin: 0 auto;
      left: 0; } }

#banner_sect .slider .slick-dots li {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 0 17px;
  padding: 0;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    #banner_sect .slider .slick-dots li {
      display: inline-block;
      width: 14px;
      height:14px;
      margin: 0 10px 0 0; } }

#banner_sect .slider .slick-dots li:last-child {
  margin: 0; }

#banner_sect .slider .slick-dots li button {
  width: 18px;
  height: 18px; }

#banner_sect .slider .slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  content: '•';
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  border: 2px solid #FFF;
  color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#banner_sect .slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #FFF;
  color: transparent; }

@media only screen and (max-width: 1919px) {
  #banner_sect .slick-slide img {
    height: 100vh;
    WIDTH: 100%;
    OBJECT-FIT: cover; } }

@media only screen and (max-width: 767px) {
  #banner_sect .slick-slide img {
    height: 600px; } }

/***************************** Main Content start here ****************************************/
#valoa_sect {
  width: 100%;
  margin: 0;
  padding: 137px 0 116px; }
  @media only screen and (max-width: 1023px) {
    #valoa_sect {
      padding: 100px 0 105px; } }
  @media only screen and (max-width: 767px) {
    #valoa_sect {
      padding: 60px 0 85px; } }

.valoa_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.valoa_txt {
  width: 100%;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .valoa_txt {
      padding: 0 0 40px; } }

.valoa_txt h2 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 47px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  display: block;
  margin: 0 0 36px; }
  @media only screen and (max-width: 1919px) {
    .valoa_txt h2 {
      font-size: 44px;
      line-height: 50px;
      margin: 0 0 24px; } }
  @media only screen and (max-width: 1365px) {
    .valoa_txt h2 {
      font-size: 38px;
      line-height: 45px;
      margin: 0 0 19px; } }
  @media only screen and (max-width: 1279px) {
    .valoa_txt h2 {
      font-size: 33px;
      line-height: 36px;
      margin: 0 0 19px; } }
  @media only screen and (max-width: 1279px) {
    .valoa_txt h2 {
      font-size: 29px;
      line-height: 32px;
      margin: 0 0 20px; } }

.valoa_txt p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 23px;
  color: #111214;
  letter-spacing: 0;
  line-height: 33px;
  padding: 0;
  display: block;
  margin: 0 0 33px;
  width: 90%; }
  @media only screen and (max-width: 1919px) {
    .valoa_txt p {
      /*font-size: 22px;
      line-height: 31px;*/
      margin: 0 0 24px; } }
  @media only screen and (max-width: 1365px) {
    .valoa_txt p {
      /*font-size: 20px;
      line-height: 29px;*/
      margin: 0 0 24px; } }
  @media only screen and (max-width: 1279px) {
    .valoa_txt p {
      /*font-size: 17px;
      line-height: 22px;*/
      margin: 0 0 15px;
      width: 96%; } }
  @media only screen and (max-width: 1279px) {
    .valoa_txt p {
      /*font-size: 15px;
      line-height: 21px;*/
      margin: 0 0 15px;
      width: 96%; } }

.valoa_txt a {
  width: 242px;
  height: 72px;
  border: 3px solid #111214;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.14px;
  line-height: 66px;
  padding: 0;
  display: block;
  margin: 53px 0 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  float: none; }
  @media only screen and (max-width: 1919px) {
    .valoa_txt a {
      width: 232px;
      height: 65px;
      margin: 38px 0 0;
      line-height: 57px; } }
  @media only screen and (max-width: 1365px) {
    .valoa_txt a {
      width: 222px; } }
  @media only screen and (max-width: 1279px) {
    .valoa_txt a {
      width: 202px;
      height: 55px;
      margin: 30px 0 0;
      line-height: 47px; } }
  @media only screen and (max-width: 1023px) {
    .valoa_txt a {
      width: 172px;
      height: 50px;
      margin: 30px 0 0;
      line-height: 43px;
      font-size: 18px; } }

.valoa_txt a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111214;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.valoa_txt a:hover,
.valoa_txt a:focus,
.valoa_txt a:active {
  color: #FFF; }

.valoa_txt a:hover:before,
.valoa_txt a:focus:before,
.valoa_txt a:active:before {
  transform: scale(1); }

.valoa_img {
  width: 100%;
  margin: 0;
  padding: 0; }

.valoa_img img {
  width: auto;
  margin: 0;
  padding: 0;
  display: block;
  float: right; }
  @media only screen and (max-width: 1919px) {
    .valoa_img img {
      width: 100%; } }

#services_sect {
  width: 100%;
  margin: 0 0 103px;
  padding: 0; }

.services_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.services_txt {
  width: 100%;
  margin: 0;
  padding: 0; }

.services_blog {
  width: 100%;
  margin: 0;
  padding: 0; }

.services_txt h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 47px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  display: block;
  margin: 0 0 56px; }
  @media only screen and (max-width: 1279px) {
    .services_txt h3 {
      font-size: 40px;
      line-height: 46px;
      margin: 0 0 40px; } }

.services_txt a.btn1 {
  width: 229px;
  height: 72px;
  border: 3px solid #111214;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.14px;
  line-height: 66px;
  padding: 0;
  display: block;
  margin: 4px auto 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  float: none; }
  @media only screen and (max-width: 1279px) {
    .services_txt a.btn1 {
      width: 200px;
      height: 62px;
      line-height: 56px;
      font-size: 19px; } }

.services_txt a.btn1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111214;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.services_txt a.btn1:hover,
.services_txt a.btn1:focus,
.services_txt a.btn1:active {
  color: #FFF; }

.services_txt a.btn1:hover:before,
.services_txt a.btn1:focus:before,
.services_txt a.btn1:active:before {
  transform: scale(1); }

.services_img {
  width: 100%;
  margin: 0 0 212px 0;
  padding: 0;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .services_img {
      margin: 0 0 210px 0; } }
  @media only screen and (max-width: 1365px) {
    .services_img {
      margin: 0 0 210px 0; } }
  @media only screen and (max-width: 1023px) {
    .services_img {
      margin: 0 0 150px 0; } }
  @media only screen and (max-width: 767px) {
    .services_img {
      margin: 0 0 170px 0; } }

.services_img img {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block; }

.services_img a span {
  min-height: 68px;
  display: block;
  width: 70%; }

.services_img a {
  width: 87%;
  margin: 0 auto;
  padding: 22px 0 27px;
  display: block;
  background-color: rgba(233, 247, 248, 0.65);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
  position: absolute;
  bottom: -151px;
  left: 0;
  right: 0;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #111214;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  letter-spacing: 0;
  line-height: 28px;
  height: 195px; }
  @media only screen and (max-width: 1919px) {
    .services_img a {
      font-size: 22px;
      line-height: 30px;
      height: 183px; } }
  @media only screen and (max-width: 1439px) {
    .services_img a {
      height: 182px; } }
  @media only screen and (max-width: 1365px) {
    .services_img a {
      font-size: 20px;
      line-height: 22px;
      height: 173px; } }
  @media only screen and (max-width: 1279px) {
    .services_img a {
      padding: 22px 0 27px;
      font-size: 15px;
      line-height: 18px;
      height: 134px;
      bottom: -101px; } }
  @media only screen and (max-width: 1023px) {
    .services_img a {
      padding: 22px 0 27px;
      font-size: 13px;
      line-height: 16px; } }
  @media only screen and (max-width: 767px) {
    .services_img a {
      padding: 22px 0 27px;
      font-size: 23px;
      line-height: 30px;
      height: 168px;
      bottom: -121px;
      width: 90%; } }

.serv_cont {
  width: 255px;
  margin: 0 0 0 22px;
  padding: 0;
  height: 104px;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .serv_cont {
      width: 244px;
      margin: 0 auto; } }
  @media only screen and (max-width: 1365px) {
    .serv_cont {
      width: 215px;
      margin: 0 auto; } }
  @media only screen and (max-width: 1279px) {
    .serv_cont {
      width: 155px;
      margin: 0 auto;
      height: 80px; } }
  @media only screen and (max-width: 1023px) {
    .serv_cont {
      width: 114px;
      margin: 0 auto;
      height: 74px; } }
  @media only screen and (max-width: 767px) {
    .serv_cont {
      width: 222px;
      margin: 0 auto;
      height: 104px; } }

.services_img a img {
  width: auto;
  margin: 0;
  padding: 0;
  float: right;
  display: block;
  position: absolute;
  right: 24px;
  bottom: -4px; }
  @media only screen and (max-width: 1365px) {
    .services_img a img {
      right: 25px; } }
  @media only screen and (max-width: 1279px) {
    .services_img a img {
      right: 19px;
      width: 13px;
      bottom: -4px;
      height: auto; } }
  @media only screen and (max-width: 1023px) {
    .services_img a img {
      right: 17px;
      width: 12px;
      bottom: 8px;
      height: auto; } }
  @media only screen and (max-width: 767px) {
    .services_img a img {
      width: auto;
      right: 21px;
      bottom: 15px; } }

.serv_cont::before {
  -webkit-animation: animationBorder3 1s linear forwards;
  animation: animationBorder3 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  top: 32px;
  right: 0; }
  @media only screen and (max-width: 1365px) {
    .serv_cont::before {
      top: 15px; } }
  @media only screen and (max-width: 1279px) {
    .serv_cont::before {
      top: 9px; } }
  @media only screen and (max-width: 1023px) {
    .serv_cont::before {
      top: 8px; } }
  @media only screen and (max-width: 767px) {
    .serv_cont::before {
      display: none;
      top: 15px; } }

.serv_cont::after {
  -webkit-animation: animationBorder4 1s linear forwards;
  animation: animationBorder4 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  bottom: -33px;
  left: 23px; }
  @media only screen and (max-width: 1365px) {
    .serv_cont::after {
      left: 19px;
      bottom: -15px; } }
  @media only screen and (max-width: 1279px) {
    .serv_cont::after {
      left: 13px;
      bottom: -9px; } }
  @media only screen and (max-width: 1023px) {
    .serv_cont::after {
      left: 11px;
      bottom: -9px; } }
  @media only screen and (max-width: 767px) {
    .serv_cont::after {
      display: none;
      left: 18px;
      bottom: -15px; } }

.serv_cont:hover::before {
  -webkit-animation: animationBorder3 1s linear forwards;
  animation: animationBorder3 1s linear forwards; }

@-webkit-keyframes animationBorder3 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 20.8%;
    height: 0%;
    border-top-color: #000;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 20.8%;
    height: 100%;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

@keyframes animationBorder3 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 20.8%;
    height: 0%;
    border-top-color: #000;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 20.8%;
    height: 100%;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

.serv_cont:hover::after {
  -webkit-animation: animationBorder4 1s linear forwards;
  animation: animationBorder4 1s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes animationBorder4 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 91%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #000;
    border-left-color: transparent; }
  100% {
    width: 91%;
    /*height: 50%;*/ height: 42%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #000;
    border-left-color: #000; } }

@keyframes animationBorder4 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 91%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #000;
    border-left-color: transparent; }
  100% {
    width: 91%;
    /*height: 50%;*/ height: 42%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #000;
    border-left-color: #000; } }

#blog_sect {
  width: 100%;
  margin: 0 0 60px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    #blog_sect {
      margin: 0 0 20px; } }

.blog_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.blogs_txt {
  width: 100%;
  margin: 0;
  padding: 0; }

.blog_cont h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  display: block;
  margin: 0 0 56px; }
  @media only screen and (max-width: 1279px) {
    .blog_cont h3 {
      font-size: 40px;
      line-height: 46px;
      margin: 0 0 40px; } }
  @media only screen and (max-width: 767px) {
    .blog_cont h3 {
      font-size: 33px;
      line-height: 36px;
      margin: 0 0 40px; } }

.blogs_detail {
  width: 100%;
  margin: 0;
  padding: 0; }

.blogs_detail_cont {
  width: 100%;
  margin: 0 0 47px;
  padding: 0; }

.blogs_detail_txt {
  width: 100%;
  margin: 0;
  padding: 47px 0; }
  @media only screen and (max-width: 1279px) {
    .blogs_detail_txt {
      padding: 35px 0; } }

.blogs_detail_txt small {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 16px;
  color: #111214;
  letter-spacing: 1.2px;
  line-height: 33px;
  padding: 0;
  display: block;
  margin: 0 0 15px; }
  @media only screen and (max-width: 1279px) {
    .blogs_detail_txt small {
      font-size: 16px;
      line-height: 24px; } }

.blogs_detail_txt h5 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 26px;
  color: #111214;
  letter-spacing: 0.4px;
  line-height: 33px;
  padding: 0;
  display: block;
  margin: 0 0 24px; }
  @media only screen and (max-width: 1279px) {
    .blogs_detail_txt h5 {
      font-size: 20px;
      line-height: 30px;
      margin: 0 0 20px; } }

.blogs_detail_txt p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  display: block;
  margin: 0 0 30px; }
  @media only screen and (max-width: 1279px) {
    .blogs_detail_txt p {
      font-size: 18px;
      line-height: 27px;
      margin: 0 0 20px; } }

.blogs_detail_txt a {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.3px;
  line-height: 27px;
  padding: 0;
  display: block;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .blogs_detail_txt a {
      /*font-size: 17px;*/
      line-height: 20px; } }

.blogs_detail_cont span {
  display: block; }

.blogs_detail_cont span img {
  display: block;
  width: 100%; }

.blogs_detail_txt a img {
  width: 8px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px; }

#follow_sect {
  width: 100%;
  margin: 0 0 130px;
  padding: 0; }
  @media only screen and (max-width: 1279px) {
    #follow_sect {
      margin: 0 0 100px; } }

.follow_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.follow_cont h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  line-height: 50px;
  padding: 0;
  float: left;
  display: block;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .follow_cont h3 {
      font-size: 40px;
      line-height: 46px;
      margin: 0 0 20px; } }
  @media only screen and (max-width: 767px) {
    .follow_cont h3 {
      font-size: 33px;
      line-height: 36px;
      margin: 0 0 20px; } }

.follow_cont strong {
  font-family: "FuturaPTDemi", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  float: right;
  display: block;
  margin: 28px 0 0; }
  @media only screen and (max-width: 1279px) {
    .follow_cont strong {
      font-size: 18px;
      line-height: 20px; } }

.follow_blog {
  width: 100%;
  margin: 32px 0 0;
  padding: 0; }

.follow_blog img {
  width: 100%; min-height:230px; -o-object-fit:cover; object-fit:cover;
  display: block; }

#contact_sect {
  width: 100%;
  margin: 124px 0 244px;
  padding: 0; }
  @media only screen and (max-width: 1023px) {
    #contact_sect {
      margin: 124px 0 154px; } }
  @media only screen and (max-width: 767px) {
    #contact_sect {
      margin: 124px 0 84px; } }

.contact_cont {
  width: 100%;
  max-width: 875px;
  margin: 0 auto;
  padding: 0; }

.contact_cont h4 {
  font-family: "FuturaPTDemi", sans-serif;
  font-size: 41px;
  color: #111214;
  letter-spacing: -0.1px;
  line-height: 56px;
  padding: 0;
  display: block;
  margin: 0 0 53px;
  text-align: center; }
  @media only screen and (max-width: 1279px) {
    .contact_cont h4 {
      font-size: 36px;
      line-height: 45px;
      margin: 0 0 40px; } }
  @media only screen and (max-width: 1023px) {
    .contact_cont h4 {
      font-size: 29px;
      line-height: 40px;
      margin: 0 0 40px; } }

.contact_blog {
  width: 100%;
  max-width: 858px;
  margin: 0 auto;
  padding: 0; }

.contact_txt {
  width: 100%;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .contact_txt {
      margin: 0 0 50px; } }

.contact_txt span {
  width: auto;
  margin: 0 auto 34px;
  padding: 0;
  display: block; }

.contact_txt span img {
  width: auto;
  margin: 0 auto;
  display: block; }
  @media only screen and (max-width: 1023px) {
    .contact_txt span img {
      width: 100%; } }

.contact_detail {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center; }

.contact_detail h6 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #111214;
  letter-spacing: 0;
  line-height: 33px;
  padding: 0 0 18px;
  display: block;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .contact_detail h6 {
      font-size: 22px;
      line-height: 23px;
      padding: 0 0 15px; } }

.contact_detail small {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  display: block;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .contact_detail small {
      font-size: 18px;
      line-height: 34px; } }
  @media only screen and (max-width: 1023px) {
    .contact_detail small {
      font-size: 18px;
      line-height: 34px; } }

.contact_detail a {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: -0.4px;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  line-height: 35px;
  padding: 0;
  display: block;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .contact_detail a {
      font-size: 18px;
      line-height: 34px; } }
  @media only screen and (max-width: 1023px) {
    .contact_detail a {
      font-size: 18px;
      line-height: 34px; } }

.contact_txt a.btn2 {
  width: 244px;
  height: 72px;
  border: 3px solid #111214;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.28px;
  line-height: 66px;
  padding: 0;
  display: block;
  margin: 38px auto 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  float: none; }
  @media only screen and (max-width: 1279px) {
    .contact_txt a.btn2 {
      width: 200px;
      height: 62px;
      line-height: 56px;
      font-size: 19px; } }
  @media only screen and (max-width: 1023px) {
    .contact_txt a.btn2 {
      font-size: 17px; } }

.contact_txt a.btn2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(17, 18, 20, 0.5);
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.contact_txt a.btn2:hover,
.contact_txt a.btn2:focus,
.contact_txt a.btn2:active {
  color: #FFF; }

.contact_txt a.btn2:hover:before,
.contact_txt a.btn2:focus:before,
.contact_txt a.btn2:active:before {
  transform: scale(1); }

.contact_txt a.btn2 img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0; }
  @media only screen and (max-width: 1919px) {
    .contact_txt a.btn2 img {
      margin: 0 9px 0 0; } }

/***************************** Plvelut start here ****************************************/
#palvelut_sect {
  width: 100%;
  margin: 0 auto;
  padding: 92px 0 133px; }
  @media only screen and (max-width: 1023px) {
    #palvelut_sect {
      padding: 22px 0 73px; } }
  @media only screen and (max-width: 767px) {
    #palvelut_sect {
      padding: 22px 0 53px; } }

.palvelut_cont {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.palvelut_cont h1 {
  font-size: 115px;
  color: #111214;
  padding: 0 0 57px;
  margin: 0;
  letter-spacing: 1.35px;
  line-height: 112px; }
  @media only screen and (max-width: 1919px) {
    .palvelut_cont h1 {
      font-size: 95px;
      line-height: 92px; } }
  @media only screen and (max-width: 767px) {
    .palvelut_cont h1 {
      font-size: 59px;
      line-height: 65px; } }

.palvelut_cont p {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #111214;
  width: 850px;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  line-height: 44px; }
  @media only screen and (max-width: 1919px) {
    .palvelut_cont p {
      font-size: 23px;
      line-height: 39px;
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .palvelut_cont p {
      font-size: 22px;
      line-height: 36px; } }

#palv_blog_sect {
  width: 100%;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    #palv_blog_sect {
      width: 86%;
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    #palv_blog_sect {
      width: 100%; } }

.palv_blog_cont {
  width: 100%;
  max-width: 1607px;
  height: 751px;
  background-size: cover !important;
  margin: 0 auto 32px;
  padding: 0 101px; }
  @media only screen and (max-width: 1919px) {
    .palv_blog_cont {
      padding: 0 42px; } }
  @media only screen and (max-width: 767px) {
    .palv_blog_cont {
      padding: 0 22px; } }

.palv_blog_txt {
  width: 100%;
  max-width: 733px;
  min-height: 395px;
  margin: 177px 0;
  padding: 35px 50px 42px;
  float: right;
  background-color: rgba(233, 247, 248, 0.64);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .palv_blog_txt {
      max-width: 673px;
      padding: 35px 40px 42px; } }
  @media only screen and (max-width: 1365px) {
    .palv_blog_txt {
      max-width: 600px;
      padding: 35px 40px 42px; } }
  @media only screen and (max-width: 767px) {
    .palv_blog_txt {
      max-width: 600px;
      padding: 35px 30px 42px; } }

.palv_blog_txt h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  min-height: 137px;
  color: #111214;
  width: 442px;
  letter-spacing: 0;
  padding: 0 0 25px;
  margin: 0;
  line-height: 56px; }
  @media only screen and (max-width: 1365px) {
    .palv_blog_txt h3 {
      line-height: 48px;
      font-size: 35px;
      min-height: 124px;
      width: 80%; } }
  @media only screen and (max-width: 767px) {
    .palv_blog_txt h3 {
      line-height: 28px;
      font-size: 24px;
      min-height: 94px;
      width: 80%; } }

.palv_blog_txt ul {
  width: 86.7%;
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-column-count: 2;
  column-count: 2;
  display: inline-block;
  min-height: 99px;
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .palv_blog_txt ul {
      -moz-column-count: initial;
      column-count: initial;
      width: 77.7%;
      vertical-align: middle; } }

.palv_blog_txt ul li {
  width: auto;
  display: block;
  margin: 0;
  padding: 0; }

.palv_blog_txt ul li span{
  font-family: "FuturaPTBook", sans-serif;
  font-size: 21px;
  color: #111214;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  line-height: 33px; }
  @media only screen and (max-width: 1919px) {
    .palv_blog_txt ul li a {
      font-size: 18px; } }
.palv_blog_txt ul li a:hover 			{ color: #495057;}
.palv_blog_txt a.arrow_btn {
  width: auto;
  margin: 0 0 0 2px;
  padding: 0;
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 1919px) {
    .palv_blog_txt a.arrow_btn {
      margin: 0 0 0 12px; } }
  @media only screen and (max-width: 767px) {
    .palv_blog_txt a.arrow_btn {
      margin: 0 0 0 2px;
      vertical-align: middle; } }

.palv_blog_txt a.arrow_btn img {
  width: auto;
  margin: 0;
  padding: 0;
  display: block; }
  @media only screen and (max-width: 1365px) {
    .palv_blog_txt a.arrow_btn img {
      width: 28px; } }
  @media only screen and (max-width: 767px) {
    .palv_blog_detail::before, .palv_blog_detail::after {display: none;}
    .palv_blog_txt a.arrow_btn img {
      width: 18px; } }

.palv_blog_detail {
  width: 100%;
  position: relative;
  padding: 0 0 50px; }

.palv_blog_detail::before {
  -webkit-animation: animationBorder10 1s linear forwards;
  animation: animationBorder10 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  top: 24px;
  right: 0; }

.palv_blog_detail::after {
  -webkit-animation: animationBorder9 1s linear forwards;
  animation: animationBorder9 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  bottom: -24px;
  left: 0; }

.palv_blog_detail:hover::before {
  -webkit-animation: animationBorder10 1s linear forwards;
  animation: animationBorder10 1s linear forwards; }

@-webkit-keyframes animationBorder10 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 23%;
    height: 0%;
    border-top-color: #011725;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 23%;
    height: 100%;
    border-top-color: #011725;
    border-right-color: #011725;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

@keyframes animationBorder10 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 23%;
    height: 0%;
    border-top-color: #011725;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 23%;
    height: 100%;
    border-top-color: #011725;
    border-right-color: #011725;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

.palv_blog_detail:hover::after {
  -webkit-animation: animationBorder9 1s linear forwards;
  animation: animationBorder9 1s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes animationBorder9 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 100%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #011725;
    border-left-color: transparent; }
  100% {
    width: 100%;
    height: 18%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #011725;
    border-left-color: #011725; } }

@keyframes animationBorder9 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 100%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #011725;
    border-left-color: transparent; }
  100% {
    width: 100%;
    height: 18%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #011725;
    border-left-color: #011725; } }

.palv_blog_cont:nth-child(3) .palv_blog_txt ul,
.palv_blog_cont:nth-child(4) .palv_blog_txt ul,
.palv_blog_cont:nth-child(5) .palv_blog_txt ul,
.palv_blog_cont:nth-child(6) .palv_blog_txt ul {
  -moz-column-count: initial;
  column-count: initial; }

.palv_blog_cont:nth-child(3) .palv_blog_txt ul li,
.palv_blog_cont:nth-child(4) .palv_blog_txt ul li,
.palv_blog_cont:nth-child(5) .palv_blog_txt ul li,
.palv_blog_cont:nth-child(6) .palv_blog_txt ul li {
  display: block; }

.inner_pge #contact_sect {
  margin: 124px 0 221px; }

/***************************** yksittainen_palvelu start here ****************************************/
#banner_sect1 {
  width: 100%;
  height: 855px;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 9;
  background-size: cover !important; }
  @media only screen and (max-width: 767px) {
    #banner_sect1 {
      height: auto; } }

.banner_cont1 {
  width: 100%;
  margin: 0;
  padding: 225px 0 0;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .banner_cont1 {
      padding: 165px 0 160px; } }

.banner_cont1 h1 {
  font-family: "FuturaPTDemi", sans-serif;
  font-size: 110px;
  color: #FFF;
  letter-spacing: -1.65px;
  line-height: 110px;
  padding: 0;
  display: block;
  margin: 0 0 32px;
  position: relative;
  z-index: 9;
  width: 840px; }
  @media only screen and (max-width: 1365px) {
    .banner_cont1 h1 {
      font-size: 100px;
      line-height: 105px; } }
  @media only screen and (max-width: 1279px) {
    .banner_cont1 h1 {
      font-size: 85px;
      width: 100%;
      line-height: 98px; } }
  @media only screen and (max-width: 767px) {
    .banner_cont1 h1 {
      font-size: 45px;
      line-height: 52px; } }

#process_sect {
  width: 100%;
  margin: -253px 0 0;
  padding: 0;
  position: relative;
  z-index: 9; }

.process_cont {
  width: auto;
  margin: 0;
  padding: 102px 162px 110px;
  background-color: #e9f7f8; }
  @media only screen and (max-width: 1919px) {
    .process_cont {
      padding: 102px 102px 110px; } }
  @media only screen and (max-width: 1023px) {
    .process_cont {
      padding: 62px 62px 80px; } }
  @media only screen and (max-width: 767px) {
    .process_cont {
      padding: 52px 32px 50px; } }

.process_cont h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 47px;
  color: #111214;
  letter-spacing: 0;
  padding: 0 0 44px;
  margin: 0 0 0 7px;
  line-height: 56px; }
  @media only screen and (max-width: 767px) {
    .process_cont h3 {
      font-size: 29px;
      padding: 0 0 34px;
      line-height: 36px; } }

.process_cont ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.process_cont ul li {
  margin: 0;
  padding: 0 0 88px 76px;
  width: auto;
  display: block;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .process_cont ul li {
      padding: 0 0 68px 46px;
      overflow: hidden; } }
  @media only screen and (max-width: 1023px) {
    .process_cont ul li {
      padding: 0 0 88px 46px; } }

.process_cont ul li h5 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 23px;
  color: #111214;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 0 0 34px;
  margin: 0;
  line-height: 42px; }
  @media only screen and (max-width: 1023px) {
    .process_cont ul li h5 {
      padding: 0 0 14px; } }
  @media only screen and (max-width: 767px) {
    .process_cont ul li h5 {
      font-size: 17px;
      line-height: 30px; } }

.process_cont ul li p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  width: 87%;
  line-height: 35px; }
  @media only screen and (max-width: 1279px) {
    .process_cont ul li p {
      font-size: 19px;
      width: 100%;
      line-height: 32px; } }

.process_cont ul li:nth-child(2) {
  padding: 0 0 71px 76px; }
  @media only screen and (max-width: 767px) {
    .process_cont ul li:nth-child(2) {
      padding: 0 0 60px 46px; } }

.process_cont ul li:last-child {
  padding: 0 0 0 76px; }
  @media only screen and (max-width: 767px) {
    .process_cont ul li:last-child {
      padding: 0 0 0 46px; } }

.process_cont ul li strong {
  font-family: "FuturaPT-Demi", sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #111214;
  position: absolute;
  left: -2px;
  top: 3px;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  line-height: 35px; }
  @media only screen and (max-width: 767px) {
    .process_cont ul li strong {
      font-size: 17px;
      line-height: 27px;
      left: 0; } }

@media only screen and (max-width: 767px) {
  #process_sect.mob_padd {
    margin: -143px 0 0; } }

.process_cont ul li:before {
  content: '';
  width: 1px;
  height: calc(100% - 65px);
  display: block;
  background-color: #111214;
  position: absolute;
  left: 11px;
  top: 51px; }
  @media only screen and (max-width: 767px) {
    .process_cont ul li:before {
      left: 7px; } }

/*.process_cont ul li:nth-child(2):before {
  height: 227px; }
*/
.process_cont ul li:last-child:before {
  display: none; }

#example_sect {
  width: 100%;
  margin: 112px 0 25px;
  padding: 0; }

.example_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.example_cont h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  margin: 0 0 88px;
  display: block; }

.example_blog {
  width: 100%;
  margin: 0 0 110px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .example_blog {
      margin: 0 0 50px; } }

.example_blog_img {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 350px;
  overflow: hidden;
}
  @media only screen and (max-width: 767px) {
    .example_blog_img {
      margin: 0 0 40px; } }

.example_blog_img img {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .example_blog_img img {
      width: 100%; } }

.example_blog_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.example_blog_cont strong {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #111214;
  letter-spacing: 0;
  font-weight: normal;
  line-height: 33px;
  padding: 0 0 10px;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .example_blog_cont strong {
      font-size: 25px;
      line-height: 31px; } }
  @media only screen and (max-width: 1365px) {
    .example_blog_cont strong {
      font-size: 23px;
      line-height: 29px; } }
  @media only screen and (max-width: 1279px) {
    .example_blog_cont strong {
      font-size: 17px;
      line-height: 26px; } }
  @media only screen and (max-width: 767px) {
    .example_blog_cont strong {
      font-size: 24px;
      line-height: 31px; } }

.example_blog_cont p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 19px;
  color: #111214;
  letter-spacing: -0.3px;
  line-height: 33px;
  padding: 0;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .example_blog_cont p {
      font-size: 17px;
      line-height: 29px; } }
  @media only screen and (max-width: 1279px) {
    .example_blog_cont p {
      font-size: 15px;
      line-height: 25px; } }
  @media only screen and (max-width: 767px) {
    .example_blog_cont p {
      font-size: 18px;
      line-height: 32px; } }

.example_blog_cont a {
  width: 300px;
  height: 72px;
  border: 2px solid #111214;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.14px;
  line-height: 66px;
  padding: 0;
  display: block;
  margin: 43px 0 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  float: none; }
  @media only screen and (max-width: 1919px) {
    .example_blog_cont a {
      width: 250px;
      height: 62px;
      line-height: 56px;
      margin: 33px 0 0; } }
  @media only screen and (max-width: 1279px) {
    .example_blog_cont a {
      width: 210px;
      height: 52px;
      line-height: 46px;
      margin: 33px 0 0; } }
  @media only screen and (max-width: 767px) {
    .example_blog_cont a {
      width: 250px;
      height: 65px;
      line-height: 56px;
      margin: 45px 0 0; } }

.example_blog_cont a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111214;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.example_blog_cont a:hover,
.example_blog_cont a:focus,
.example_blog_cont a:active {
  color: #FFF; }

.example_blog_cont a:hover:before,
.example_blog_cont a:focus:before,
.example_blog_cont a:active:before {
  transform: scale(1); }

#services_sect.padd_chge {
  margin: 0 0 93px; }

#contact_sect.padd_chge1 {
  margin: 99px 0 312px; }
  @media only screen and (max-width: 1023px) {
    #contact_sect.padd_chge1 {
      margin: 99px 0 172px; } }

/***************************** yksittainen_tyo start here ****************************************/
.ref_text_cont {margin-bottom: 40px;}

#tyo_sect {
  width: 100%;
  /*margin: 113px 0 72px;*/
  margin: 113px 0 40px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    #tyo_sect {
      margin: 73px 0 62px; } }

.tyo_cont_left {
  width: 100%;
  margin: 0;
  padding: 0; }

.tyo_cont_left h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  margin: 0 0 75px;
  display: block; }
  @media only screen and (max-width: 1365px) {
    .tyo_cont_left h3 {
      font-size: 38px;
      line-height: 46px;
      margin: 0 0 35px; } }
  @media only screen and (max-width: 1279px) {
    .tyo_cont_left h3 {
      font-size: 29px;
      line-height: 36px;
      margin: 0 0 30px; } }

.tyo_cont_left p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 23px;
  color: #111214;
  letter-spacing: 0;
  line-height: 33px;
  padding: 0;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1365px) {
    .tyo_cont_left p {
      font-size: 21px;
      line-height: 34px; } }
  @media only screen and (max-width: 1279px) {
    .tyo_cont_left p {
      font-size: 19px;
      line-height: 29px; } }
  @media only screen and (max-width: 1023px) {
    .tyo_cont_left p {
      font-size: 18px;
      line-height: 27px; } }

.tyo_cont_right {
  width: 100%;
  margin: 15px 0 0;
  padding: 0;
  max-width: 470px;
  float: right; }
  @media only screen and (max-width: 1365px) {
    .tyo_cont_right {
      max-width: 440px; } }
  @media only screen and (max-width: 1279px) {
    .tyo_cont_right {
      max-width: 92%; } }
  @media only screen and (max-width: 767px) {
    .tyo_cont_right {
      max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .tyo_cont_right {
      max-width: 100%;
      padding: 0 0 80px; } }

.tyo_cont_right h6 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 23px;
  color: #111214;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 42px;
  width: 340px;
  padding: 0;
  margin: 0 0 37px;
  display: block; }
  @media only screen and (max-width: 1279px) {
    .tyo_cont_right h6 {
      font-size: 16px;
      width: 77%;
      line-height: 26px; } }
  @media only screen and (max-width: 767px) {
    .tyo_cont_right h6 {
      font-size: 15px;
      width: 100%;
      line-height: 26px; }
    .tyo_cont_right {
      width: 100%;} 
  }

.tyo_right_txt {
  width: 374px;
  margin: 0 0 25px 16px;
  padding: 0; }
  @media only screen and (max-width: 1279px) {
    .tyo_right_txt {
      width: 90%;
      margin: 0 0 25px 10px; } }

.tyo_right_txt span {
  width: auto;
  margin: 0 23px 0 0;
  padding: 0;
  display: inline-block;
  vertical-align: top; }

.tyo_right_txt small {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 16px;
  width: 305px;
  color: #111214;
  text-transform: uppercase;
  letter-spacing: 0.68px;
  line-height: 30px;
  padding: 0;
  margin: -9px 0 0 0;
  display: inline-block;
  vertical-align: top; }
  @media only screen and (max-width: 1279px) {
    .tyo_right_txt small {
      width: 76%;
      line-height: 25px; } }
  @media only screen and (max-width: 1023px) {
    .tyo_right_txt small {
      width: 69%;
      line-height: 20px;
      font-size: 13px; } }
  @media only screen and (max-width: 767px) {
    .tyo_right_txt small {
      width: 74%;
      line-height: 23px;
      font-size: 14px; } }

.tyo_cont_right ul {
  width: auto;
  list-style: none;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 1279px) {
    .tyo_cont_right ul {
      width: 94%; } }

.tyo_cont_right ul li {
  width: auto;
  display: block;
  margin: 0 0 3px;
  padding: 0; }

.tyo_cont_right ul li strong {
  width: 150px;
  display: inline-block;
  margin: 0 17px 0 0;
  padding: 0;
  font-weight: normal;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 16px;
  color: #111214;
  vertical-align: top;
  letter-spacing: 1.2px;
  line-height: 30px; }
  @media only screen and (max-width: 1279px) {
    .tyo_cont_right ul li strong {
      width: 30%;
      font-size: 14px;
      letter-spacing: 0.2px; } }
  @media only screen and (max-width: 1023px) {
    .tyo_cont_right ul li strong {
      width: 28%;
      line-height: 28px;
      font-size: 13px;
      letter-spacing: 0.2px;
      word-break: break-all; } }
  @media only screen and (max-width: 767px) {
    .tyo_cont_right ul li strong {
      width: auto;
      line-height: 28px;
      font-size: 15px;
      letter-spacing: 0.2px;
      word-break: break-all; } }

.tyo_cont_right ul li em {
  width: 240px;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: "FuturaPTBook", sans-serif;
  font-size: 16px;
  vertical-align: top;
  color: #111214;
  letter-spacing: 1px;
  line-height: 30px; }
  @media only screen and (max-width: 1279px) {
    .tyo_cont_right ul li em {
      width: 63%;
      font-size: 14px;
      letter-spacing: 0.2px; } }
  @media only screen and (max-width: 1023px) {
    .tyo_cont_right ul li em {
      width: 60%;
      font-size: 14px;
      line-height: 28px;
      letter-spacing: 0.2px;
      word-break: break-all; } }
  @media only screen and (max-width: 767px) {
    .tyo_cont_right ul li em {
      width: auto;
      line-height: 28px;
      font-size: 15px;
      letter-spacing: 0.2px;
      word-break: break-all; } }

.tyo_cont_right::before {
  -webkit-animation: animationBorder7 1s linear forwards;
  animation: animationBorder7 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  top: 34px;
  right: 15px; }

.tyo_cont_right::after {
  -webkit-animation: animationBorder8 1s linear forwards;
  animation: animationBorder8 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  bottom: 1px;
  left: 130px; }
  @media only screen and (max-width: 1919px) {
    .tyo_cont_right::after {
      bottom: 8px;
      left: 110px; } }
  @media only screen and (max-width: 1365px) {
    .tyo_cont_right::after {
      bottom: 5px;
      left: 102px; } }
  @media only screen and (max-width: 1279px) {
    .tyo_cont_right::after {
      bottom: 2px;
      left: 75px; } }
  @media only screen and (max-width: 1023px) {
    .tyo_cont_right::after {
      bottom: 11px;
      left: 55px; } }
  @media only screen and (max-width: 767px) {
    .tyo_cont_right::after {
      display: none;
      bottom: 3px;
      left: 68px; 
    } 
    .tyo_cont_right::before {
      display: none;
    } 
  }

.tyo_cont_right:hover::before {
  -webkit-animation: animationBorder7 1s linear forwards;
  animation: animationBorder7 1s linear forwards; }

@-webkit-keyframes animationBorder7 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 18.5%;
    height: 0%;
    border-top-color: #011725;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 18.5%;
    height: 92.5%;
    border-top-color: #011725;
    border-right-color: #011725;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

@keyframes animationBorder7 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 18.5%;
    height: 0%;
    border-top-color: #011725;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 18.5%;
    /*height: 92.5%;*/
    height: calc(100% - 34px);
    border-top-color: #011725;
    border-right-color: #011725;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

.tyo_cont_right:hover::after {
  -webkit-animation: animationBorder8 1s linear forwards;
  animation: animationBorder8 1s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes animationBorder8 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 76%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #011725;
    border-left-color: transparent; }
  100% {
    width: 76%;
    height: 12%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #011725;
    border-left-color: #011725; } }

@keyframes animationBorder8 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 76%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #011725;
    border-left-color: transparent; }
  100% {
    width: 76%;
    height: 12%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #011725;
    border-left-color: #011725; } }

#tyo_img_sect {
  width: 100%;
  margin: 0;
  padding: 0; }

.tyo_img_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.tyo_img_cont img {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block; }

.ref_para_wide {
  width: 100%;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .tarina_para_cont {
      width: 100%; } }

.ref_para_wide p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 23px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1279px) {
    .ref_para_wide p {
      font-size: 20px;
      line-height: 33px; } }
  @media only screen and (max-width: 1023px) {
    .ref_para_wide p {
      font-size: 18px;
      line-height: 30px; } }
.ref_txt h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  margin: 0 0 75px;
  display: block; }
  @media only screen and (max-width: 1365px) {
    .ref_txt h3 {
      font-size: 38px;
      line-height: 46px;
      margin: 0 0 35px; } }
  @media only screen and (max-width: 1279px) {
    .ref_txt h3 {
      font-size: 29px;
      line-height: 36px;
      margin: 0 0 30px; } }

#process_sect.mar_chge {
  margin: 97px 0 108px; }

#blog_img_sect {
  width: 100%;
  margin: 0;
  padding: 0; }

.blog_img_cont {
  width: 100%;
  margin: 0 0 19px;
  padding: 0; }

@media only screen and (max-width: 1919px) {
  .blog_img_cont img {
    width: 100%; } }

#more_project_sect {
  width: 100%;
  margin: 103px 0 118px;
  padding: 0; }

.more_project_bottom .row {
  margin: 0; }

.more_project_bottom .col-lg-4 {
  padding: 0 2px; }

.more_project_cont {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;

}

.more_project_cont img {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block; }

@media only screen and (max-width: 1023px) {
  .more_proj_txt img {
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover; } }

@media only screen and (max-width: 767px) {
  .more_proj_txt img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover; } }

.more_proj_head {
  width: 100%;
  margin: 0;
  padding: 0; }

.more_proj_head h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  margin: 0 0 99px;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .more_proj_head h3 {
      font-size: 34px;
      line-height: 41px;
      margin: 0 0 59px; } }

.more_proj_txt {
  width: 100%;
  margin: 0;
  padding: 0; }

.more_proj_txt strong {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 37px;
  color: #FFF;
  letter-spacing: 0;
  line-height: 44px;
  padding: 0;
  margin: 0;
  transition: all 0.2s linear 0s;
  font-weight: normal;
  display: block;
  position: absolute;
  top: 90px;
  left: 70px;
  width: 340px; }
  @media only screen and (max-width: 1919px) {
    .more_proj_txt strong {
      font-size: 30px;
      line-height: 40px;
      left: 40px;
      top: 70px; } }
  @media only screen and (max-width: 1439px) {
    .more_proj_txt strong {
      font-size: 30px;
      line-height: 40px;
      left: 40px;
      top: 60px; } }
  @media only screen and (max-width: 1365px) {
    .more_proj_txt strong {
      font-size: 30px;
      line-height: 40px;
      left: 35px;
      top: 60px; } }
  @media only screen and (max-width: 1279px) {
    .more_proj_txt strong {
      font-size: 23px;
      line-height: 30px;
      left: 25px;
      top: 40px; } }
  @media only screen and (max-width: 1023px) {
    .more_proj_txt strong {
      font-size: 18px;
      line-height: 25px;
      left: 19px;
      top: 30px;
      width: auto; } }
  @media only screen and (max-width: 767px) {
    .more_proj_txt strong {
      font-size: 28px;
      line-height: 38px;
      width: 70%; }
    .more_project_bottom .more_project_cont {height: auto !important; margin-bottom: 30px;}
  }

.more_project_bottom .more_project_cont{
  height: 390px;
  overflow: hidden;
}

.more_project_cont:hover .overlay_sect {
  opacity: 1; }

.more_project_cont:hover .more_proj_txt strong {
  opacity: 0; }

.overlay_sect {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: none;
  position: absolute;
  background: transparent;
  transition-property: color;
  transition-duration: 0.3s;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  transition: all 0.2s ease-out 0s;
}

.overlay_sect:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.overlay_sect:hover,
.overlay_sect:focus,
.overlay_sect:active {
  color: white; }

.overlay_sect:hover:before,
.overlay_sect:focus:before,
.overlay_sect:active:before {
  transform: scale(1); }

.overlay_txt {
  width: 100%;
  max-width: 454px;
  min-height: 220px;
  margin: 95px 0 0 66px;
  padding: 0;
  display: block;
  float: none;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .overlay_txt {
      max-width: 394px;
      margin: 66px auto;
      min-height: 160px; } }
  @media only screen and (max-width: 1439px) {
    .overlay_txt {
      max-width: 394px;
      margin: 59px auto;
      min-height: 160px; } }
  @media only screen and (max-width: 1365px) {
    .overlay_txt {
      margin: 60px auto;
      min-height: 140px;
      max-width: 344px; } }
  @media only screen and (max-width: 1279px) {
    .overlay_txt {
      margin: 36px auto;
      min-height: 100px;
      max-width: 82%; } }
  @media only screen and (max-width: 1023px) {
    .overlay_txt {
      margin: 31px auto;
      min-height: 50px;
      max-width: 79%; } }
  @media only screen and (max-width: 767px) {
    .overlay_txt {
      margin: 31px auto;
      min-height: 150px;
      max-width: 79%; } }

.overlay_txt:hover {
  text-decoration: none;
  transition: all 0.2s linear 0s; }

.overlay_txt h6 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 37px;
  color: #FFF;
  letter-spacing: 0;
  line-height: 44px;
  padding: 0;
  margin: 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  font-weight: normal;
  display: block;
  width: 340px;
  margin-left: 4px;
  margin-top: -5px;}
  @media only screen and (max-width: 1919px) {
    .overlay_txt h6 {
      font-size: 28px;
      line-height: 38px;
      width: 70%; } }
  @media only screen and (max-width: 1279px) {
    .overlay_txt h6 {
      font-size: 20px;
      line-height: 31px;
      width: 70%; } }
  @media only screen and (max-width: 767px) {
    .overlay_txt h6 {
      font-size: 28px;
      line-height: 38px;
      width: 70%; } }

.more_project_cont .overlay_txt img {
  width: auto;
  margin: -17px 36px 0 0;
  padding: 0;
  display: block;
  float: right; }
  @media only screen and (max-width: 1365px) {
    .more_project_cont .overlay_txt img {
      width: 28px;
      margin: -7px 36px 30px 0; } }
  @media only screen and (max-width: 1279px) {
    .more_project_cont .overlay_txt img {
      width: 18px;
      margin: -7px 36px 30px 0; } }
  @media only screen and (max-width: 767px) {
    .more_project_cont .overlay_txt img {
      width: 18px;
      margin: 13px 36px 20px 0; } }

.overlay_txt::before {
  -webkit-animation: animationBorder5 1s linear forwards;
  animation: animationBorder5 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  top: 0;
  right: 0px; }

.overlay_txt::after {
  -webkit-animation: animationBorder6 1s linear forwards;
  animation: animationBorder6 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  bottom: 0px;
  left: 91px; }
  @media only screen and (max-width: 1919px) {
    .overlay_txt::after {
      left: 79px; } }
  @media only screen and (max-width: 1365px) {
    .overlay_txt::after {
      left: 68px; } }
  @media only screen and (max-width: 1279px) {
    .overlay_txt::after {
      left: 55px; } }
  @media only screen and (max-width: 1023px) {
    .overlay_txt::after {
      left: 40px; } }
  @media only screen and (max-width: 1023px) {
    .overlay_txt::after {
      left: 55px; } }

.overlay_txt:hover::before {
  -webkit-animation: animationBorder5 1s linear forwards;
  animation: animationBorder5 1s linear forwards; }

@-webkit-keyframes animationBorder5 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 22%;
    height: 0%;
    border-top-color: #FFF;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 22%;
    height: 100%;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

@keyframes animationBorder5 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 22%;
    height: 0%;
    border-top-color: #FFF;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 22%;
    height: 100%;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

.overlay_txt:hover::after {
  -webkit-animation: animationBorder6 1s linear forwards;
  animation: animationBorder6 1s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes animationBorder6 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 80%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #FFF;
    border-left-color: transparent; }
  100% {
    width: 80%;
    height: 24%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #FFF;
    border-left-color: #FFF; } }

@keyframes animationBorder6 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 80%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #FFF;
    border-left-color: transparent; }
  100% {
    width: 80%;
    height: 24%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #FFF;
    border-left-color: #FFF; } }

/***************************** About start here ****************************************/
.banner_cont2 {
  width: 100%;
  max-width: 668px;
  margin: 0 auto;
  padding: 245px 0 0; }

.banner_cont2 h1 {
  font-family: "FuturaPTDemi", sans-serif;
  font-size: 110px;
  color: #FFF;
  letter-spacing: -1.65px;
  line-height: 110px;
  padding: 0;
  display: block;
  margin: 0 0 52px;
  position: relative;
  z-index: 9;
  text-align: center; }
  @media only screen and (max-width: 1919px) {
    .banner_cont2 h1 {
      font-size: 70px;
      line-height: 80px; } }
@media only screen and (max-width: 767px) {
  .banner_cont2 {padding: 200px 0 40px;}
  .banner_cont2 h1 {font-size: 35px; line-height: 40px; margin-bottom: 30px;}
}

.banner_cont2 p {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #FFF;
  letter-spacing: 0px;
  line-height: 44px;
  padding: 0;
  display: block;
  margin: 0;
  position: relative;
  z-index: 9;
  text-align: center; }
  @media only screen and (max-width: 1919px) {
    .banner_cont2 p {
      font-size: 22px;
      line-height: 37px; } }

#tarina_sect {
  width: 100%;
  margin: 0;
  padding: 0; }

.tarina_cont {
  width: 100%;
  max-width: 832px;
  margin: 107px auto;
  padding: 0; }
  @media only screen and (max-width: 1023px) {
    .tarina_cont {
      margin: 77px auto 55px; } }

.tarina_txt {
  width: 100%;
  margin: 0;
  padding: 0; }

.tarina_txt h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 47px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  margin: 0 0 45px;
  display: block; }
  @media only screen and (max-width: 1023px) {
    .tarina_txt h3 {
      font-size: 37px;
      line-height: 36px; } }

.tarina_para {
  width: 100%;
  margin: 0;
  padding: 0; }

.tarina_para_cont {
  width: 372px;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .tarina_para_cont {
      width: 100%; } }

.tarina_para_cont p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1279px) {
    .tarina_para_cont p {
      font-size: 20px;
      line-height: 33px; } }
  @media only screen and (max-width: 1023px) {
    .tarina_para_cont p {
      font-size: 18px;
      line-height: 30px; } }

.tarina_para_wide {
  width: 100%;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 1279px) {
    .tarina_para_cont {
      width: 100%; } }

.tarina_para_wide p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1279px) {
    .tarina_para_wide p {
      font-size: 20px;
      line-height: 33px; } }
  @media only screen and (max-width: 1023px) {
    .tarina_para_wide p {
      font-size: 18px;
      line-height: 30px; } }

.mar_chge .process_cont {
  padding: 104px 162px 110px; }
  @media only screen and (max-width: 1279px) {
    .mar_chge .process_cont {
      padding: 74px 82px 90px; } }
  @media only screen and (max-width: 1023px) {
    .mar_chge .process_cont {
      padding: 74px 52px 90px; } }
  @media only screen and (max-width: 767px) {
    .mar_chge .process_cont {
      padding: 64px 32px 60px; } }

#view_sect {
  width: 100%;
  margin: 0 0 150px;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    #view_sect {
      margin: 0 0 110px; } }

.view_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.view_cont h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  text-align: center;
  line-height: 56px;
  padding: 0;
  margin: 0 0 60px;
  display: block; }
  @media only screen and (max-width: 1023px) {
    .view_cont h3 {
      font-size: 34px;
      line-height: 46px;
      margin: 0 0 40px; } }

.view_blog {
  width: 100%;
  margin: 0;
  padding: 0; }

.view_txt {
  width: 100%;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .view_txt {
      margin: 0 0 50px; } }

.view_txt strong {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #111214;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
  line-height: 33px;
  padding: 0;
  margin: 0 0 30px;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .view_txt strong {
      font-size: 25px;
      line-height: 32px; } }
  @media only screen and (max-width: 1279px) {
    .view_txt strong {
      font-size: 20px;
      line-height: 28px;
      margin: 0 0 20px; } }
  @media only screen and (max-width: 1023px) {
    .view_txt strong {
      font-size: 18px;
      line-height: 24px;
      margin: 0 0 20px; } }
  @media only screen and (max-width: 767px) {
    .view_txt strong {
      font-size: 21px;
      line-height: 32px;
      margin: 0 0 15px; } }

.view_txt p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  display: block;
  width: 340px; }
  @media only screen and (max-width: 1919px) {
    .view_txt p {
      font-size: 21px;
      line-height: 32px;
      width: 100%; } }
  @media only screen and (max-width: 1365px) {
    .view_txt p {
      font-size: 20px; } }
  @media only screen and (max-width: 1279px) {
    .view_txt p {
      font-size: 18px;
      line-height: 26px; } }
  @media only screen and (max-width: 1023px) {
    .view_txt p {
      font-size: 15px;
      line-height: 21px; } }
  @media only screen and (max-width: 767px) {
    .view_txt p {
      font-size: 19px;
      line-height: 26px; } }

#recognitions_sect {
  width: 100%;
  margin: 0 0 91px;
  padding: 0; }

.recognitions_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.recognitions_cont h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  text-align: center;
  line-height: 56px;
  padding: 0;
  margin: 0 0 85px;
  display: block; }
  @media only screen and (max-width: 1023px) {
    .recognitions_cont h3 {
      font-size: 34px;
      line-height: 46px;
      margin: 0 0 55px; } }

.recognitions_blog {
  width: 100%;
  margin: 0;
  padding: 0; }

.recognitions_txt {
  width: 100%;
  margin: 0 0 61px;
  padding: 0; }

.recognitions_txt strong {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 23px;
  color: #111214;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
  line-height: 42px;
  padding: 0;
  margin: 0 0 15px;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .recognitions_txt strong {
      font-size: 20px;
      line-height: 35px; } }
  @media only screen and (max-width: 1365px) {
    .recognitions_txt strong {
      font-size: 19px;
      line-height: 32px; } }
  @media only screen and (max-width: 1279px) {
    .recognitions_txt strong {
      font-size: 15px;
      line-height: 26px; } }
  @media only screen and (max-width: 767px) {
    .recognitions_txt strong {
      font-size: 20px;
      line-height: 30px; } }

.recognitions_txt p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .recognitions_txt p {
      font-size: 19px;
      line-height: 33px; } }
  @media only screen and (max-width: 1365px) {
    .recognitions_txt p {
      font-size: 18px;
      line-height: 30px; } }
  @media only screen and (max-width: 1279px) {
    .recognitions_txt p {
      font-size: 14px;
      line-height: 23px; } }
  @media only screen and (max-width: 767px) {
    .recognitions_txt p {
      font-size: 19px;
      line-height: 29px; } }

.recognitions_txt span {
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
  display: block; }

.recognitions_txt span img {
  width: auto;
  margin: 0 auto;
  display: block;
  padding: 0; }

#process_sect.mar_chge1 {
  margin: 97px 0 94px; }
  @media only screen and (max-width: 1023px) {
    #process_sect.mar_chge1 {
      margin: 77px 0 94px; } }

#client_sect {
  width: 100%;
  margin: 0 0 155px;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    #client_sect {
      margin: 0 0 45px; } }

.client_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.client_cont h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  text-align: center;
  line-height: 56px;
  padding: 0;
  margin: 0 0 128px;
  display: block; }
  @media only screen and (max-width: 767px) {
    .client_cont h3 {
      font-size: 34px;
      margin: 0 0 88px;
      line-height: 46px; } }

.client_txt {
  width: 100%;
  margin: 0 0 109px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .client_txt {
      margin: 0 0 79px; } }

.client_blog {
  width: 100%;
  margin: 0;
  padding: 0; }

.client_txt img {
  width: auto;
  margin: 0 auto;
  display: block; }

#builders_sect {
  width: 100%;
  margin: 0 0 154px;
  padding: 0;
  height: 761px;
  background-size: cover !important; }
  @media only screen and (max-width: 1919px) {
    #builders_sect {
      margin: 0 0 114px; } }
  @media only screen and (max-width: 767px) {
    #builders_sect {
      height: auto; } }

.builders_cont {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 192px 0 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .builders_cont {
      padding: 102px 0; } }

.builders_cont h4 {
  font-family: "FuturaPTDemi", sans-serif;
  font-size: 60px;
  color: #FFF;
  letter-spacing: -0.14px;
  line-height: 110px;
  padding: 0;
  display: block;
  margin: 0 0 13px;
  position: relative;
  z-index: 9;
  text-align: center; }
  @media only screen and (max-width: 1023px) {
    .builders_cont h4 {
      font-size: 45px;
      margin: 0 0 13px;
      line-height: 90px; } }
  @media only screen and (max-width: 767px) {
    .builders_cont h4 {
      font-size: 35px;
      margin: 0 0 13px;
      line-height: 70px; } }

.builders_cont p {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #FFF;
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  display: block; }
  @media only screen and (max-width: 1023px) {
    .builders_cont p {
      font-size: 26px;
      line-height: 43px; } }
  @media only screen and (max-width: 1023px) {
    .builders_cont p {
      font-size: 22px;
      line-height: 40px; } }
  @media only screen and (max-width: 767px) {
    .builders_cont p {
      font-size: 18px;
      line-height: 30px; } }

.builders_cont a {
  width: 223px;
  height: 72px;
  border: 2px solid #FFF;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #FFF;
  letter-spacing: 0.28px;
  line-height: 66px;
  padding: 0;
  display: block;
  margin: 34px auto 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: none;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  float: none; }

.builders_cont a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.builders_cont a:hover,
.builders_cont a:focus,
.builders_cont a:active {
  color: #111214; }

.builders_cont a:hover:before,
.builders_cont a:focus:before,
.builders_cont a:active:before {
  transform: scale(1); }

/***************************** Blogi Page start here ****************************************/
.palvelut_cont1 {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.palvelut_cont1 h1 {
  font-size: 115px;
  color: #111214;
  padding: 0 0 57px;
  margin: 0;
  letter-spacing: 0.7px;
  line-height: 112px;
  text-align: center; }
  @media only screen and (max-width: 1919px) {
    .palvelut_cont1 h1 {
      font-size: 100px;
      line-height: 104px;
      padding: 0 0 15px; } }
  @media only screen and (max-width: 1439px) {
    .palvelut_cont1 h1 {
      font-size: 90px;
      line-height: 94px;
      padding: 0 0 15px; } }
  @media only screen and (max-width: 1023px) {
    .palvelut_cont1 h1 {
      font-size: 70px;
      line-height: 84px;
      padding: 0 0 15px; } }
  @media only screen and (max-width: 767px) {
    .palvelut_cont1 h1 {
      font-size: 36px;
      line-height: 50px;
      padding: 0; } }

.padd_chge2 .blogs_detail {
  margin: 0 0 51px; }

.padd_chge2 .blogs_detail_txt {
  padding: 40px 0; }

.padd_chge2 .blogs_detail_txt small {
  margin: 0 0 26px; }

.padd_chge2 .blogs_detail_txt h5 {
  margin: 0 0 54px; }
  @media only screen and (max-width: 1439px) {
    .padd_chge2 .blogs_detail_txt h5 {
      margin: 0 0 34px; } }

.padd_chge2 .blogs_detail_txt p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 19px;
  color: #111214;
  letter-spacing: 0;
  line-height: 33px;
  padding: 0;
  display: block;
  margin: 0 0 66px; }
  @media only screen and (max-width: 1439px) {
    .padd_chge2 .blogs_detail_txt p {
      font-size: 18px;
      line-height: 30px;
      margin: 0 0 46px; } }

.padd_chge2 .blogs_detail_cont {
  margin: 0 0 49px; }

.pagination_sect {
  width: 100%;
  max-width: 690px;
  margin: 0 auto 134px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .pagination_sect {
      margin: 0 auto 94px; } }

.pagination_sect img {
  display: block; }
  @media only screen and (max-width: 1023px) {
    .pagination_sect img {
      width: 100%; } }

.form_sect {
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
  padding: 0; }

.form_sect h5 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 37px;
  color: #111214;
  letter-spacing: 0;
  line-height: 44px;
  padding: 0;
  margin: 0 0 34px 11px;
  display: block; }
  @media only screen and (max-width: 767px) {
    .form_sect h5 {
      font-size: 30px;
      line-height: 34px;
      margin: 0 0 24px 11px; } }

.form_sect .form-control,
.form_sect input[type="text"] {
  width: 100%;
  height: auto;
  border-radius: 5px;
  border-bottom: 2px solid #88888a;
  box-shadow: none;
  background: #FFF;
  outline: none;
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  color: #111214;
  padding: 11px 7px 1px; }
  @media only screen and (max-width: 767px) {
    .form_sect .form-control,
    .form_sect input[type="text"] {
      font-size: 18px;
      line-height: 26px; } }

.form_sect input[type=submit],
.btn {
  border: none;
  box-shadow: none;
  outline: none;
  position: absolute;
  right: 0;
  top: -11px;
  font-family: "FuturaPTBook", sans-serif;
  font-size: 27px;
  padding: 0;
  margin: 0;
  line-height: 33px;
  color: #111214;
  letter-spacing: 0px;
  width: auto;
  height: auto;
  background: transparent; }
  @media only screen and (max-width: 767px) {
    .form_sect input[type=submit],
    .btn {
      font-size: 20px;
      line-height: 30px;
      top: 0px; } }

.form_sect input[type=submit]:hover,
.btn:hover {
  color: #DD002A; }

.form_sect form {
  position: relative; }

.form_sect .form-group {
  margin-bottom: 0; }

#blog_sect.padd_chge2 {
  margin: 0 0 148px; }
  @media only screen and (max-width: 767px) {
    #blog_sect.padd_chge2 {
      margin: 0 0 98px; } }

.builders_txt .builders_cont {
  max-width: 823px;
  padding: 178px 0 0; }
  @media only screen and (max-width: 767px) {
    .builders_txt .builders_cont {
      padding: 138px 0 0; } }

.builders_txt .builders_cont h4 {
  font-family: "FuturaPTDemi", sans-serif;
  font-size: 58px;
  color: #FFF;
  letter-spacing: 0;
  line-height: 110px;
  padding: 0;
  display: block;
  margin: 0 0 34px;
  position: relative;
  z-index: 9;
  text-align: center; }
  @media only screen and (max-width: 1279px) {
    .builders_txt .builders_cont h4 {
      font-size: 48px;
      line-height: 90px; } }
  @media only screen and (max-width: 1023px) {
    .builders_txt .builders_cont h4 {
      font-size: 40px;
      line-height: 70px; } }
  @media only screen and (max-width: 767px) {
    .builders_txt .builders_cont h4 {
      font-size: 32px;
      line-height: 50px; } }

.builders_cont a {
  margin: 71px auto 0; }

#builders_sect.builders_txt {
  height: 755px;
  margin: 0 0 136px; }

/***************************** Blogi artikkeli start here ****************************************/
.artikkeli_banner .banner_cont1 h1 {
  width: 980px;
  text-align: center;
  margin: 0 auto 29px; }
  @media only screen and (max-width: 1279px) {
    .artikkeli_banner .banner_cont1 h1 {
      width: 100%; } }

.artikkeli_banner .banner_cont1 small {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 19px;
  color: #FFF;
  letter-spacing: 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  line-height: 33px;
  padding: 0;
  text-align: center;
  display: block; }
  @media only screen and (max-width: 767px) {
    .artikkeli_banner .banner_cont1 small {
      font-size: 16px;
      line-height: 27px; } }

#artikkeli_sect {
  width: 100%;
  margin: 0;
  padding: 0; }

.artikkeli_cont {
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
  padding: 87px 0 33px; }
  @media only screen and (max-width: 767px) {
    .artikkeli_cont {
      padding: 67px 0 23px; } }

.artikkeli_cont_top, .artikle-page-content {
  width: 100%;
  max-width: 970px;
  margin: 0 auto 97px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .artikkeli_cont_top, .artikle-page-content {
      margin: 0 auto 10px;
      padding: 0 15px; } }

@media only screen and (max-width: 767px) {
  #artikkeli_sect .container {
    padding: 0; } }

.artikkeli_cont_top, .artikle-page-content h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  margin: 0 auto 64px;
  line-height: 56px;     max-width: 830px;
  padding: 0;
  text-align: left;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .artikkeli_cont_top, .artikle-page-content h3 {
      font-size: 38px;
      line-height: 50px;    padding: 0 21px;
      margin: 0 auto 54px; } }
  @media only screen and (max-width: 767px) {
    .artikkeli_cont_top, .artikle-page-content h3 {
      font-size: 31px;
      line-height: 44px;
      margin: 0 0 54px; } }

.artikkeli_para {
  width: 100%;
  margin: 0;
  padding: 0; }

.artikkeli_para p, .artikle-page-content p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  width: 100%;
  margin: 0;
  line-height: 35px;
  padding: 0;
  text-align: left;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .artikkeli_para p, .artikle-page-content p {
      font-size: 20px;
      line-height: 32px;
      width: auto; } }
  @media only screen and (max-width: 767px) {
    .artikle-page-content h2 {margin-left: 15px; margin-right: 15px;}
    .artikkeli_para p, .artikle-page-content p {
      font-size: 18px;
      line-height: 30px;
      width: auto;
      padding: 0 0 40px; } }

.artikkeli_para.wid_para p {
  margin: 0 0 0 29px; }
  @media only screen and (max-width: 767px) {
    .artikkeli_para.wid_para p {
      margin: 0; } }

.artikkeli_cont_img {
  width: 100%;
  margin: 0 0 83px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .artikkeli_cont_img {
      margin: 0 0 43px; } }

.artikkeli_cont_img img {
  width: 100%; }

.artikkeli_txt {
  width: 100%;
  max-width: 830px;
  margin: 0 auto 62px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .artikkeli_txt {
      margin: 0 auto 42px;
      padding: 0 15px; } }

.artikkeli_strg {
  width: 100%;
  margin: 0 0 73px;
  padding: 0 43px 0 0;
  text-align: right;
  position: relative; }
  @media only screen and (max-width: 1919px) {
    .artikkeli_strg {
      padding: 0 33px 0 0; } }
  @media only screen and (max-width: 1365px) {
    .artikkeli_strg {
      margin: 0 0 69px; } }
  @media only screen and (max-width: 1279px) {
    .artikkeli_strg {
      margin: 0 0 46px; } }

.artikkeli_strg:after {
  content: '';
  width: 2px;
  height: 100%;
  display: block;
  background-color: #111214;
  position: absolute;
  right: 0;
  top: -9px; }

.artikkeli_strg strong {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 31px;
  color: #111214;
  letter-spacing: 0.43px;
  margin: 16px 0 31px;
  font-weight: normal;
  line-height: 39px;
  padding: 0;
  text-align: right;
  display: block; }
  @media only screen and (max-width: 1279px) {
    .artikkeli_strg strong {
      font-size: 24px;
      line-height: 32px; } }
  @media only screen and (max-width: 1279px) {
    .artikkeli_strg strong {
      font-size: 22px;
      line-height: 32px; } }

.artikkeli_strg small {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  width: auto;
  margin: 0;
  line-height: 35px;
  padding: 0;
  text-align: right;
  display: block; }

.artikkeli_para.padd_chge3 p {
  width: auto;
  margin: 0;
  padding: 0 0 0 28px; }
  @media only screen and (max-width: 767px) {
    .artikkeli_para.padd_chge3 p {
      padding: 0; } }
.cta-button{
	width: 200px;
    height: 50px;
    border: 3px solid #111214;
    font-family: "FuturaPT-Medium", sans-serif;
    font-size: 20px;
    color: #111214;
    letter-spacing: 0.28px;
    padding: 10px;
    display: block;
    margin: 20px auto 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
    float: none;
}  @media only screen and (max-width: 767px) {
    .cta-button{
    	margin: 0 auto 30px; } }

.cta-button:hover{
	text-decoration:none;
	background-color:#111214;
	color:#fff;
}

.artikkeli_cont_bottom {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 70px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .artikkeli_cont_bottom {
      margin: 0 auto 30px;
      padding: 0 15px; } }

.etunimi_cont {
  width: 100%;
  max-width: 390px;
  margin: 0;
  padding: 0; }

.etunimi_cont h6 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 16px;
  color: #363E45;
  letter-spacing: 1.36px;
  margin: 0 0 50px;
  font-weight: normal;
  line-height: 33px;
  padding: 0;
  text-align: left;
  display: block; }
  @media only screen and (max-width: 767px) {
    .etunimi_cont h6 {
      margin: 0 0 40px; } }

.etunimi_cont ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto; }

.etunimi_cont ul li {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 24px 0 0;
  padding: 0; }
  @media only screen and (max-width: 767px) {
		.etunimi_cont ul li {
      width: 150px;     margin: 0 14px 0 0;} }

.etunimi_cont ul li:last-child {
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .etunimi_cont ul li:last-child {
      width: 35%; } }

.etunimi_cont ul li img {
  width: auto;
  display: block; }

.etunimi_cont ul li small {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0;
  width: auto;
  margin: -22px 0 0;
  line-height: 22px;
  padding: 0 0 12px;
  text-align: left;
  display: block; }

.etunimi_cont ul li b {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 27px;
  color: #111214;
  letter-spacing: 0;
  width: auto;
  margin: 0;
  font-weight: normal;
  line-height: 29px;
  padding: 0;
  text-align: left;
  display: block; }

.etunimi_cont a {
  width: 329px;
  height: 72px;
  border: 3px solid #111214;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.28px;
  line-height: 66px;
  padding: 0;
  display: block;
  margin: 104px 0 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  float: none; }
  @media only screen and (max-width: 1919px) {
    .etunimi_cont a {
      width: 288px; } }
  @media only screen and (max-width: 767px) {
    .etunimi_cont a {
      width: 100%;
      margin: 57px 0 0; } }

.etunimi_cont a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111214;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.etunimi_cont a:hover,
.etunimi_cont a:focus,
.etunimi_cont a:active {
  color: #FFF; }

.etunimi_cont a:hover:before,
.etunimi_cont a:focus:before,
.etunimi_cont a:active:before {
  transform: scale(1); }

#articles_sect {
  width: 100%;
  margin: 0 0 165px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    #articles_sect {
      margin: 0 0 65px; } }

.articles_top {
  width: 100%;
  margin: 0;
  padding: 0; }

.articles_head {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 70px;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .articles_head {
      margin: 0 auto 30px; } }

.articles_head h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 44px;
  color: #111214;
  letter-spacing: 0;
  margin: 0 0 80px;
  line-height: 56px;
  padding: 0;
  text-align: left;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .articles_head h3 {
      font-size: 34px;
       } }
  @media only screen and (max-width: 767px) {
    .articles_head h3 {
      margin: 0 0 30px; text-align: center;} }

.slider_cont {
  width: 370px;
  margin: 0 auto;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    .slider_cont {
      width: 95%; } }
  @media only screen and (max-width: 1279px) {
    .slider_cont {
      margin: 0 auto 20px; } }
  @media only screen and (max-width: 767px) {
    .slider_cont {
      margin: 0 auto 78px; } }

.slider_cont span {
  width: 100%;
  margin: 0 0 42px;
  padding: 0;
  display: block; }

.slider_cont span img {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .slider_cont span img {
      width: 100%; } }

.slider_cont small {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 17px;
  color: #111214;
  letter-spacing: 0.76px;
  margin: 0 0 26px;
  line-height: 33px;
  padding: 0;
  text-align: left;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .slider_cont small {
      font-size: 14px;
      line-height: 20px;
      margin: 0 0 20px; } }

.slider_cont p a {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 27px;
  color: #000 !important;
  letter-spacing: 0.3px;
  margin: 0; text-decoration:none; transition: all 0.4s linear 0s;
  line-height: 33px;
  padding: 0;
  text-align: left;
  display: block; }
 .slider_cont p a:hover 			{ color:#000;}
  @media only screen and (max-width: 1919px) {
    .slider_cont p a {
      font-size: 24px;
      line-height: 30px; } }
  @media only screen and (max-width: 1365px) {
    .slider_cont p a {
      font-size: 20px;
      line-height: 27px; } }

.articles_bottom {
  width: 100%;
  margin: 0;
  padding: 0; }

.articles_bottom .container_inn {
  padding: 0 25px; }
  @media only screen and (max-width: 767px) {
    .articles_bottom .container_inn {
      padding: 0 15px; } }

.slider {
  width: 100%;
  max-width: 1597px;
  margin: 0 auto; }
  @media only screen and (max-width: 1919px) {
    .slider {
      width: 92%; } }
  @media only screen and (max-width: 767px) {
    .slider {
      width: 100%; } }

.articles_bottom .slick-prev,
.articles_bottom .slick-next {
  width: 32px;
  height: 60px;
  top: 18.7%; }
  @media only screen and (max-width: 1279px) {
    .articles_bottom .slick-prev,
    .articles_bottom .slick-next {
      top: 19.7%; } }

.articles_bottom .slick-prev:before {
  content: '';
  background: url(../assets/images/arrow_img2.png) no-repeat left top;
  width: 32px;
  height: 60px;
  display: block;
  opacity: 1 !important; }
  @media only screen and (max-width: 1279px) {
    .articles_bottom .slick-prev:before {
      width: 22px;
      height: 42px;
      background-size: contain; } }

.articles_bottom .slick-next:before {
  content: '';
  background: url(../assets/images/arrow_img1.png) no-repeat left top;
  width: 32px;
  height: 60px;
  display: block;
  opacity: 1 !important; }
  @media only screen and (max-width: 1279px) {
    .articles_bottom .slick-next:before {
      width: 22px;
      height: 42px;
      background-size: contain; } }

.articles_bottom .slick-prev {
  left: -78px; }
  @media only screen and (max-width: 1919px) {
    .articles_bottom .slick-prev {
      left: -58px; } }
  @media only screen and (max-width: 1279px) {
    .articles_bottom .slick-prev {
      left: -48px; } }

.articles_bottom .slick-next {
  right: -78px; }
  @media only screen and (max-width: 1919px) {
    .articles_bottom .slick-next {
      right: -58px; } }
  @media only screen and (max-width: 1279px) {
    .articles_bottom .slick-next {
      right: -48px; } }

/***************************** Yhteystiedot start here ****************************************/
#contact_detail_sect {
  width: 100%;
  margin: 0;
  padding: 0; }

.contact_detail_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.contact_detail_txt {
  width: 100%;
  margin: 0;
  padding: 0; }

.contact_detail_cont h4 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 37px;
  color: #111214;
  letter-spacing: 0;
  line-height: 44px;
  padding: 0;
  margin: 0 0 45px;
  display: block; }
  @media only screen and (max-width: 1023px) {
    .contact_detail_cont h4 {
      font-size: 27px;
      line-height: 34px;
      margin: 0 0 35px; } }

#palvelut_sect.padd_chge14 {
  padding: 92px 0 53px; }
  @media only screen and (max-width: 1919px) {
    #palvelut_sect.padd_chge14 {
      padding: 32px 0 53px; } }
  @media only screen and (max-width: 1279px) {
    #palvelut_sect.padd_chge14 {
      padding: 62px 0 93px; } }

.contact_detail_txt strong {
  font-family: "FuturaPT-Demi", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .contact_detail_txt strong {
      font-size: 19px; } }
  @media only screen and (max-width: 767px) {
    .contact_detail_txt strong {
      font-size: 22px;
      line-height: 35px; } }

.contact_detail_txt p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #555C62;
  letter-spacing: -0.29px;
  line-height: 35px;
  padding: 0;
  margin: 0 0 34px;
  display: block;
  width: auto; }
  @media only screen and (max-width: 1919px) {
    .contact_detail_txt p {
      font-size: 16px;
      line-height: 32px;
      word-break: break-all; } }

	  @media only screen and (max-width: 1023px) {
    .contact_detail_txt p {
      margin: 0 0 18px; } }

  @media only screen and (max-width: 767px) {
    .contact_detail_txt p {
      font-size: 22px;
      line-height: 35px; } }

.contact_detail_txt a {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #555C62;
  letter-spacing: 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  line-height: 35px;
  padding: 0;
  margin: 0;
  display: block;
  width: 247px; }
  @media only screen and (max-width: 1919px) {
    .contact_detail_txt a {
      font-size: 16px;
      line-height: 32px; width:auto; } }
  @media only screen and (max-width: 767px) {
    .contact_detail_txt a {
      font-size: 22px;
      line-height: 35px; } }

.contact_detail_txt a:hover {
  color: #DD002A; }

.contact_detail_txt.padd_chge15 {
  width: auto;
  margin: 0 0 0 14px; }
  @media only screen and (max-width: 767px) {
    .contact_detail_txt.padd_chge15 {
      margin: 0; } }

.contact_form {
  width: 539px;
  margin: 0;
  padding: 0;
  float: right; }
  @media only screen and (max-width: 1919px) {
    .contact_form {
      width: 100%; } }
  @media only screen and (max-width: 1439px) {
    .contact_form {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .contact_form {
      width: 100%; } }

.contact_form h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 47px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  margin: 0 0 30px;
  display: block; }
  @media only screen and (max-width: 1279px) {
    .contact_form h3 {
      font-size: 37px;
      line-height: 46px;
      margin: 0 0 20px; } }
  @media only screen and (max-width: 1023px) {
    .contact_form h3 {
      font-size: 27px;
      line-height: 34px;
      margin: 0 0 35px; } }

textarea {
  width: 100%;
  height: 172px;
  border-radius: 5px;
  border: 2px solid #88888a;
  box-shadow: none;
  background: #FFF;
  outline: none;
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0px;
  border-radius: 0;
  color: #111214;
  padding: 14px 0; }

.form-control,
input[type="text"],
input[type="email"] {
  width: 100%;
  height: auto;
  border-radius: 5px;
  border-bottom: 2px solid #88888a;
  box-shadow: none;
  background: #FFF;
  outline: none;
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  color: #111214;
  padding: 14px 0; }
  @media only screen and (max-width: 1279px) {
    .form-control,
    input[type="text"],
    input[type="email"] {
      font-size: 18px;
      line-height: 22px; } }

.contact_form .form-group {
  margin-bottom: 18px; }

label {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #555C62;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  margin: 28px 0 4px;
  display: block; }
  @media only screen and (max-width: 1279px) {
    label {
      font-size: 19px;
      line-height: 32px; } }
  @media only screen and (max-width: 1023px) {
    label {
      font-size: 18px;
      line-height: 32px; } }

.check_box {
  width: auto;
  float: left; }

.sub_btn {
  width: auto;
  float: right; }

input[type=checkbox] + label {
  display: block;
  margin: 0;
  cursor: pointer;
  padding: 10px 0 0; }

input[type=checkbox] {
  margin: 0 6px 0 0;
    border: 1px solid #161817;
    border-radius: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 17px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
    font-size: 17px;
    text-align: center;
    line-height: 22px;}

input[type=checkbox] + label:before {
  content: "\2714";
  border: 1px solid #161817;
  border-radius: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  padding-left: 0;
  padding-bottom: 0;
  margin-right: 17px;
  vertical-align: text-top;
  color: transparent;
  transition: .2s;
  font-size: 17px;
  text-align: center;
  line-height: 22px; }
  @media only screen and (max-width: 1919px) {
    input[type=checkbox] + label:before {
      margin-right: 10px; } }

input[type=checkbox] + label:active:before {
  transform: scale(0); }

input[type=checkbox]:checked + label:before {
  background-color: #DD002A;
  border-color: #DD002A;
  color: #fff; }

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa; }

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb; }

input[type=submit],
.btn18 {
  width: 244px;
  height: 72px;
  border: none;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #FFF;
  letter-spacing: 0.14px;
  line-height: 66px;
  padding: 0;
  border: 2px solid #111214;
  display: block;
  float: right;
  margin: 13px auto 0;
  text-align: center;
  background-color: #111214;
  text-decoration: none;
  transition: all 0.2s linear 0s; }
  @media only screen and (max-width: 1919px) {
    input[type=submit],
    .btn18 {
      width: 204px;
      height: 62px;
      line-height: 56px; } }
  @media only screen and (max-width: 1279px) {
    input[type=submit],
    .btn18 {
      width: 144px;
      height: 52px;
      font-size: 17px;
      line-height: 46px; } }
  @media only screen and (max-width: 1023px) {
    input[type=submit],
    .btn18 {
      width: 91px;
      height: 42px;
      font-size: 14px;
      line-height: 36px; } }
  @media only screen and (max-width: 767px) {
    input[type=submit],
    .btn18 {
      width: 135px;
      height: 52px;
      font-size: 17px;
      line-height: 46px; } }

input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
.btn18:hover,
.btn18:focus,
.btn18:active {
  color: #111214;
  background-color: #FFF; }

#customer_contacts_sect {
  width: 100%;
  margin: 77px 0 0;
  padding: 0; }

.customer_contacts_cont {
  width: 100%;
  margin: 0;
  padding: 0; }

.customer_contacts_cont h3 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 47px;
  color: #111214;
  letter-spacing: 0;
  line-height: 56px;
  padding: 0;
  margin: 0 0 47px;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .customer_contacts_cont h3 {
      font-size: 37px;
      line-height: 46px; } }

.customer_contacts_blogs {
  width: 100%;
  margin: 0 0 69px;
  padding: 0; }

.customer_contacts_blogs a.hvr_state {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  transform: perspective(1px) translateZ(0);
  box-shadow: none;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
cursor: default;}

.customer_contacts_blogs a.hvr_state:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #DD002A;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  z-index: 9; }

.customer_contacts_blogs:hover a.hvr_state,
.customer_contacts_blogs:focus a.hvr_state,
.customer_contacts_blogs:active a.hvr_state {
  color: white; }


.customer_contacts_blogs a img {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block; }

.customer_contacts_txt {
  width: auto;
  margin: 0;
  padding: 24px 6px;
  display: block; }

.customer_contacts_txt h6 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #111214;
  letter-spacing: 0;
  line-height: 33px;
  padding: 0;
  margin: 0 0 8px;
  display: block; }
  @media only screen and (max-width: 1365px) {
    .customer_contacts_txt h6 {
      font-size: 25px; } }
  @media only screen and (max-width: 1279px) {
    .customer_contacts_txt h6 {
      font-size: 22px; } }
  @media only screen and (max-width: 1023px) {
    .customer_contacts_txt h6 {
      font-size: 17px; } }
  @media only screen and (max-width: 1023px) {
    .customer_contacts_txt h6 {
      font-size: 27px; } }

.customer_contacts_txt small {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 2px;
  display: block; }
  @media only screen and (max-width: 1365px) {
    .customer_contacts_txt small {
      font-size: 20px; } }
  @media only screen and (max-width: 1023px) {
    .customer_contacts_txt small {
      font-size: 18px;
      line-height: 29px; } }
  @media only screen and (max-width: 767px) {
    .customer_contacts_txt small {
      font-size: 22px;
      line-height: 35px; } }

.customer_contacts_txt a {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0;
  margin: 0 0 0 2px;
  line-height: 35px;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  padding: 0;
  display: inline-block; }
  @media only screen and (max-width: 1365px) {
    .customer_contacts_txt a {
      font-size: 19px; } }
  @media only screen and (max-width: 1023px) {
    .customer_contacts_txt a {
      font-size: 18px;
      line-height: 29px; } }
  @media only screen and (max-width: 767px) {
    .customer_contacts_txt a {
      font-size: 22px;
      line-height: 35px; }
    }


.customer_contacts_cont .row {
  margin: 0 -57px; }
  @media only screen and (max-width: 1023px) {
    .customer_contacts_cont .row {
      margin: 0 -17px; } }

.customer_contacts_cont .col-lg-4 {
  padding: 0 57px; }
  @media only screen and (max-width: 1023px) {
    .customer_contacts_cont .col-lg-4 {
      padding: 0 17px; } }

.overlay_blog {
  width: 100%;
  height: 100%;
  padding: 45px 35px;
  position: absolute;
  left: 0;
  transition: all 0.2s linear 0s;
  top: 0;
  opacity: 0;
  z-index: 9; }
  @media only screen and (max-width: 1023px) {
    .overlay_blog {
      padding: 25px 22px; } }
  @media only screen and (max-width: 767px) {
    .overlay_blog {
      padding: 45px 35px; } }



.overlay_blog strong {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 27px;
  color: #FFF;
  letter-spacing: 0;
  line-height: 33px;
  padding: 0;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .overlay_blog strong {
      font-size: 22px; } }
  @media only screen and (max-width: 1023px) {
    .overlay_blog strong {
      font-size: 15px;
      line-height: 26px; } }
  @media only screen and (max-width: 767px) {
    .overlay_blog strong {
      font-size: 27px;
      line-height: 33px; } }

.customer_contacts_txt ul {
  list-style: none;
  width: auto;
  padding: 0;
  margin: 8px 0 0; }

.customer_contacts_txt ul li {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0;
  margin: 0 17px 0 0; }

.customer_contacts_txt ul li:last-child {
  margin: 0; }

.customer_contacts_txt.hide {
  display: none; }

.customer_contacts_cont .form_sect {
  margin: 49px auto 0; }

/***************************** tyot1 start here ****************************************/
.palvelut_cont1.align_chge h1 {
  text-align: left; }
  @media only screen and (max-width: 767px) {
    .palvelut_cont1.align_chge h1 {
      text-align: center; } }

.project_list_sect_top {
  width: 100%;
  margin: 0 0 108px;
  padding: 0; }

.project_list_link {
  width: 100%;
  max-width: 1590px;
  margin: 0 auto;
  padding: 0;
  text-align: right; }
  @media only screen and (max-width: 1919px) {
    .project_list_link {
      width: 90%; } }

.project_list_sect_bottom {
  width: 100%;
  margin: 0;
  padding: 0; }

#palvelut_sect.tyot_sect {
  padding: 92px 0 87px; }
  @media only screen and (max-width: 767px) {
    #palvelut_sect.tyot_sect {
      padding: 22px 0 57px; } }

.project_list_link a {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.29px;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  line-height: 27px;
  padding: 0;
  display: block; }

.project_list_link a img {
  margin: 0 0 0 25px;
  display: inline-block;
  vertical-align: middle; }

.project_list_sect_bottom ul {
  list-style: none;
  width: 100%;
  margin: 0 0 114px;
  padding: 0;
  text-align: center; }

.project_list_sect_bottom ul li {
  display: inline-block;
  width: auto;
  margin: 0 3px 0 0;
  padding: 0; }
  @media only screen and (max-width: 1279px) {
    .project_list_sect_bottom ul li {
      margin: 0; } }
  @media only screen and (max-width: 1023px) {
    .project_list_sect_bottom ul li {
      margin: 0 3px 10px 0; } }
  @media only screen and (max-width: 767px) {
    .project_list_sect_bottom ul li {
      margin: 0 0 5px;
      display: block; } }

.project_list_sect_bottom ul li:last-child {
  margin: 0; }

.project_list_sect_bottom ul li a {
  font-family: "FuturaPT-Demi", sans-serif;
  font-size: 22px;
  color: #111214;
  letter-spacing: 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  line-height: 22px;
  width: Auto;
  height: auto;
  border-radius: 32px;
  padding: 11px 17px;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .project_list_sect_bottom ul li a {
      font-size: 19px;
      padding: 11px 14px; } }
  @media only screen and (max-width: 1365px) {
    .project_list_sect_bottom ul li a {
      font-size: 17px;
      padding: 11px 14px; } }
  @media only screen and (max-width: 1279px) {
    .project_list_sect_bottom ul li a {
      font-size: 14px;
      padding: 6px 9px;
      margin: 0; } }
  @media only screen and (max-width: 1023px) {
    .project_list_sect_bottom ul li a {
         font-size: 17px;
    padding: 7px 13px; }
	.project_list_sect_bottom ul			{ margin: 0 0 64px;}
	}

.project_list_sect_bottom ul li a:hover,
.project_list_sect_bottom ul li.active a {
  background-color: #111214;
  color: #FFF; }

.project_list_detail {
  width: 100%;
  margin: 0;
  padding: 0; }

.project_detail_txt {
  width: 100%;
  margin: 0 0 39px;
  padding: 0;
  min-height: 115px; }
  @media only screen and (max-width: 1279px) {
    .project_detail_txt {
      min-height: 141px; } }
  @media only screen and (max-width: 767px) {
    .project_detail_txt {
      min-height: auto; } }

.project_detail_txt strong {
  font-family: "FuturaPT-Demi", sans-serif;
  font-size: 17px;
  color: #111214;
  letter-spacing: 1.04px;
  line-height: 28px;
  padding: 0;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1919px) {
    .project_detail_txt strong {
      font-size: 16px; } }
  @media only screen and (max-width: 1365px) {
    .project_detail_txt strong {
      font-size: 15px; } }
  @media only screen and (max-width: 1023px) {
    .project_detail_txt strong {
      font-size: 14px;
      line-height: 23px; } }

.project_detail_txt p {
  font-family: "FuturaPTBook", sans-serif;
  font-size: 18px;
  color: #555C62;
  letter-spacing: 0;
  line-height: 25px;
  width: 290px;
  padding: 0;
  margin: 0;
  display: block; }
  @media only screen and (max-width: 1365px) {
    .project_detail_txt p {
      width: 100%;
      font-size: 17px;
      line-height: 24px; } }
  @media only screen and (max-width: 1023px) {
    .project_detail_txt p {
      width: 100%;
      font-size: 16px;
      line-height: 21px; } }

.project_detail_txt a {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 18px;
  color: #555C62;
  letter-spacing: 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  line-height: 35px;
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block; }
  @media only screen and (max-width: 1365px) {
    .project_detail_txt a {
      font-size: 17px;
      line-height: 30px; } }

.project_detail_txt a:before {
  content: '';
  width: 5px;
  height: 9px;
  background: url(../assets/images/left_arrow1.jpg) no-repeat left top;
  display: block;
  margin: 0;
  position: absolute;
  right: -23px;
  top: 14px;
  background-size: contain; }

.project_detail_txt a:after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #111214;
  display: block;
  margin: 0; }

.project_detail_txt a:hover {
  color: #DD002A; }

.project_detail_txt a:hover:before {
  background: url(../assets/images/left_arrow1_hvr.jpg) no-repeat left top;
  background-size: contain; }

.project_detail_txt a:hover:after {
  background-color: #DD002A; }

#project_list_sect {
  width: 100%;
  margin: 0 0 175px;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    #project_list_sect {
      margin: 0 0 115px; } }

.project_list_link a:hover {
  color: #DD002A; }

/***************************** tyot start here ****************************************/
#list_sect {
  width: 100%;
  margin: 0;
  padding: 0; }

.list_cont {
  width: 100%;
  max-width: 1590px;
  margin: 0 auto;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    .list_cont {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .list_cont {
      width: 100%; } }

.list_cont a {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.29px;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  line-height: 27px;
  padding: 0;
  margin: 0 0 125px;
  display: inline-block;
  text-align: right;     position: relative;
    z-index: 9;
  float: right; }
  @media only screen and (max-width: 767px) {
    .list_cont a {
      margin: 0 0 50px; } }

.list_cont a:hover {
  color: #DD002A; }

.list_cont a img {
  width: auto;
  margin: 0 0 0 25px;
  display: inline-block;
  vertical-align: middle; }

.grid {
  background: transparent;
  max-width: 100%; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item {
  float: left;
  width: 723px;
  height: auto;
  margin-bottom: 116px;
  background: transparent; }
  @media only screen and (max-width: 767px) {
    .grid-item {
      margin-bottom: 30px; } }

.grid-item--width1 {
  width: 723px; }
  @media only screen and (max-width: 1919px) {
    .grid-item--width1 {
      width: 45%; } }
  @media only screen and (max-width: 1439px) {
    .grid-item--width1 {
      width: 40%; } }
  @media only screen and (max-width: 1279px) {
    .grid-item--width1 {
      width: 37%; } }
  @media only screen and (max-width: 767px) {
    .grid-item--width1 {
      width: 100%; } }

.grid-item--width2 {
  width: 731px; }
  @media only screen and (max-width: 1919px) {
    .grid-item--width2 {
      width: 50%; } }
  @media only screen and (max-width: 1439px) {
    .grid-item--width2 {
      width: 45%; } }
  @media only screen and (max-width: 1279px) {
    .grid-item--width2 {
      width: 45%; } }
  @media only screen and (max-width: 767px) {
    .grid-item--width2 {
      width: 100%; } }

.grid-item--width3 {
  width: 727px; }
  @media only screen and (max-width: 1919px) {
    .grid-item--width3 {
      width: 45%; } }
  @media only screen and (max-width: 1439px) {
    .grid-item--width3 {
      width: 40%; } }
  @media only screen and (max-width: 1279px) {
    .grid-item--width3 {
      width: 37%; } }
  @media only screen and (max-width: 767px) {
    .grid-item--width3 {
      width: 100%; } }

.grid-item--width4 {
  width: 716px; }
  @media only screen and (max-width: 1919px) {
    .grid-item--width4 {
      width: 45%; } }
  @media only screen and (max-width: 1439px) {
    .grid-item--width4 {
      width: 40%; } }
  @media only screen and (max-width: 1279px) {
    .grid-item--width4 {
      width: 37%; } }
  @media only screen and (max-width: 767px) {
    .grid-item--width4 {
      width: 100%; } }

.grid-item--width5 {
  width: 717px; }
  @media only screen and (max-width: 1919px) {
    .grid-item--width5 {
      width: 45%; } }
  @media only screen and (max-width: 1439px) {
    .grid-item--width5 {
      width: 40%; } }
  @media only screen and (max-width: 1279px) {
    .grid-item--width5 {
      width: 37%; } }
  @media only screen and (max-width: 767px) {
    .grid-item--width5 {
      width: 100%; } }

.grid-item--width6 {
  width: 732px; }
  @media only screen and (max-width: 1919px) {
    .grid-item--width6 {
      width: 45%; } }
  @media only screen and (max-width: 1439px) {
    .grid-item--width6 {
      width: 45%; }
	  .customer_contacts_txt small			{ font-size: 19px;}
	  .customer_contacts_txt a				{ font-size: 18px;}
	  .customer_contacts_txt h6				{ font-size: 23px;}
	  }
  @media only screen and (max-width: 1279px) {
    .grid-item--width6 {
      width: 45%; } }
  @media only screen and (max-width: 767px) {
    .grid-item--width6 {
      width: 100%; } }

.grid-item--height2 {
  height: auto; }

.grid-item:nth-child(even) {
  right: 0 !important;
  left: initial !important; }

.grid-item:nth-child(odd) {
  left: 0 !important; }

.marg_chge {
  margin-top: 290px; }
  @media only screen and (max-width: 1919px) {
    .marg_chge {
      margin-top: 0; } }
  @media only screen and (max-width: 1439px) {
    .marg_chge {
      margin: 0; } }
  @media only screen and (max-width: 1023px) {
    .marg_chge {
      margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    .marg_chge {
      margin-top: 0; } }

.overlay_txt1 {
  width: 100%;
  max-width: 558px;
  min-height: 220px;
  margin: 0 !important;
  padding: 0;
  display: block !important;
  text-align: left !important;
  float: none !important; opacity:0;
  text-decoration: none !important;
  transition: all 0.2s linear 0s;
  position: relative; }
.more_project_cont:hover .overlay_txt1 		{ opacity:1;}

  @media only screen and (max-width: 1279px) {
    .overlay_txt1 {
      min-height: 150px; } }

.overlay_txt1:hover {
  text-decoration: none;
  transition: all 0.2s linear 0s; }

.overlay_txt1 h6 {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 37px;
  color: #FFF;
  letter-spacing: 0;
  line-height: 44px;
  padding: 0;
  margin: -17px 0 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  font-weight: normal;
  display: block;
  width: 340px; }
  @media only screen and (max-width: 1279px) {
    .overlay_txt1 h6 {
      font-size: 27px;
      line-height: 32px;
      width: 77%; } }
  @media only screen and (max-width: 1023px) {
    .overlay_txt1 h6 {
      font-size: 17px;
      line-height: 22px;
      width: 72%; } }

@media only screen and (max-width: 1023px) {
  .grid .more_proj_txt img {
    height: auto; } }

@media only screen and (max-width: 1023px) {
  .grid-item--width1 .more_proj_txt img {
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover; } }

@media only screen and (max-width: 1023px) {
  .grid-item--width3 .more_proj_txt img {
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover; } }

@media only screen and (max-width: 1023px) {
  .grid-item--width4 .more_proj_txt img {
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover; } }

.more_project_cont1 .overlay_txt img {
  width: auto;
  margin: -17px 36px 0 0;
  padding: 0;
  display: block;
  float: right; }

.overlay_txt1::before {
  -webkit-animation: animationBorder11 1s linear forwards;
  animation: animationBorder11 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  top: -9px;
  right: 0; }
@media only screen and (max-width: 1919px) {
  .overlay_txt1::before	{
        top: 12px; }
}
@media only screen and (max-width: 1439px) {
  .overlay_txt1::before	{
    top: 12px; }
}@media only screen and (max-width: 1023px) {
  .overlay_txt1::before	{
       top: -10px; }
}
.overlay_txt1::after {
  -webkit-animation: animationBorder12 1s linear forwards;
  animation: animationBorder12 1s linear forwards;
  border: 2px solid transparent;
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  bottom: 9px;
  right: 0; }
 @media only screen and (max-width: 1919px) {
  .overlay_txt1::after	{
       bottom: -12px; }
}
@media only screen and (max-width: 1439px) {
  .overlay_txt1::after	{
    bottom: -12px; }
}
@media only screen and (max-width: 1023px) {
  .overlay_txt1::after	{
    bottom: 11px; }
}
.overlay_txt1:hover::before {
  -webkit-animation: animationBorder11 1s linear forwards;
  animation: animationBorder11 1s linear forwards; }

@-webkit-keyframes animationBorder11 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 25.5%;
    height: 0%;
    border-top-color: #FFF;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 25.5%;
    height: 100%;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

@keyframes animationBorder11 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 25.5%;
    height: 0%;
    border-top-color: #FFF;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  100% {
    width: 25.5%;
    height: 100%;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: transparent;
    border-left-color: transparent; } }

.overlay_txt1:hover::after {
  -webkit-animation: animationBorder12 1s linear forwards;
  animation: animationBorder12 1s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes animationBorder12 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 100%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #FFF;
    border-left-color: transparent; }
  100% {
    width: 100%;
    height: 117px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #FFF;
    border-left-color: #FFF; } }

@keyframes animationBorder12 {
  0% {
    width: 0%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  50% {
    width: 100%;
    height: 0%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #FFF;
    border-left-color: transparent; }
  100% {
    width: 100%;
    height: 117px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #FFF;
    border-left-color: #FFF; } }

@media only screen and (max-width: 1919px) {
  .grid .overlay_sect1 a {
    width: 80%;
    min-height: 180px;
    margin: 28px 0 0 !important;
    display: block; } }

@media only screen and (max-width: 767px) {
  .grid .overlay_sect1 a {
    width: 100%;
    height:100%;
    min-height: auto;
    margin: 0 0 !important; } }

@media only screen and (max-width: 767px) {
  .more_project_cont .overlay_txt1 h6 {
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    width: 100%; } }

.more_project_cont:hover .overlay_sect1 {
  opacity: 1; }
  @media only screen and (max-width: 767px) {
    .more_project_cont:hover .overlay_sect1 {
      opacity: 1;
      background: transparent; } }

@media only screen and (max-width: 767px) {
  .more_project_cont .overlay_sect1 {
    background: transparent;
    opacity: 1; } }

@media only screen and (max-width: 767px) {
  .more_project_cont:hover .overlay_sect1:before {
    position: initial;
    background: transparent; } }

.overlay_sect1 {
  display: inline-block;
  vertical-align: middle;
  box-shadow: none;
  position: absolute;
  background: transparent;
  transition-property: color;
  transition-duration: 0.1s;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  align-items: center;
  display: flex; transition: all 0.2s linear 0s;
  justify-content: center;
  height: 100%;
  width: 100%;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    transition-duration: 0.3s;
    transition-property: color, background-color;

  }

/* .overlay_sect1:before {
  content: "";
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;transition: all 0.2s linear 0s;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
 -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;  } */

.overlay_sect1:hover,
.overlay_sect1:focus,
.overlay_sect1:active {
 /*  color: white;  opacity: 1;  */        background-color: rgba(0, 0, 0, 0.15);
 /* backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);*/}

.list_cont .more_project_cont {overflow: hidden;}
.list_cont .more_project_cont:hover .more_proj_txt img, .list_cont .more_project_cont:focus .more_proj_txt img, .list_cont .more_project_cont:active .more_proj_txt img {filter: blur(10px);}

.list_cont .overlay_sect1 img {
  width: auto;
  margin: 0 52px 0 0;
  padding: 0;
  display: block;
  float: right; }
  @media only screen and (max-width: 1919px) {
    .list_cont .overlay_sect1 img {
      width: 22px;
      margin: 8px 32px 0 0; } }

@media only screen and (max-width: 767px) {
  .list_cont .grid .overlay_sect1 img {
    display: none; } }

@media only screen and (max-width: 767px) {
  .grid .overlay_sect1 a:before {
    display: none; } }

@media only screen and (max-width: 767px) {
  .grid .overlay_sect1 a:after {
    display: none; } }

/***************************** Footer start here ****************************************/
#footer {
  width: 100%;
  margin: 114px 0 0;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    #footer {
      margin: 74px 0 0; } }

.footer_top {
  width: 100%;
  margin: 0;
  padding: 0; }

.footer_links {
  width: 100%;
  max-width: 745px;
  margin: 0 auto;
  padding: 0; }

.footer_links img {
  width: auto;
  margin: 0 auto 82px;
  padding: 0;
  display: block; }

.footer_links img.finservice {
    width: 60px;
    display: block;
    margin: -10px auto 50px;}
  @media only screen and (max-width: 767px) {
    .footer_links img.finservice {
		width: 40px;
      	margin: -10px auto 50px;} }

.foot_txt {
  width: 100%;
  margin: 0 0 101px;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    .foot_txt {
      margin: 0 0 70px; } }

.footer_links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 80%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .footer_links ul {
      display: none; } }

.footer_links ul li {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 29px 0 0;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    .footer_links ul li {
      margin: 0 11px 0 0; } }
  @media only screen and (max-width: 767px) {
    .footer_links ul li {
      margin: 0 15px 10px 0; } }

.footer_links ul li:last-child {
  margin: 0; }

.footer_links ul li a {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 19px;
  color: #111214;
  letter-spacing: 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  line-height: 20px;
  padding: 0;
  display: block; }
  @media only screen and (max-width: 1023px) {
    .footer_links ul li a {
      font-size: 15px; } }
.footer_links ul li a:hover 			{ color:#DD002A;}
#back_btn {
  text-align: center;
  width: auto;
  margin: 0;
  padding: 0;
  float: right;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 19px;
  color: #111214;
  letter-spacing: 0;
  line-height: 22px;
  padding: 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  display: block; }
  @media only screen and (max-width: 1023px) {
    #back_btn {
      font-size: 18px; } }
  @media only screen and (max-width: 767px) {
    #back_btn {
      float: none;
      text-align: center; } }

#back_btn img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px; }
  @media only screen and (max-width: 1919px) {
    #back_btn img {
      margin: 0 0 0 9px;
      width: 12px; } }

.social_icon {
  /*width: 250px;*/
  width: 330px;
  margin: 0 auto 89px;
  padding: 0; }
  @media only screen and (max-width: 1919px) {
    .social_icon {
      margin: 0 auto 69px; } }

.social_icon ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: none;
  display: block; }

.social_icon ul li {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 18px 0 0;
  padding: 0; }

  @media only screen and (max-width: 767px) {
    .social_icon {width: 100%; text-align: center;}
    .social_icon ul li, .social_icon ul li:last-child {margin: 0 3px;}
  }

.social_icon ul li a {
  width: 46px;
  height: 46px;
  border-radius: 50px;
  background-color: #111214;
  text-align: center;
  line-height: 41px;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  display: block; }

.mob_social {
  display: none; }
  @media only screen and (max-width: 767px) {
    .mob_social {
      display: block; } }

.social_icon ul li a img {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto; }

@media only screen and (max-width: 767px) {
  .chge_struct {
    display: flex;
    /* Safari 6.1+ */
    /* IE 10 */
    flex: 1;
    /* Safari 6.1+ */
    flex-direction: column-reverse; } }

.social_icon ul li a.insta:hover {
  /*background-color: #444444;*/ background-color: #c13584; }

.social_icon ul li a.fb:hover {
  background-color: #3d578f; }

.social_icon ul li a.flick:hover {
  background-color: #ff0085; }

.social_icon ul li a.ytube:hover {
  background-color: #d62727; }

.social_icon ul li a.linkedin:hover {
  background-color: #2977c9; }

.social_icon ul li a.twitter:hover {
  background-color: #1DA1F2; }

.footer_bottom {
  width: 100%;
  margin: 0;
  padding: 25px 0;
  background-color: #111214; }
.drop-arrow 				{ text-align:center; margin:0 0 130px;}

.drop-arrow a {
    font-family: "FuturaPT-Medium", sans-serif;
    font-size: 21px;
    color: #111214;
    letter-spacing: 0.29px;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    line-height: 27px;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: right;
    position: relative;
    z-index: 9;
}
.drop-arrow a:hover {
    color: #DD002A;
}
.drop-arrow a img {
    width: auto;
    margin: 0 0 0 25px;
    display: inline-block;
    vertical-align: middle;
}

.footer_cont {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center; }

.footer_cont p {
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 18px;
  color: #767676;
  letter-spacing: 0;
  line-height: 20px;
  padding: 0;
  margin: 0;
  display: block; }

.slider_cont > a {
  width: 254px;
  height: 72px;
  border: 2px solid #111214;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.28px;
  line-height: 66px;
  padding: 0;
  display: none;
  margin: 30px 0 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: none;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  float: none; }
  @media only screen and (max-width: 767px) {
    .slider_cont > a {
      display: block; } }

.slider_cont > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111214;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.slider_cont > a:hover,
.slider_cont > a:focus,
.slider_cont > a:active {
  color: #FFF; }

.slider_cont > a:hover:before,
.slider_cont > a:focus:before,
.slider_cont > a:active:before {
  transform: scale(1); }

@media only screen and (max-width: 767px) {
  #artikkeli_sect .row {
    margin: 0; } }

@media only screen and (max-width: 767px) {
  #artikkeli_sect .col-xs-12 {
    padding: 0; } }

span.wpcf7-list-item 			{ margin:0 !important;}
@media only screen and (max-width: 1919px) {
    input[type=checkbox] {
          margin-right: 4px;} }


.pagination_sect 				{ width:100%; max-width:689px; margin:0 auto 135px;}
.pagination ul 				{ list-style:none; margin:0; padding:0; width:100%;    text-align: center;}
.pagination ul li 			{ display:inline-block; margin:0 12px 0 0; padding:0; width:auto;}
.pagination ul li:last-child 			{ margin:0;}
.pagination ul li a			{ width:70px; height:70px; display:block; border:1px solid #111214; text-align:center; font-family: "FuturaPTMedium", sans-serif; font-size:21px; line-height:70px; color:#111214; letter-spacing:0.29px; text-decoration:none; transition: all 0.2s linear 0s;}

.pagination ul li a:hover, .pagination ul li.active a 		{ background-color:#111214; color:#FFF;}

	@media only screen and (max-width: 1023px) {
  .pagination ul li a {
        width: 50px;line-height: 50px; font-size:18px;
    height: 50px; }
	}

	@media only screen and (max-width: 767px) {
  .pagination ul li a {
            width: 35px;
    line-height: 33px;
    font-size: 14px;
    height: 35px; }

	.pagination ul li 			{     margin: 0 7px 0 0;}
	.padd_chge2 .blogs_detail			{ margin:0;}
.pagination_sect				{     margin: 0 auto 85px;}


}

.right_bottom ul li ul 			{ width:107px; margin:0; padding:0; border:1px solid #FFF; }
.right_bottom ul li ul li 			{ display:inline-block; vertical-align:middle; width:50%; height:27px; margin:0; text-align:center;}
.right_bottom ul li ul li:last-child 			{ margin:0; width:50%;}
.right_bottom ul li ul li a 			{ font-family: "FuturaPTMedium", sans-serif; font-size:16px; line-height:27px; color:#FFF; letter-spacing:0.24px; text-decoration:none; transition: all 0.2s linear 0s; text-transform:uppercase; display:block;}
.right_bottom ul li ul li.active a  		{ background-color:#FFF; color:#111214;}
.right_bottom ul li ul li a:hover  		{ background-color:#FFF; color:#111214;}
.right_bottom ul li ul li a:before, .right_bottom ul li ul li a:after 		{ display:none;}
.inner_pge .right_bottom ul li ul li a:before, .inner_pge .right_bottom ul li ul li a:after 		{ display:none;}

.inner_pge .right_bottom ul li ul 			{ width:107px; margin:0; padding:0; border:1px solid #111214; }
.inner_pge .right_bottom ul li ul li a 			{ font-family: "FuturaPTMedium", sans-serif; font-size:16px; line-height:27px; color:#111214; letter-spacing:0.24px; text-decoration:none; transition: all 0.2s linear 0s; text-transform:uppercase; display:block;}

.inner_pge .right_bottom ul li ul li.active a  		{ background-color:#111214; color:#FFF;}
.inner_pge .right_bottom ul li ul li a:hover  		{ background-color:#111214; color:#FFF;}

@media only screen and (max-width: 1023px) {
    .right_bottom ul li ul li, .inner_pge .right_bottom ul li ul li { vertical-align:top;
              height: 17px;}
.right_bottom ul li ul li a	, .inner_pge .right_bottom ul li ul li a		{ line-height:22px;    font-size: 14px;}

			  }

.wp-block-columns.has-2-columns			{     max-width: 830px; margin:0 auto;}
.artikle-page-content img 				{ display:block; margin:97px 0 83px;}
.artikle-page-content .wp-caption img {margin-bottom: 5px;}
.artikle-page-content .wp-caption figcaption {margin: 0 15px 80px;}
.artikle-page-content blockquote, .artikle-page-content blockquote p {font-style: italic; padding: 0 40px; font-size: 26px; text-align: center;}

blockquote.wp-block-quote				{     width: 100%;
    margin: 0 0 73px;
    padding: 0 43px 0 0; border:none;
    text-align: right;
    position: relative;}
blockquote.wp-block-quote:after {
    content: '';
    width: 2px;
    height: 100%;
    display: block;
    background-color: #111214;
    position: absolute;
    right: 0;
    top: -9px;
}

blockquote.wp-block-quote p 		{ font-family: "FuturaPT-Medium", sans-serif;
    font-size: 31px;
    color: #111214;
    letter-spacing: 0.43px;
    margin: 16px 0 31px;
    font-weight: normal;
    line-height: 39px;
    padding: 0;
    text-align: right;
    display: block;}

blockquote.wp-block-quote cite 			{ font-family: "FuturaPTBook", sans-serif;
    font-size: 22px;
    color: #111214;
    letter-spacing: 0;
    width: auto;
    margin: 0;
    line-height: 35px;
    padding: 0;
    text-align: right;
    display: block;}

.post-tag 				{ width:390px;}
.post-tag ul				{ list-style:none; margin:0 0 50px; padding:0; width:100%; }
.post-tag ul li				{ display:inline-block; width:auto; margin:0 6px 0 0; padding:0;position:relative;}
.post-tag ul li	a			{ font-family: "FuturaPT-Medium", sans-serif;
    font-size: 16px;
    color: #363E45;
    letter-spacing: 1.36px;
    margin: 0;
    font-weight: normal;
    line-height: 33px;text-decoration:none; transition: all 0.2s linear 0s;
    padding: 0;
    text-align: left;
    display: block;
}
.post-tag ul li:after 			{ content:','; font-size: 16px;
    color: #363E45;line-height: 33px; display:inline-block; vertical-align:bottom; position:absolute; right:-6px; bottom:0;
    letter-spacing: 1.36px; }
.post-tag ul li	a:hover		{ color:#d62727;}

@media only screen and (max-width: 767px) {
  .artikle-page-content h1, .artikle-page-content h2, .artikle-page-content h3, .artikle-page-content h4 {padding: 0 15px;}
  .artikle-page-content ul {padding: 0 25px;}
}

@media only screen and (max-width: 1023px) {
    blockquote.wp-block-quote			{ padding: 0 33px 0 0;}
	blockquote.wp-block-quote p			{     font-size: 22px;
    line-height: 32px;}
	.wp-block-columns.has-2-columns		{ padding:0 21px;}
.artikle-page-content img			{ margin: 47px 0 53px;}
			  }

@media only screen and (max-width: 767px) {
    .post-tag			{      width: auto;   padding: 0 15px;}
	.artikkeli_cont_top, .artikle-page-content h3 {
    font-size: 27px;
    line-height: 38px;
    margin: 0 0 44px;
}
.artikkeli_cont_top, .artikle-page-content {
    margin: 0 auto 10px;
    padding: 0;
}
blockquote.wp-block-quote p			{     font-size: 21px;
    line-height: 32px;}
.artikkeli_para p, .artikle-page-content p			{ padding: 0 15px 40px;}
.etunimi_cont ul li b				{ font-size: 17px;}

	.right_bottom ul li ul, .inner_pge .right_bottom ul li ul		{ margin:25px auto 35px; border: 1px solid #111214; }
	.right_bottom ul li ul li, .inner_pge .right_bottom ul li ul li {
    vertical-align: top;
    height: auto;    padding: 0;
}
.right_bottom ul li ul li.active a, .right_bottom ul li ul li.active a, .right_bottom ul li ul li a:hover, .right_bottom ul li ul li a:hover {
    background-color: #111214;
    color: #FFF;
}
.right_bottom ul li ul li a, .inner_pge .right_bottom ul li ul li a			{ color: #111214; padding: 6px 0;}




}

.chge_struct 			{ text-align:center;}
.chge_struct a 			{ display:inline-block;}

.grid li a, .grid li img 			{ margin:0;}

.grid li				{ width:43%; margin:0 55px 116px; padding:0;}
.grid				{     margin: 0;
    width: 100%;
    max-width: 100%;}
.overlay_txt1 				{ width: 80%; }
.grid:after					{ content:''; clear:both; display:block;}


@media only screen and (max-width: 1919px) {
	.grid li				{ width:43%; margin:0 40px 100px; padding:0;}
}
@media only screen and (max-width: 1365px) {
	.grid li				{ width:43%; margin:0 30px 90px; padding:0;}
}
	@media only screen and (max-width: 1023px) {
	.grid li				{ width:42%; margin:0 25px 60px; padding:0;}
  .list_cont {
      width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .grid li        { width:100%; margin:0 0 100px; padding:0; position: static !important;}
  .overlay_txt1 {opacity: 1;}
}

.follow_blog ul li 			{ margin:0 15px; width: 22.5% !important; border:none !important; position:relative; height:270px;}
.follow_blog ul 			{ margin:0 -15px;}

@media only screen and (max-width: 1919px) {
	.follow_blog ul li		{     width: 22.1% !important;}
}

@media only screen and (max-width: 1439px) {
	.follow_blog ul li		{     width: 22.1% !important;}
}
@media only screen and (max-width: 1365px) {
	.follow_blog ul li		{     width: 21% !important; height: 230px;}
}
@media only screen and (max-width: 1023px) {
	.follow_blog ul li		{     width: 19.8% !important;}
}
@media only screen and (max-width: 767px) {
	.follow_blog ul li		{     width: 100% !important; margin:0;}
	.follow_blog ul 			{ margin:0;}
}


.insta-overlay {
    box-shadow: none;
    position: absolute;
    background: transparent;
    transition-property: color;
    transition-duration: 0.1s;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    align-items: center;
    display: block;
    transition: all 0.2s linear 0s;
    justify-content: center;
    height: 100%;
    width: 100%;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    transition-duration: 0.3s;     padding: 102px 0;
    transition-property: color, background-color; text-align:center;
}

.insta-overlay img 		 { display:block; margin:0 auto; width:auto; min-height:auto;}
.insta-overlay strong 	 { font-family: "FuturaPTDemi", sans-serif;
    font-size: 22px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 35px;
    padding: 0;
    float: none;
    display: block;
    margin: 20px 0 0;}

.follow_blog ul li a 		{ display:block; height: 100%;}

.follow_blog ul li a:hover .insta-overlay 		{ opacity:1; background-color: rgba(221,0,42,0.64);}
.follow_blog ul li a img {height: 100% !important;}
.follow_blog ul li a .insta-overlay img {height: 20px !important;}

@media only screen and (max-width: 1919px) {
	.insta-overlay			{ padding: 81px 0;}
}
@media only screen and (max-width: 1365px) {
	.insta-overlay			{ padding: 74px 0;}
}
@media only screen and (max-width: 1279px) {
	.insta-overlay strong 			{     font-size: 17px;}
	.insta-overlay {
    padding: 47px 0;
}

}

.refer_anchr a {
  width: 230px;
  height: 72px;
  border: 3px solid #111214;
  font-family: "FuturaPT-Medium", sans-serif;
  font-size: 21px;
  color: #111214;
  letter-spacing: 0.14px;
  line-height: 66px;
  padding: 0;
  display: block;
  margin: 0 auto 50px;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  float: none; }
  @media only screen and (max-width: 1919px) {
    .refer_anchr a {
      width: 220px;
      height: 65px;
      margin: 0 auto 38px;
      line-height: 57px; } }
  @media only screen and (max-width: 1365px) {
    .refer_anchr a {
      width: 218px; } }
  @media only screen and (max-width: 1279px) {
    .refer_anchr a {
      width: 202px;
      height: 55px;
      margin: 0 auto 30px;
      line-height: 47px; } }
  @media only screen and (max-width: 1023px) {
    .refer_anchr a {
      width: 172px;
      height: 50px;
      margin: 0 auto 30px;
      line-height: 43px;
      font-size: 18px; } }

.refer_anchr a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111214;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.refer_anchr a:hover,
.refer_anchr a:focus,
.refer_anchr a:active {
  color: #FFF; }

.refer_anchr a:hover:before,
.refer_anchr a:focus:before,
.refer_anchr a:active:before {
  transform: scale(1); }