.help {

          counter-reset: my-badass-counter;

          margin:20px;

          padding-bottom: 20px;

        }

        .help dt {

          position: relative;

          padding: 4px 0 2px 0;

	        color:#387DBA;

        }

        .help dt:before {

          content: counter(my-badass-counter);

          counter-increment: my-badass-counter;

          position: absolute;

          left: 0;

          top: 2px;

        }

        .help dd {

          margin: 0 0 2px 0;

          text-align:justify;

          color:#666666;

        }	

        .help dt, .help dd {

          padding-left: 30px;

        }

        .skyblue {

            background-color: #22c8ff;

        }



        /*.carousel-indicators {

            bottom: 0;

        }

        .carousel-control.right,

        .carousel-control.left {

            background-image: none;

        }

        .carousel-item {

            min-height: 265px; 

            height: 100%;

            width:100%; 

        }

        .carousel-caption h3,

        .carousel .icon-container,

        .carousel-caption button {

            background-color: #09c;

        }

        .carousel-caption h3 {

            padding: .5em;

        }

        .carousel .icon-container {

            display: inline-block;

            font-size: 25px;

            line-height: 25px;

            padding: 1em;

            text-align: center;

            border-radius: 50%;

        }

        .carousel-caption button {

            border-color: #00bfff;

            margin-top: 1em; 

        }*/



        /* Animation delays */

        /*.carousel-caption h3:first-child {

            animation-delay: 1s;

        }

        .carousel-caption h3:nth-child(2) {

            animation-delay: 2s;

        }

        .carousel-caption button {

            animation-delay: 3s;

        }*/

        .login-bar {          

          position: fixed;

          top: 50%;

          left: calc(100% - 40px);

          color:#ffffff;

          background: rgb(189, 135, 65);

          box-shadow: 0 0 12px #6e7c84;

          text-transform: uppercase;

          transform: translate(-50%, -50%) rotate(90deg);

          border: 1px solid #046297;

	        transition: 0.3s;

          padding: 5px 10px;

          margin: 0 25px;

          z-index: 10;

        }

        .login-bar a{

          color:#ffffff;

        }

        .login-bar:hover{

          color:#FFFFFF; 

          padding: 10px 10px;

          background: #046297;

          transition: 0.9s;

          height: 40px;

        }

        .fixed {

          position: fixed;

          z-index: 999999;

          /*top:20%; 

          right:5.5%;

          padding: 5px 10px; 

          font-size: 16px;

           */       

          background: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 135, 65)), to(rgb(189, 135, 65)));

          background: -webkit-linear-gradient(top, rgb(189, 135, 65), rgb(189, 135, 65));

          background: -moz-linear-gradient(top, rgb(189, 135, 65), rgb(189, 135, 65));

          background: -ms-linear-gradient(top, rgb(189, 135, 65), rgb(189, 135, 65));

          background: -o-linear-gradient(top, rgb(189, 135, 65), rgb(189, 135, 65));

          background-color: rgb(189, 135, 65);

          box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px rgb(189, 135, 65);

          -webkit-box-shadow:1px 7px 5px -5px #666, inset 0px 0px 3px rgb(189, 135, 65);

          -moz-box-shadow: 1px 7px 5px -5px #666, inset 0px 0px 3px rgb(189, 135, 65);

          -webkit-border-radius: 9px;

          -moz-border-radius: 9px;

          border-radius: 9px;  

          color: #FFFFFF;

          font-family: Arial;

          text-decoration: none;

          font-weight: bold;

          -webkit-transition: 0s;

          -moz-transition: 0s;

          -o-transition: 0s;

          cursor: pointer;

          border-color: rgb(189, 135, 65);

          }

  

          .fixed1 {

          position: fixed;

          z-index: 999999;

          /*top:20%;

          right:0%;

          padding: 5px 10px;

          font-size: 16px;  */      

          background: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 135, 65)), to(rgb(189, 135, 65)));

          background: -webkit-linear-gradient(top, rgb(189, 135, 65), rgb(189, 135, 65));

          background: -moz-linear-gradient(top, rgb(189, 135, 65), rgb(189, 135, 65));

          background: -ms-linear-gradient(top, rgb(189, 135, 65), rgb(189, 135, 65));

          background: -o-linear-gradient(top, rgb(189, 135, 65), rgb(189, 135, 65));

          background-color: rgb(189, 135, 65);

          box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px rgb(189, 135, 65);

          -webkit-box-shadow:1px 7px 5px -5px #666, inset 0px 0px 3px rgb(189, 135, 65);

          -moz-box-shadow: 1px 7px 5px -5px #666, inset 0px 0px 3px rgb(189, 135, 65);

          -webkit-border-radius: 9px;

          -moz-border-radius: 9px;

          border-radius: 9px;  

          color: #FFFFFF;

          font-family: Arial;

          text-decoration: none;

          font-weight: bold;

          -webkit-transition: 0s;

          -moz-transition: 0s;

          -o-transition: 0s;

          cursor: pointer;

          border-color: rgb(189, 135, 65);

  

          }



        .imp-news{

          font-weight: bold;

          animation-name: impn;

          -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

          animation-duration: 5s;

          -webkit-animation-duration: 5s;

        }

        /* Safari 4.0 - 8.0 */

        @-webkit-keyframes impn {

          from {color: #ffffff;}

          to {color: rgb(189, 135, 65);}

        }



        /* Standard syntax */

        @keyframes impn {

          from {color: #ffffff;}

          to {color: rgb(189, 135, 65);}

        }



        .dropping-texts {

          /*display: inline-block;*/

          text-align: center;

          /*width: 180px;

          height: 36px;*/

          font-size: 1rem; 

          vertical-align: -2px;

          padding-top: 10px;

          padding-bottom: 15px;

        }

        

        .dropping-texts>span{

          /*font-size: 12px;*/

          color:#ffffff;

          font-weight: bold;

        }

        .dropping-texts > span {

          font-size:0px;

          opacity:0;

          margin-left:-30px;

          /*position:absolute;*/

          font-weight:bold;   

          box-shadow: 0px 60px 25px -20px rgba(0,0,0,0.5);

        }

        .dropping-texts > span:nth-child(1) {

          animation: roll 10s linear infinite 0s;

        }

        .dropping-texts > span:nth-child(2) {

          animation: roll 10s linear infinite 3s;

        }

        .dropping-texts > span:nth-child(3) {

          animation: roll 10s linear infinite 5s;

        }

        .dropping-texts > span:nth-child(4) {

          animation: roll2 10s linear infinite 7s;

        } 



        @keyframes roll {

          0% {

            font-size:0px;

            opacity:0;

            margin-left:-30px;

            margin-top:0px;

            transform: rotate(-25deg);

          }

          3% {

            opacity:1;

            transform: rotate(0deg);

          }

          5% {

            font-size:inherit;

            opacity:1;

            margin-left:0px;

            margin-top:0px;

          }

          20% {

            font-size:inherit;

            opacity:1;

            margin-left:0px;

            margin-top:0px;

            transform: rotate(0deg);

          }

          27% {

            font-size:0px;

            opacity:0.5;

            margin-left:20px;

            margin-top:100px;

          }

          100% {

            font-size:0px;

            opacity:0;

            margin-left:-30px;

            margin-top:0px;

            transform: rotate(15deg);

          }

        }



        @keyframes roll2 {

          0% {

            font-size:0px;

            opacity:0;

            margin-left:-30px;

            margin-top:0px;

            transform: rotate(-25deg);

          }

          3% {

            opacity:1;

            transform: rotate(0deg);

          }

          5% {

            font-size:inherit;

            opacity:1;

            margin-left:0px;

            margin-top:0px;

          }

          30% {

            font-size:inherit;

            opacity:1;

            margin-left:0px;

            margin-top:0px;

            transform: rotate(0deg);

          }

          37% {

            font-size:1500px;

            opacity:0;

            margin-left:-1000px;

            margin-top:-800px;

          }

          100% {

            font-size:0px;

            opacity:0;

            margin-left:-30px;

            margin-top:0px;

            transform: rotate(15deg);

          }

        }