@charset "utf-8";
/* CSS Document */
:root {
 --siteColor: #039BB8;
 --siteRGB: 3, 155, 184;
 --webColor: #5f27ff;
}
.numbered.color ol > li::before {
 border:1px solid var(--siteColor);
 color:var(--siteColor);
}
 .numbered.color.filled ol > li::before {
 border:1px solid var(--siteColor);
 background-color:var(--siteColor);
}
.radio input[type="radio"]:checked + label .radio-label {
	background-color:var(--siteColor);
	border-color:var(--siteColor);
}
.checkbox input:checked + label span.checkbox-icon {
	background-color:var(--siteColor);
	border-color:var(--siteColor);
}
.slider-handle {
	border:2px solid var(--siteColor);
}
.infoBox-close:hover, .newsletter button:hover {
	color:#fff;
	background-color:var(--siteColor);
}
.message-bubble.me .message-text {
	background-color:rgba(0, 132, 255, .15);
}
.message-bubble .message-text.message-deleted {
    background-color: rgb(220 53 69 / 0.1);
}

a, .notification-text span.color, .header-notifications-content .notification-text span.color, ul.user-menu-small-nav li a:hover, ul.user-menu-small-nav li a:hover i, #navigation ul li:hover a:after, #navigation ul li a.current, #navigation ul li a.current:after, #navigation ul li:hover a, #breadcrumbs.white ul li a:hover, .blog-post-content h3 a:hover, #posts-nav li a:hover, .freelancer-detail-item a:hover, .list-4 li:before, .list-3 li:before, .list-2 li:before, .list-1 li:before, .share-buttons-content span strong, .keyword, .banner-headline strong.color, .category-box-icon, .recommended .pricing-plan-label, .recommended .pricing-plan-label strong, .boxed-widget.summary li.total-costs span, .testimonial-box:before, .single-counter h3, .popup-tabs-nav li.active a, .dialog-with-tabs .forgot-password:hover, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .bootstrap-select .dropdown-menu li.selected a span.check-mark:before, .bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before, .boxed-list-headline h3 i, .boxed-list-item .item-details .detail-item a:hover, .job-overview .job-overview-inner ul li i, .dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a, .dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after, .dashboard-box .headline h3 i, .dashboard-box .headline h4 i, .dashboard-box .job-listing h3 a:hover, .dashboard-box .job-listing h5 a:hover, .job-listing h3.job-listing-title > a:hover, .job-listing h4.job-listing-title > a:hover, .task-listing h3.task-listing-title > a:hover, .help-icon, .facts .facts-item i, .header-widget .log-in-button a:hover, .share-buttons-trigger, .facts h2, .text-site, .intro-stats li h2, ul.social-share li a:hover {
	color:var(--siteColor);
}
ul.cat-flex li:hover:before, ul.list > li > a:hover {
	color:var(--webColor);
}
 .header-notifications-trigger span, a.header-notifications-button, #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after, .mm-menu em.mm-counter, .language-switcher.bootstrap-select.btn-group.open button, .language-switcher.bootstrap-select.btn-group button:hover, .pagination ul li a.current-page, a.blog-post-info:hover, #posts-nav li a:hover span, .comment-by a.reply:hover, .contact-address-headline:after, .enable-filters-button span, .enable-filters-button i, .job-listing.with-apply-button:hover .list-apply-button, .letters-list a.current, span.button, button.button, a.button, .list-1 li:before, mark.color, .copy-url .copy-url-button, .keyword-input-container .keyword-input-button, .tags-container input[type="checkbox"]:checked + label, input:checked + .switch-button, .radio input[type="radio"] + label .radio-label:after, .uploadButton .uploadButton-button:hover, .pricing-plan .button:hover, .pricing-plan.recommended .button, .pricing-plan .recommended-badge, .payment-tab-trigger > input:checked ~ label::after, .breathing-icon, .testimonial-author span, .qtyInc:hover, .qtyDec:hover, #sign-in-dialog .mfp-close:hover, #small-dialog-1 .mfp-close:hover, #small-dialog-2 .mfp-close:hover, #small-dialog-3 .mfp-close:hover, #small-dialog-4 .mfp-close:hover, #small-dialog .mfp-close:hover, .slider-selection, .cluster-visible, .marker-container, .custom-zoom-in:hover, .custom-zoom-out:hover, #geoLocation:hover, #streetView:hover, #scrollEnabling:hover, #scrollEnabling.enabled, a.apply-now-button, a.attachment-box:hover, .freelancer-indicators .indicator-bar span, .dashboard-nav ul li span.nav-tag, .dashboard-box .button.dark:not(.ico):hover, .messages-inbox ul li:before, .message-by h5 i, .message-by-headline h5 > span.new-message {
 background-color:var(--siteColor)
}
.transparent-header #navigation > ul li:hover ul li:hover a:after, .transparent-header #navigation > ul li:hover a:after, .transparent-header #navigation > ul li a.current:after, .compact-list-layout .job-listing:before, .tasks-list-container.compact-list .task-listing:before, .compact-list.freelancers-list-layout .freelancer:before, .tabs-header, .intro-search-field .field-title, .photo-box.small .photo-box-content span, .slick-prev:hover, .slick-next:hover, .bootstrap-select.btn-group .bs-actionsbox div button:hover, .work-process > .work-steps {
	background-color:var(--siteColor)
}
/* SECOND COLOR */
.left_sidebar ul.list-group li a:hover {
	color:var(--siteColor)
}
.skill_search .chip {
	background-color:rgba(0, 132, 255, .1);
	color:var(--siteColor)
}
#footer {
	background-color: #f1f1f1;
	color: #626161;
}
.footer-links ul li a:hover {
	color: #333;
}
.footer-links ul li a span:before {
	background-color: #fff;
}
.uploadButton .uploadButton-button, .pricing-plan .button {
	color:var(--siteColor);
	border:1px solid var(--siteColor);
}
 .payment-tab-trigger > input:checked ~ label::before, .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover {
 border-color:var(--siteColor);
 background-color: rgba(0, 132, 255, 0.04);
}
#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after, #navigation ul li:hover a:after {
	background: rgba(0, 132, 255, 0.13);
}
#navigation ul li a.current:after {
	background: rgba(0, 132, 255, 0.13);
}
.pagination ul li a.current-page {
	box-shadow: 0 2px 8px rgba(0, 132, 255, 0.25)
}
.sidebar-search-button-container button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.1);
}
.sidebar-search-button-container button:hover {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.25);
}
.job-listing.with-apply-button:hover .list-apply-button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);
}
.task-listing-bid-inner .button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);
}
.task-listing-bid-inner .button:hover {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.25);
}
.task-tags span{
	border:1px solid #ddd;
}
.freelancers-grid-layout .freelancer-details a.button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.1);
}
.freelancer-details a.button:hover, .freelancer-details a.button:focus {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.2);
	color:#fff;
}
.freelancers-list-layout .freelancer-details a.button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);
}
.freelancers-list-layout .freelancer-details a.button:hover {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.25);
}
.letters-list a.current {
	box-shadow: 0 2px 8px rgba(0, 132, 255, 0.25);
}
.move-on-hover {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.1);
}
.move-on-hover:hover {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.2);
}
.keyword {
	background-color: rgba(0, 132, 255, 0.07);
}
 @keyframes switch-shadow-color {
 0% {
 box-shadow: 0 0 0 0 rgba(0, 132, 255, 0.6);
}
 100% {
 box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0);
}
}
 @keyframes radius-shadow {
 0% {
 box-shadow: 0 0 0 0 rgba(0, 132, 255, 0.4);
}
 100% {
 box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
}
.category-box:hover {
	/*border-color:var(--siteColor);*/
	box-shadow: 0 4px 15px rgba(0, 132, 255, 0.25);
}
.photo-box:hover {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.25);
}
.recommended .pricing-plan-label {
	background-color: rgba(0, 132, 255, 0.06);
}
.pricing-plan .button:hover, .pricing-plan.recommended .button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);
}
.pricing-plan .button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.1);
}
.pricing-plan .button:hover {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);
}
.breathing-icon {
	box-shadow: 0 0 0 15px rgba(0, 132, 255, 0.07);
}
 @keyframes bicokAnim {
 0%, 100% {
 box-shadow: 0 0 0 15px rgba(0, 132, 255, 0.07);
}
 50% {
 box-shadow: 0 0 0 28px rgba(0, 132, 255, 0.12);
}
}
.icon-box-check {
	box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.1);
}
 @keyframes checkAnim {
 0%, 100% {
 box-shadow: 0 0 0 0px rgba(0, 132, 255, 0.15);
}
 50% {
 box-shadow: 0 0 0 6px rgba(0, 132, 255, 0.15);
}
}
.testimonial-author span {
	box-shadow: 0 2px 10px rgba(0, 132, 255, 0.25);
}
.bidding-widget .button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);
}
.bidding-widget .button:hover {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.25);
}
.dialog-with-tabs .button {
	box-shadow: 0 4px 12px rgba(0, 132, 255, 0.15);
}
.slider-handle:after {
	box-shadow: 0 0 0px 6px rgba(0, 132, 255, .12);
}
.slider-handle:hover:after {
	box-shadow: 0 0 0px 8px rgba(0, 132, 255, .12);
}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
	background-color: rgba(0, 132, 255, 0.07);
}
 @keyframes clusterAnimation {
 0%, 100% {
 box-shadow: 0 0 0 6px rgba(0, 132, 255, 0.15);
}
 50% {
 box-shadow: 0 0 0 10px rgba(0, 132, 255, 0.15);
}
}
 @keyframes markerAnimation {
 0%, 100% {
 box-shadow: 0 0 0 6px rgba(0, 132, 255, 0.15);
}
 50% {
 box-shadow: 0 0 0 8px rgba(0, 132, 255, 0.15);
}
}
a.apply-now-button {
	box-shadow: 0 2px 8px rgba(0, 132, 255, 0.15);
}
a.apply-now-button:hover {
	box-shadow: 0 2px 8px rgba(0, 132, 255, 0.35);
}
/* .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover {
     background-color: rgba(106,5,106,0.1);
}
 .dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after {
     background: rgba(106,5,106,0.13);
}*/
 .dashboard-box-list .button {
	box-shadow: 0 3px 8px rgba(0, 132, 255, 0.15);
}
 .dashboard-box .button.dark:not(.ico):hover {
 box-shadow: 0 3px 8px rgba(0, 132, 255, 0.15);
}
#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after, #navigation ul ul.dropdown-nav li:hover a:after {
	background-color:var(--siteColor);
}
.site-text, .siteC, .ourProject .category p, .diamond-sm h3 span, ul.sitemap li, ul.sitemap li a, .file_upload_bx i, ul.cat li a.list-group-item, .well-style .btn, .ratingtext p .zmdi-star, .ratingtext p .zmdi-star-outline, .inputBox .input-group .input-group-btn .btn, ul.tab li a, .icon-box-circle-inner, .listing .block .hover_itm .btn:hover, ol.counter-list li:after, .navigation .navbar-nav > .active > a, .navigation .navbar-nav > .active > a:hover, .navigation .navbar-nav > .active > a:focus, .table-dashboard > tbody > tr > td.icons a:hover {
	color:var(--siteColor);
}
.partner, .team:hover .hexagon, .gotop, .icons-A .fa, .icons-A .zmdi, .projects, .searchbox button, .ecdevsec .sidebar-nav, .ecdevsec .user-sidebar-info, .ecdevsec .sidebar, .progress-bar, .bg-site, ul.sitemap li:after, .magic-radio + label:after, .left_sidebar ul.list-group li.active a, .left_sidebar ul.list-group li.active a:hover {
	background-color:var(--siteColor)
}
.ourProject .category:hover > figure:after, ul.cat li a.list-group-item, .ecdevsec .user-sidebar-container .sidebar-close-alt, .quicknav ul li, .file_upload_bx, .magic-radio:checked + label:before {
	border-color:var(--siteColor)
}
.testimonial-style-5.testimonial-slider-2 .slick-slide.slick-active.slick-center .testimonal-img {
	background-color:var(--siteColor);
}
.magic-checkbox:checked + label:before {
	border: var(--siteColor);
	background: var(--siteColor);
}
.magic-checkbox:checked[disabled] + label:before {
	border: #c9e2f9;
	background: #c9e2f9;
}
.quicknav ul li {
	border-color:#71da44
}
.quicknav ul li a:hover {
	background-color:#71da44
}
.block a.edit:hover, .block a.icon-round:hover {
	background-color:var(--siteColor);
	color:#fff
}
.gotop:hover {
	background-color:#fff;
	border: 2px solid #71da44;
	color: #71da44;
}
.btn-site {
	background-color: var(--siteColor);
	border-color: var(--siteColor);
	color: #fff;
}
.btn-site:hover, .btn-site:focus {
	background-color: #006cff;
	border-color: #006cff;
	color: #fff;
}
.btn-outline-site {
	background-color: transparent;
	border-color: var(--siteColor);
	color: var(--siteColor);
}
.btn-outline-site:hover {
	background-color: var(--siteColor);
	border-color: var(--siteColor);
	color: #fff;
}
/* web */
.btn-web {
	background-color: var(--webColor);
	border-color: var(--webColor);
	color: #fff;
}
.btn-web:hover, .btn-web:focus {
	background-color: #501fdd;
	border-color: #501fdd;
	color: #fff;
}
.btn-outline-web {
	background-color: transparent;
	border:1px solid var(--webColor);
	color: var(--webColor);
}
.btn-outline-web:hover {
	background-color: var(--webColor);
	border-color: var(--webColor);
	color: #fff;
}
.btn-black {
	background-color: #000;
	color: #fff;
}
.btn-outline-black {
	background-color: transparent;
	border:1px solid #000;
	color: #000;
}
.btn-outline-black:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.btn-outline-white {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.btn-outline-white:hover {
	background-color: #fff;
	border-color: #fff;
	color: var(--siteColor);
}
/*.transparent-header .btn-outline-black {
	border-color:#fff;
	color: #fff;
}
.transparent-header .btn-outline-black:hover {
	background-color:#fff;
	color: #000;
}*/
.cloned .btn-outline-black {
	color:#000
}
.cloned .btn-outline-black:hover {
	background-color:#000;
	color: #fff;
}
.btn-border {
	border:1px solid var(--siteColor);
	color:var(--siteColor);
}
.btn-border:hover {
	background-color:var(--siteColor);
	color:#fff;
}
.btn-web-border {
	border:1px solid #000;
	color:#000;
}
.btn-web-border:hover {
	background-color:#000;
	color:#fff;
}
.btn-white-border {
	border:1px solid #fff;
	color:#fff;
	transition: 0.3s;
}
.btn-white-border:hover {
	background-color:#fff;
	color:#ae00ae;
	transform: translateY(-3px);
}
.btn-white {
	background-color:#fff;
	color: var(--siteColor)
}
.btn-white:hover {
	background-color:var(--siteColor);
	color: #fff
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background-color: var(--siteColor);
	border-color: var(--siteColor);
	color: #fff;
}
.menuA .navbar-default .navbar-nav > li > a:hover, .menuA .navbar-default .navbar-nav > li > a:focus {
	color: var(--siteColor);
}
.menuA .navbar-nav .dropdown-menu>li>a:focus, .menuA .navbar-nav .dropdown-menu>li>a:hover {
	color: #ffffff;
	background-color: var(--siteColor);
}
.title {
}
.listing .itm .hover_itm {
	background: -moz-linear-gradient(left, rgba(0, 132, 255, 0.85) 0%, rgba(0, 132, 255, 0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0, 132, 255, 0.85) 0%, rgba(0, 132, 255, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0, 132, 255, 0.85) 0%, rgba(0, 132, 255, 0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91bd7bb', endColorstr='#bfae00ae', GradientType=1 ); /* IE6-9 */
}
.skillOverlay {
	background-color:var(--siteColor);
	background-color:rgba(41, 170, 227, 0.75);
}
.diamond-lg {
	background-color: var(--siteColor);
	color:#fff;
}
.edit_info:hover {
	background-color: var(--siteColor);
	color:#fff;
}
ul.sorting li a {
	background-color: var(--siteColor);
	border-color: var(--siteColor);
	color: #fff;
}
ul.cat li a.list-group-item.active, ul.cat li a.list-group-item.active:hover, ul.cat li a.list-group-item:hover {
	background-color: var(--siteColor);
	color:#fff;
}
.btn-cover:hover {
	background-color:rgba(255, 255, 255, 0.9);
	color:var(--siteColor)
}
.well-style .btn:hover, .well-style .active, .well-style .btn:focus {
	background:var(--siteColor);
	color: #fff !important;
	border:1px solid var(--siteColor);
}
.messagtext2 > a:hover, .messagtext2 > a.active {
	background-color: var(--siteColor);
	color:#fff
}
 @keyframes hover-color {
 from {
 border-color: #c0c0c0;
}
to {
	border-color: var(--siteColor);
}
}
.list-group-item.active {
	background-color: var(--siteColor);
	border-color: var(--siteColor);
}
/*.header-widget ul.display-inline li a:not(.btn) {
	color:#333
}
.header-widget ul.display-inline li a:not(.btn):hover {
	color:var(--siteColor)
}*/
.text-facebook {
	background-color:#1778F2
}
.text-twitter {
	background-color:#00acee
}
.text-google-plus {
	background-color:#d34836
}
.text-linkedin {
	background-color:#0d77b7
}
.badge-border {
	border: 1px solid #aae6d7;
	color: var(--siteColor);
	background-color: #e5f9f4;
}
.photo-box.small:hover {
	background-color: var(--siteColor);
	color: #fff;
}
#backtotop a {
	background-color:#fff;
	color:var(--siteColor);
}
#backtotop .topText {
	color:#000;
}
.messages-inbox ul li.active-message a {
	border-color: var(--siteColor);
	background-color: rgba(var(--siteRGB), 10%);
}
.account-type input.account-type-radio:checked ~ label {
 color: var(--siteColor);
 border-color: var(--siteColor);
}
.badge-site {
	color: #fff;
	background-color: var(--siteColor);
}
.block a.edit, .block a.icon-round {
	color: var(--siteColor)
}
.freelancer-name h4 a:hover {
	color: var(--siteColor)
}

/* END CSS */