/*

    Author Css: Mehrdad Khodaei

    Color Scheme Switcher
    
    ---------------- Info ----------------
    
    Email:          mkhodaii@itshams.ir - mehrdadkhodaei18@gmail.com
    Phone:          +98 933 805 9497
    
    Powerd By:		ITShams Company - https://www.itshams.ir/

*/

/*---------------------- Public Style ---------------------*/

#scheme_color{

    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
}
#scheme_color #view_colors{

    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    z-index: 99;
}
#scheme_color #view_colors img{

   
    width: 35px;
    
}
#scheme_color .list-colors .clr{

    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;    
    border-radius: 100%;    
    right: 8px;    
    top: 0;    
    transition: all 0.5s;
}
#scheme_color .list-colors .clr.active::after,
#scheme_color .list-colors .clr::after{

    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    transition: all 0.3s;
}
#scheme_color .list-colors .clr::after{

    width: 0;
    height: 0;
    opacity: 0;
}
#scheme_color .list-colors .clr:hover::after{

    opacity: 0.3;
    width: 10px;
    height: 10px;
}
#scheme_color .list-colors .clr.active::after{

    opacity: 1;
}
#scheme_color .list-colors{

    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
#scheme_color .list-colors.view{
    
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}
#scheme_color .list-colors.view .clr-default{

    background-color: #34abb1;
    border: 3px solid #026c72;
    top: -40px;
    transition: all 0.5s;
}
#scheme_color .list-colors.view .clr-pink{

    background-color: #880E4F;
    border: 3px solid #E91E63;
    top: -80px;
    transition: all 0.5s;
}
#scheme_color .list-colors.view .clr-green{

    background-color: #33691E;
    border: 3px solid #8BC34A;
    top: -120px;
    transition: all 0.5s;
}
#scheme_color .list-colors.view .clr-gray{

    background-color: #263238;
    border: 3px solid #607D8B;
    top: -160px;
    transition: all 0.5s;
}

/*---------------------- /Public Style ---------------------*/

/*---------------------- Color Scheme Number 1  ---------------------*/

body.clr-green .header-main .header-fixed{

    background-color: #33691E;
}
body.clr-green .header-main .menu-tourism .nav-tourism .navbar-nav > li > a{

    color: #fff;
}
body.clr-green .header-main .menu-tourism .nav-tourism .navbar-nav > li .fas{

    opacity: 0.3;
}
body.clr-green .header-main .header-fixed .logo-head{

    background-color: #689F38;
}
body.clr-green .header-main .header-fixed .btns-menu .btn-hotel{
    
    background-color: #8BC34A;
}
body.clr-green .header-main .header-fixed .btns-menu .btn-mn{

    background-color: #fff;    
}
body.clr-green .header-main .header-fixed .btns-menu .btn-mn > i,
body.clr-green .header-main .header-fixed .btns-menu .btn-mn > span{

    color: #33691E;
}
body.clr-green .header-main .header-menus .quick-menu {
   
    background-color: #8bc34a;
    
}
body.clr-green .navbar-default {
    background-color: #33691E !important;
    border-color: #8BC34A !important;
}
body.clr-green .content-main .quick-access .style-access .ticker .fa,
body.clr-green .content-main .quick-access .style-access .list-access .fa {    
    color: #8bc34a;
}
body.clr-green .content-main .quick-access .style-access .list-access .btn-default .caret {
    background-color: #8bc34a;
}
body.clr-green .header-main .header-menus .nav-tbzmed .navbar-nav > li > a:hover {
    background-color: #33691E;
}
body.clr-green .content-main .tabs-site {
    
    background-color: #8bc34a;
}
body.clr-green .P8 .News_Titr {    
    color: #33691E;
}
body.clr-green .P8 .news-tools span {
    background-color: #33691E;
}
body.clr-green .P2 .module-header {
    background-color: #8bc34a;
}
body.clr-green .news-media-itshams .multimedia-slide .tabpanel .nav-tabs > li > a {
    background-color: #8bc34a;
}
body.clr-green .news-media-itshams .multimedia-slide .tabpanel .nav-tabs > li.active > a {
    background-color: #33691E;
}
body.clr-green .home_tab_title {
    background: #8bc34a !important;
}
body.clr-green .home_tab_title #home_tab1 {
    background: #8bc34a !important;
}
body.clr-green .home_tab1_content #A1,
body.clr-green .home_tab1_content #A3,
body.clr-green .home_tab1_content #A4 {
    border: 1px solid #33691E;
    background-color: #33691E;
}
body.clr-green .P2 .btn.btn-primary {
    background-color: #33691E;
}
body.clr-green .owl-next .angle-right {   
    background: #8bc34a;
}
body.clr-green .tag-Keywords a {
    background-color: #8bc34a;
}
body.clr-green .navbar-default .navbar-nav>.open>a,
body.clr-green .navbar-default .navbar-nav>.open>a:focus,
body.clr-green .navbar-default .navbar-nav>.open>a:hover {
    background-color: #33691E !important;
}
/*---------------------- /Color Scheme Number 1  ---------------------*/

/*---------------------- Color Scheme Number 2  ---------------------*/

