.color_palate {
    left: 0;
    position: fixed;
    top: 1%;
    z-index: 999999;
    padding: 0px;
    background-color: #f6f6f6;
}

.color_palate .single_color {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%;
    margin-bottom: 5px;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}

.color_palate .single_color:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.color_palate #color_1 {
    background-color: #3498db;
}

.color_palate #color_2 {
    background-color: #3498db;
}

.color_palate #color_3 {
    background-color: #3498db;
}

.color_palate #color_4 {
    background-color: #3498db;
    margin-bottom: 0;
}


/* Blue Color CSS */

.color_1 .section_heading h4,
.color_1 .mainmenu ul#nav li.current_page_item a,
.color_1 .mainmenu ul#nav li:hover a,
.color_1 .mainmenu ul#nav li ul.sub-menu li a:hover,
.color_1 .search_button a > i:hover,
.color_1 .search_box_area #close_button,
.color_1 .slider-area .nivo-caption .lft-pr h2,
.color_1 .slider-area .nivo-caption .lft-pr a:hover,
.color_1 .single_feature:hover .feature_img span,
.color_1 .single_feature:hover .feature_text h5,
.color_1 .single_courses:hover .title > a > h5,
.color_1 .cool_facts_area .col-xs-12:nth-child(even) .cool_fact_text,
.color_1 .testimonial_text > p:before,
.color_1 .testimonial_text > h5,
.color_1 .single_latest_news_area:hover .single_latest_news_text_area .news_title h4,
.color_1 .video_play_button i,
.color_1 .single-accordion h5 a,
.color_1 .newsletter_area form button,
.color_1 .footer_upcoming_event .title > h4,
.color_1 .footer_contact_info .title > h4,
.color_1 .footer_about_us .title > h4,
.color_1 .important_links .title > h4,
.color_1 .important_links .links a:hover,
.color_1 .important_links .links > p:hover > i,
.color_1 .event_single_post > a:hover,
.color_1 .footer_single_contact_info > i,
.color_1 .footer_bottom p > i,
.color_1 .footer_bottom p > a:hover,
.color_1 .page_pagination ul > li > a:hover,
.color_1 .singl-blog-status-bar span i,
.color_1 .author-name h5,
.color_1 .commenter h5,
.color_1 .commenter > a,
.color_1 .replay:hover,
.color_1 .error_page .not-found-text h2,
.color_1 .single_option > i,
.color_1 .about_us_text > h3 span,
.color_1 .single_part_code_of_contact h3 span,
.color_1 .knowledgebase_area .accordions h3 span,
.color_1 .single_part_code_of_contact > p:before,
.color_1 .call_to_action:hover h3,
.color_1 .price_rating_area .timer > li,
.color_1 .latest_post .single_latest_post > a > h5:hover,
.color_1 .search_post h3 span,
.color_1 .event_speakers h3 span,
.color_1 .gallery_area.event_details h3 span,
.color_1 .latest_post h3 span,
.color_1 .catagory_section h3 span,
.color_1 .tag_section h3 span,
.color_1 .single_slide .slide_text h2,
.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:before {
    color: #3498db;
}

.color_1 #scrollUp,
.color_1 .top_header_area,
.color_1 .mainmenu ul#nav li:before,
.color_1 .slider-area .nivo-caption .lft-pr a,
.color_1 .single_courses_thumb .links > a:hover,
.color_1 .single_courses_thumb .links > a,
.color_1 .teacher_social_info,
.color_1 .owl-dot.active,
.color_1 .published_date p.date,
.color_1 .basic_contact_area .basic_contact_form button:hover,
.color_1 .newsletter_area,
.color_1 #contact-form input#submit:hover,
.color_1 .replay:hover,
.color_1 .not-found-text > a:hover,
.color_1 .not-found-text > a:focus,
.color_1 .gallery_area .single_gallery_item .links > a:hover,
.color_1 .gallery_area .single_gallery_item .links > a,
.color_1 .single_option:hover,
.color_1 .single_share_link:hover,
.color_1 .about_us_thumb,
.color_1 .register_form button,
.color_1 .login_manual_form button,
.color_1 .why_choose_us_area.home2 .col-md-3:nth-child(even) .single_service_img_area:hover,
.color_1 .call_to > a,
.color_1 .price_plan_area .single_price_plan .price,
.color_1 .achive_section ul li > a:hover,
.color_1 .catagory_section ul li > a:hover,
.color_1 .tag_section ul > li > a:hover,
.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:hover:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:hover:before,
.color_1 .edu-pre .nivo-controlNav a:hover,
.color_1 .single_slide .slide_text a,
.color_1 .edu-pre .nivo-controlNav a.active,
.color_1 .welcome_area .welcome_slides .owl-nav .owl-prev,
.color_1 .welcome_area .welcome_slides .owl-nav .owl-next {
    background-color: #3498db;
}

