/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top: 70px;
}

/* .carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
} */
html.mac button.win {
    background: #d1d7d8;
    border-bottom: 4px solid #c6cacb;
    opacity: .5;
}

html.mac button.mac {
    background: #3ac162;
    border-bottom: 4px solid #31a453;
}

html.windows button.win {
    background: #3ac162;
    border-bottom: 4px solid #31a453;
}

html.windows button.mac {
    background: #d1d7d8;
    border-bottom: 4px solid #c6cacb;
    opacity: .5;
}
.headerLogo {
    display: flex;
}
.logoURL:hover{
    text-decoration: none;
}
.navbar-brand {
    padding-top: 0;
    margin-right: 7px;
}
.infoImage iframe {
    margin-bottom: 66px;
}
.textlogo {
    display: grid;
}
.textlogo span:first-child {
    color: #384047;
    font-size: 19px;
    line-height: 19px;
    position: relative;
    font-weight: 600;
    top: 1px;
}
.textlogo span:last-child {
    color: #576366;
    font-weight: 400;
    font-size: 12.5px;
    line-height: 12.5px;
    position: relative;
    letter-spacing: 0.5px;
    bottom: 1px;
    left: 2px;
}
.heder-top {
    height: 70px;
    border-bottom: 2px solid #e1e9ec;
    background: #fff;
}
.navbar-brand{
    padding-top: 0;
}
li.nav-item a {
    font-weight: 700;
    font-size: 16px;
    color: #7b8b8e;
}
a#navbarDropdownLANG {
    width: 184px;
    border: 2px solid #e9f0f3;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 1px;
    color: #384047;
}
li.nav-item.dropdown a img {
    width: 20px;
    margin: 0 14px 0 5px;
}
li.nav-item:last-child {
    margin-right: 0;
}
li.nav-item {
    margin-right: 2rem;
}
.headerTitle h2 {
    color: #7b8b8e;
    font-size: 32px;
    font-weight: 400;
    margin: 0;
}
.headerTitle h1 {
    color: #384047;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 7px;
}
.headerTitle {
    text-align: center;
    margin: 63px 0 50px;
}
.playerInfo h3:last-child {
    line-height: 1;
    color: #384047;
    font-size: 24px;
    margin-bottom: 15px;
}
.playerInfo h3 {
    line-height: 1;
    color: #7b8b8e;
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: -4px;
}
.playerInfo p {
    font-size: 18px;
    color: #576366;
    line-height: 1.3;
}
.playerInfo p a {
    color: #3f8abf;
    font-weight: 600;
    position: relative;
    display: inline-block;
}
.playerInfo p a:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    bottom: 2px;
    height: 1px;
    background: #3f8abf;
}
.playerInfo p span{
  font-weight: 700;
}
button.win img {
    position: relative;
    right: -30px;
    top: -2px;
}
button.win {
    border: 0;
    background: #3ac162;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    width: 264px;
    display: block;
    margin-bottom: 6px;
    padding: 10px 30px 5px 0px;
    font-size: 21px;
    border-radius: 5px;
    color: #fff;
    border-bottom: 4px solid #31a453;
}
button.mac img {
    position: relative;
    right: -30px;
    top: -2px;
}
button.mac {
    border: 0;
    background: #d1d7d8;
    cursor: pointer;
    position: relative;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 600;
    width: 264px;
    display: block;
    padding: 10px 30px 5px 0px;
    font-size: 21px;
    border-radius: 5px;
    color: #fff;
    border-bottom: 4px solid #c6cacb;
}

