/* ==========================================================================
    Fonts
========================================================================== */    

@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Thin.otf'), url('../fonts/ie/NokianTyresSans-Thin.eot');
    font-weight: 200;
}
@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Light.otf'), url('../fonts/ie/NokianTyresSans-Light.eot');
    font-weight: 300;
}
@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Regular.otf'), url('../fonts/ie/NokianTyresSans-Regular.eot');
    font-weight: 400;
}
@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Medium.otf'), url('../fonts/ie/NokianTyresSans-Medium.eot');
    font-weight: 500;
}
@font-face {
    font-family: "Nokian Tyres Sans";
    src: url('../fonts/NokianTyresSans-Bold.otf'), url('../fonts/ie/NokianTyresSans-Bold.eot');
    font-weight: 700;
}
@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-Regular.ttf');
    font-weight: 400;
}

/* ==========================================================================
    Author's custom styles
========================================================================== */

.no-js #loader { 
    display: none;  
}
.js #loader { 
    display: block; 
    position: absolute; 
    left: 100px; 
    top: 0; 
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    /* background: url(/wp-content/uploads/2017/08/Preloader_11.gif) center no-repeat #fff; */
    background-color: #fff;
}

.spinner {
  position: absolute;
  left: 0; 
  right: 0;
  top: 0;
  bottom: 0;
  width: 45px;
  height: 45px;
  margin: auto;
  background-color: #51b848;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
   @media screen and (min-width:1921px) {
    .second-section, .fourth-section, .section-win-tyres {
        background-size: cover;
    }
   }
    
    @-webkit-keyframes scroll-inner {
        0% {
            margin-top: 20%;
            opacity: 1;
        }
        90% {
            margin-top: 60%;
            opacity: 0;
        }
        100% {
            margin-top: 20%;
            opacity: 0;
        }
    }
    
    @keyframes scroll-inner {
        0% {
            margin-top: 20%;
            opacity: 1;
        }
        90% {
            margin-top: 60%;
            opacity: 0;
        }
        100% {
            margin-top: 20%;
            opacity: 0;
        }
    }
    
    .mouse-container {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        display: block;
        height: 100px;
    }
    
    .mouse {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 30px;
        height: 50px;
        border: solid 2px #fff;
        border-radius: 20px;
        opacity: .4;
    }
    
    .mouse .scroll-down {
        display: block;
        width: 5px;
        height: 5px;
        background: #fff;
        border-radius: 50%;
        margin: 15% auto auto auto;
        -webkit-animation: scroll-inner 1.5s;
        animation: scroll-inner 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
    }
    
    .scroll {
        font-size: 12px;
        opacity: .5;
        text-align: center;
        color: #fff;
    }
    
    .hidden {
        opacity: 1;
    }
    
    .visible {
        opacity: 1;
    }
    
    a {
        transition: all 0.2s ease-in-out;
    }

.cta-float{
  position:fixed;
  top:200px;
  z-index:999;
  width:240px;
  text-align:center;
  right:-97px;
  background-color:#51b848;
  -webkit-font-smoothing: antialiased;
 -webkit-transform: perspective(1px) rotate(90deg);
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
        transform: perspective(1px) rotate(90deg);
  box-shadow:1px 1px 7px rgba(0,0,0,0.15);
  transition:all 0.5s;
}
.cta-float a{
  color:#fff;
  padding:13px 25px;
  display:inline-block;
  font-size:15px;
  font-weight:400;
}
.cta-float:hover{
  background-color:#fff;
}
.cta-float a:hover{
  color:#51b848;
  text-decoration:none;
}
    @media screen and (max-width:1400px) {
        .hide-video {
            display: none;
        }
        .header-video {
            width: auto !important;
            height: auto !important;
        }
        .header-video video {
            display: none;
        }
        .content-video video {
            display: none;
        }
        .content-mobile-img {
            display: block;
        }
        .first-section {
            position: relative !important;
            background-image: url(../img/mobile-header.jpg);
            min-height: 800px;
            background-position: top center;
            background-repeat: no-repeat;
            width: 100%;
            background-size: cover;
        }
    }
    
    .touch .header-video {
        width: auto !important;
        height: auto !important;
    }
    
    .touch .header-video video {
        display: none;
    }
    
    .touch .content-video video {
        display: none;
    }
    
    .touch .content-mobile-img {
        display: block;
    }
    
    .touch .first-section {
        position: relative;
        background-image: url(../img/mobile-header.jpg);
        min-height: 800px;
        background-position: top center;
        background-repeat: no-repeat;
        width: 100%;
    }
    
    img {
        max-width: 100%;
    }
    
    .header-video {
        position: relative;
        overflow: hidden;
        max-width: 100% !important;
    }
    
    .header-video iframe,
    .header-video video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .header-video iframe {
        height: 100%;
        width: 100%;
        z-index: 9;
    }
    
    .header-video video {
        width: 100%;
    }
    
    .header-video__teaser-video {
        width: 100%;
        height: auto;
    }
    
    .header-video__media {
        width: 100%;
        height: auto;
    }
    
    .header-video__play-trigger {}
    
    .header-video__close-trigger {
        z-index: 999;
        position: absolute;
        top: 30px;
        right: 30px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
    }
    
    .content-video {
        position: relative;
        overflow: hidden;
        background-color: #fff;
        max-width: 100% !important;
    }
    
    .content-video iframe,
    .content-video video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .content-video iframe {
        height: 100%;
        width: 50%;
        z-index: 9;
        -webkit-animation-name: example;
        /* Chrome, Safari, Opera */
        -webkit-animation-duration: 3s;
        /* Chrome, Safari, Opera */
        animation-name: example;
        animation-duration: 3s;
        -webkit-animation-delay: 2s;
        /* Chrome, Safari, Opera */
        animation-delay: 2s;
        animation-fill-mode: forwards;
    }
    /* Chrome, Safari, Opera */
    
    @-webkit-keyframes example {
        from {
            width: 50%;
        }
        to {
            width: 100%;
        }
    }
    /* Standard syntax */
    
    @keyframes example {
        from {
            width: 50%;
        }
        to {
            width: 100%;
        }
    }
    
    .content-video video {
        width: 50%;
    }
    
    .content-video__teaser-video {
        width: 100%;
        height: auto;
    }
    
    .content-video__media {
        width: 50%;
        height: auto;
    }
    
    .content-video__play-trigger {
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-75%, -50%);
        z-index: 9;
        text-align: center;
    }
    
    .content-video__play-trigger:hover {
        opacity: 0.7;
    }
    
    .content-video__close-trigger {
        z-index: 999;
        position: absolute;
        top: 30px;
        right: 30px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
    }
    
    #videoheader header .header-top {
        position: absolute;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 3;
        padding: 10px 0;
    }
    
    #videoheader header .header-top .wrap {
        max-width: 1170px;
        margin: 0 auto;
    }
    
    body {
        padding: 0;
        display: none;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        overflow-x: hidden;
        font-weight: 400;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: "Nokian Tyres Sans", sans-serif;
        letter-spacing: 0.1em;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        margin: 0;
    }
    
    h2 {
        color: white;
        font-size: 40px;
        margin-bottom: 20px;
    }
    
    p {
        color: #333d48;
    }
    
    .extra-links {
        margin-top: 28px;
        float: right;
    }
    
    .extra-links a {
        font-weight: 600;
        color: white;
        display:none;
    }
    
    .section-padding {
        padding: 85px 0;
    }
    
    .first-section {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
    }
    
    .first-section .logo {
        padding-top: 20px;
        background: transparent;
        float: left;
    }

    .first-section .logo img {
        max-width: 140px;
        width: 100%;
        height: auto;
    }
    
    .first-section .heading {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    #second-video-mobile {
        display: none;
    }
    
    .first-section .heading h1 {
        font-size: 34px;
        color: white;
        text-transform: uppercase;
    }
    
    .first-section .heading p {
        color: #fff;
        font-size: 20px;
        max-width:1100px;
        margin:0 auto;
    }
    
    .first-section .heading .watch-video {
        border: 1px solid #fff;
        padding: 15px 45px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        display: inline-block;
        margin-top: 50px;
        transition: all 0.2s ease-in-out;
    }
    
    .first-section .heading .watch-video:hover {
        text-decoration: none;
        background-color: #fff;
        color: rgba(0, 0, 0, 0.5);
    }
    
    .first-section .green-button {
        font-weight: 600;
        margin: 30px 0 0 0;
    }
    
    .second-section {
        position: relative;
        padding-top: 75px;
        background-image: url(../img/tyres-bg.jpg);
        /* min-height: 1080px; */
        background-position: bottom center;
        background-repeat: no-repeat;
        width: 100%;
        background-color: #e6eaf0;
    }
    
    .second-section .meet-us-item {
        margin-bottom: 2em;
    }
    
    .second-section h2 {
        color: #51b848;
        margin-bottom: 1em;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
    }
    
    .second-section p {
        font-size: 18px;
        color: #000;
        opacity: .5;
        text-align: center;
        margin-bottom: 25px;
    }
    
    .second-section .hkpl-wrap {
        text-align: center;
        max-width: 1000px;
        margin: 0 auto;
        margin-top: 100px;
    }
    
    .second-section .hkpl-wrap p {
        opacity: .3;
    }
    
    .second-section .hkpl {
        float: left;
        margin-bottom: -220px;
    }
    
    .second-section .hkpl-9-suv {
        margin-right: -100px;
        margin-left: 100px;
    }
    
    .third-section .video-text {
        width: 50%;
        position: absolute;
        top: 50%;
        left: 70%;
        transform: translate(-20%, -50%);
        z-index: 9;
    }
    
    .third-section .video-text h2 {
        color: #51b848;
        font-size: 24px;
        max-width: 60%;
        font-weight: 700;
        margin-bottom: 1em;
    }
    
    .third-section .video-text p {
        font-size: 18px;
        color: #000;
        opacity: .5;
        max-width: 60%;
        margin-bottom: 25px;
    }
    
    .video-btn {
        color: #fff;
        font-weight: 700;
        margin-top: 20px;
        text-transform: uppercase;
        font-size: 18px;
    }

    /* tyre image */
    .hkpl-image {
      margin: 100px 25px 0px 25px;
    }
    .hkpl-image img {
      display: block; 
      margin: 0 auto;
    }
    
    .content-video__play-trigger:hover {
        text-decoration: none;
    }
    
    .solution-wrap {
        height: 540px;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    .solution {
        background-image: url(../img/solution.jpg);
        position: absolute;
        height: 100%;
        width: 100%;
        -moz-transition: all 1.1s;
        -webkit-transition: all 1.1s;
        transition: all 1.1s;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    
    .solution .solution-txt {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .solution .solution-txt h3 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    .handling-consumption h3 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    
    .handling-consumption .wrap {
        height: 540px;
        width: 50%;
        overflow: hidden;
        position: relative;
        float: left;
    }
    
    .handling-consumption .handling {
        background-image: url(../img/handling.jpg);
        position: absolute;
        height: 100%;
        width: 100%;
        -moz-transition: all 1.1s;
        -webkit-transition: all 1.1s;
        transition: all 1.1s;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        background-position-x: center;
    }
    
    .handling-consumption .consumption {
        background-image: url(../img/consumption.jpg);
        position: absolute;
        height: 100%;
        width: 100%;
        -moz-transition: all 1.1s;
        -webkit-transition: all 1.1s;
        transition: all 1.1s;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    
    .solution:hover,
    .handling:hover,
    .consumption:hover {
        -moz-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }
    .button-searchtyres, .button-wintyres {
        display: table;
        margin: 0 auto;
        background-color: #50b848;
        color: #fff;
        border: none;
        padding: 20px 30px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        opacity: 1;
        transition: all 0.2s ease-in-out;
    }
    .button-searchtyres:hover, .button-searchtyres:active,
    .button-wintyres:hover, .button-wintyres:active {
        color: #fff;
        text-decoration: none;
        opacity: 0.8;
    }
    .fourth-section {
        padding: 100px 0;
        background-image: url(../img/range-bg.jpg);
        background-color: #f7f7f7;
        //min-height: 1620px;
        background-position: bottom center;
        background-repeat: no-repeat;
    }
.fourth-section .container, .fourth-section .news{
    display:none;
}
.fourth-section .container.subscribe{
  display:block;
}
    .fourth-section.ru{
        min-height: 1220px;
        display: none;
    }
    
    .fourth-section h2 {
        color: #51b848;
        font-weight: 700;
        font-size: 24px;
        text-transform: uppercase;
        text-align: center;
        line-height: 0.9em;
        margin-bottom: 30px;
    }
    
    .fourth-section .desc {
        text-align: center;
        font-size: 18px;
        opacity: .6;
        color: #000;
    }
    
    .fourth-section h3 {
        color: #4fb547;
        font-weight: 700;
        margin-top: 20px;
        font-size: 36px;
    }
    
    .fourth-section .green-button {
        background-color: rgba(255, 255, 255, 0);
        border: 1px solid #51b848;
        color: #51b848;
        margin: 15px 0;
    }
    
    .fourth-section .green-button:hover {
        background-color: #51b848;
    }
    
    .fourth-section .ui-tabs-nav {
        margin: 0 auto;
        max-width: 600px;
        list-style-type: none;
        padding: 50px 0;
        text-align: center;
    }
    
    .fourth-section .ui-tabs-nav li {
        display: inline-block;
    }
    
    .fourth-section .ui-tabs-nav a {
        display: inline-block;
        padding: 10px 15px;
        border: 1px solid #ccc;
        text-transform: uppercase;
        color: #22272d;
        opacity: .6;
        font-weight: 700;
        min-width: 217px;
    }
    
    .fourth-section .ui-tabs-nav a.left {
        border-right: none;
        margin-right: -5px;
    }
    
    .fourth-section .ui-tabs-nav a.right {
        border-left: none;
    }
    
    .fourth-section .ui-tabs-nav a:hover {
        text-decoration: none;
    }
    
    .fourth-section .ui-tabs-nav a:focus {
        outline: 0;
        text-decoration: none;
    }
    
    .fourth-section .ui-state-active a {
        background-color: #51b848;
        border-color: #51b848;
        color: #fff;
        opacity: 1;
    }
    
    .fourth-section .tabs-content {
        background-color: #fff;
    }
    
    .fourth-section .tabs-content .head-line {
        text-align: center;
        padding: 30px 30px 0 30px;
    }
    
    .fourth-section .tabs-content .head-line h3 {
        font-size: 18px;
    }
    
    .fourth-section .tabs-content .head-line p {
        text-transform: uppercase;
        opacity: .5;
    }
    
    .fourth-section .tabs-content .row {
        padding: 70px;
    }
    
    .fourth-section .tabs-content ul {
        padding: 0;
        list-style-type: none;
        margin-bottom: 0;
    }
    
    .fourth-section .tabs-content li {
        margin-bottom: 5px;
    }
    
    .fourth-section .tabs-content .light {
        margin-left: 10px;
        opacity: .5;
    }

    .show-more {
        display: none;
        }
    
    .small-green-text {
        font-size: 28px;
        color: #51b848;
        text-align: center;
        text-transform: uppercase;
        margin-top: 25px;
    }
    
    .fourth-section p {
        font-size: 18px;
    }
    
    .fourth-section img.right {
        float: right;
    }
    
    .fourth-section .first-article {
        margin-bottom: 8em;
    }
    
    .fourth-section .subscribe {
        text-align: center;
        margin-top: 100px;
    }
    
    .fourth-section .subscribe h3 {
        text-transform: uppercase;
        color: #000;
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .fourth-section .subscribe p {
        color: #50b848;
        font-size: 18px;
    }
    .news{
        text-align: center;
        margin-top: 100px;
        padding: 0 15px;
    }
    .news p{
        color: #000;
        opacity: 1;
        font-weight: 700;
    }
    .news p:first-child{
        text-transform: uppercase;
    }
    .news a{
        color: #50b848;
        font-weight: 700;
    }
    
    .news a:hover {
        text-decoration: none;
        color: #50b848;
        opacity: 1;
    }

    /* Win tyres section */
    .section-win-tyres {
      background-image: url('../img/nokiantyres_snowteksture05.jpg'); /* url(../img/range-bg.jpg); */
      background-position: center center;
      background-size: cover;
      padding: 100px 0;
      text-align: center;
    }
    .section-win-tyres h2 {
      display: block;
      margin: 0 auto 1em auto;
      color: #51b848;
      font-size: 24px;
      max-width: 60%;
      font-weight: 700;
      margin-bottom: 1em;
    }
    .section-win-tyres p {
        font-size: 18px;
        color: #000;
        opacity: .5;
        margin-bottom: 25px;
    }
    
    .green-bg {
        background-color: #50b848;
        padding: 100px 0;
    }
    
    .green-bg p {
        color: #fff;
        font-size: 14px;
    }
    /* FOOTER */
    
    footer {
        background-color: #f9f9f9;
        padding: 70px 0;
        text-align: center;
    }
    
    footer .footer-row {
        margin-bottom: 40px;
    }
    
    footer .footer-row:first-child {
        font-size: 14px;
    }
    
    footer p {
        font-size: 12px;
        color: #000;
        opacity: .5;
        margin-bottom: 0;
    }
    
    footer a:first-child {
        padding-left: 0;
    }
    
    footer a img {
        opacity: .3;
        height: 24px;
        padding-left: 10px;
    }
    
    footer a:hover img {
        opacity: .5;
    }
    
    footer a.link {
        font-weight: 700;
        color: #000;
    }
    
    footer a.link:hover {
        text-decoration: none;
        color: #000;
        opacity: .7;
    }
    
    .dropdown {
        margin: 0 0 0 35px;
        float: right;
    }
    
    .dropdown-menu {
        margin: 2px 0px 0px -138px;
        min-width: 182px;
        right: 0;
    }
    
    .dropdown-button {
        background: transparent;
        font-weight: 600;
        color: white;
        border: 0;
        padding: 0;
    }
    
    .dropdown-button:focus {
        outline: 0;
    }
    
    .language-switcher:after {
        height: 8px;
        content: "";
        background: url(../img/arrow-down-transparent.png)no-repeat;
        display: inline-block;
        width: 13px;
        margin-left: 0.6em;
    }
    
    .no-left-padding {
        padding-left: 0;
    }
    
    form .name {
        display: none;
    }
    
    form {
        margin-top: 80px;
    }
    
    form input {
        padding: 20px 20px;
        border: none;
        margin-right: -5px;
        width: 400px;
        color: rgba(78, 82, 86, 0.7);
        font-size: 14px;
    }
    
    form input:focus {
        outline-color: #50b848;
    }
    
    form .btnWrap button {
        background-color: #50b848;
        color: #fff;
        border: none;
        padding: 20px 30px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        opacity: 1;
        transition: all 0.2s ease-in-out;
    }
    
    form .btnWrap button:hover {
        opacity: .8;
    }
    
    @media screen and (max-width: 1400px) {
        .mobile-play {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .first-section .heading {
            padding: 0 0;
        }
        .second-section h2 {
            font-size: 35px;
        }
        #second-video {
            display: none;
        }
        #second-video-mobile {
            display: block !important;
            padding-bottom: 30px;
            position: relative;
        }
        #second-video-mobile .video-text {
            width: 100%;
            position: relative;
            top: 0;
            left: 0;
            transform: translate(0%, 0%);
            padding: 0 30px;
            margin-top: 40px;
            ;
        }
        .third-section .video-text h2,
        .third-section .video-text p {
            max-width: 100% !important;
        }
    }
    
    @media screen and (max-width: 991px) {
        .first-section .heading {
            padding: 100px 10px 0 10px;
        }
        .hide-video {
            display: none;
        }
        footer h2 {
            font-size: 36px;
        }
        .fourth-section img.right {
            margin-top: 30px;
        }
        .handling-consumption .wrap {
            width: 100%;
        }
        .green-bg .col-sm-12 {
            text-align: center;
            margin-bottom: 40px;
        }
      h1, p{
        padding-right:45px;
      }
    }
    
    @media screen and (max-width: 990px) {
        .first-section .heading p {
            font-size: 20px;
        }
        .second-section .hkpl-wrap {
            max-width: 700px;
        }
        .second-section .hkpl {
            margin-bottom: -200px;
            max-width: 40%;
        }
        .second-section .hkpl-9-suv {
            margin-right: -50px;
        }
    }
    
    @media screen and (max-width: 767px) {
        .second-section .hkpl {
            margin-bottom: -100px;
        }
        .second-section .hkpl-9-suv {
            margin-right: 0;
            margin-left: 50px;
        }
        .handling-consumption .handling,
        .handling-consumption .consumption {
            width: 100%;
        }
        .show-hide{
        display: none;
        }
        .show-more {
        display: inline-block;
        color: #51b848;
        font-size: 16px;
        text-transform: uppercase;
        margin: 20px auto;
        cursor: pointer;
        padding-left: 15px;
        }

        .show-more:hover,
        .show-more:focus {
            color: #51b848;
            text-decoration: none;
        }
        .show-more:after{
            content: url(../img/arrowhead-down-green.png);
            height: 13px;
            width: 17px;
        }
        .show-more.arrow:after{
            content: url(../img/arrowhead-up-green.png);
            height: 13px;
            width: 17px;
        }

        .show-hide-2{
        display: none;
        }
        .show-more-2 {
        display: inline-block;
        color: #51b848;
        font-size: 16px;
        text-transform: uppercase;
        margin: 20px auto;
        cursor: pointer;
        padding-left: 15px;
        }

        .show-more-2:hover,
        .show-more-2:focus {
            color: #51b848;
            text-decoration: none;
        }
        .show-more-2:after{
            content: url(../img/arrowhead-down-green.png);
            height: 13px;
            width: 17px;
        }
        .show-more-2.arrow:after{
            content: url(../img/arrowhead-up-green.png);
            height: 13px;
            width: 17px;
        }
        .extra-links a {
            display: none;
            margin-bottom: 10px;
        }
    }
    
    @media screen and (max-width: 600px) {
        .fourth-section {
            padding: 50px 0;
        }
        .fourth-section .users-column-image {
            padding: 235px 0 0 0;
        }
        .fourth-section .users-column-image-2 {
            padding: 235px 0 0 0;
        }
        .seventh-section {
            padding: 13em 0 11em 0;
        }
        .no-left-padding {
            padding-left: 15px;
        }
        .mobile-margin {
            margin-bottom: 5em;
        }
        #tabs ul li {
            margin: 0;
        }
        .third-section .absolute-pos-text {
            top: 15%;
        }
        .third-section .bsd {
            display: none;
        }
    }
    
    @media screen and (max-width: 540px) {
        .container {
            padding-left: 20px;
            padding-right: 20px;
        }
        .first-section .heading h1 {
            font-size: 32px;
        }
        .first-section .heading p {
            font-size: 17px;
        }
        .third-section .video-text p {
            font-size: 18px;
        }
        .green-bg {
            text-align: center;
        }
        .green-bg img {
            margin-bottom: 20px;
        }
        footer {
            text-align: center;
        }
        footer .col-sm-3 {
            margin-bottom: 30px;
        }
    }
    
    @media screen and (max-width: 500px) {
        .first-section .heading {
            padding: 50px 0 0 0;
        }
        form input {
            width: 300px;
        }
    }
    
    @media screen and (max-width: 441px) {
        .second-section .hkpl-9-suv {
            margin-left: 40px;
        }
        .fourth-section .ui-tabs-nav a.left {
            border-right: 1px solid #ccc;
            margin-right: 0;
        }
        .fourth-section .ui-tabs-nav a.right {
            border-left: 1px solid #ccc;
        }
    }
    
    @media screen and (min-width: 601px) and (max-width: 991px) {
        .third-section .absolute-pos-text {
            top: 15%;
        }
        .third-section .bsd {
            display: none;
        }
        .fourth-section {
            padding: 100px 15px;
        }
        .first-article .col-md-3,
        .first-article .col-md-6 {
            padding-left: 0;
        }
        .second-article .col-md-3,
        .second-article .col-md-6 {
            padding-left: 0;
        }
        .first-article h3.mobile-header {
            margin-top: 1em;
        }
        /* Header video */