.color_1 .mainmenu ul li ul.sub-menu,
.color_1 .mainmenu ul#nav li ul.sub-menu li ul.sub-menu,
.color_1 .search_box_area,
.color_1 .slider-area .nivo-caption .lft-pr a,
.color_1 .price_rating_area,
.color_1 .single_teacher_profile:hover .single_teacher_details_info,
.color_1 .owl-dot.active:before,
.color_1 .video_play_button,
.color_1 .basic_contact_area .basic_contact_form .form-group > input:focus,
.color_1 .basic_contact_area .basic_contact_form .form-group > textarea:focus,
.color_1 .footer_area,
.color_1 .single_courses.course-list .single_courses_desc .price_rating_area,
.color_1 .singl-blog-details blockquote,
.color_1 .single_course_catagory,
.color_1 .event_overview_schildle,
.color_1 .related_upcoming_event_title,
.color_1 .courses_overview,
.color_1 .courses_description,
.color_1 .popular_coureses_area.home2 .price_rating_area,
.color_1 .call_to > a,
.color_1 .event_thumbnails .event_details_thumb_overlay .countdown.event_details.price_rating_area {
    border-color: #3498db;
}


/* Green Color CSS */

.color_1 .section_heading h4,
.color_1 .mainmenu ul#nav li.current_page_item a,
.color_1 .mainmenu ul#nav li:hover a,
.color_1 .mainmenu ul#nav li ul.sub-menu li a:hover,
.color_1 .search_button a > i:hover,
.color_1 .search_box_area #close_button,
.color_1 .slider-area .nivo-caption .lft-pr h2,
.color_1 .slider-area .nivo-caption .lft-pr a:hover,
.color_1 .single_feature:hover .feature_img span,
.color_1 .single_feature:hover .feature_text h5,
.color_1 .single_courses:hover .title > a > h5,
.color_1 .cool_facts_area .col-xs-12:nth-child(even) .cool_fact_text,
.color_1 .testimonial_text > p:before,
.color_1 .testimonial_text > h5,
.color_1 .single_latest_news_area:hover .single_latest_news_text_area .news_title h4,
.color_1 .video_play_button i,
.color_1 .single-accordion h5 a,
.color_1 .newsletter_area form button,
.color_1 .footer_upcoming_event .title > h4,
.color_1 .footer_contact_info .title > h4,
.color_1 .footer_about_us .title > h4,
.color_1 .important_links .title > h4,
.color_1 .important_links .links a:hover,
.color_1 .important_links .links > p:hover > i,
.color_1 .event_single_post > a:hover,
.color_1 .footer_single_contact_info > i,
.color_1 .footer_bottom p > i,
.color_1 .footer_bottom p > a:hover,
.color_1 .page_pagination ul > li > a:hover,
.color_1 .singl-blog-status-bar span i,
.color_1 .author-name h5,
.color_1 .commenter h5,
.color_1 .commenter > a,
.color_1 .replay:hover,
.color_1 .error_page .not-found-text h2,
.color_1 .single_option > i,
.color_1 .about_us_text > h3 span,
.color_1 .single_part_code_of_contact h3 span,
.color_1 .knowledgebase_area .accordions h3 span,
.color_1 .single_part_code_of_contact > p:before,
.color_1 .call_to_action:hover h3,
.color_1 .price_rating_area .timer > li,
.color_1 .latest_post .single_latest_post > a > h5:hover,
.color_1 .search_post h3 span,
.color_1 .event_speakers h3 span,
.color_1 .gallery_area.event_details h3 span,
.color_1 .latest_post h3 span,
.color_1 .catagory_section h3 span,
.color_1 .tag_section h3 span,
.color_1 .single_slide .slide_text h2,
.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:before {
    color: #3498db;
}

