.logo-header {
	margin-top: -42px;
	width: 100px;
	height: 50px;
}
.footer-end {
    background-color: #000;
    color: #fff;
    padding: 20px 50px;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
}

.footer-row {
	margin-top: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-column {
    flex: 1;
    margin: 10px;
}

.footer-column h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}

.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li {
    margin-bottom: 10px;
    color: #ddd;
}

.footer-column ul li a {
    color: #ddd;
    text-decoration: none;
}

.footer-column ul li i {
    margin-right: 10px;
}

.footer-column.contact-info i {
    font-size: 18px;
    color: #ffffff;
}

.footer-row.copyright {
    text-align: center;
    margin-top: 80px;
    font-size: 14px;
    color: #fff;
	border-top: solid 1px #fff;
	padding-top: 20px;
}

.footer-row.copyright p {
    margin: 0;
	color:#fff;
}
.footer-row img {
    width: 200px;
	height: 200px;
	border-radius: 100px;
}
@media only screen and (max-width: 900px) {
	.footer-row {
		flex-direction: column;
	}
	.footer-row.lang {
		margin-left: 0px !important;
	}
}

        .scroll-tray {
          white-space: nowrap;
        }
        .scroll-tray div {
          display: inline-block;
        }
  
        .scroll-tray img {
          border-radius: 0.3rem;
          margin: 0 0 !important;
          padding: 0;width: 250px;
        }
  
        .scroll-holder {
          overflow-x: hidden;
             padding: 0 0 8% 0;
        }
  
        .scroll-holder .scroll-tray{
          animation: scroll-tray-hero 60s linear infinite;
        }
  
        .scroll-holder .scroll-tray:first-child {
          animation: scroll-tray-hero 70s linear infinite;
        }
  
        .scroll-holder .scroll-tray:last-child {
          animation: scroll-tray-hero 70s linear infinite;
        }
  
        @keyframes scroll-tray-hero {
          0% {
            transform: translateX(0);
          }
  
          99.99% {
            transform: translateX(-5098px);
          }
  
          100% {
            transform: translateX(0);
          }
        }
  
  
  
        /* ----------------------Media Queries------------- */
  @media screen and (max-width:769px) {
     .scroll-tray img {
          border-radius: 0.1rem;
          margin: 7px 5px;
          padding: 0;width: 200px;
        }
  }
  
   @media screen and (max-width:376px) {
     .scroll-tray img {
          border-radius: 0.1rem;
          margin: 7px 5px;
          padding: 0;width: 150px;
        }
   }
      
  
  .tp-service__bottom-text span {
      font-weight: 500;
      font-size: 15px;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--tp-common-black);
  }
  .black-bg-5 {
      background-color: var(--tp-common-black-6);
  } 
  
  .scroll-holder {
      overflow-x: hidden;
      padding: 0 0 0% 0;
    
  }
  .highlights h6 {
      color: #000 !important;
  }
  .pricing h6 {
      color: #000 !important;
  }
  .btn-play {
      background-color: #8a39ee;
      padding: 10px 20px;
      border-radius: 5px;
      color: #fff;
  }
  .btn-play:hover {
      background-color: #000000;
      color: #fff;
  }
  .btn-playlist {
              display: flex;
              justify-content: center;
              align-content: center;
          }

  


		
.section-container {
    display: flex;
    flex-direction: row;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    background-color: white;
}

.image-column {
    flex: 1;
    padding: 20px;
    text-align: center;
}

.image-column img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.text-column {
    flex: 1;
    padding: 20px;
}

.text-column .title {
    font-size: 44px;
    margin: 15px 0;
    text-transform: uppercase;
}

.text-column .description {
    font-size: 16px;
    margin-bottom: 20px;
}

.text-column .action-button {
    padding: 10px 35px;
    font-size: 16px;
    color: white;
    background-color: #8a39ee;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-left: 25%;
}

.text-column .action-button:hover {
    background-color: #000;
}

@media (max-width: 1200px) {
    .section-container {
        flex-direction: column;
    }

    .section-container .text-column {
        margin-bottom: 20px;
    }
    
.text-column {
    text-align: center;
}
.text-column .action-button {
margin-left: 0;
}
}
@media (max-width: 768px) {
    .section-container {
        margin-top: 100px; 
    }
}

  






.pricingTable {
    text-align: left;
 
    margin: 0 -15px;
	padding: 15px 15px;
    box-shadow: 0 0 10px #ababab;
    padding-bottom: 40px;
    border-radius: 10px;
    color: #cad0de;
    transform: scale(1);
    transition: all .5s ease 0s
}

.pricingTable:hover {
    transform: scale(1.05);
    z-index: 1
}

.pricingTable .pricingTable-header {
	background: #ff9624;
    color: #000;
    padding: 40px 0;


    border-radius: 10px 10px 50% 50%;
    transition: all .5s ease 0s
}

.pricingTable:hover .pricingTable-header {
    background: #ff9624
}

.pricingTable .pricingTable-header i {
    font-size: 50px;
    color: #858c9a;
    margin-bottom: 10px;
    transition: all .5s ease 0s
}

