:root{
--mainColor : #4b1882 ;
--secondColor: #006699;
}
/*------------ background color ---------------------*/
.site-bg-main-color{
background-color: #4b1882 !important;
color: #ffffff !important;
}
.site-bg-main-color-hover:hover{
background-color: #4b1882 !important;
color: #ffffff !important;
}
.site-bg-main-color-50{
background-color: #4b18824d !important;
color: '#333';
}
.site-stroke-main-color-70{
stroke: #4b18828a !important;
}
.site-fill-text-color{
fill: #ffffff !important;
}
.site-bg-second-color{
background-color: #006699 !important;
color: #ffffff !important;
}
.site-color-main-color-before:before{
color: #4b1882 !important;
}
.site-bg-main-color-after-for-loader:after{
border-bottom-color: #4b1882 !important;
}
.site-bg-main-color-after:after{
background-color: #4b1882 !important;
}
.site-bg-main-color-before:before{
background-color: #4b1882 !important;
}
.site-bg-svg-color {
fill: #4b1882 !important;
}
.active-tab{
background-color: #4b1882 !important;
color: #ffffff !important;
}
.nav-link.active{
background-color: #4b1882 !important;
color: #ffffff !important;
}
.site-bg-main-color-b::before{
background-color: #4b1882;
}
.site-bg-main-color-a::after{
background-color: #4b1882;
}
.site-bg-tsxt-color-b::before{
background-color: #4b1882;
color: #ffffff;
}
.site-bg-color-border-b::before{
border-color: #4b1882 !important;
}

.site-bg-color-border-a::after{
border-color: #4b1882 !important;
}
.site-bg-color-border-bottom::after{
border-bottom-color: #4b1882!important;

}
.site-bg-color-border-top::after{
border-top-color: #4b1882!important;
}
.site-bg-color-border-right::after{
border-right-color: #4b1882;
}
.site-bg-color-border-left::after{
border-left-color: #4b1882;
}

.site-bg-color-border-bottom-b::before{
border-bottom-color: #4b1882;
}
.site-bg-color-border-top-b::before{
border-top-color: #4b1882;
}
.site-bg-color-border-right-b::before{
border-right-color: #4b1882 !important;
}
.site-bg-color-border-left-b::before{
border-left-color: #4b1882;
}
.site-bg-color-dock-border-right-b::before{
border-right-color: #006699;
}
.site-bg-color-dock-border-left-b::before{
border-left-color: #006699;
}
.site-bg-color-dock-border-top::after{
border-top-color: #006699 !important;
}
.site-bg-color-dock-border-left-a::after{
border-left-color: #006699;
}

.site-bg-color-dock-border-right-a::after{
border-radius: 8px 8px 0 0;right-color: #006699;
}
.site-bg-color-dock-border{
border-color: #006699 !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
background-color:#4b1882 !important;
}
/*------------ border color ---------------------*/
.site-border-text-color{
border:1px solid #ffffff;
}
.site-border-main-color{
border-color:  #4b1882 !important;;
}

.site-border-top-main-color{
border-top-color :   #4b1882 !important;
}
.site-border-right-main-color{
border-right-color :   #4b1882 !important;
}
.site-border-secondary-color{
border-color:#ffffff;
}
/*------------ text color ---------------------*/
.site-main-text-color {
color: #4b1882 !important;
}
.site-main-text-color-a::after{
color: #4b1882;
}

.site-main-text-color-h {
color: #4b1882;
}

.site-main-bg-color-h:hover {
background-color: #006699 !important;
}


.site-main-text-color-h:hover {
color: #006699 !important;
}

.site-main-text-color-drck {
color: #006699 !important;
}

.site-secondary-text-color{
color: #ffffff !important;
}
.site-secondary-text-color:hover{
color: #eee;
}


/*------------ button color ---------------------*/
.site-main-button-color {
border: 1px solid #4b1882;
background: #4b1882;
background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#4b1882));
background: -webkit-linear-gradient(top, #006699, #4b1882);
background: -moz-linear-gradient(top, #006699, #4b1882);
background: -ms-linear-gradient(top, #006699, #4b1882);
background: -o-linear-gradient(top, #006699, #4b1882);

}

.site-main-button-color:hover {
border: 1px solid #006699;;
background: #006699;;
background: -webkit-gradient(linear, left top, left bottom, from(#4b1882), to(#006699));
background: -webkit-linear-gradient(top, #4b1882, #006699);
background: -moz-linear-gradient(top, #4b1882, #006699);
background: -ms-linear-gradient(top, #4b1882, #006699);
background: -o-linear-gradient(top, #4b1882, #006699);

}

.site-main-button-flat-color {background: #4b1882;}
.site-main-button-flat-color:hover {background: #006699}

.site-main-button-color-hover:hover{
background: #4b1882;
border-color: #4b1882;
color: #ffffff;
}
.site-main-button-color-hover-active:active{
background-color: #006699 !important;
}
.site-main-button-color-hover-active.active{
background-color: #006699 !important;

}
/*------------filter slider  color ---------------------*/
.addui-slider .addui-slider-track .addui-slider-range, .site-bg-filter-color.checked{
background-color: #4b1882}

/*------------ select2 ------------------------------*/
.childAge-dropdown::after ,
.form-item.form-item-sort .select2-container--default .select2-selection--single .select2-selection__arrow b,
.s-u-class-pick-change .select2-container--default .select2-selection--single .select2-selection__arrow b,
.change-bor .select2-container--default .select2-selection--single .select2-selection__arrow b{
border-top-color: #4b1882}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #4b1882 ;
color: #ffffff ;
}
/* --------------- pop login ------------------------------- */
.cd-switcher .selected {
background-color:#4b1882;
color :#ffffff !important;
}
/* --------------- azm colors ------------------------------- */
.sorting-active-color-main {
border-bottom:3px solid #4b1882 !important;

}
.sorting-active-color-main svg , .sorting-active-color-main span  {
color:#4b1882 !important;
}
.sorting-inner.price:hover *  , .sorting-inner.time:hover * {
color:#4b1882 !important;
transition:0.2s;
}
.sorting-inner.price:hover *  , .sorting-inner.time:hover * ,.timeline .event:hover .fa-arrow-down{
color:#4b1882 !important;
transition:0.2s;
}
.activing_grid .tour-result-item-right a{
background-color: #4b1882 ;
color: #ffffff ;
}
.BaseTimelineBoth .timeline li:first-child .title{
color: #4b1882 ;
}
.timeline .event:hover,
.timeline .event:hover .four_child ,.timeline .event:hover .three_child,.timeline .event:hover .two_child ,
.timeline .event:hover .T-flight-info ul,.timeline .event:hover .T-flight-info ul li:first-child ,
.timeline .event:hover .T-flight-info .class ,.timeline .event:hover .T-flight-info .departure,
.timeline .event:hover .HotelIntroduce div,.InfoCommentBox,.InfoCommentBox .card-header {
border-color:#4b188257 !important;
transition:0.2s;
}
.timeline .event:hover:after{
background:#4b1882 !important;
transition:0.2s;
}
.Container-progessbar li.active:before, .Container-progessbar li.active::after {
background-color: #4b1882;
color: #ffffff;
border-color: #006699;
}