.color_1 #scrollUp,
.color_1 .top_header_area,
.color_1 .mainmenu ul#nav li:before,
.color_1 .slider-area .nivo-caption .lft-pr a,
.color_1 .single_courses_thumb .links > a:hover,
.color_1 .single_courses_thumb .links > a,
.color_1 .teacher_social_info,
.color_1 .owl-dot.active,
.color_1 .published_date p.date,
.color_1 .basic_contact_area .basic_contact_form button:hover,
.color_1 .newsletter_area,
.color_1 #contact-form input#submit:hover,
.color_1 .replay:hover,
.color_1 .not-found-text > a:hover,
.color_1 .not-found-text > a:focus,
.color_1 .gallery_area .single_gallery_item .links > a:hover,
.color_1 .gallery_area .single_gallery_item .links > a,
.color_1 .single_option:hover,
.color_1 .single_share_link:hover,
.color_1 .about_us_thumb,
.color_1 .register_form button,
.color_1 .login_manual_form button,
.color_1 .why_choose_us_area.home2 .col-md-3:nth-child(even) .single_service_img_area:hover,
.color_1 .call_to > a,
.color_1 .price_plan_area .single_price_plan .price,
.color_1 .achive_section ul li > a:hover,
.color_1 .catagory_section ul li > a:hover,
.color_1 .tag_section ul > li > a:hover,
.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:hover:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:hover:before,
.color_1 .edu-pre .nivo-controlNav a:hover,
.color_1 .single_slide .slide_text a,
.color_1 .edu-pre .nivo-controlNav a.active,
.color_1 .welcome_area .welcome_slides .owl-nav .owl-prev,
.color_1 .welcome_area .welcome_slides .owl-nav .owl-next {
    background-color: #3498db;
}

.color_1 .mainmenu ul li ul.sub-menu,
.color_1 .mainmenu ul#nav li ul.sub-menu li ul.sub-menu,
.color_1 .search_box_area,
.color_1 .slider-area .nivo-caption .lft-pr a,
.color_1 .price_rating_area,
.color_1 .single_teacher_profile:hover .single_teacher_details_info,
.color_1 .owl-dot.active:before,
.color_1 .video_play_button,
.color_1 .basic_contact_area .basic_contact_form .form-group > input:focus,
.color_1 .basic_contact_area .basic_contact_form .form-group > textarea:focus,
.color_1 .footer_area,
.color_1 .single_courses.course-list .single_courses_desc .price_rating_area,
.color_1 .singl-blog-details blockquote,
.color_1 .single_course_catagory,
.color_1 .event_overview_schildle,
.color_1 .related_upcoming_event_title,
.color_1 .courses_overview,
.color_1 .courses_description,
.color_1 .popular_coureses_area.home2 .price_rating_area,
.color_1 .call_to > a,
.color_1 .event_thumbnails .event_details_thumb_overlay .countdown.event_details.price_rating_area {
    border-color: #3498db;
}


/* Red Color CSS */

.color_1 .section_heading h4,
.color_1 .mainmenu ul#nav li.current_page_item a,
.color_1 .mainmenu ul#nav li:hover a,
.color_1 .mainmenu ul#nav li ul.sub-menu li a:hover,
.color_1 .search_button a > i:hover,
.color_1 .search_box_area #close_button,
.color_1 .slider-area .nivo-caption .lft-pr h2,
.color_1 .slider-area .nivo-caption .lft-pr a:hover,
.color_1 .single_feature:hover .feature_img span,
.color_1 .single_feature:hover .feature_text h5,
.color_1 .single_courses:hover .title > a > h5,
.color_1 .cool_facts_area .col-xs-12:nth-child(even) .cool_fact_text,
.color_1 .testimonial_text > p:before,
.color_1 .testimonial_text > h5,
.color_1 .single_latest_news_area:hover .single_latest_news_text_area .news_title h4,
.color_1 .video_play_button i,
.color_1 .single-accordion h5 a,
.color_1 .newsletter_area form button,
.color_1 .footer_upcoming_event .title > h4,
.color_1 .footer_contact_info .title > h4,
.color_1 .footer_about_us .title > h4,
.color_1 .important_links .title > h4,
.color_1 .important_links .links a:hover,
.color_1 .important_links .links > p:hover > i,
.color_1 .event_single_post > a:hover,
.color_1 .footer_single_contact_info > i,
.color_1 .footer_bottom p > i,
.color_1 .footer_bottom p > a:hover,
.color_1 .page_pagination ul > li > a:hover,
.color_1 .singl-blog-status-bar span i,
.color_1 .author-name h5,
.color_1 .commenter h5,
.color_1 .commenter > a,
.color_1 .replay:hover,
.color_1 .error_page .not-found-text h2,
.color_1 .single_option > i,
.color_1 .about_us_text > h3 span,
.color_1 .single_part_code_of_contact h3 span,
.color_1 .knowledgebase_area .accordions h3 span,
.color_1 .single_part_code_of_contact > p:before,
.color_1 .call_to_action:hover h3,
.color_1 .price_rating_area .timer > li,
.color_1 .latest_post .single_latest_post > a > h5:hover,
.color_1 .search_post h3 span,
.color_1 .event_speakers h3 span,
.color_1 .gallery_area.event_details h3 span,
.color_1 .latest_post h3 span,
.color_1 .catagory_section h3 span,
.color_1 .tag_section h3 span,
.color_1 .single_slide .slide_text h2,
.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:before {
    color: #3498db;
}

