/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Purple Light */
[data-color="purple"] svg #svg-ico {
	fill: #9966CC;
}

[data-color="purple"] svg #svg-concept {
	stroke: #9966CC;
}

[data-color="purple"] .golink {
	color: #9966CC !important;
}

[data-color="purple"] .golink:hover {
	color: #9966CC !important;
}

[data-color="purple"] .bg-pink {
	background-color: #9966CC !important;
}

[data-color="purple"] .c-pink {
	color: #9966CC !important;
}

[data-color="purple"] .bb-pink {
	border-bottom: solid 1px #9966CC !important;
}

[data-color="purple"] .popover-body {
	border: solid 2px #9966CC;
}

[data-color="purple"] .popover .popover-header {
	background-color: #9966CC;
}

[data-color="purple"] ::selection {
	background: #9966CC;
}

[data-color="purple"] .nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a:hover {
	color: #9966CC !important;
}

[data-color="purple"] .nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a:hover {
	color: #9966CC !important;
}

[data-color="purple"] .megamenu .start-offer .inner {
	background-color: #9966CC;
}

[data-color="purple"] .megamenu .service-list .service.special .media-body a:hover {
	color: #9966CC;
}

[data-color="purple"] .megamenu .service-list .service .media-body a:hover {
	color: #9966CC !important;
}

[data-color="purple"] .megamenu-list .service-list .service .media-body a:hover {
	color: #9966CC !important;
}

[data-color="purple"] .team .wrapper:hover .team-info .desc {
	color: #9966CC;
}

[data-color="purple"] .wpc-cloud-range .noUi-connect {
	background-color: #9966CC;
}

[data-color="purple"] .wpc-cloud-range .noUi-tooltip:before {
	border-color: #9966CC transparent transparent transparent;
}

[data-color="purple"] .wpc-cloud-range .noUi-tooltip {
	background-color: #9966CC;
}

[data-color="purple"] .wpc-cloud-range .noUi-horizontal .noUi-handle {
	background-color: #9966CC;
}

[data-color="purple"] .wpc-vps-info .title .info {
	color: #9966CC;
}

[data-color="purple"] .fullrock .closer {
	color: #9966CC !important;
}

[data-color="purple"] .sec-bg5 {
	background-color: #9966CC;
}