.pricingTable .price-value {
    font-size: 35px;
	color: #fff;
   
    transition: all .5s ease 0s;
	text-align: center
}

.pricingTable .month {
	color:#000;
    display: block;
    margin: 14px;
    font-size: 23px;
}

.pricingTable:hover .month,
.pricingTable:hover .price-value,
.pricingTable:hover .pricingTable-header i {
}

.pricingTable .heading {
    font-size: 24px;
    color: #ff9624;
    margin-bottom: 20px;
    text-transform: uppercase
}

.pricingTable .pricingTable-header {
	text-align: center;
}

.pricingTable .pricing-content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

.pricingTable .pricing-content ul li {
  
    color: #472020
}

.pricingTable.blue .pricing-content ul li i {
    color: #000
}

.pricingTable.red .pricing-content ul li i {
    color: ##000
}

.pricingTable.green .pricing-content ul li i {
    color: ##000000
}

.pricingTable .pricing-content ul li i {
    color: ##000
}

.pricingTable .pricingTable-signup {
	text-align: center
}

.pricingTable .pricingTable-signup a {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 10px 35px;
    border-radius: 20px;

    text-transform: uppercase;
    transition: all .3s ease 0s;
}

.pricingTable .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #ffa442
}



.pricingTable.blue .pricingTable-signup a,
.pricingTable.blue:hover .pricingTable-header {
	
}

.pricingTable.blue .pricingTable-signup a:hover {
  
}

.pricingTable.red .heading,
.pricingTable.red .price-value {

}

.pricingTable.red .pricingTable-signup a,
.pricingTable.red:hover .pricingTable-header {
	
}

.pricingTable.red .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #ff4b4b
}

.pricingTable.green .heading,
.pricingTable.green .price-value {

}

.pricingTable.green .pricingTable-signup a,
.pricingTable.green:hover .pricingTable-header {

}

.pricingTable.green .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #40c952
}



@media screen and (max-width:990px) {
    .pricingTable {
        margin: 0 0 20px
    }
}
.flaticon-001-wallet-1:hover,
.flaticon-038-money-3:hover,
.flaticon-022-pound-sterling-1:hover, 
.flaticon-019-credit-card-1:hover,
.flaticon-010-pie-chart:hover{
	background-color: #ff9624 !important;
}

		.pricing-switcher {
			text-align: center;
		}

		.pricing-switcher .fieldset {
			display: inline-block;
			position: relative;
			padding: 2px;
			border-radius: 50em;
			border: 2px solid #2d3e50;
			background:#ff3f58;
		}

		.pricing-switcher input[type="radio"] {
			position: absolute;
			opacity: 0;
			color:black ;
		}

		.pricing-switcher label {
			position: relative;
			z-index: 1;
			display: inline-block;
			float: left;
			width: 90px;
			height: 36px;
			line-height: 40px;
			cursor: pointer;
			font-size: 1.4rem;
			color: #ffffff;
		}

		.pricing-switcher .switch {
			position: absolute;
			top: 2px;
			left: 2px;
			height: 40px;
			width: 90px;
			background-color: #2d3e50;
			border-radius: 50em;
			-webkit-transition: -webkit-transform 0.5s;
			-moz-transition: -moz-transform 0.5s;
			transition: transform 0.5s;
		}

		.pricing-switcher input[type="radio"]:checked + label + .switch,
		.pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {
			-webkit-transform: translateX(90px);
			-moz-transform: translateX(90px);
			-ms-transform: translateX(90px);
			-o-transform: translateX(90px);
			transform: translateX(90px);
		}

		.no-js .pricing-switcher {
			display: none;
		}
.modal-footer{
	 background: white;"
		}

		.modal-body  .product_content{
	 background: white !important;"
		}

		
	

  


        .btn:not(:disabled):not(.disabled) {
            cursor: pointer;
        }
        .custom-btn.green {
        
            
            border: none;
        }
        .btn.btn-rounded {
            border-radius: 50px;
        }
        .btn.btn-large {
            /* font-size: 14px; */
            padding: 9px 34px;
            font-size: 11px;
            /* line-height: 25px; */
            
        }
        .button-container {
            display: flex;
            align-items: center;
            justify-content: center;
                    margin-bottom: 20px;
                }
                .button-multi {
                    padding: 10px 20px;
                    margin: 5px;
                    border: none;
                    background-color: rgb(138, 57, 238);
                    color: white;
                    cursor: pointer;
                    border-radius: 5px;
                }
                .button-multi:hover {
                    background-color: #24c1dd;
                }
                .pricing-box {
                    display: none;
                    border: 1px solid #ccc;
                    padding: 20px;
                    border-radius: 5px;
                    margin-top: 20px;
                    width: 200px;
                    margin-left: auto;
                    margin-right: auto;
                }
                .pricing-box h3{
        color: #fff;
        text-align: center;
                }
                .pricing-box p{
        color: #fff;
        text-align: center;
                }
                .buy-button {
                    margin-top: 30px;
                    margin-bottom: 20px;
                    padding: 10px 47px;
                    border: none;
                    background-color: #ff9624;
                    color: white;
                    cursor: pointer;
                    border-radius: 5px;
                }
                .buy-button:hover {
                    background-color: #fff;
                    color: #000;
                }
                #MULTIPLEDEVICE h2 {
        text-align: center;
        color: #fff;
        margin-bottom: 50px;
                }
                .active {
                    background-color: #24c1dd;
                }
                @media only screen and (max-width: 350px) {
                    .button-multi {
                        padding: 10px 10px;
                    }
                }
        
        