.color_1 #scrollUp,
.color_1 .top_header_area,
.color_1 .mainmenu ul#nav li:before,
.color_1 .slider-area .nivo-caption .lft-pr a,
.color_1 .single_courses_thumb .links > a:hover,
.color_1 .single_courses_thumb .links > a,
.color_1 .teacher_social_info,
.color_1 .owl-dot.active,
.color_1 .published_date p.date,
.color_1 .basic_contact_area .basic_contact_form button:hover,
.color_1 .newsletter_area,
.color_1 #contact-form input#submit:hover,
.color_1 .replay:hover,
.color_1 .not-found-text > a:hover,
.color_1 .not-found-text > a:focus,
.color_1 .gallery_area .single_gallery_item .links > a:hover,
.color_1 .gallery_area .single_gallery_item .links > a,
.color_1 .single_option:hover,
.color_1 .single_share_link:hover,
.color_1 .about_us_thumb,
.color_1 .register_form button,
.color_1 .login_manual_form button,
.color_1 .why_choose_us_area.home2 .col-md-3:nth-child(even) .single_service_img_area:hover,
.color_1 .call_to > a,
.color_1 .price_plan_area .single_price_plan .price,
.color_1 .achive_section ul li > a:hover,
.color_1 .catagory_section ul li > a:hover,
.color_1 .tag_section ul > li > a:hover,
.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:hover:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:hover:before,
.color_1 .edu-pre .nivo-controlNav a:hover,
.color_1 .single_slide .slide_text a,
.color_1 .edu-pre .nivo-controlNav a.active,
.color_1 .welcome_area .welcome_slides .owl-nav .owl-prev,
.color_1 .welcome_area .welcome_slides .owl-nav .owl-next {
    background-color: #3498db;
}

.color_1 .mainmenu ul li ul.sub-menu,
.color_1 .mainmenu ul#nav li ul.sub-menu li ul.sub-menu,
.color_1 .search_box_area,
.color_1 .slider-area .nivo-caption .lft-pr a,
.color_1 .price_rating_area,
.color_1 .single_teacher_profile:hover .single_teacher_details_info,
.color_1 .owl-dot.active:before,
.color_1 .video_play_button,
.color_1 .basic_contact_area .basic_contact_form .form-group > input:focus,
.color_1 .basic_contact_area .basic_contact_form .form-group > textarea:focus,
.color_1 .footer_area,
.color_1 .single_courses.course-list .single_courses_desc .price_rating_area,
.color_1 .singl-blog-details blockquote,
.color_1 .single_course_catagory,
.color_1 .event_overview_schildle,
.color_1 .related_upcoming_event_title,
.color_1 .courses_overview,
.color_1 .courses_description,
.color_1 .popular_coureses_area.home2 .price_rating_area,
.color_1 .call_to > a,
.color_1 .event_thumbnails .event_details_thumb_overlay .countdown.event_details.price_rating_area {
    border-color: #3498db;
}


/* Common CSS*/

.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:hover:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:hover:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:hover:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:hover:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-prevNav:hover:before,
.color_1 .edu-pre .nivo-directionNav a.nivo-nextNav:hover:before {
    color: #fff;
}

.color_1 .slider-area .nivo-caption .lft-pr a:hover,
.color_1 .slider-area .nivo-caption .lft-pr a:hover,
.color_1 .slider-area .nivo-caption .lft-pr a:hover {
    background-color: transparent;
}

.color_1 .register_form button:hover,
.color_1 .register_form button:focus,
.color_1 .login_manual_form button:hover,
.color_1 .login_manual_form button:focus,
.color_1 .register_form button:hover,
.color_1 .register_form button:focus,
.color_1 .login_manual_form button:hover,
.color_1 .login_manual_form button:focus,
.color_1 .register_form button:hover,
.color_1 .register_form button:focus,
.color_1 .login_manual_form button:hover,
.color_1 .login_manual_form button:focus {
    background-color: #2c3e50;
    color: #fff;
}

.color_1 .single_option:hover i,
.color_1 .single_option:hover h5 > a,
.color_1 .single_option:hover i,
.color_1 .single_option:hover h5 > a,
.color_1 .single_option:hover i,
.color_1 .single_option:hover h5 > a {
    color: #fff;
}