[data-color="purple"] .total-grad {
	background: linear-gradient(-60deg, #9966CC 0%, #613A8A 100%) !important;
}

[data-color="purple"] .total-grad-inverse {
	background: linear-gradient(240deg, #613A8A 0%, #9966CC 100%);
}

[data-color="purple"] .total-grad-pink-blue-intense {
	background: linear-gradient(240deg,#131313 50%,#003d4a 100%);
}

[data-color="purple"] .menu-wrap.fixed {
	background: linear-gradient(89deg, #613A8A 3%, #9966CC 98%);
}

[data-color="purple"] .btn-default-pink {
	color: #9966CC;
	border: 1px solid #9966CC;
}

[data-color="purple"] .btn-default-pink:hover {
	background-color: #9966CC;
}

[data-color="purple"] .btn-default-grad-purple-fill {
	background-image: linear-gradient(to right, #613A8A, #9966CC 40%, #9966CC 40%, #613A8A);
}

[data-color="purple"] .btn-default-grad-purple-fill:hover {
	background-image: linear-gradient(to right, #613A8A, #9966CC 40%, #9966CC 40%, #613A8A);
}

[data-color="purple"] .btn-default-pink-fill {
	background-color: #9966CC !important;
}

[data-color="purple"] .pricing .wrapper .title {
	color: #9966CC;
}

[data-color="purple"] .pricing .list-info {
	background-color: #9966CC;
}

[data-color="purple"] .slick #slider .plan-container .title {
	color: #9966CC;
}

[data-color="purple"] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active {
	background-color: #9966CC !important;
}

[data-color="purple"] .tabs.offers-tabs .tabs-header .active {
	border-left: solid 3px #9966CC !important;
	color: #9966CC !important;
}

[data-color="purple"] .tabs.offers-tabs .tabs-header .active:hover {
	color: #9966CC !important;
}

[data-color="purple"] .fill-input:focus {
	border-color: #9966CC !important;
}

[data-color="purple"] .countdown .wrapper .clock div:first-child {
	border: solid 1px #9966CC;
	background-color: #9966CC;
}

[data-color="purple"] .accordion.faq .panel-title.active {
	border-bottom: solid 1px #9966CC;
}

[data-color="purple"] .blog .sidebar .heading.active {
	color: #9966CC !important;
}

[data-color="purple"] .blog .sidebar .posts .tabs-header li.active {
	color: #9966CC !important;
	border-bottom-color: #9966CC !important;
}

[data-color="purple"] .blog .sidebar .line.active:before {
	background-color: #9966CC !important;
}

[data-color="purple"] .blog .media .media-heading a:hover {
	color: #9966CC;
}

[data-color="purple"] .blog .wrap-blog .social-icon i {
	color: #9966CC;
}

[data-color="purple"] .blog .sidebar .categories .heading a.active {
	color: #9966CC !important;
}

[data-color="purple"] .blog .sidebar .categories .heading a:after {
	color: #9966CC;
}

[data-color="purple"] .blog .sidebar .categories .heading span {
	color: #9966CC;
}

[data-color="purple"] .circle-section .title-round {
	color: #9966CC;
}

[data-color="purple"] .domain-prices li {
	color: #9966CC;
}

[data-color="purple"] .maping .datacenters {
	background: #9966CC;
}

[data-color="purple"] .footer .soc-icons i {
	color: #9966CC;
}

[data-color="purple"] .included i {
	color: #9966CC;
}

[data-color="purple"] .soc-icons-apply span {
	color: #9966CC;
}

[data-color="purple"] .bigline {
	border: solid 1px #9966CC;
}

[data-color="purple"] .smallline {
	border: solid 1px #9966CC;
}

[data-color="purple"] .knowledge a {
	color: #9966CC;
}

[data-color="purple"] .godown span {
	color: #9966CC;
}

[data-color="purple"] .cd-filter-block input[type=radio]:checked + label::before {
	border: solid 1px #9966CC !important;
	background-color: #9966CC !important;
}

[data-color="purple"] .cd-filter-block input[type=checkbox]:checked + label::before {
	border: solid 1px #9966CC !important;
	background-color: #9966CC !important;
}

[data-color="purple"] .cd-filter-block input:focus, [data-color="purple"] .cd-filter-block select:focus {
	border-color: #9966CC !important;
}

[data-color="purple"] .range-slider-input::-webkit-slider-runnable-track {
	background: #9966CC;
}

[data-color="purple"] .range-slider-input::-webkit-slider-thumb {
	background: #9966CC;
}

[data-color="purple"] .zoo-content .icoo i {
	background-color: #9966CC;
}

[data-color="purple"] .services .service-wrap .pay img {
	border: solid 1px #9966CC;
}

[data-color="purple"] .page-item.active .page-link {
	background-color: #9966CC !important;
	border-color: #9966CC !important;
}

[data-color="purple"] .cd-filter-block input.range-slider-input {
	background-color: #9966CC !important;
}

[data-color="purple"] .range-slider-input::-webkit-slider-thumb {
	background-color: #9966CC !important;
}

[data-color="purple"] .range-slider-input::-moz-range-thumb {
	background-color: #9966CC !important;
}

[data-color="purple"] .activelayout, .styleswitch:hover {
	border-bottom: solid 1px #9966CC !important;
}

[data-color="purple"] .activebackground, .styleswitch:hover {
	border-bottom: solid 1px #9966CC !important;
}

[data-color="purple"] .activecolor, .styleswitch:hover {
	border-bottom: solid 1px #9966CC !important;
}

[data-color="purple"] .activeheader, .styleswitch:hover {
	border-bottom: solid 1px #9966CC !important;
}

[data-color="purple"] .activefont, .styleswitch:hover {
	border-bottom: solid 1px #9966CC !important;
}

[data-color="purple"] .activetextDirection, .styleswitch:hover {
	border-bottom: solid 1px #9966CC !important;
}

[data-color="purple"] .activeradius, .styleswitch:hover {
	border-bottom: solid 1px #9966CC !important;
}

[data-color="purple"] .gdprcookie-types ul li input:checked ~ label {
	background-color:#9966CC;
	border:solid 1px #9966CC;
}

/* Blue Dark */
[data-color="purple"] .bg-purple {
	background-color: #613A8A !important;
}

[data-color="purple"] .c-purple {
	color: #613A8A !important;
}

[data-color="purple"] .golink-dark {
	color: #613A8A !important;
}

[data-color="purple"] .sec-grad-white-to-purple {
	background: linear-gradient(90deg, #fff 70%, #613A8A 0%) !important;
}

[data-color="purple"] .btn-default-purple {
	color: #613A8A;
	border: 1px solid #613A8A;
}

[data-color="purple"] .btn-default-purple:hover {
	background-color: #613A8A;
}

[data-color="purple"] .btn-default-purple-fill {
	background-color: #613A8A !important;
}

[data-color="purple"] .wpc-vps-info .price-wrap .title {
	background-color: #613A8A;
}

.list-info li.list-single-line {
	align-items: center;
	display: flex;
}