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

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

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

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

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

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

.site-main-text-color-h {
color: #009cde;
}

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


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

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

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


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

}

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

}

.site-main-button-flat-color {background: #009cde;}
.site-main-button-flat-color:hover {background: #009cde}

.site-main-button-color-hover:hover{
background: #009cde;
border-color: #009cde;
color: #ffffff;
}
.site-main-button-color-hover-active:active{
background-color: #009cde !important;
}
.site-main-button-color-hover-active.active{
background-color: #009cde !important;

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

/*------------ 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: #009cde}

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

}
.sorting-active-color-main svg , .sorting-active-color-main span  {
color:#009cde !important;
}
.sorting-inner.price:hover *  , .sorting-inner.time:hover * {
color:#009cde !important;
transition:0.2s;
}
.sorting-inner.price:hover *  , .sorting-inner.time:hover * ,.timeline .event:hover .fa-arrow-down{
color:#009cde !important;
transition:0.2s;
}
.activing_grid .tour-result-item-right a{
background-color: #009cde ;
color: #ffffff ;
}
.BaseTimelineBoth .timeline li:first-child .title{
color: #009cde ;
}
.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:#009cde57 !important;
transition:0.2s;
}
.timeline .event:hover:after{
background:#009cde !important;
transition:0.2s;
}
.Container-progessbar li.active:before, .Container-progessbar li.active::after {
background-color: #009cde;
color: #ffffff;
border-color: #009cde;
}