#shadow-host-companion {
    display: none;
}
.panel-title a{
    color: #000 !important;
}
.cover-img::before {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px; 
}
a, *::before, *::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next ul {
list-style: none;
padding: 0;
margin: 0;
}
*, ::after, ::before {
box-sizing: border-box;
}

.cover-img-reselling::before {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px; 
}





    /*---------------------------------------
  Contact section
-----------------------------------------*/
	.contactxx {
        background-color:gold;
    }

    .contact-info .fa {
        padding-right: 5px;
    }

    #contact .form-control {
        border: none;
        border-bottom: 2px solid #f0f0f0;
        border-radius: 0px;
        box-shadow: none;
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-transition: all ease-in-out 0.4s;
        transition: all ease-in-out 0.4s;
    }

    #contact .form-control:focus {
        border-bottom-color: #999999;
    }

    #contact input {
        height: 55px;
    }

    #contact button#submit {
        background: #2b2b2b;
        border: none;
        border-radius: 50px;
        color: #ffffff;
        height: 50px;
        margin-top: 24px;
    }

    #contact button#submit:hover {
        background: #7682cc;
        color: #ffffff;
    }
	.container-special {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px;
            max-width: 1200px;
            margin: auto;
        }
        .text-section {
            flex: 1;
            padding-right: 20px;
        }
        .text-section h2 {
            margin: 0 0 10px;
        }
        .text-section p {
            margin: 0 0 15px;
        }
        .text-section button {
            padding: 10px 15px;
            background-color: rgb(138, 57, 238);
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .text-section button:hover {
            background-color: #24c1dd;
        }
        .image-section {
            flex: 1;
            text-align: right;
        }
        .image-section img {
            max-width: 100%;
            height: auto;
        }
		@media only screen and (max-width: 768px) {
			.container-special {
			flex-direction: column-reverse;
			}
			.image-section img {
            max-width: 100%;
            height: auto;
        }
		.text-section {
           margin-top: 50px;
		   display: flex;
		   flex-direction: column;
		   align-items: center;
		   justify-content: center;
        }
		.text-section h2 {
text-align: center;
        }
        .text-section p {
			text-align: center;
        }
		}
		.help-filter {
	filter: invert(100);
}
.support-btn:hover {
	background-color: #000 !important;
}
.support-bar h4 {
	line-height: normal;
}
.support-bar a {
	margin-bottom: 50px;
}
.support-bar h6 {
	margin-left: 130px; 
	margin-bottom: 80px;
}
.support-bar .support-btn-mb {
		display: none;
	}
	.header .rev-btn {
		margin-top: 30px;
	}
@media only screen and (max-width: 767px) {
	.about {
		margin-top: 100px; 
	} 
	.support-bar h6 {
	margin-left: 0px; 
	margin-bottom: 30px;
	}
	.support-bar .support-btn {
		display: none;
	}
	.support-bar .support-btn-mb {
		display: block;
	}
}
@media only screen and (max-width: 400px) {
	.btn.btn-large {
		padding: 9px 18px !important;
	}
}
.top-bar .col-sm-6 {
      width: fit-content;
    }
	select {
            padding: 10px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 5px;
            background-color: #000000;
            cursor: pointer;
            transition: border-color 0.3s;
        }

        select:hover {
            border-color: #f0ad4e;
        }

        select:focus {
            outline: none;
            border-color: #f0ad4e;
        }
		.footer-row.lang {
			display: flex;
			justify-content: flex-start;
			margin-left: 50px;
		}



        .custom-select {
            position: relative;
            margin-left: 50px;
            margin-top: 12px;
            cursor: pointer;
        }

        .selected {
            border: 1px solid #000;
            border-radius: 5px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .selected img {
			width: 25px;
        }

        .select-items {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            border: 1px solid #000;
            background-color: #fff;
            border-radius: 5px;
            display: none;
            z-index: 1;
        }

        .select-items div {
            padding: 10px;
            display: flex;
            align-items: center;
        }

        .select-items div:hover {
            background-color: #ddd;
        }

        .select-items img {
            margin-right: 8px;
        }

        @media screen and (max-width: 992px) {
            .custom-select {
                margin-left: 20px;
                margin-top: 0px;
            }

            .selected {
                border-color: #000;
            }

            .select-items {
                border-color: #000;
            }
        }
		@media screen and (max-width: 768px) {
            .custom-select {
                margin-left: 0px;
                margin-top: 50px;
				width: 50px;
            }
		}