button.win a,
button.mac a {
  color: #fff;
}
.playerInfo {
    margin-bottom: 30px;
}
.buttons p {
    text-align: center;
    font-size: 16px;
    color: #7b8b8e;
    font-style: italic;
}
p.norton img {
    position: relative;
    bottom: 3px;
}
p.norton {
    line-height: 1;
    color: #384047;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;
}
.headBlock {
    padding-bottom: 65px;
    position: relative;
    display: block;
    border-bottom: 2px solid #e1e9ec;
}
.headBlock:before {
    content: '';
    display: block;
    position: absolute;
    width: 72px;
    bottom: -36px;
    left: 0;
    height: 72px;
    background-repeat: no-repeat;
    background-image: url(../img/arrow.png);
    right: 0;
    margin: auto;
}
.secondBlock h2 {
    text-align: center;
    display: block;
    width: 100%;
    color: #384047;
    font-weight: 600;
    font-size: 32px;
}
.secondBlock {
    background: #f9fafa;
    padding: 50px 0;
    border-bottom: 2px solid #e1e9ec;
    line-height: 1;
}
ul.steps {
    padding: 25px 35px 15px 35px;
    list-style-type: none;
    margin: 0;
}
.dowSteps {
    background: #fff;
    border: 2px solid #e9f0f3;
    border-radius: 5px;
    display: block;
    margin: 40px auto;
    width: 66%;
}
li.step:last-child {
    border-bottom: none;
}
li.step img {
    margin-right: 19px;
    margin-left: 2px;
    position: relative;
    bottom: 1px;
}
li.step span {
    font-weight: 700;
}
li.step a {
    font-weight: 700;
    color: #3f8abf;
    text-decoration: underline;
}
li.step {
    color: #576366;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    padding: 11px 0;
    margin-bottom: 11px;
    border-bottom: 1px solid #e1e9ec;
}
.forPC {
    padding: 55px 55px;
    text-align: center;
    border: 2px solid #e9f0f3;
    border-radius: 5px;
}
.forPC .win {
    margin: auto;
    margin-bottom: 15px;
}
.forPC h3 {
    color: #384047;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
}
.forPC p {
    color: #576366;
    font-size: 18px;
    margin-bottom: 24px;
    line-height: 24px;
}
.forMAC {
    text-align: center;
    padding: 55px 55px;
    border: 2px solid #e9f0f3;
    border-radius: 5px;
}
.forMAC .mac {
    margin: auto;
    margin-bottom: 15px;
}
.forMAC h3 {
    color: #384047;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
}
.forMAC p {
    color: #576366;
    font-size: 18px;
    margin-bottom: 24px;
    line-height: 24px;
}
p.version {
    font-size: 16px;
    color: #7b8b8e;
    margin-bottom: 13px !important;
    margin: 0;
    font-style: italic;
}
.thirdBlock {
    padding: 80px 0 83px 0;
    border-bottom: 2px solid #e1e9ec;
}
.featuresBlock h2 {
    text-align: center;
    display: block;
    width: 100%;
    color: #384047;
    font-weight: 600;
    margin-bottom: 44px;
    font-size: 32px;
}
.featuresBlock{
    padding: 53px 0 43px 0;
    background: #f9fafa;
    border-bottom: 2px solid #e1e9ec;
}
.features {
    padding: 0 0px 0 98px;
}
.singleFeature {
    margin-bottom: 37px;
}
.singleFeature img {
    display: inline-block;
    line-height: 1;
    position: relative;
    margin-right: 15px;
    bottom: 1px;
}
.singleFeature h3 {
    display: inline;
    margin: 0;
    top: 4px;
    font-size: 24px;
    position: relative;
    font-weight: 300;
    color: #576366;
}
.singleFeature h3 span {
    font-weight: 600;
}
.softInfo h2 {
    text-align: center;
    display: block;
    width: 100%;
    color: #384047;
    font-weight: 600;
    margin-bottom: 44px;
    font-size: 32px;
}
.softInfo{
    padding: 53px 0 33px 0;
    /* border-bottom: 2px solid #e1e9ec; */
}
.softInfo .container.bb {
    position: relative;
}
.softInfo .container.bb:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    height: 2px;
    margin: auto;
    right: 0;
    left: 0;
    width: 97.3%;
    background: #f0f2f4;
}
.infoText {
    margin-top: -5px;
}
.infoText p {
    font-size: 18px;
    color: #576366;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 24px;
}
.infoText p:nth-child(4) {
    margin-bottom: 90px;
}
.buttons.info {
    display: inline-block;
    width: 100%;
    margin-bottom: 63px;
}
.buttons.info button {
    display: block;
    width: 47.5%;
    float: left;
}
.buttons.info p {
    display: block;
    width: 52.5%;
    font-size: 16px;
    color: #7b8b8e;
    line-height: 24px;
    margin-top: 7px;
    float: left;
    text-align: left;
    padding-left: 30px;
}
.infoImage img {
    margin-bottom: 72px;
}
.buttons.info button img {
    margin-bottom: 0;
}
.container.instructions {
    padding-top: 62px;
    position: relative;
    padding-bottom: 25px;
}
.instruction h3 {
    font-size: 24px;
    text-align: left;
    color: #384047;
    margin-bottom: 13px;
    font-weight: 600;
}
.instruction ul {
    padding: 0;
    list-style-type: none;
}
.instruction ul li {
    font-size: 18px;
    color: #576366;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 5px;
}
.instruction ul li img:first-child {
    position: relative;
    top: -1px;
}
.instruction ul li span {
    font-weight: 600;
    margin: 0px 0px 0px 7px;
}
.instruction {
    margin-bottom: 50px;
}
.container.instructions .col-lg-6:nth-child(2) .instruction:nth-child(1) {
    margin-bottom: 86px;
}
.instruction p {
    font-size: 18px;
    color: #576366;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 50px;
}
.instruction ul li b {
    font-weight: 600;
    text-decoration: underline;
}
.container.instructions:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    height: 2px;
    margin: auto;
    right: 0;
    left: 0;
    width: 97.3%;
    background: #f0f2f4;
}
footer {
    padding: 10px 0 33px 0;
}
.footerMenu ul {
    list-style-type: none;
    padding: 0;
    float: right;
    display: inline-flex;
}
.footerMenu li {
    padding-top: 6px;
}
.footerMenu li a {
    color: #7b8b8e;
    font-size: 16px;
    font-weight: 700;
    margin-left: 45px;
}
.dropdown-toggle::after{
  position: relative;
  right: -56px;
}
.dropdown-menu.dropdown-menu-right.show {
    border: 2px solid #e9f0f3;
    margin-top: -6px;
    width: 184px;
    padding: 0;
    border-radius: 0px 0px 5px 5px;
}
.dropdown-menu.dropdown-menu-right.show a:hover {
    background: #e9f0f3;
    color: #000;
}
.dropdown-menu.dropdown-menu-right.show a {
    padding: 5px 5px;
    font-size: 14px;
    color: #85999c;
    font-weight: 600;
    border-bottom: 2px solid #e9f0f3;
}
.rounded {
    border-radius: 0;
}
.infoText img.playerPC{
    display: none;
}
iframe.iframemob {
    display: none;
}
.footerLogo img {
    position: relative;
    top: -2px;
    margin-right: 7px;
}

