.fill:hover,
.fill:focus {
  box-shadow: inset 0 0 0 2em var(--hover);
}

.newspulse:hover,
.newspulse:focus {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes newspulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover) !important;
  }
}

@keyframes newspulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover) !important;
  }
}
.close:hover,
.close:focus {
  box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
}

.raise:hover,
.raise:focus {
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
}

.up:hover,
.up:focus {
  box-shadow: inset 0 -3.25em 0 0 var(--hover);
}

.upfooter{
--color: #e4cb58;
--hover: #28dc82;
 }
 
.upfooter:hover,
.upfooter:focus {
  box-shadow: inset 0 -3.25em 0 0 var(--hover);
}

.slide:hover,
.slide:focus {
  box-shadow: inset 6.5em 0 0 0 var(--hover);
}

.offset {
  box-shadow: 0.3em 0.3em 0 0 var(--color), inset 0.3em 0.3em 0 0 var(--color);
}
.offset:hover, .offset:focus {
  box-shadow: 0 0 0 0 var(--hover), inset 6em 3.5em 0 0 var(--hover);
}

.fill {
  /* --color: #a972cb;
  --hover: #cb72aa; */
 --color: #a0d621;
 --hover: #9172cb;
}

.newspulse {
  --color: #ef6eae;
  --hover: #ef8f6e;
}

.close {
  --color: #ff7f82;
  --hover: #ffdc7f;
}

.raise {
  --color: #ffa260;
  --hover: #e5ff60;
}

.up {
  --color: #e4cb58;
  --hover: #94e458;
}

.slide {
  --color: #8fc866;
  --hover: #66c887;
}

.offset {
  --color: #19bc8b;
  --hover: #1973bc;
}

.navButton button {
  color: var(--color);
  transition: 0.25s;
}
.navButton button:hover, .navButton button:focus {
  border-color: var(--hover);
  color: #fff;
}

.navmenu  {
    background: none;
    border: 2px solid;
    font: inherit;
    line-height: 1;
    margin: 0.5em;
    padding: 1em 2em;
    color: var(--color);
    transition: 0.25s;
}
.nav-bk{
background: #070000;  
background: -webkit-linear-gradient(to right, #070000, #4C0001, #070000);  
background: linear-gradient(to right, #070000, #4C0001, #070000); 

}
.tabs-left>.nav.nav-tabs.padding-32, .tabs-right>.nav.nav-tabs.padding-32
	{
	padding-left: 0;
	padding-top: 32px
}

.nav.nav-tabs.padding-30 {
	padding-left: 30px
}

.tabs-left>.nav.nav-tabs.padding-30, .tabs-right>.nav.nav-tabs.padding-30
	{
	padding-left: 0;
	padding-top: 30px
}

.nav.nav-tabs.padding-28 {
	padding-left: 28px
}

.tabs-left>.nav.nav-tabs.padding-28, .tabs-right>.nav.nav-tabs.padding-28
	{
	padding-left: 0;
	padding-top: 28px
}

.nav.nav-tabs.padding-26 {
	padding-left: 26px
}

.tabs-left>.nav.nav-tabs.padding-26, .tabs-right>.nav.nav-tabs.padding-26
	{
	padding-left: 0;
	padding-top: 26px
}

.nav.nav-tabs.padding-24 {
	padding-left: 24px
}

.tabs-left>.nav.nav-tabs.padding-24, .tabs-right>.nav.nav-tabs.padding-24
	{
	padding-left: 0;
	padding-top: 24px
}

.nav.nav-tabs.padding-22 {
	padding-left: 22px
}

.tabs-left>.nav.nav-tabs.padding-22, .tabs-right>.nav.nav-tabs.padding-22
	{
	padding-left: 0;
	padding-top: 22px
}

.nav.nav-tabs.padding-20 {
	padding-left: 20px
}

.tabs-left>.nav.nav-tabs.padding-20, .tabs-right>.nav.nav-tabs.padding-20
	{
	padding-left: 0;
	padding-top: 20px
}

.nav.nav-tabs.padding-18 {
	padding-left: 18px
}

.tabs-left>.nav.nav-tabs.padding-18, .tabs-right>.nav.nav-tabs.padding-18
	{
	padding-left: 0;
	padding-top: 18px
}

.nav.nav-tabs.padding-16 {
	padding-left: 16px
}

.tabs-left>.nav.nav-tabs.padding-16, .tabs-right>.nav.nav-tabs.padding-16
	{
	padding-left: 0;
	padding-top: 16px
}

.nav.nav-tabs.padding-14 {
	padding-left: 14px
}

.tabs-left>.nav.nav-tabs.padding-14, .tabs-right>.nav.nav-tabs.padding-14
	{
	padding-left: 0;
	padding-top: 14px
}

.nav.nav-tabs.padding-12 {
	padding-left: 12px
}

.tabs-left>.nav.nav-tabs.padding-12, .tabs-right>.nav.nav-tabs.padding-12
	{
	padding-left: 0;
	padding-top: 12px
}

.nav.nav-tabs.padding-10 {
	padding-left: 10px
}

.tabs-left>.nav.nav-tabs.padding-10, .tabs-right>.nav.nav-tabs.padding-10
	{
	padding-left: 0;
	padding-top: 10px
}

.nav.nav-tabs.padding-8 {
	padding-left: 8px
}

.tabs-left>.nav.nav-tabs.padding-8, .tabs-right>.nav.nav-tabs.padding-8
	{
	padding-left: 0;
	padding-top: 8px
}

.nav.nav-tabs.padding-6 {
	padding-left: 6px
}

.tabs-left>.nav.nav-tabs.padding-6, .tabs-right>.nav.nav-tabs.padding-6
	{
	padding-left: 0;
	padding-top: 6px
}

.nav.nav-tabs.padding-4 {
	padding-left: 4px
}

.tabs-left>.nav.nav-tabs.padding-4, .tabs-right>.nav.nav-tabs.padding-4
	{
	padding-left: 0;
	padding-top: 4px
}

.nav.nav-tabs.padding-2 {
	padding-left: 2px
}

.tabs-left>.nav.nav-tabs.padding-2, .tabs-right>.nav.nav-tabs.padding-2
	{
	padding-left: 0;
	padding-top: 2px
}

.nav-tabs {
	border-color: #C5D0DC;
	margin-bottom: 0 !important;
	position: relative;
	top: 1px
}

.nav-tabs>li>a {
	padding: 7px 12px 8px
}

.nav-tabs>li>a, .nav-tabs>li>a:focus {
	border-radius: 0 !important;
	border-color: #C5D0DC;
	background-color: #F9F9F9;
	color: #999;
	margin-right: -1px;
	line-height: 18px;
	position: relative
}

.nav-tabs>li>a:hover {
	background-color: #FFF;
	color: #4C8FBD;
	border-color: #C5D0DC
}

.nav-tabs>li>a:active, .nav-tabs>li>a:focus {
	outline: 0 !important
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
	{
	color: #576373;
	border-color: #C5D0DC #C5D0DC transparent;
	border-top: 2px solid #4C8FBD;
	background-color: #FFF;
	z-index: 1;
	line-height: 18px;
	margin-top: -1px;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .15)
}

.tabs-below>.nav-tabs {
	top: auto;
	margin-bottom: 0;
	margin-top: -1px;
	border-color: #C5D0DC;
	border-bottom-width: 0
}

.tabs-below>.nav-tabs>li>a, .tabs-below>.nav-tabs>li>a:focus,
	.tabs-below>.nav-tabs>li>a:hover {
	border-color: #C5D0DC
}

.tabs-below>.nav-tabs>li.active>a, .tabs-below>.nav-tabs>li.active>a:focus,
	.tabs-below>.nav-tabs>li.active>a:hover {
	border-color: transparent #C5D0DC #C5D0DC;
	border-top-width: 1px;
	border-bottom: 2px solid #4C8FBD;
	margin-top: 0;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15)
}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
	min-width: 60px
}

