.container-wrapper {
  max-width: 1350px;
  left: 50%;
  position: relative;
  transform: translate(-50%);
}

.nso-row {
  background:#e60012;
  transition:background-color 150ms linear;
  position: relative;
}

.parents-row {
  background:#ebebeb;
  transition:background-color 150ms linear;
  margin-top:10px;
}

.parents-row:hover {
  background:rgba(235,235,235,0.7);
  animation:flash 300ms;
  opacity:1;
}

.nso-row:hover {
  background:rgba(230,0,18,0.7);
  animation:flash 300ms;
  opacity:1;
}

.switch-bottom-nso, 
.switch-bottom-parents {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-left: 10px;
  margin-right: 10px;
}

.common-switch-bottom  {
  background: #fff;
	padding: 0 5px;
}

.online-wrap {
  padding:20px;
  position:relative;
}

.online-wrap-parents {
  padding:20px;
  position:relative;
  max-width:430px;
}

.nso-row:before {
  content:" ";
  position:absolute;
  top:0px;
  width:100%;
  height:20px;
  background:rgb(255,255,255);
}

@media (max-width:767px) {
  .nso-row:before {
    content:none;
  }
}

.nso-text {
  color:white;
  padding-right:20px;
}

@media (max-width:960px) {
  .nso-text {
    color:#3c3c3c;
    padding-right:20px;
  }
}

.common-switch-bottom .switch-bottom-parents h3:before {
  content:" ";
  position:absolute;
  width:8px;
  background:#ff773a;
  height:100%;
  left:0;
}

.common-switch-bottom .switch-bottom-nso h3:before {
  content:" ";
  position:absolute;
  width:8px;
  background:white;
  height:100%;
  left:0;
}

@media (max-width:960px) {
  .common-switch-bottom .switch-bottom-nso h3:before {
    content:" ";
    position:absolute;
    width:8px;
    background:rgb(230,0,18);
    height:100%;
    left:0;
  }
}

.common-switch-bottom h3 {
  padding-left:18px;
  position:relative;
  font-size: 24px;
}

.parents-text h3 {
  color:#ff773a;
}

.parents-text p {
  color:#3c3c3c;
}

@media (max-width:960px) {
  .nso-row-text {
    background:white;
    padding: 0 20px;
  }
  .nso-row-image {
    padding-left: 20px;
  }
}

@media (max-width:960px) {
  .parents-row-text {
    background:white;
    padding: 0 20px;
  }
}

@media (max-width:960px) {
  .switch-bottom-nso {
    display:block;
    margin-left:0;
    margin-right:0;
  }
}

@media (max-width:960px) {
  .switch-bottom-parents {
    display:block;
    margin-left:0;
    margin-right:0;
  }
  .online-wrap-parents {
    padding: 12% 1% 0 0;
  }
}

@media (max-width:960px) {
  .nso-row-logo {
   padding: 3% 1% 0 0; 
  }
}

@media (max-width:767px) {
  .nso-row-logo {
   padding: 1% 1% 0 0; 
  }
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}