label[for="slider"]{display:none;}
        .customSlider {
          opacity: 0;
          display: none;
        }
        .customSlider + label {
          position: relative;
          top: 35px;
          left: 15px;
          cursor: pointer;
        }
        .customSlider + label:before, 
        .customSlider + label:after {
          background: #FFFFFF;
          position: absolute;
          content: '';
        }
        .customSlider + label:before {
          top: -90px;
          left: -60px;
          width: 80px;
          height: 40px;
          background: #ccc;
          border-radius: 20px;
          -webkit-transition: background .75s;
          transition: background .75s;
        }
        .customSlider + label:after {
          height: 34px;
          width: 34px;
          top: -87px;
          left: -55px;
          border-radius: 50%;
          -webkit-transition: all .5s;
          transition: all .5s;
        }
        .customSlider:checked + label:after {
          height: 34px;
          width: 34px;
          top: -87px;
          left: -19px;
          border-radius: 50%;
        }
        .customSlider:checked ~ .wrapper {
          color: #fff;
          -webkit-transition: background .6s ease;
          transition: background .6s ease;
          background: none;
        }
        .customSlider:checked ~ .wrapper .top-icons i {
          color: #fff;
        }
        .customSlider:checked ~ .wrapper .user .name {
          color: #FDFEFF;
        }
        .customSlider:checked ~ .wrapper .user .title {
          color: #7C8097;
        }
        .customSlider:checked ~ .wrapper .user .description {
          color: #FDFEFF;
        }
        .customSlider:checked ~ .wrapper .icon h4 {
          color: #FFFFFF;
        }
        .customSlider:checked ~ .wrapper .icon p {
          color: #666B7D;
        }

        .wrapper {
          margin:0 auto;
          width: 320px;
          height: 440px;
          background: #FDFEFF;
          -webkit-transition: background .6s ease;
          transition: background .6s ease;
          border-radius: 10px;
          padding: 20px 20px 20px 20px;
          /*box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);*/
        }
        .wrapper .top-icons i {
          color: #080911;
        }
        .wrapper .top-icons i:nth-of-type(1) {
          float: left;
        }
        .wrapper .top-icons i:nth-of-type(2) {
          float: right;
        }
        .wrapper .top-icons i:nth-of-type(3) {
          float: right;
          padding-right: .8em;
        }
        .wrapper .user {
          margin-top: 2.2em;
          position: relative;
          border-bottom: solid 1px #0000006b;
        }
        .wrapper .user:after {
          width: 100%;
          height: 1px;
          content: ' ';
          display: block;
          margin-top: 1.3em;
          background: #2a90e214;
        }
        .wrapper .user .check {
          margin:-2px;
        }
        .wrapper .user .check  {
          width: 20px;
          height: 20px;
          font-size: 8px;
          line-height: 18px;
          text-align: center;
          border-radius: 100%;
          color: rgb(42 144 226);
          fill: currentcolor;
        }
        .wrapper .user .thumbnail {

          width: 124px;
          height: 124px;
          display: -webkit-box;
          display: flex;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 1.5em;
          border-radius: 100%;
          box-shadow: 0 13px 26px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
        }
        .wrapper .user .name {
          color: #2D354A;
          font-size: 24px;
          font-weight: 600;
          text-align: center;
        }
        .wrapper .user .title {
          color: #7C8097;
          font-size: .75em;
          font-weight: 300;
          text-align: center;
          padding-top: .5em;
          padding-bottom: .7em;
          letter-spacing: 1.5px;
          text-transform: uppercase;
        }
        .wrapper .user .description {
          color: #080911;
          font-size: 14px;
          font-weight: 300;
          text-align: center;
          margin-bottom: 1.3em;
        }
        .wrapper .user .btn {
          color: #fff;
          width: 130px;
          height: 42px;
          outline: none;
          border: none;
          display: block;
          cursor: pointer;
          font-weight: 300;
          margin-left: auto;
          margin-right: auto;
          border-radius: 70px;
          box-shadow: 0 13px 26px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.16);
          background: -webkit-gradient(linear, left top, right bottom, from(#6452E9), to(#639FF9));
            background: linear-gradient(to bottom right, #6452E9, #639FF9);
        }
        .wrapper .social-icons2 {
          display: -webkit-box;
          display: flex;
          margin-top: 1.2em;
          -webkit-box-pack: justify;
                  justify-content: space-between;
        }
        .wrapper .social-icons2 .icon {
          display: -webkit-box;
          display: flex;
          -webkit-box-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
        }
        .wrapper .social-icons2 .icon a {
          color: #fff;
          width: 60px;
          height: 60px;
          font-size: 32px;
          line-height: 60px;
          text-align: center;
          border-radius: 30px;
          box-shadow: 0 13px 26px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
        }
        .wrapper .social-icons2 .icon:nth-of-type(1) a {
          background: linear-gradient(to bottom, #fc0000, #dd0301);
        }
        .wrapper .social-icons2 .icon:nth-of-type(1) a i{
          margin-top: 15px;
        }
        .wrapper .social-icons2 .icon:nth-of-type(2) a {
          background: linear-gradient(to bottom right, #9100ff, #ff0099, #fbff00);
        }
        .wrapper .social-icons2 .icon:nth-of-type(2) a i{
          margin-top: 14.5px;
        }
        .wrapper .social-icons2 .icon:nth-of-type(3) a {
          background: linear-gradient(to bottom right, #39383a, #000000);
        }
        
        .wrapper .social-icons2 .icon h4 {
          color: #080911;
          font-size: 1em;
          margin-top: 1.3em;
          margin-bottom: .2em;
        }
        .wrapper .social-icons2 .icon p {
          color: #666B7D;
          font-size: 12px;
        } 
        @media screen and (min-width:970px) { 
			.wrapper {position: fixed; }
		}
		@media screen and (max-width:750px) { 
			.wrapper {width: auto; }
		}
		.news strong{color:green;}