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

	

	

	@ Item          REFRAME - Personal One Page HTML Template

	@ Version       1.1

	@ Author		Avanzare

	@ Website		http://themeforest.net/user/avanzare 

	



 ******************************************************************





	-----------------------------

	----- TABLE OF CONTENTS -----

	-----------------------------

	

	--  1. Warning Yellow

    --  2. Future Blue

	--  3. Dynamic Red

	--  4. Mystic Orange

	--  5. Dreamy Turquoise

	--  6. Polar White

	--  7. Sweet Purple

	--  8. Eco Green

    --  9. Acid Green

    -- 10. Coated Grey

 

 

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



/** 1. Warning Yellow

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



.colors_warning_yellow .c_cursor_inner,

.colors_warning_yellow .m-menu-button:hover .burger .line {

  background: #f68722 !important;

}



.colors_warning_yellow .c_cursor_outer .bg,

.colors_warning_yellow .c_cursor_outer .circle,

.colors_warning_yellow

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #f68722 !important;

}



.colors_warning_yellow ::selection {

  color: #f68722 !important;

}



.colors_warning_yellow ::-moz-selection {

  color: #f68722 !important;

}



.colors_warning_yellow .m-menu .m-menu-inner .main-items li:hover p,

.colors_warning_yellow .m-menu .m-menu-inner .main-items a.is-active p,

.colors_warning_yellow .m-menu .m-menu-inner .social-items a:hover span,

.colors_warning_yellow .glightbox-container .gbtn:hover span,

.colors_warning_yellow .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_warning_yellow .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_warning_yellow .options-panel .close-button:hover {

  color: #f68722 !important;

}



/** 2. Future Blue

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



.colors_future_blue .c_cursor_inner,

.colors_future_blue .m-menu-button:hover .burger .line {

  background: #1338f3 !important;

}



.colors_future_blue .c_cursor_outer .bg,

.colors_future_blue .c_cursor_outer .circle,

.colors_future_blue

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #1338f3 !important;

}



.colors_future_blue ::selection {

  color: #1338f3 !important;

}



.colors_future_blue ::-moz-selection {

  color: #1338f3 !important;

}



.colors_future_blue .m-menu .m-menu-inner .main-items li:hover p,

.colors_future_blue .m-menu .m-menu-inner .main-items a.is-active p,

.colors_future_blue .m-menu .m-menu-inner .social-items a:hover span,

.colors_future_blue .glightbox-container .gbtn:hover span,

.colors_future_blue .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_future_blue .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_future_blue .options-panel .close-button:hover {

  color: #1338f3 !important;

}



/** 3. Dynamic Red

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



.colors_dynamic_red .c_cursor_inner,

.colors_dynamic_red .m-menu-button:hover .burger .line {

  background: #f68722 !important;

}



.colors_dynamic_red .c_cursor_outer .bg,

.colors_dynamic_red .c_cursor_outer .circle,

.colors_dynamic_red

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #f68722 !important;

}



.colors_dynamic_red ::selection {

  color: #f68722 !important;

}



.colors_dynamic_red ::-moz-selection {

  color: #f68722 !important;

}



.colors_dynamic_red .m-menu .m-menu-inner .main-items li:hover p,

.colors_dynamic_red .m-menu .m-menu-inner .main-items a.is-active p,

.colors_dynamic_red .m-menu .m-menu-inner .social-items a:hover span,

.colors_dynamic_red .glightbox-container .gbtn:hover span,

.colors_dynamic_red .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_dynamic_red .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_dynamic_red .options-panel .close-button:hover {

  color: #f68722 !important;

}



/** 4. Mystic Orange

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



.colors_mystic_orange .c_cursor_inner,

.colors_mystic_orange .m-menu-button:hover .burger .line {

  background: #f68722 !important;

}



.colors_mystic_orange .c_cursor_outer .bg,

.colors_mystic_orange .c_cursor_outer .circle,

.colors_mystic_orange

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #f68722 !important;

}



.colors_mystic_orange ::selection {

  color: #f68722 !important;

}



.colors_mystic_orange ::-moz-selection {

  color: #f68722 !important;

}



.colors_mystic_orange .m-menu .m-menu-inner .main-items li:hover p,

.colors_mystic_orange .m-menu .m-menu-inner .main-items a.is-active p,

.colors_mystic_orange .m-menu .m-menu-inner .social-items a:hover span,

.colors_mystic_orange .glightbox-container .gbtn:hover span,

.colors_mystic_orange .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_mystic_orange .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_mystic_orange .options-panel .close-button:hover {

  color: #f68722 !important;

}



/** 5. Dreamy Turquoise

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



.colors_dreamy_turquoise .c_cursor_inner,

.colors_dreamy_turquoise .m-menu-button:hover .burger .line {

  background: #0bc5fc !important;

}



.colors_dreamy_turquoise .c_cursor_outer .bg,

.colors_dreamy_turquoise .c_cursor_outer .circle,

.colors_dreamy_turquoise

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #0bc5fc !important;

}



.colors_dreamy_turquoise ::selection {

  color: #0bc5fc !important;

}



.colors_dreamy_turquoise ::-moz-selection {

  color: #0bc5fc !important;

}



.colors_dreamy_turquoise .m-menu .m-menu-inner .main-items li:hover p,

.colors_dreamy_turquoise .m-menu .m-menu-inner .main-items a.is-active p,

.colors_dreamy_turquoise .m-menu .m-menu-inner .social-items a:hover span,

.colors_dreamy_turquoise .glightbox-container .gbtn:hover span,

.colors_dreamy_turquoise

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span,

.colors_dreamy_turquoise .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_dreamy_turquoise .options-panel .close-button:hover {

  color: #0bc5fc !important;

}



/** 6. Polar White

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



.colors_polar_white .c_cursor_inner,

.colors_polar_white .m-menu-button:hover .burger .line {

  background: #fff !important;

}



.colors_polar_white .c_cursor_outer .bg,

.colors_polar_white .c_cursor_outer .circle,

.colors_polar_white

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #fff !important;

}



.colors_polar_white ::selection {

  color: #fff !important;

}



.colors_polar_white ::-moz-selection {

  color: #fff !important;

}



.colors_polar_white .m-menu .m-menu-inner .main-items li:hover p,

.colors_polar_white .m-menu .m-menu-inner .main-items a.is-active p,

.colors_polar_white .m-menu .m-menu-inner .social-items a:hover span,

.colors_polar_white .glightbox-container .gbtn:hover span,

.colors_polar_white .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_polar_white .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_polar_white .options-panel .close-button:hover {

  color: #fff !important;

}



/** 7. Sweet Purple

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



.colors_sweet_purple .c_cursor_inner,

.colors_sweet_purple .m-menu-button:hover .burger .line {

  background: #ff99cc !important;

}



.colors_sweet_purple .c_cursor_outer .bg,

.colors_sweet_purple .c_cursor_outer .circle,

.colors_sweet_purple

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #ff99cc !important;

}



.colors_sweet_purple ::selection {

  color: #ff99cc !important;

}



.colors_sweet_purple ::-moz-selection {

  color: #ff99cc !important;

}



.colors_sweet_purple .m-menu .m-menu-inner .main-items li:hover p,

.colors_sweet_purple .m-menu .m-menu-inner .main-items a.is-active p,

.colors_sweet_purple .m-menu .m-menu-inner .social-items a:hover span,

.colors_sweet_purple .glightbox-container .gbtn:hover span,

.colors_sweet_purple .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_sweet_purple .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_sweet_purple .options-panel .close-button:hover {

  color: #ff99cc !important;

}



/** 8. Eco Green

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



.colors_eco_green .c_cursor_inner,

.colors_eco_green .m-menu-button:hover .burger .line {

  background: #0dd02e !important;

}



.colors_eco_green .c_cursor_outer .bg,

.colors_eco_green .c_cursor_outer .circle,

.colors_eco_green

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #0dd02e !important;

}



.colors_eco_green ::selection {

  color: #0dd02e !important;

}



.colors_eco_green ::-moz-selection {

  color: #0dd02e !important;

}



.colors_eco_green .m-menu .m-menu-inner .main-items li:hover p,

.colors_eco_green .m-menu .m-menu-inner .main-items a.is-active p,

.colors_eco_green .m-menu .m-menu-inner .social-items a:hover span,

.colors_eco_green .glightbox-container .gbtn:hover span,

.colors_eco_green .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_eco_green .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_eco_green .options-panel .close-button:hover {

  color: #0dd02e !important;

}



/** 9. Acid Green

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



.colors_acid_green .c_cursor_inner,

.colors_acid_green .m-menu-button:hover .burger .line {

  background: #cceb00 !important;

}



.colors_acid_green .c_cursor_outer .bg,

.colors_acid_green .c_cursor_outer .circle,

.colors_acid_green

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #cceb00 !important;

}



.colors_acid_green ::selection {

  color: #cceb00 !important;

}



.colors_acid_green ::-moz-selection {

  color: #cceb00 !important;

}



.colors_acid_green .m-menu .m-menu-inner .main-items li:hover p,

.colors_acid_green .m-menu .m-menu-inner .main-items a.is-active p,

.colors_acid_green .m-menu .m-menu-inner .social-items a:hover span,

.colors_acid_green .glightbox-container .gbtn:hover span,

.colors_acid_green .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_acid_green .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_acid_green .options-panel .close-button:hover {

  color: #cceb00 !important;

}



/** 10. Coated Grey

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



.colors_coated_grey .c_cursor_inner,

.colors_coated_grey .m-menu-button:hover .burger .line {

  background: #c0c0c0 !important;

}



.colors_coated_grey .c_cursor_outer .bg,

.colors_coated_grey .c_cursor_outer .circle,

.colors_coated_grey

  .m-menu

  .m-menu-inner

  .main-items

  > li

  a.is-active

  span:after {

  border-color: #c0c0c0 !important;

}



.colors_coated_grey ::selection {

  color: #c0c0c0 !important;

}



.colors_coated_grey ::-moz-selection {

  color: #c0c0c0 !important;

}



.colors_coated_grey .m-menu .m-menu-inner .main-items li:hover p,

.colors_coated_grey .m-menu .m-menu-inner .main-items a.is-active p,

.colors_coated_grey .m-menu .m-menu-inner .social-items a:hover span,

.colors_coated_grey .glightbox-container .gbtn:hover span,

.colors_coated_grey .m-menu .m-menu-inner .main-items > li a.is-active span,

.colors_coated_grey .m-menu .m-menu-inner .main-items > li a:hover span,

.colors_coated_grey .options-panel .close-button:hover {

  color: #c0c0c0 !important;

}