.tabs-left>.nav-tabs {
	top: auto;
	margin-bottom: 0;
	border-color: #C5D0DC;
	float: left
}

.tabs-left>.nav-tabs>li {
	float: none !important
}

.tabs-left>.nav-tabs>li>a, .tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover
	{
	border-color: #C5D0DC;
	margin: 0 -1px 0 0
}

.tabs-left>.nav-tabs>li.active>a, .tabs-left>.nav-tabs>li.active>a:focus,
	.tabs-left>.nav-tabs>li.active>a:hover {
	border-color: #C5D0DC transparent #C5D0DC #C5D0DC;
	border-top-width: 1px;
	border-left: 2px solid #4C8FBD;
	margin: 0 -1px;
	-webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, .15) !important;
	box-shadow: -2px 0 3px 0 rgba(0, 0, 0, .15) !important
}
.btn-arrow-right,
.btn-arrow-left {
   position: relative;
   padding-left: 15px;
   padding-right: 18px;
}

.btn-arrow-right {
   padding-left: 36px;
}

.btn-arrow-left {
   padding-right: 36px;
}

.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after {
   /* make two squares (before and after), looking similar to the button */
   
   content: "";
   position: absolute;
   top: 5px;
   /* move it down because of rounded corners */
   
   width: 22px;
   /* same as height */
   
   height: 22px;
   /* button_outer_height / sqrt(2) */
   
   background: inherit;
   /* use parent background */
   
   border: inherit;
   /* use parent border */
   
   border-left-color: transparent;
   /* hide left border */
   
   border-bottom-color: transparent;
   /* hide bottom border */
   
   border-radius: 0px 4px 0px 0px;
   /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
   
   -webkit-border-radius: 0px 4px 0px 0px;
   -moz-border-radius: 0px 4px 0px 0px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
   transform: rotate(45deg);
   /* rotate right arrow squares 45 deg to point right */
   
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

.btn-arrow-left:before,
.btn-arrow-left:after {
   transform: rotate(225deg);
   /* rotate left arrow squares 225 deg to point left */
   
   -webkit-transform: rotate(225deg);
   -moz-transform: rotate(225deg);
   -o-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before {
   /* align the "before" square to the left */
   
   left: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:after {
   /* align the "after" square to the right */
   
   right: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:before {
   /* bring arrow pointers to front */
   
   z-index: 1;
}

.btn-arrow-right:before,
.btn-arrow-left:after {
   /* hide arrow tails background */
   
   background-color: white;
}

a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
.doctab .nav-tabs{
    border: none;
    margin-bottom: 20px;
}
.doctab .nav-tabs li a{
    margin-right: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #5d001e;
    border: 1px solid #5d001e;
    border-radius: 0;
    box-shadow: 5px 5px 0 0 #fcca89;
    position: relative;
    transition: all 0.5s ease 0s;
}
.doctab .nav-tabs li a:hover,
.doctab .nav-tabs li.active a{
    color: #5d001e;
    background: #fff;
    border: 1px solid #5d001e;
    box-shadow: -5px -5px 0 0 #fcca89;
}
.doctab .tab-content{
    padding: 20px;
    background: #fcca89;
    box-shadow: 5px 5px 0 0 #5d001e;
    border: 1px solid #5d001e;
    font-size: 15px;
    color: #5d001e;
    line-height: 25px;
    letter-spacing: 1px;
}
.doctab .tab-content h3{
    font-size: 24px;
    margin-top: 0;
}
@media only screen and (max-width: 479px){
    .doctab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
}