body.clr-pink .header-main .header-fixed{

    background-color: #880E4F;
}
body.clr-pink .header-main .menu-tourism .nav-tourism .navbar-nav > li > a{

    color: #fff;
}
body.clr-pink .header-main .menu-tourism .nav-tourism .navbar-nav > li .fas{

    opacity: 0.3;
}
body.clr-pink .header-main .header-fixed .logo-head{

    background-color: #C2185B;
}
body.clr-pink .header-main .header-fixed .btns-menu .btn-hotel{
    
    background-color: #E91E63;
}
body.clr-pink .header-main .header-fixed .btns-menu .btn-mn{

    background-color: #fff;    
}
body.clr-pink .header-main .header-fixed .btns-menu .btn-mn > i,
body.clr-pink .header-main .header-fixed .btns-menu .btn-mn > span{

    color: #880E4F;
}
body.clr-pink .header-main .header-menus .quick-menu {
   
    background-color: #880e4f;
    
}
body.clr-pink .navbar-default {
    background-color: #e91e63 !important;
    border-color: #e91e63 !important;
}
body.clr-pink .content-main .quick-access .style-access .ticker .fa,body.clr-pink .content-main .quick-access .style-access .list-access .fa {    
    color: #e91e63;
}
body.clr-pink .content-main .quick-access .style-access .list-access .btn-default .caret {
    background-color: #e91e63;
}
body.clr-pink .header-main .header-menus .nav-tbzmed .navbar-nav > li > a:hover {
    background-color: #880e4f;
}
body.clr-pink .content-main .tabs-site {
    
    background-color: #e91e63;
}
body.clr-pink .P8 .News_Titr {    
    color: #880e4f;
}
body.clr-pink .P8 .news-tools span {
    background-color: #880e4f;
}
body.clr-pink .P2 .module-header {
    background-color: #e91e63;
}
body.clr-pink .news-media-itshams .multimedia-slide .tabpanel .nav-tabs > li > a {
    background-color: #e91e63;
}
body.clr-pink .news-media-itshams .multimedia-slide .tabpanel .nav-tabs > li.active > a {
    background-color: #880e4f;
}
body.clr-pink .home_tab_title {
    background: #e91e63 !important;
}
body.clr-pink .home_tab_title #home_tab1 {
    background: #e91e63 !important;
}
body.clr-pink .home_tab1_content #A1,
body.clr-pink .home_tab1_content #A3,
body.clr-pink .home_tab1_content #A4 {
    border: 1px solid #880e4f;
    background-color: #880e4f;
}
body.clr-pink .P2 .btn.btn-primary {
    background-color: #880e4f;
}
body.clr-pink .owl-next .angle-right {   
    background: #e91e63;
}
body.clr-pink .tag-Keywords a {
    background-color: #e91e63;
}
body.clr-pink .navbar-default .navbar-nav>.open>a,
body.clr-pink .navbar-default .navbar-nav>.open>a:focus,
body.clr-pink .navbar-default .navbar-nav>.open>a:hover {
    background-color: #880e4f !important;
}
/*---------------------- /Color Scheme Number 2  ---------------------*/

/*---------------------- Color Scheme Number 3  ---------------------*/

body.clr-gray .header-main .header-fixed{

    background-color: #263238;
}
body.clr-gray .header-main .menu-tourism .nav-tourism .navbar-nav > li > a{

    color: #fff;
}
body.clr-gray .header-main .menu-tourism .nav-tourism .navbar-nav > li .fas{

    opacity: 0.3;
}
body.clr-gray .header-main .header-fixed .logo-head{

    background-color: #455A64;
}
body.clr-gray .header-main .header-fixed .btns-menu .btn-hotel{
    
    background-color: #607D8B;
}
body.clr-gray .header-main .header-fixed .btns-menu .btn-mn{

    background-color: #fff;    
}
body.clr-gray .header-main .header-fixed .btns-menu .btn-mn > i,
body.clr-gray .header-main .header-fixed .btns-menu .btn-mn > span{

    color: #263238;
}
body.clr-gray .header-main .header-menus .quick-menu {
   
    background-color: #263238;
    
}
body.clr-gray .navbar-default {
    background-color: #263238 !important;
    border-color: #607D8B !important;
}
body.clr-gray .content-main .quick-access .style-access .ticker .fa,
body.clr-gray .content-main .quick-access .style-access .list-access .fa {    
    color: #263238;
}
body.clr-gray .content-main .quick-access .style-access .list-access .btn-default .caret {
    background-color: #263238;
}
body.clr-gray .header-main .header-menus .nav-tbzmed .navbar-nav > li > a:hover {
    background-color: #607d8b;
}
body.clr-gray .content-main .tabs-site {
    
    background-color: #263238;
}
body.clr-gray .P8 .News_Titr {    
    color: #607d8b;
}
body.clr-gray .P8 .news-tools span {
    background-color: #607d8b;
}
body.clr-gray .P2 .module-header {
    background-color: #263238;
}
body.clr-gray .news-media-itshams .multimedia-slide .tabpanel .nav-tabs > li > a {
    background-color: #263238;
}
body.clr-gray .news-media-itshams .multimedia-slide .tabpanel .nav-tabs > li.active > a {
    background-color: #607d8b;
}
body.clr-gray .home_tab_title {
    background: #263238 !important;
}
body.clr-gray .home_tab_title #home_tab1 {
    background: #263238 !important;
}
body.clr-gray .home_tab1_content #A1,
body.clr-gray .home_tab1_content #A3,
body.clr-gray .home_tab1_content #A4 {
    border: 1px solid #607d8b;
    background-color: #607d8b;
}
body.clr-gray .P2 .btn.btn-primary {
    background-color: #607d8b;
}
body.clr-gray .owl-next .angle-right {   
    background: #263238;
}
body.clr-gray .tag-Keywords a {
    background-color: #263238;
}
body.clr-gray .navbar-default .navbar-nav>.open>a,
body.clr-gray .navbar-default .navbar-nav>.open>a:focus,
body.clr-gray .navbar-default .navbar-nav>.open>a:hover {
    background-color: #607d8b !important;
}
/*---------------------- /Color Scheme Number 3  ---------------------*/