.footerLogo a {
    font-weight: 600;
    color: #3f484a !important;
}
@media (max-width: 480px){
    img.playerPC {
      width: 100%;
    }
    iframe.iframepc {
    display: none;
}
    .playerInfo h3 {
      font-size: 20px;
    }
    .navbar-brand {
      padding-top: 6px;
    }
    .headerTitle h1{
      font-size: 24px;
    }
    .headerTitle h2{
      font-size: 18px;
    }
    .headerTitle {
      margin: 60px 0 30px;
    }
    .rounded {
      margin-bottom: 40px !important;
    }
    .playerInfo {
      text-align: center;
    }
    .buttons p{
        font-size: 16px;
    }
    p.norton {
       line-height: 1.9;
    }
    .playerInfo p {
      font-size: 16px;
      font-weight: 300;
      line-height: 30px;
    }
    .headBlock button.win{
      margin: auto;
    }
    .buttons p {
      margin-top: 10px;
    }
    .btnmac{
      display: none;
    }
    p.norton{
      text-align: center;
    }
    .rate{
      text-align: center;
    }
    .col-lg-6.rate:first-child img {
      margin-bottom: 25px;
    }
    .headBlock{
      padding-bottom: 80px;
    }
    .secondBlock h2{
      font-size: 25px;
    }
    .dowSteps{
      width: 100%;
    }
    ul.steps{
      padding: 15px 10px 0px 10px;
    }
    li.step{
      font-size: 12px;
    }
    li.step img {
      margin-right: 10px;
    }
    .secondBlock{
      padding: 50px 0 15px;
    }
    .thirdBlock {
      display: none;
    }
    .featuresBlock h2{
      font-size: 18px;
    }
    .singleFeature {
      margin-bottom: 15px;
    }
    .singleFeature h3{
      font-size: 15px;
    }
    .features {
      padding: 0 0px 0 0px;
    }
    .singleFeature img{
      bottom: -1px;
    }
    .softInfo h2{
      font-size: 24px;
      padding: 0 30px;
    }
    .buttons.info {
      display: none;
    }
    .infoText img.playerPC {
      margin-bottom: 40px;
      display: block;
    }
    .infoText p:nth-child(4) {
      margin-bottom: 60px;
    }
    .infoImage img.playerPC{
      display: none;
    }
    .instruction h3{
      font-size: 24px;
      padding: 0;
    }
    .container.instructions .col-lg-6:nth-child(2) .instruction:nth-child(1) {
      margin-bottom: 50px;
    }
    .instruction p{
      margin-bottom: 24px;
    }
    .softInfo{
      padding: 53px 0 23px 0;
    }
    .footerLogo {
      text-align: center;
      margin-bottom: 20px;
    }
    .footerMenu ul{
      float: inherit;
      width: 100%;
    }
    .footerMenu li{
      text-align: center;
      width: 100%;
    }
    .footerMenu li a{
      margin: auto;
      font-size: 14px;
    }
    button.navbar-toggler.navbar-toggler-right span {
      display: block;
      height: 3px;
      border-radius: 20px !important;
      margin: 5px 0;
      background: #000;
    }
    .navbar-collapse {
      position: absolute;
      width: 100%;
      margin-left: -15px;
      background: #fff;
      border-bottom: 2px solid #e1e9ec;
      padding: 15px 15px 0 15px;
      top: 70px;
      padding-bottom: 20px;
    }
    .navbar-collapse a#navbarDropdownLANG {
      width: 100%;
    }
    .dropdown-toggle::after {
      position: relative;
      right: 7px;
      top: 10px;
      float: right;
    }
    .dropdown-menu.dropdown-menu-right.show{
      width: 100%;
    }
}
@media (max-width: 1200px){
button.win img {
    position: relative;
    right: -20px;
    top: -2px;
}
button.win {
    width: 205px;
    padding: 10px 30px 5px 10px;
    font-size: 17px;
}
button.mac {
    width: 205px;
    padding: 10px 30px 5px 10px;
    font-size: 17px;
}
button.mac img {
    position: relative;
    right: -20px;
    top: -2px;
}
.rate img {
    transform: scale(0.8);
    left: -25px;
    position: relative;
}
.features {
    padding: 0 0px 0 0px;
}

}
