@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,500,600,700,800&display=swap");

/*===============================================

Template name:  Snail
Version:        3.0
Author:         Snail
Author Email:   support@company.com

NOTE:
-----
Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

===============================================*/
/*===============================================
	
	STYLESHEET INDEXING
	|
	|
	|___ Default Styles
	|	|
	|	|___ variables
	|	|___ mixins
	|	|___ reset
	|	|___ typography
	|	|___ colors
	|	|___ shortcode
	|	|___ animations 
	|
	|
	|
	|___Elements Styles
	|	|___ section-title
	|	|___ buttons
	|	|___ accordions
	|	|___ deviders
	|	|___ alertbox
	|	|___ ison-boxes
	|	|___ social
	|	|___ tabs
	|	|___ deviders
	|	|___ form
	|	|___ custom-cursor
	|	|___ Progress_bar
	|	|___ Countdown
	|	|___ Client_logo
	|	|___ maintenance
	|	|___ gradation
	|	|___ pagination
	|	|___ gallery
	|	|___ service
	|	|___ testimonial
	|	|___ counter
	|	|___ fancy_box
	|	|___ modal
	|	|___ slider
	|	|___ rating
	|	|___ icons
	|	
	|
	|
	|___Template Styles
	|	|___ banner
	|	|___ slider
	|	|___ footer
	|	|___ header
	|	|___ header magamenu
	|	|___ header-broadsheets
	|	|___ left-vertical-header
	|	|___ popup
	|	|___ hamber-menu
	|	|___ sidebar-mobilemenu
	|	|___ shopping_cart
	|	|___ sidebar-header
	|	|___ Demo options
	|	|___ toolbar
	|	|___ particales
	|	|___ template features
	|
	|	
	|___Blog Styles
	|	|___ blog
	|	|___ blog sidebar
	|	|___ blog part
	|	|___ blog details
	|
	|	
	|
	|___Portfolio Styles
	|	|___ Portfolio grid
	|	|___ Portfolio details
	|	
	|
	|
	|___Shop Styles
	|	|___ Product
	|	|___ single product
	|	|___ shop Sidebar
	|	|___ cart
	|	|___ Chackout
	|	|___ my account
	|	
	|
	|
	|___Components Styles
	|	|___ subscribe
	|	|___ join us
	|	|___ why us
	|	|___ Quote
	|	|___ typography
	|	|___ image group
	|	|___ Shapes
	|	|___ tooltip box
	|	|___ sliders
	|	|___ layer wrap
	|	|___ team
	|	|___ demo option
	|	|___ toolbar
	|	|___ image comparision
	|	|___ menu list
	|	|___ grid Filter
	|	|___ Video slider
	|	|___ instagram
	|	|___ music area
	|	|___ portfolio post
	|	|___ book form
	|	|___ pricing box
	|	|___ Lists
	|	|___ feature slider
	|	|___ Google maps
	|	|___ breadcrumb
	|	|___ preloader
	|	|___ shadule part
	|	
	|
	|___ END STYLESHEET INDEXING

===============================================*/
/*====================================
    Default Styles
====================================*/
/*-------------------------------------------------------------------------------------
    Reset Style
---------------------------------------------------------------------------------------*/
/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'), url(../fonts/web-fonts/rubik-400-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* hebrew */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'), url(../fonts/web-fonts/rubik-400-2.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* latin-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'), url(../fonts/web-fonts/rubik-400-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'), url(../fonts/web-fonts/rubik-400-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'), url(../fonts/web-fonts/rubik-500-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* hebrew */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'), url(../fonts/web-fonts/rubik-500-2.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* latin-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'), url(../fonts/web-fonts/rubik-500-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'), url(../fonts/web-fonts/rubik-500-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: local('Rubik Bold'), local('Rubik-Bold'), url(../fonts/web-fonts/rubik-700-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* hebrew */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: local('Rubik Bold'), local('Rubik-Bold'), url(../fonts/web-fonts/rubik-700-2.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* latin-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: local('Rubik Bold'), local('Rubik-Bold'), url(../fonts/web-fonts/rubik-700-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: local('Rubik Bold'), local('Rubik-Bold'), url(../fonts/web-fonts/rubik-700-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 900;
    src: local('Rubik Black'), local('Rubik-Black'), url(../fonts/web-fonts/rubik-900-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* hebrew */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 900;
    src: local('Rubik Black'), local('Rubik-Black'), url(../fonts/web-fonts/rubik-900-2.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* latin-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 900;
    src: local('Rubik Black'), local('Rubik-Black'), url(../fonts/web-fonts/rubik-900-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 900;
    src: local('Rubik Black'), local('Rubik-Black'), url(../fonts/web-fonts/rubik-900-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/web-fonts/Montserrat-Regular.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/web-fonts/Montserrat-Regular-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/web-fonts/Montserrat-Regular-2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/web-fonts/Montserrat-Regular-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/web-fonts/Montserrat-Regular-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/web-fonts/Montserrat-Medium.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/web-fonts/Montserrat-Medium-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/web-fonts/Montserrat-Medium-2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/web-fonts/Montserrat-Medium-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/web-fonts/Montserrat-Medium-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/web-fonts/Montserrat-SemiBold.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/web-fonts/Montserrat-SemiBold-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/web-fonts/Montserrat-SemiBold-2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/web-fonts/Montserrat-SemiBold-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/web-fonts/Montserrat-SemiBold-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/web-fonts/Montserrat-Bold.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/web-fonts/Montserrat-Bold-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/web-fonts/Montserrat-Bold-2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/web-fonts/Montserrat-Bold-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/web-fonts/Montserrat-Bold-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/web-fonts/Montserrat-ExtraBold.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/web-fonts/Montserrat-ExtraBold-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/web-fonts/Montserrat-ExtraBold-2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/web-fonts/Montserrat-ExtraBold-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/web-fonts/Montserrat-ExtraBold-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Montserrat Black'), local('Montserrat-Black'), url(../fonts/web-fonts/Montserrat-Black.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Montserrat Black'), local('Montserrat-Black'), url(../fonts/web-fonts/Montserrat-Black-1.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Montserrat Black'), local('Montserrat-Black'), url(../fonts/web-fonts/Montserrat-Black-2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Montserrat Black'), local('Montserrat-Black'), url(../fonts/web-fonts/Montserrat-Black-3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Montserrat Black'), local('Montserrat-Black'), url(../fonts/web-fonts/Montserrat-Black-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-400.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-400-1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-400-2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-500.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-500-1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-500-2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-600.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-600-1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-600-2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-700.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-700-1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-700-2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-800.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-800-1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-800-2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-900.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-900-1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/web-fonts/Muli-900-2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-400.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-400-1.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-400-2.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-400-3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-500.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-500-1.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-500-2.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-500-3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-600.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-600-1.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-600-2.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-600-3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-700.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-700-1.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-700-2.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-700-3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-800.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-800-1.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-800-2.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-800-3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-900.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-900-1.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-900-2.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/web-fonts/Playfair-Display-900-3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html,
button,
input,
select,
textarea {
    font-family: "Montserrat", sans-serif;
}

a {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #ac0404;
}

a:focus {
    outline: none;
}

a:active,
a:hover {
    color: #ea9629;
    outline: 0;
}

a:hover {
    text-decoration: none;
}

address {
    font-style: italic;
    margin: 0 0 24px;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p {
    margin: 0 0 24px;
    font-size: 14px;
    color: #575757;
    line-height: 1.8;
    letter-spacing: .4px;
}

@media only screen and (max-width: 575px) {
    p {
        font-size: 14px;
    }
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,
q {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}

blockquote blockquote {
    margin-right: 0;
}

blockquote cite,
blockquote small {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

blockquote em,
blockquote i {
    font-style: normal;
    font-weight: 300;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl {
    margin: 0 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 20px;
}

menu,
ol,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}

ul {
    list-style-type: square;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

li>ul,
li>ol {
    margin: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    min-width: inherit;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    padding-right: 2px;
    width: 270px;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

caption {
    font-size: 16px;
    margin: 20px 0;
}

th {
    font-weight: bold;
    text-transform: uppercase;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

del {
    color: #333;
}

ins {
    background: #fff9c0;
    text-decoration: none;
}

hr {
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px;
}

/*-------------------------------------------------------------------------------------
    Typography
---------------------------------------------------------------------------------------*/
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

html {
    overflow: hidden;
    overflow-y: auto;
}

body {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-weight: 400;
}

a {
    transition: all 0.4s ease-in-out 0s;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
dl,
dd,
menu,
ol,
ul,
table,
caption,
hr {
    margin: 0;
    margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Rubik", sans-serif;
    line-height: 1.2;
    color: #222222;
}

h1,
.h1 {
    font-size: 42px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 26px;
}

h4,
.h4 {
    font-size: 22px;
}

h5,
.h5 {
    font-size: 18px;
}

h6,
.h6 {
    font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    h1,
    .h1 {
        font-size: 38px;
    }

    h2,
    .h2 {
        font-size: 28px;
    }

    h3,
    .h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {

    h1,
    .h1 {
        font-size: 36px;
    }

    h2,
    .h2 {
        font-size: 26px;
    }

    h3,
    .h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 575px) {

    h1,
    .h1 {
        font-size: 34px;
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    font-weight: 700;
}

h4,
.h4,
h5,
.h5 {
    font-weight: 600;
}

h6,
.h6 {
    font-weight: 500;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

a:visited {
    color: inherit;
}

input,
button,
select,
textarea {
    background: transparent;
    border: 1px solid #eee;
    transition: all 0.4s ease-out 0s;
    color: #333333;
}

input:focus,
input:active,
button:focus,
button:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
    outline: 0;
}

input,
select,
textarea {
    width: 100%;
    font-size: 14px;
}

input,
select {
    height: 40px;
    padding: 0 15px;
}

/*-------------------------------------------------------------------------------------
    Custom Colors  
---------------------------------------------------------------------------------------*/
.gray-bg {
    background: #f5f5f5;
}

.text-black {
    color: #000000 !important;
}

.bg-gray-light {
    background: #f9f9f9 !important;
}

.bg-light-gray {
    background: #fcfcfc;
}

.bg-blueshade {
    background: #F4F7FC !important;
}

.bg-default {
    background: #0069FF !important;
}

.bg-pink {
    background: #ffe3e2;
}

.color-default {
    color: #0069FF !important;
}

.bg-shark {
    background: #1B1E25 !important;
}

.bg-ebony-clay {
    background: #202633 !important;
}

.bg-black {
    background: #000000 !important;
}

.bg-portgore {
    background: #1E1A3F !important;
}

.bg-darkblue {
    background: #030B61;
}

.bg-darkblue-1 {
    background: #090619 !important;
}

.bg-darkblue-2 {
    background: #011634 !important;
}

.bg-darkblue-3 {
    background: #001026 !important;
}

.bg-bold-blue {
    background: #0B1315 !important;
}

.bg-light-blue {
    background: #0F1C22 !important;
}

.bg-red {
    background: #D32C3D;
}

.body-dark {
    background: #100e17 !important;
}

.crypto-green-text {
    color: #84e4a4 !important;
}

.white-text {
    color: #ffffff;
}

.bg-youtube {
    background: #E42D26 !important;
}

.bg-facebook {
    background: #3B5998 !important;
}

.bg-twitter {
    background: #1CCAFF !important;
}

.bg-instagram {
    background: #EC103D !important;
}

.bg-dark-blue {
    background: #2E303C;
}

.white-bg {
    background: #ffffff;
}

.bg-light-black {
    background: #282828 !important;
}

.bg-light-black-2 {
    background: #1d1d1d !important;
}

.gradient-bg-3 {
    background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371 100%);
}

.gradient-bg-4 {
    background-image: linear-gradient(to right, #000428 0%, #004e92 100%);
}

.gradient-bg-green {
    background-image: linear-gradient(to right, #7478fa 0%, #6DD456 100%);
}

.gradient-bg-orange,
.service-box.orange-gradient:hover {
    background-image: linear-gradient(244deg, #FF9456 0%, #FE2B60 100%) !important;
}

.gradient-bg-darkorange {
    background-image: linear-gradient(244deg, #FE5532 0%, #FE0633 100%) !important;
}

.gradient-bg-lightorange {
    background-image: linear-gradient(244deg, #fe8c00 0%, #f83600 100%) !important;
}

.gradient-bg-green-blue,
.book-appointment-part.green-gradient-overlay::after {
    background-image: linear-gradient(244deg, #02C873 0%, #00CBFF 100%) !important;
}

.gradient-bg-skyhblue,
.pricing-box.gradient-skyblue:hover,
.pricing-box.gradient-skyblue.active {
    background-image: linear-gradient(244deg, #39ec73 0%, #0086f8 100%) !important;
}

.gradient-midnightblue {
    background-image: linear-gradient(244deg, #3C53D7 0%, #1A1B6E 100%) !important;
}

.gradient-midnightblue.to-right {
    background-image: linear-gradient(244deg, #1A1B6E 0%, #3C53D7 100%) !important;
}

.gradient-midnightblue-2 {
    background-image: linear-gradient(244deg, #2F3C9E 0%, #0A113B 100%) !important;
}

.gradient-midnightblue-2.to-right {
    background-image: linear-gradient(244deg, #0A113B 0%, #2F3C9E 100%) !important;
}

.gradient-blue-purpul {
    background: linear-gradient(to right, #b10741 0, #740088 51%, #9C27B0 100%) !important;
}

.gradient-blue-purpul-2 {
    background: linear-gradient(to right, #ff0a5e 0, #740088 51%, #9C27B0 100%) !important;
}

.gradient-visible-village {
    background: linear-gradient(to right, #031034 0%, #28dbe9 100%) !important;
}

.gradient-skyblue-shade {
    background-image: linear-gradient(244deg, #2196F3 0%, #009688 100%) !important;
}

.gradcolor-orange-yellow,
.pricing-box.grad-orange-yellow:hover,
.pricing-box.grad-orange-yellow.active {
    background-image: linear-gradient(244deg, #FF8008 0%, #FFC837 100%) !important;
}

.bg-beauty-salon {
    background-image: linear-gradient(to left, #f12711 20%, #f5af19 100%) !important;
}

.gradient-green-shade {
    background-image: linear-gradient(to right, #00d563 0%, #00b755 100%) !important;
}

.green-bg {
    background: #00d563;
}

.gradient-pink,
.fancy-box:hover.hover-grad-pink.fancy-box-case-study figure:after {
    background-image: linear-gradient(to right, #f889ab 0%, #a400d1 100%) !important;
}

.grad-bg-19 {
    background-image: linear-gradient(to right, #3264f5 0%, #7202bb 100%) !important;
}

.grad-bg-19.to-right {
    background-image: linear-gradient(to right, #7202bb 0%, #3264f5 100%) !important;
}

[data-overlay]:after,
[data-color-overlay]:after,
[data-color-hover-overlay]:after {
    content: '';
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

[data-color-hover-overlay]:after {
    opacity: 0;
    transition: all 0.5s ease;
}

[data-overlay="0"]:after,
[data-color-overlay="0"]:after,
[data-color-hover-overlay="0"]:hover:after {
    opacity: 0;
}

[data-overlay="1"]:after,
[data-color-overlay="1"]:after,
[data-color-hover-overlay="1"]:hover:after {
    opacity: 0.1;
}

[data-overlay="2"]:after,
[data-color-overlay="2"]:after,
[data-color-hover-overlay="2"]:hover:after {
    opacity: 0.2;
}

[data-overlay="3"]:after,
[data-color-overlay="3"]:after,
[data-color-hover-overlay="3"]:hover:after {
    opacity: 0.3;
}

[data-overlay="4"]:after,
[data-color-overlay="4"]:after,
[data-color-hover-overlay="4"]:hover:after {
    opacity: 0.4;
}

[data-overlay="5"]:after,
[data-color-overlay="5"]:after,
[data-color-hover-overlay="5"]:hover:after {
    opacity: 0.5;
}

[data-overlay="6"]:after,
[data-color-overlay="6"]:after,
[data-color-hover-overlay="6"]:hover:after {
    opacity: 0.6;
}

[data-overlay="7"]:after,
[data-color-overlay="7"]:after,
[data-color-hover-overlay="7"]:hover:after {
    opacity: 0.7;
}

[data-overlay="8"]:after,
[data-color-overlay="8"]:after,
[data-color-hover-overlay="8"]:hover:after {
    opacity: 0.8;
}

[data-overlay="9"]:after,
[data-color-overlay="9"]:after,
[data-color-hover-overlay="9"]:hover:after {
    opacity: 0.9;
}

[data-overlay="10"]:after,
[data-color-overlay="10"]:after,
[data-color-hover-overlay="10"]:hover:after {
    opacity: 1;
}

.bg-color,
.hover-bg-color:hover,
[data-color-overlay]::after,
[data-color-hover-overlay]:hover::after {
    background: #161616 !important;
}

body.template-color-1 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-1 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-1 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-1 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-1 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-1 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-1 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #0069FF !important;
}

body.template-color-1 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-1 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FA5555 !important;
}

body.template-color-1 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-1 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-1 .mini-cart .shopping-cart,
body.template-color-1 .dropdown__menu,
body.template-color-1 .mega-width-fullscreen,
body.template-color-1 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #0069FF !important;
}

body.template-color-1 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-1 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-1 .header-full-menu .social-icons-simple li a:hover,
body.template-color-1 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-1 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #0069FF;
}

body.template-color-1 #scroll-top {
    background: #FA5555 !important;
    border: 2px solid #FA5555;
}

body.template-color-1 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-1 #scroll-top:hover {
    background: #0069FF;
}

body.template-color-1 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-1 #scroll-top.with-hover {
    border-color: #0069FF !important;
    background: #ffffff !important;
}

body.template-color-1 #scroll-top.with-hover i {
    color: #0069FF !important;
}

body.template-color-1 #scroll-top.with-hover:hover {
    background: #0069FF !important;
}

body.template-color-1 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-1 .salon-prices .price-list {
    border-bottom: 2px solid #0069FF;
    background: linear-gradient(to right, rgba(0, 105, 255, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-1 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-1 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-1 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-1 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-1 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-1 .border-btn {
    color: #0069FF;
}

body.template-color-1 .btn-hover::after {
    border: 2px solid rgba(0, 105, 255, 0.7);
}

body.template-color-1 .beauty-service>[class*="col-"] .item span {
    color: #0069FF;
}

body.template-color-1 .beauty-service>[class*="col-"]:hover {
    background: rgba(0, 105, 255, 0.8);
    border-color: rgba(0, 105, 255, 0.8);
}

body.template-color-1 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-1 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-1 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-1 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-1 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #0069FF;
    width: 50%;
}

body.template-color-1 .bg-color,
body.template-color-1 .hover-bg-color:hover,
body.template-color-1 [data-color-overlay]::after,
body.template-color-1 [data-color-hover-overlay]:hover::after,
body.template-color-1 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-1 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-1 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-1 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-1 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-1 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-1 .post-nav-list .nav-item a:hover,
body.template-color-1 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-1 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-1 .animated-dot .middle-dot,
body.template-color-1 .animated-dot .signal,
body.template-color-1 .animated-dot .signal2,
body.template-color-1 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-1 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-1 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-1 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-1 .pricing-box .header .feature-mark,
body.template-color-1 .sl-testimonial .pic:after,
body.template-color-1 .sl-testimonial .pic:before,
body.template-color-1 #common-footer:before,
body.template-color-1 #common-footer .footer_item:before,
body.template-color-1 #common-footer .footer_menu:before,
body.template-color-1 #common-footer .footer_contacts__item:before,
body.template-color-1 .section-title.under-line h2::after {
    background: #161616 !important;
}

body.template-color-1 .creative-st-header .side-menu {
    background: #161616;
}

body.template-color-1 .scroll-top-arrow {
    background: #0069FF;
}

body.template-color-1 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #0069FF;
}

body.template-color-1 .footer-social li a:hover {
    background-color: #0069FF;
    color: #ffffff;
}

body.template-color-1 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #0069FF !important;
}

body.template-color-1 .pricing-box.hoverable:hover,
body.template-color-1 .pricing-box.hoverable.active {
    background: #0069FF;
}

body.template-color-1 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-1 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #0069FF !important;
    color: #fff;
}

body.template-color-1 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-1 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #0069FF !important;
}

body.template-color-1 .progress-bar span.percent-label:after {
    border-color: #0069FF transparent transparent transparent !important;
}

body.template-color-1 .icon-box.style-5 .inner .inner-icon {
    color: #0069FF;
}

body.template-color-1 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-1 .icon-box.style-5:hover .gradients-button {
    color: #0069FF;
}

body.template-color-1 .team-part .single-blog-item .social-icon a:hover {
    background-color: #0069FF;
    color: #ffffff;
    border-color: #0069FF;
}

body.template-color-1 .chackbox input:checked~span {
    background: #0069FF !important;
    border-color: #0069FF !important;
}

body.template-color-1 .radio span:after {
    background: #0069FF !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-1 .booking_form .img-sec {
        background: #0069FF !important;
    }
}

body.template-color-1 .crypto-table .table {
    border: 8px solid #0069FF;
}

body.template-color-1 .agn-testimonial .carousel-control-next:hover,
body.template-color-1 .agn-testimonial .carousel-control-prev:hover,
body.template-color-1 .agn-testimonial .carousel-control-next:focus,
body.template-color-1 .agn-testimonial .carousel-control-prev:focus {
    background: #0069FF;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-1 .box-team .overlay {
    background-color: rgba(0, 105, 255, 0.75);
}

body.template-color-1 .social-shere:hover {
    border-color: #0069FF !important;
}

body.template-color-1 .social-shere:hover .social-site p {
    color: #0069FF !important;
}

body.template-color-1 .social-shere:hover .icon i {
    color: #0069FF !important;
}

body.template-color-1 .testimonial-slider .carousel-indicators li.active {
    border-color: #0069FF;
}

body.template-color-1 .service-box i {
    color: #0069FF;
}

body.template-color-1 .service-box .readmore {
    color: #0069FF;
}

body.template-color-1 .service-box .readmore:before {
    background-color: #0069FF;
}

body.template-color-1 .service-box:hover {
    background: #0069FF;
}

body.template-color-1 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-1 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-1 .service-box:hover i,
body.template-color-1 .service-box:hover h4,
body.template-color-1 .service-box:hover p {
    color: #ffffff;
}

body.template-color-1 .icon-border-shadow {
    background: #0069FF !important;
}

body.template-color-1 .icon-border-shadow:before {
    background: rgba(0, 105, 255, 0.3) !important;
}

body.template-color-1 .icon-border-shadow:after {
    background: rgba(0, 105, 255, 0.5) !important;
}

body.template-color-1 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #0069FF;
}

body.template-color-1 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-1 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #0069FF !important;
}

body.template-color-1 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-1 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-1 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-1 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-1 .icon-box .inner .icon-3.style-2 {
    background: rgba(0, 105, 255, 0.1) !important;
}

body.template-color-1 .icon-box .inner .icon-3.style-3 {
    background: #0069FF;
}

body.template-color-1 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(0, 105, 255, 0.75) !important;
}

body.template-color-1 .text-color,
body.template-color-1 .hover-text-color:hover,
body.template-color-1 .snail_toolbar .inner a:hover,
body.template-color-1 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-1 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-1 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-1 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-1 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-1 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-1 .blog-tag-list a:hover,
body.template-color-1 .sl-quote::before,
body.template-color-1 .blog-post-return-button a:hover,
body.template-color-1 .portfolio-details-list .details-list span a:hover,
body.template-color-1 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-1 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-1 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-1 .product:hover .product-contain h4,
body.template-color-1 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-1 .mini-cart .shopping-cart .footer .total,
body.template-color-1 .mini-cart .shopping-cart .footer .total span,
body.template-color-1 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-1 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-1 .post.blog2 .post-body h5 a:hover,
body.template-color-1 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-1 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-1 .tab.tabs-links .nav .nav-link a.active,
body.template-color-1 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-1 .blog-post .blog-inner .blog-title a:hover,
body.template-color-1 .footer-part.footer-classic .footer-links a:hover,
body.template-color-1 .music_area .music-artist:hover .show-title,
body.template-color-1 .sl-testimonial .description:after,
body.template-color-1 .sl-testimonial .description:before,
body.template-color-1 .rating li i,
body.template-color-1 .btn .gradients-button.hover-bg-white:hover,
body.template-color-1 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-1 #common-footer .footer_menu__list li a:hover,
body.template-color-1 .icon-box.style-5:hover .gradients-button,
body.template-color-1 .icon-box.style-5.active .gradients-button {
    color: #0069FF !important;
}

body.template-color-1 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-1 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-1 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-1 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #0069FF;
}

body.template-color-1 .footer-part.footer-classic .contact-mata:hover i {
    background: #0069FF;
    color: #fff;
}

body.template-color-1 .comparision-slider .handle::after {
    color: #0069FF;
}

body.template-color-1 .comparision-slider .handle.bordered {
    background: #0069FF;
}

body.template-color-1 .comparision-slider .handle.bordered:after {
    border: 3px solid #0069FF;
}

body.template-color-1 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-1 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-1 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0069FF !important;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-1 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0069FF !important;
}

body.template-color-1 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-1 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-1 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-1 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #0069FF !important;
}

body.template-color-1 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0069FF !important;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-1 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0069FF !important;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-1 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #0069FF !important;
}

body.template-color-1 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-1 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-1 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0069FF !important;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-1 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #0069FF !important;
}

body.template-color-1 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-1 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-1 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-1 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #0069FF !important;
}

body.template-color-1 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #0069FF !important;
    background-color: #0069FF !important;
}

body.template-color-1 .icon-box.style-4 .inner:hover .content h5 {
    color: #0069FF !important;
}

body.template-color-1 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #0069FF 0%, transparent 100%);
}

body.template-color-1 .widget-category-list ul.category-area li a:hover {
    color: #0069FF !important;
}

body.template-color-1 .widget-category-list ul.category-area li a:hover span {
    background: #0069FF !important;
}

body.template-color-1 .side-menu .bg-overlay {
    background: rgba(0, 105, 255, 0.9);
}

body.template-color-1 .hue-color,
body.template-color-1 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(215.29412deg) !important;
    filter: hue-rotate(215.29412deg) !important;
}

body.template-color-1 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-1 .hero-slider .owl-nav .owl-prev:hover span {
    background: #0069FF !important;
    border-color: #0069FF !important;
    color: #ffffff;
}

body.template-color-1 .border-color,
body.template-color-1 .hover-border-color:hover,
body.template-color-1 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-1 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-1 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-1 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-1 .radio input:checked~span,
body.template-color-1 .sl-testimonial .pic img {
    border-color: #0069FF !important;
}

body.template-color-1 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #0069FF;
}

body.template-color-1 .btn .light-color {
    border-color: #0069FF;
    background: rgba(0, 105, 255, 0.11);
}

body.template-color-1 .btn .light-color:hover {
    background: #0069FF;
    color: #ffffff;
}

body.template-color-1 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-1 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-1 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-1 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-1 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-1 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-2 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-2 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-2 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-2 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-2 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-2 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-2 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FE378C !important;
}

body.template-color-2 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-2 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE378C !important;
}

body.template-color-2 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-2 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-2 .mini-cart .shopping-cart,
body.template-color-2 .dropdown__menu,
body.template-color-2 .mega-width-fullscreen,
body.template-color-2 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FE378C !important;
}

body.template-color-2 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-2 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-2 .header-full-menu .social-icons-simple li a:hover,
body.template-color-2 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-2 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE378C;
}

body.template-color-2 #scroll-top {
    background: #FE378C !important;
    border: 2px solid #FE378C;
}

body.template-color-2 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-2 #scroll-top:hover {
    background: #FE378C;
}

body.template-color-2 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-2 #scroll-top.with-hover {
    border-color: #FE378C !important;
    background: #ffffff !important;
}

body.template-color-2 #scroll-top.with-hover i {
    color: #FE378C !important;
}

body.template-color-2 #scroll-top.with-hover:hover {
    background: #FE378C !important;
}

body.template-color-2 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-2 .salon-prices .price-list {
    border-bottom: 2px solid #FE378C;
    background: linear-gradient(to right, rgba(254, 55, 140, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-2 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-2 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-2 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-2 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-2 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-2 .border-btn {
    color: #FE378C;
}

body.template-color-2 .btn-hover::after {
    border: 2px solid rgba(254, 55, 140, 0.7);
}

body.template-color-2 .beauty-service>[class*="col-"] .item span {
    color: #FE378C;
}

body.template-color-2 .beauty-service>[class*="col-"]:hover {
    background: rgba(254, 55, 140, 0.8);
    border-color: rgba(254, 55, 140, 0.8);
}

body.template-color-2 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-2 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-2 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-2 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-2 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FE378C;
    width: 50%;
}

body.template-color-2 .bg-color,
body.template-color-2 .hover-bg-color:hover,
body.template-color-2 [data-color-overlay]::after,
body.template-color-2 [data-color-hover-overlay]:hover::after,
body.template-color-2 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-2 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-2 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-2 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-2 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-2 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-2 .post-nav-list .nav-item a:hover,
body.template-color-2 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-2 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-2 .animated-dot .middle-dot,
body.template-color-2 .animated-dot .signal,
body.template-color-2 .animated-dot .signal2,
body.template-color-2 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-2 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-2 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-2 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-2 .pricing-box .header .feature-mark,
body.template-color-2 .sl-testimonial .pic:after,
body.template-color-2 .sl-testimonial .pic:before,
body.template-color-2 #common-footer:before,
body.template-color-2 #common-footer .footer_item:before,
body.template-color-2 #common-footer .footer_menu:before,
body.template-color-2 #common-footer .footer_contacts__item:before,
body.template-color-2 .section-title.under-line h2::after {
    background: #FE378C !important;
}

body.template-color-2 .creative-st-header .side-menu {
    background: #FE378C;
}

body.template-color-2 .scroll-top-arrow {
    background: #FE378C;
}

body.template-color-2 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FE378C;
}

body.template-color-2 .footer-social li a:hover {
    background-color: #FE378C;
    color: #ffffff;
}

body.template-color-2 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FE378C !important;
}

body.template-color-2 .pricing-box.hoverable:hover,
body.template-color-2 .pricing-box.hoverable.active {
    background: #FE378C;
}

body.template-color-2 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-2 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FE378C !important;
    color: #fff;
}

body.template-color-2 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-2 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FE378C !important;
}

body.template-color-2 .progress-bar span.percent-label:after {
    border-color: #FE378C transparent transparent transparent !important;
}

body.template-color-2 .icon-box.style-5 .inner .inner-icon {
    color: #FE378C;
}

body.template-color-2 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-2 .icon-box.style-5:hover .gradients-button {
    color: #FE378C;
}

body.template-color-2 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FE378C;
    color: #ffffff;
    border-color: #FE378C;
}

body.template-color-2 .chackbox input:checked~span {
    background: #FE378C !important;
    border-color: #FE378C !important;
}

body.template-color-2 .radio span:after {
    background: #FE378C !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-2 .booking_form .img-sec {
        background: #FE378C !important;
    }
}

body.template-color-2 .crypto-table .table {
    border: 8px solid #FE378C;
}

body.template-color-2 .agn-testimonial .carousel-control-next:hover,
body.template-color-2 .agn-testimonial .carousel-control-prev:hover,
body.template-color-2 .agn-testimonial .carousel-control-next:focus,
body.template-color-2 .agn-testimonial .carousel-control-prev:focus {
    background: #FE378C;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-2 .box-team .overlay {
    background-color: rgba(254, 55, 140, 0.75);
}

body.template-color-2 .social-shere:hover {
    border-color: #FE378C !important;
}

body.template-color-2 .social-shere:hover .social-site p {
    color: #FE378C !important;
}

body.template-color-2 .social-shere:hover .icon i {
    color: #FE378C !important;
}

body.template-color-2 .testimonial-slider .carousel-indicators li.active {
    border-color: #FE378C;
}

body.template-color-2 .service-box i {
    color: #FE378C;
}

body.template-color-2 .service-box .readmore {
    color: #FE378C;
}

body.template-color-2 .service-box .readmore:before {
    background-color: #FE378C;
}

body.template-color-2 .service-box:hover {
    background: #FE378C;
}

body.template-color-2 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-2 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-2 .service-box:hover i,
body.template-color-2 .service-box:hover h4,
body.template-color-2 .service-box:hover p {
    color: #ffffff;
}

body.template-color-2 .icon-border-shadow {
    background: #FE378C !important;
}

body.template-color-2 .icon-border-shadow:before {
    background: rgba(254, 55, 140, 0.3) !important;
}

body.template-color-2 .icon-border-shadow:after {
    background: rgba(254, 55, 140, 0.5) !important;
}

body.template-color-2 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FE378C;
}

body.template-color-2 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-2 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FE378C !important;
}

body.template-color-2 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-2 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-2 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-2 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-2 .icon-box .inner .icon-3.style-2 {
    background: rgba(254, 55, 140, 0.1) !important;
}

body.template-color-2 .icon-box .inner .icon-3.style-3 {
    background: #FE378C;
}

body.template-color-2 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(254, 55, 140, 0.75) !important;
}

body.template-color-2 .text-color,
body.template-color-2 .hover-text-color:hover,
body.template-color-2 .snail_toolbar .inner a:hover,
body.template-color-2 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-2 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-2 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-2 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-2 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-2 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-2 .blog-tag-list a:hover,
body.template-color-2 .sl-quote::before,
body.template-color-2 .blog-post-return-button a:hover,
body.template-color-2 .portfolio-details-list .details-list span a:hover,
body.template-color-2 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-2 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-2 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-2 .product:hover .product-contain h4,
body.template-color-2 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-2 .mini-cart .shopping-cart .footer .total,
body.template-color-2 .mini-cart .shopping-cart .footer .total span,
body.template-color-2 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-2 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-2 .post.blog2 .post-body h5 a:hover,
body.template-color-2 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-2 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-2 .tab.tabs-links .nav .nav-link a.active,
body.template-color-2 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-2 .blog-post .blog-inner .blog-title a:hover,
body.template-color-2 .footer-part.footer-classic .footer-links a:hover,
body.template-color-2 .music_area .music-artist:hover .show-title,
body.template-color-2 .sl-testimonial .description:after,
body.template-color-2 .sl-testimonial .description:before,
body.template-color-2 .rating li i,
body.template-color-2 .btn .gradients-button.hover-bg-white:hover,
body.template-color-2 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-2 #common-footer .footer_menu__list li a:hover,
body.template-color-2 .icon-box.style-5:hover .gradients-button,
body.template-color-2 .icon-box.style-5.active .gradients-button {
    color: #FE378C !important;
}

body.template-color-2 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-2 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-2 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-2 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FE378C;
}

body.template-color-2 .footer-part.footer-classic .contact-mata:hover i {
    background: #FE378C;
    color: #fff;
}

body.template-color-2 .comparision-slider .handle::after {
    color: #FE378C;
}

body.template-color-2 .comparision-slider .handle.bordered {
    background: #FE378C;
}

body.template-color-2 .comparision-slider .handle.bordered:after {
    border: 3px solid #FE378C;
}

body.template-color-2 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-2 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-2 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE378C !important;
    box-shadow: #FE378C 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-2 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FE378C !important;
}

body.template-color-2 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-2 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-2 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-2 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE378C !important;
}

body.template-color-2 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE378C !important;
    box-shadow: #FE378C 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-2 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE378C !important;
    box-shadow: #FE378C 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-2 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FE378C !important;
}

body.template-color-2 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-2 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-2 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE378C !important;
    box-shadow: #FE378C 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-2 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FE378C !important;
}

body.template-color-2 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-2 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-2 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-2 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE378C !important;
}

body.template-color-2 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FE378C !important;
    background-color: #FE378C !important;
}

body.template-color-2 .icon-box.style-4 .inner:hover .content h5 {
    color: #FE378C !important;
}

body.template-color-2 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FE378C 0%, transparent 100%);
}

body.template-color-2 .widget-category-list ul.category-area li a:hover {
    color: #FE378C !important;
}

body.template-color-2 .widget-category-list ul.category-area li a:hover span {
    background: #FE378C !important;
}

body.template-color-2 .side-menu .bg-overlay {
    background: rgba(254, 55, 140, 0.9);
}

body.template-color-2 .hue-color,
body.template-color-2 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(334.37186deg) !important;
    filter: hue-rotate(334.37186deg) !important;
}

body.template-color-2 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-2 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FE378C !important;
    border-color: #FE378C !important;
    color: #ffffff;
}

body.template-color-2 .border-color,
body.template-color-2 .hover-border-color:hover,
body.template-color-2 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-2 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-2 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-2 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-2 .radio input:checked~span,
body.template-color-2 .sl-testimonial .pic img {
    border-color: #FE378C !important;
}

body.template-color-2 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FE378C;
}

body.template-color-2 .btn .light-color {
    border-color: #FE378C;
    background: rgba(254, 55, 140, 0.11);
}

body.template-color-2 .btn .light-color:hover {
    background: #FE378C;
    color: #ffffff;
}

body.template-color-2 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-2 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-2 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-2 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-2 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-2 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-3 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-3 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-3 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-3 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-3 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-3 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-3 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #F0263F !important;
}

body.template-color-3 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-3 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #F0263F !important;
}

body.template-color-3 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-3 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-3 .mini-cart .shopping-cart,
body.template-color-3 .dropdown__menu,
body.template-color-3 .mega-width-fullscreen,
body.template-color-3 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #F0263F !important;
}

body.template-color-3 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-3 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-3 .header-full-menu .social-icons-simple li a:hover,
body.template-color-3 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-3 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #F0263F;
}

body.template-color-3 #scroll-top {
    background: #F0263F !important;
    border: 2px solid #F0263F;
}

body.template-color-3 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-3 #scroll-top:hover {
    background: #F0263F;
}

body.template-color-3 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-3 #scroll-top.with-hover {
    border-color: #F0263F !important;
    background: #ffffff !important;
}

body.template-color-3 #scroll-top.with-hover i {
    color: #F0263F !important;
}

body.template-color-3 #scroll-top.with-hover:hover {
    background: #F0263F !important;
}

body.template-color-3 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-3 .salon-prices .price-list {
    border-bottom: 2px solid #F0263F;
    background: linear-gradient(to right, rgba(240, 38, 63, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-3 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-3 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-3 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-3 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-3 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-3 .border-btn {
    color: #F0263F;
}

body.template-color-3 .btn-hover::after {
    border: 2px solid rgba(240, 38, 63, 0.7);
}

body.template-color-3 .beauty-service>[class*="col-"] .item span {
    color: #F0263F;
}

body.template-color-3 .beauty-service>[class*="col-"]:hover {
    background: rgba(240, 38, 63, 0.8);
    border-color: rgba(240, 38, 63, 0.8);
}

body.template-color-3 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-3 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-3 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-3 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-3 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #F0263F;
    width: 50%;
}

body.template-color-3 .bg-color,
body.template-color-3 .hover-bg-color:hover,
body.template-color-3 [data-color-overlay]::after,
body.template-color-3 [data-color-hover-overlay]:hover::after,
body.template-color-3 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-3 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-3 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-3 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-3 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-3 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-3 .post-nav-list .nav-item a:hover,
body.template-color-3 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-3 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-3 .animated-dot .middle-dot,
body.template-color-3 .animated-dot .signal,
body.template-color-3 .animated-dot .signal2,
body.template-color-3 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-3 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-3 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-3 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-3 .pricing-box .header .feature-mark,
body.template-color-3 .sl-testimonial .pic:after,
body.template-color-3 .sl-testimonial .pic:before,
body.template-color-3 #common-footer:before,
body.template-color-3 #common-footer .footer_item:before,
body.template-color-3 #common-footer .footer_menu:before,
body.template-color-3 #common-footer .footer_contacts__item:before,
body.template-color-3 .section-title.under-line h2::after {
    background: #F0263F !important;
}

body.template-color-3 .creative-st-header .side-menu {
    background: #F0263F;
}

body.template-color-3 .scroll-top-arrow {
    background: #F0263F;
}

body.template-color-3 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #F0263F;
}

body.template-color-3 .footer-social li a:hover {
    background-color: #F0263F;
    color: #ffffff;
}

body.template-color-3 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #F0263F !important;
}

body.template-color-3 .pricing-box.hoverable:hover,
body.template-color-3 .pricing-box.hoverable.active {
    background: #F0263F;
}

body.template-color-3 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-3 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #F0263F !important;
    color: #fff;
}

body.template-color-3 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-3 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #F0263F !important;
}

body.template-color-3 .progress-bar span.percent-label:after {
    border-color: #F0263F transparent transparent transparent !important;
}

body.template-color-3 .icon-box.style-5 .inner .inner-icon {
    color: #F0263F;
}

body.template-color-3 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-3 .icon-box.style-5:hover .gradients-button {
    color: #F0263F;
}

body.template-color-3 .team-part .single-blog-item .social-icon a:hover {
    background-color: #F0263F;
    color: #ffffff;
    border-color: #F0263F;
}

body.template-color-3 .chackbox input:checked~span {
    background: #F0263F !important;
    border-color: #F0263F !important;
}

body.template-color-3 .radio span:after {
    background: #F0263F !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-3 .booking_form .img-sec {
        background: #F0263F !important;
    }
}

body.template-color-3 .crypto-table .table {
    border: 8px solid #F0263F;
}

body.template-color-3 .agn-testimonial .carousel-control-next:hover,
body.template-color-3 .agn-testimonial .carousel-control-prev:hover,
body.template-color-3 .agn-testimonial .carousel-control-next:focus,
body.template-color-3 .agn-testimonial .carousel-control-prev:focus {
    background: #F0263F;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-3 .box-team .overlay {
    background-color: rgba(240, 38, 63, 0.75);
}

body.template-color-3 .social-shere:hover {
    border-color: #F0263F !important;
}

body.template-color-3 .social-shere:hover .social-site p {
    color: #F0263F !important;
}

body.template-color-3 .social-shere:hover .icon i {
    color: #F0263F !important;
}

body.template-color-3 .testimonial-slider .carousel-indicators li.active {
    border-color: #F0263F;
}

body.template-color-3 .service-box i {
    color: #F0263F;
}

body.template-color-3 .service-box .readmore {
    color: #F0263F;
}

body.template-color-3 .service-box .readmore:before {
    background-color: #F0263F;
}

body.template-color-3 .service-box:hover {
    background: #F0263F;
}

body.template-color-3 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-3 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-3 .service-box:hover i,
body.template-color-3 .service-box:hover h4,
body.template-color-3 .service-box:hover p {
    color: #ffffff;
}

body.template-color-3 .icon-border-shadow {
    background: #F0263F !important;
}

body.template-color-3 .icon-border-shadow:before {
    background: rgba(240, 38, 63, 0.3) !important;
}

body.template-color-3 .icon-border-shadow:after {
    background: rgba(240, 38, 63, 0.5) !important;
}

body.template-color-3 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #F0263F;
}

body.template-color-3 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-3 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #F0263F !important;
}

body.template-color-3 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-3 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-3 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-3 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-3 .icon-box .inner .icon-3.style-2 {
    background: rgba(240, 38, 63, 0.1) !important;
}

body.template-color-3 .icon-box .inner .icon-3.style-3 {
    background: #F0263F;
}

body.template-color-3 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(240, 38, 63, 0.75) !important;
}

body.template-color-3 .text-color,
body.template-color-3 .hover-text-color:hover,
body.template-color-3 .snail_toolbar .inner a:hover,
body.template-color-3 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-3 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-3 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-3 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-3 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-3 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-3 .blog-tag-list a:hover,
body.template-color-3 .sl-quote::before,
body.template-color-3 .blog-post-return-button a:hover,
body.template-color-3 .portfolio-details-list .details-list span a:hover,
body.template-color-3 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-3 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-3 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-3 .product:hover .product-contain h4,
body.template-color-3 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-3 .mini-cart .shopping-cart .footer .total,
body.template-color-3 .mini-cart .shopping-cart .footer .total span,
body.template-color-3 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-3 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-3 .post.blog2 .post-body h5 a:hover,
body.template-color-3 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-3 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-3 .tab.tabs-links .nav .nav-link a.active,
body.template-color-3 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-3 .blog-post .blog-inner .blog-title a:hover,
body.template-color-3 .footer-part.footer-classic .footer-links a:hover,
body.template-color-3 .music_area .music-artist:hover .show-title,
body.template-color-3 .sl-testimonial .description:after,
body.template-color-3 .sl-testimonial .description:before,
body.template-color-3 .rating li i,
body.template-color-3 .btn .gradients-button.hover-bg-white:hover,
body.template-color-3 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-3 #common-footer .footer_menu__list li a:hover,
body.template-color-3 .icon-box.style-5:hover .gradients-button,
body.template-color-3 .icon-box.style-5.active .gradients-button {
    color: #F0263F !important;
}

body.template-color-3 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-3 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-3 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-3 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #F0263F;
}

body.template-color-3 .footer-part.footer-classic .contact-mata:hover i {
    background: #F0263F;
    color: #fff;
}

body.template-color-3 .comparision-slider .handle::after {
    color: #F0263F;
}

body.template-color-3 .comparision-slider .handle.bordered {
    background: #F0263F;
}

body.template-color-3 .comparision-slider .handle.bordered:after {
    border: 3px solid #F0263F;
}

body.template-color-3 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-3 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-3 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #F0263F !important;
    box-shadow: #F0263F 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-3 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #F0263F !important;
}

body.template-color-3 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-3 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-3 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-3 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #F0263F !important;
}

body.template-color-3 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #F0263F !important;
    box-shadow: #F0263F 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-3 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #F0263F !important;
    box-shadow: #F0263F 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-3 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #F0263F !important;
}

body.template-color-3 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-3 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-3 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #F0263F !important;
    box-shadow: #F0263F 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-3 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #F0263F !important;
}

body.template-color-3 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-3 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-3 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-3 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #F0263F !important;
}

body.template-color-3 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #F0263F !important;
    background-color: #F0263F !important;
}

body.template-color-3 .icon-box.style-4 .inner:hover .content h5 {
    color: #F0263F !important;
}

body.template-color-3 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #F0263F 0%, transparent 100%);
}

body.template-color-3 .widget-category-list ul.category-area li a:hover {
    color: #F0263F !important;
}

body.template-color-3 .widget-category-list ul.category-area li a:hover span {
    background: #F0263F !important;
}

body.template-color-3 .side-menu .bg-overlay {
    background: rgba(240, 38, 63, 0.9);
}

body.template-color-3 .hue-color,
body.template-color-3 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(352.57426deg) !important;
    filter: hue-rotate(352.57426deg) !important;
}

body.template-color-3 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-3 .hero-slider .owl-nav .owl-prev:hover span {
    background: #F0263F !important;
    border-color: #F0263F !important;
    color: #ffffff;
}

body.template-color-3 .border-color,
body.template-color-3 .hover-border-color:hover,
body.template-color-3 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-3 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-3 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-3 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-3 .radio input:checked~span,
body.template-color-3 .sl-testimonial .pic img {
    border-color: #F0263F !important;
}

body.template-color-3 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #F0263F;
}

body.template-color-3 .btn .light-color {
    border-color: #F0263F;
    background: rgba(240, 38, 63, 0.11);
}

body.template-color-3 .btn .light-color:hover {
    background: #F0263F;
    color: #ffffff;
}

body.template-color-3 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-3 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-3 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-3 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-3 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-3 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-4 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-4 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-4 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-4 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-4 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-4 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-4 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FCB72B !important;
}

body.template-color-4 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-4 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FCB72B !important;
}

body.template-color-4 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-4 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-4 .mini-cart .shopping-cart,
body.template-color-4 .dropdown__menu,
body.template-color-4 .mega-width-fullscreen,
body.template-color-4 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FCB72B !important;
}

body.template-color-4 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-4 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-4 .header-full-menu .social-icons-simple li a:hover,
body.template-color-4 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-4 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FCB72B;
}

body.template-color-4 #scroll-top {
    background: #FCB72B !important;
    border: 2px solid #FCB72B;
}

body.template-color-4 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-4 #scroll-top:hover {
    background: #FCB72B;
}

body.template-color-4 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-4 #scroll-top.with-hover {
    border-color: #FCB72B !important;
    background: #ffffff !important;
}

body.template-color-4 #scroll-top.with-hover i {
    color: #FCB72B !important;
}

body.template-color-4 #scroll-top.with-hover:hover {
    background: #FCB72B !important;
}

body.template-color-4 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-4 .salon-prices .price-list {
    border-bottom: 2px solid #FCB72B;
    background: linear-gradient(to right, rgba(252, 183, 43, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-4 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-4 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-4 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-4 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-4 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-4 .border-btn {
    color: #FCB72B;
}

body.template-color-4 .btn-hover::after {
    border: 2px solid rgba(252, 183, 43, 0.7);
}

body.template-color-4 .beauty-service>[class*="col-"] .item span {
    color: #FCB72B;
}

body.template-color-4 .beauty-service>[class*="col-"]:hover {
    background: rgba(252, 183, 43, 0.8);
    border-color: rgba(252, 183, 43, 0.8);
}

body.template-color-4 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-4 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-4 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-4 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-4 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FCB72B;
    width: 50%;
}

body.template-color-4 .bg-color,
body.template-color-4 .hover-bg-color:hover,
body.template-color-4 [data-color-overlay]::after,
body.template-color-4 [data-color-hover-overlay]:hover::after,
body.template-color-4 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-4 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-4 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-4 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-4 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-4 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-4 .post-nav-list .nav-item a:hover,
body.template-color-4 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-4 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-4 .animated-dot .middle-dot,
body.template-color-4 .animated-dot .signal,
body.template-color-4 .animated-dot .signal2,
body.template-color-4 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-4 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-4 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-4 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-4 .pricing-box .header .feature-mark,
body.template-color-4 .sl-testimonial .pic:after,
body.template-color-4 .sl-testimonial .pic:before,
body.template-color-4 #common-footer:before,
body.template-color-4 #common-footer .footer_item:before,
body.template-color-4 #common-footer .footer_menu:before,
body.template-color-4 #common-footer .footer_contacts__item:before,
body.template-color-4 .section-title.under-line h2::after {
    background: #FCB72B !important;
}

body.template-color-4 .creative-st-header .side-menu {
    background: #FCB72B;
}

body.template-color-4 .scroll-top-arrow {
    background: #FCB72B;
}

body.template-color-4 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FCB72B;
}

body.template-color-4 .footer-social li a:hover {
    background-color: #FCB72B;
    color: #ffffff;
}

body.template-color-4 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FCB72B !important;
}

body.template-color-4 .pricing-box.hoverable:hover,
body.template-color-4 .pricing-box.hoverable.active {
    background: #FCB72B;
}

body.template-color-4 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-4 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FCB72B !important;
    color: #fff;
}

body.template-color-4 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-4 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FCB72B !important;
}

body.template-color-4 .progress-bar span.percent-label:after {
    border-color: #FCB72B transparent transparent transparent !important;
}

body.template-color-4 .icon-box.style-5 .inner .inner-icon {
    color: #FCB72B;
}

body.template-color-4 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-4 .icon-box.style-5:hover .gradients-button {
    color: #FCB72B;
}

body.template-color-4 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FCB72B;
    color: #ffffff;
    border-color: #FCB72B;
}

body.template-color-4 .chackbox input:checked~span {
    background: #FCB72B !important;
    border-color: #FCB72B !important;
}

body.template-color-4 .radio span:after {
    background: #FCB72B !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-4 .booking_form .img-sec {
        background: #FCB72B !important;
    }
}

body.template-color-4 .crypto-table .table {
    border: 8px solid #FCB72B;
}

body.template-color-4 .agn-testimonial .carousel-control-next:hover,
body.template-color-4 .agn-testimonial .carousel-control-prev:hover,
body.template-color-4 .agn-testimonial .carousel-control-next:focus,
body.template-color-4 .agn-testimonial .carousel-control-prev:focus {
    background: #FCB72B;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-4 .box-team .overlay {
    background-color: rgba(252, 183, 43, 0.75);
}

body.template-color-4 .social-shere:hover {
    border-color: #FCB72B !important;
}

body.template-color-4 .social-shere:hover .social-site p {
    color: #FCB72B !important;
}

body.template-color-4 .social-shere:hover .icon i {
    color: #FCB72B !important;
}

body.template-color-4 .testimonial-slider .carousel-indicators li.active {
    border-color: #FCB72B;
}

body.template-color-4 .service-box i {
    color: #FCB72B;
}

body.template-color-4 .service-box .readmore {
    color: #FCB72B;
}

body.template-color-4 .service-box .readmore:before {
    background-color: #FCB72B;
}

body.template-color-4 .service-box:hover {
    background: #FCB72B;
}

body.template-color-4 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-4 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-4 .service-box:hover i,
body.template-color-4 .service-box:hover h4,
body.template-color-4 .service-box:hover p {
    color: #ffffff;
}

body.template-color-4 .icon-border-shadow {
    background: #FCB72B !important;
}

body.template-color-4 .icon-border-shadow:before {
    background: rgba(252, 183, 43, 0.3) !important;
}

body.template-color-4 .icon-border-shadow:after {
    background: rgba(252, 183, 43, 0.5) !important;
}

body.template-color-4 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FCB72B;
}

body.template-color-4 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-4 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FCB72B !important;
}

body.template-color-4 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-4 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-4 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-4 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-4 .icon-box .inner .icon-3.style-2 {
    background: rgba(252, 183, 43, 0.1) !important;
}

body.template-color-4 .icon-box .inner .icon-3.style-3 {
    background: #FCB72B;
}

body.template-color-4 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(252, 183, 43, 0.75) !important;
}

body.template-color-4 .text-color,
body.template-color-4 .hover-text-color:hover,
body.template-color-4 .snail_toolbar .inner a:hover,
body.template-color-4 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-4 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-4 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-4 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-4 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-4 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-4 .blog-tag-list a:hover,
body.template-color-4 .sl-quote::before,
body.template-color-4 .blog-post-return-button a:hover,
body.template-color-4 .portfolio-details-list .details-list span a:hover,
body.template-color-4 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-4 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-4 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-4 .product:hover .product-contain h4,
body.template-color-4 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-4 .mini-cart .shopping-cart .footer .total,
body.template-color-4 .mini-cart .shopping-cart .footer .total span,
body.template-color-4 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-4 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-4 .post.blog2 .post-body h5 a:hover,
body.template-color-4 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-4 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-4 .tab.tabs-links .nav .nav-link a.active,
body.template-color-4 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-4 .blog-post .blog-inner .blog-title a:hover,
body.template-color-4 .footer-part.footer-classic .footer-links a:hover,
body.template-color-4 .music_area .music-artist:hover .show-title,
body.template-color-4 .sl-testimonial .description:after,
body.template-color-4 .sl-testimonial .description:before,
body.template-color-4 .rating li i,
body.template-color-4 .btn .gradients-button.hover-bg-white:hover,
body.template-color-4 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-4 #common-footer .footer_menu__list li a:hover,
body.template-color-4 .icon-box.style-5:hover .gradients-button,
body.template-color-4 .icon-box.style-5.active .gradients-button {
    color: #FCB72B !important;
}

body.template-color-4 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-4 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-4 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-4 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FCB72B;
}

body.template-color-4 .footer-part.footer-classic .contact-mata:hover i {
    background: #FCB72B;
    color: #fff;
}

body.template-color-4 .comparision-slider .handle::after {
    color: #FCB72B;
}

body.template-color-4 .comparision-slider .handle.bordered {
    background: #FCB72B;
}

body.template-color-4 .comparision-slider .handle.bordered:after {
    border: 3px solid #FCB72B;
}

body.template-color-4 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-4 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-4 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FCB72B !important;
    box-shadow: #FCB72B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-4 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FCB72B !important;
}

body.template-color-4 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-4 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-4 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-4 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FCB72B !important;
}

body.template-color-4 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FCB72B !important;
    box-shadow: #FCB72B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-4 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FCB72B !important;
    box-shadow: #FCB72B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-4 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FCB72B !important;
}

body.template-color-4 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-4 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-4 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FCB72B !important;
    box-shadow: #FCB72B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-4 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FCB72B !important;
}

body.template-color-4 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-4 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-4 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-4 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FCB72B !important;
}

body.template-color-4 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FCB72B !important;
    background-color: #FCB72B !important;
}

body.template-color-4 .icon-box.style-4 .inner:hover .content h5 {
    color: #FCB72B !important;
}

body.template-color-4 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FCB72B 0%, transparent 100%);
}

body.template-color-4 .widget-category-list ul.category-area li a:hover {
    color: #FCB72B !important;
}

body.template-color-4 .widget-category-list ul.category-area li a:hover span {
    background: #FCB72B !important;
}

body.template-color-4 .side-menu .bg-overlay {
    background: rgba(252, 183, 43, 0.9);
}

body.template-color-4 .hue-color,
body.template-color-4 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(40.19139deg) !important;
    filter: hue-rotate(40.19139deg) !important;
}

body.template-color-4 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-4 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FCB72B !important;
    border-color: #FCB72B !important;
    color: #ffffff;
}

body.template-color-4 .border-color,
body.template-color-4 .hover-border-color:hover,
body.template-color-4 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-4 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-4 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-4 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-4 .radio input:checked~span,
body.template-color-4 .sl-testimonial .pic img {
    border-color: #FCB72B !important;
}

body.template-color-4 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FCB72B;
}

body.template-color-4 .btn .light-color {
    border-color: #FCB72B;
    background: rgba(252, 183, 43, 0.11);
}

body.template-color-4 .btn .light-color:hover {
    background: #FCB72B;
    color: #ffffff;
}

body.template-color-4 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-4 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-4 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-4 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-4 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-4 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-5 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-5 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-5 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-5 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-5 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-5 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-5 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #F8A440 !important;
}

body.template-color-5 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-5 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #F8A440 !important;
}

body.template-color-5 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-5 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-5 .mini-cart .shopping-cart,
body.template-color-5 .dropdown__menu,
body.template-color-5 .mega-width-fullscreen,
body.template-color-5 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #F8A440 !important;
}

body.template-color-5 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-5 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-5 .header-full-menu .social-icons-simple li a:hover,
body.template-color-5 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-5 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #F8A440;
}

body.template-color-5 #scroll-top {
    background: #F8A440 !important;
    border: 2px solid #F8A440;
}

body.template-color-5 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-5 #scroll-top:hover {
    background: #F8A440;
}

body.template-color-5 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-5 #scroll-top.with-hover {
    border-color: #F8A440 !important;
    background: #ffffff !important;
}

body.template-color-5 #scroll-top.with-hover i {
    color: #F8A440 !important;
}

body.template-color-5 #scroll-top.with-hover:hover {
    background: #F8A440 !important;
}

body.template-color-5 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-5 .salon-prices .price-list {
    border-bottom: 2px solid #F8A440;
    background: linear-gradient(to right, rgba(248, 164, 64, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-5 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-5 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-5 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-5 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-5 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-5 .border-btn {
    color: #F8A440;
}

body.template-color-5 .btn-hover::after {
    border: 2px solid rgba(248, 164, 64, 0.7);
}

body.template-color-5 .beauty-service>[class*="col-"] .item span {
    color: #F8A440;
}

body.template-color-5 .beauty-service>[class*="col-"]:hover {
    background: rgba(248, 164, 64, 0.8);
    border-color: rgba(248, 164, 64, 0.8);
}

body.template-color-5 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-5 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-5 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-5 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-5 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #F8A440;
    width: 50%;
}

body.template-color-5 .bg-color,
body.template-color-5 .hover-bg-color:hover,
body.template-color-5 [data-color-overlay]::after,
body.template-color-5 [data-color-hover-overlay]:hover::after,
body.template-color-5 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-5 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-5 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-5 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-5 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-5 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-5 .post-nav-list .nav-item a:hover,
body.template-color-5 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-5 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-5 .animated-dot .middle-dot,
body.template-color-5 .animated-dot .signal,
body.template-color-5 .animated-dot .signal2,
body.template-color-5 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-5 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-5 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-5 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-5 .pricing-box .header .feature-mark,
body.template-color-5 .sl-testimonial .pic:after,
body.template-color-5 .sl-testimonial .pic:before,
body.template-color-5 #common-footer:before,
body.template-color-5 #common-footer .footer_item:before,
body.template-color-5 #common-footer .footer_menu:before,
body.template-color-5 #common-footer .footer_contacts__item:before,
body.template-color-5 .section-title.under-line h2::after {
    background: #F8A440 !important;
}

body.template-color-5 .creative-st-header .side-menu {
    background: #F8A440;
}

body.template-color-5 .scroll-top-arrow {
    background: #F8A440;
}

body.template-color-5 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #F8A440;
}

body.template-color-5 .footer-social li a:hover {
    background-color: #F8A440;
    color: #ffffff;
}

body.template-color-5 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #F8A440 !important;
}

body.template-color-5 .pricing-box.hoverable:hover,
body.template-color-5 .pricing-box.hoverable.active {
    background: #F8A440;
}

body.template-color-5 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-5 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #F8A440 !important;
    color: #fff;
}

body.template-color-5 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-5 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #F8A440 !important;
}

body.template-color-5 .progress-bar span.percent-label:after {
    border-color: #F8A440 transparent transparent transparent !important;
}

body.template-color-5 .icon-box.style-5 .inner .inner-icon {
    color: #F8A440;
}

body.template-color-5 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-5 .icon-box.style-5:hover .gradients-button {
    color: #F8A440;
}

body.template-color-5 .team-part .single-blog-item .social-icon a:hover {
    background-color: #F8A440;
    color: #ffffff;
    border-color: #F8A440;
}

body.template-color-5 .chackbox input:checked~span {
    background: #F8A440 !important;
    border-color: #F8A440 !important;
}

body.template-color-5 .radio span:after {
    background: #F8A440 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-5 .booking_form .img-sec {
        background: #F8A440 !important;
    }
}

body.template-color-5 .crypto-table .table {
    border: 8px solid #F8A440;
}

body.template-color-5 .agn-testimonial .carousel-control-next:hover,
body.template-color-5 .agn-testimonial .carousel-control-prev:hover,
body.template-color-5 .agn-testimonial .carousel-control-next:focus,
body.template-color-5 .agn-testimonial .carousel-control-prev:focus {
    background: #F8A440;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-5 .box-team .overlay {
    background-color: rgba(248, 164, 64, 0.75);
}

body.template-color-5 .social-shere:hover {
    border-color: #F8A440 !important;
}

body.template-color-5 .social-shere:hover .social-site p {
    color: #F8A440 !important;
}

body.template-color-5 .social-shere:hover .icon i {
    color: #F8A440 !important;
}

body.template-color-5 .testimonial-slider .carousel-indicators li.active {
    border-color: #F8A440;
}

body.template-color-5 .service-box i {
    color: #F8A440;
}

body.template-color-5 .service-box .readmore {
    color: #F8A440;
}

body.template-color-5 .service-box .readmore:before {
    background-color: #F8A440;
}

body.template-color-5 .service-box:hover {
    background: #F8A440;
}

body.template-color-5 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-5 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-5 .service-box:hover i,
body.template-color-5 .service-box:hover h4,
body.template-color-5 .service-box:hover p {
    color: #ffffff;
}

body.template-color-5 .icon-border-shadow {
    background: #F8A440 !important;
}

body.template-color-5 .icon-border-shadow:before {
    background: rgba(248, 164, 64, 0.3) !important;
}

body.template-color-5 .icon-border-shadow:after {
    background: rgba(248, 164, 64, 0.5) !important;
}

body.template-color-5 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #F8A440;
}

body.template-color-5 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-5 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #F8A440 !important;
}

body.template-color-5 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-5 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-5 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-5 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-5 .icon-box .inner .icon-3.style-2 {
    background: rgba(248, 164, 64, 0.1) !important;
}

body.template-color-5 .icon-box .inner .icon-3.style-3 {
    background: #F8A440;
}

body.template-color-5 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(248, 164, 64, 0.75) !important;
}

body.template-color-5 .text-color,
body.template-color-5 .hover-text-color:hover,
body.template-color-5 .snail_toolbar .inner a:hover,
body.template-color-5 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-5 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-5 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-5 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-5 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-5 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-5 .blog-tag-list a:hover,
body.template-color-5 .sl-quote::before,
body.template-color-5 .blog-post-return-button a:hover,
body.template-color-5 .portfolio-details-list .details-list span a:hover,
body.template-color-5 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-5 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-5 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-5 .product:hover .product-contain h4,
body.template-color-5 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-5 .mini-cart .shopping-cart .footer .total,
body.template-color-5 .mini-cart .shopping-cart .footer .total span,
body.template-color-5 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-5 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-5 .post.blog2 .post-body h5 a:hover,
body.template-color-5 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-5 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-5 .tab.tabs-links .nav .nav-link a.active,
body.template-color-5 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-5 .blog-post .blog-inner .blog-title a:hover,
body.template-color-5 .footer-part.footer-classic .footer-links a:hover,
body.template-color-5 .music_area .music-artist:hover .show-title,
body.template-color-5 .sl-testimonial .description:after,
body.template-color-5 .sl-testimonial .description:before,
body.template-color-5 .rating li i,
body.template-color-5 .btn .gradients-button.hover-bg-white:hover,
body.template-color-5 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-5 #common-footer .footer_menu__list li a:hover,
body.template-color-5 .icon-box.style-5:hover .gradients-button,
body.template-color-5 .icon-box.style-5.active .gradients-button {
    color: #F8A440 !important;
}

body.template-color-5 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-5 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-5 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-5 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #F8A440;
}

body.template-color-5 .footer-part.footer-classic .contact-mata:hover i {
    background: #F8A440;
    color: #fff;
}

body.template-color-5 .comparision-slider .handle::after {
    color: #F8A440;
}

body.template-color-5 .comparision-slider .handle.bordered {
    background: #F8A440;
}

body.template-color-5 .comparision-slider .handle.bordered:after {
    border: 3px solid #F8A440;
}

body.template-color-5 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-5 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-5 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #F8A440 !important;
    box-shadow: #F8A440 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-5 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #F8A440 !important;
}

body.template-color-5 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-5 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-5 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-5 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #F8A440 !important;
}

body.template-color-5 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #F8A440 !important;
    box-shadow: #F8A440 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-5 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #F8A440 !important;
    box-shadow: #F8A440 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-5 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #F8A440 !important;
}

body.template-color-5 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-5 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-5 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #F8A440 !important;
    box-shadow: #F8A440 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-5 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #F8A440 !important;
}

body.template-color-5 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-5 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-5 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-5 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #F8A440 !important;
}

body.template-color-5 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #F8A440 !important;
    background-color: #F8A440 !important;
}

body.template-color-5 .icon-box.style-4 .inner:hover .content h5 {
    color: #F8A440 !important;
}

body.template-color-5 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #F8A440 0%, transparent 100%);
}

body.template-color-5 .widget-category-list ul.category-area li a:hover {
    color: #F8A440 !important;
}

body.template-color-5 .widget-category-list ul.category-area li a:hover span {
    background: #F8A440 !important;
}

body.template-color-5 .side-menu .bg-overlay {
    background: rgba(248, 164, 64, 0.9);
}

body.template-color-5 .hue-color,
body.template-color-5 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(32.6087deg) !important;
    filter: hue-rotate(32.6087deg) !important;
}

body.template-color-5 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-5 .hero-slider .owl-nav .owl-prev:hover span {
    background: #F8A440 !important;
    border-color: #F8A440 !important;
    color: #ffffff;
}

body.template-color-5 .border-color,
body.template-color-5 .hover-border-color:hover,
body.template-color-5 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-5 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-5 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-5 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-5 .radio input:checked~span,
body.template-color-5 .sl-testimonial .pic img {
    border-color: #F8A440 !important;
}

body.template-color-5 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #F8A440;
}

body.template-color-5 .btn .light-color {
    border-color: #F8A440;
    background: rgba(248, 164, 64, 0.11);
}

body.template-color-5 .btn .light-color:hover {
    background: #F8A440;
    color: #ffffff;
}

body.template-color-5 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-5 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-5 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-5 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-5 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-5 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-6 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-6 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-6 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-6 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-6 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-6 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-6 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #F05874 !important;
}

body.template-color-6 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-6 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #F05874 !important;
}

body.template-color-6 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-6 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-6 .mini-cart .shopping-cart,
body.template-color-6 .dropdown__menu,
body.template-color-6 .mega-width-fullscreen,
body.template-color-6 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #F05874 !important;
}

body.template-color-6 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-6 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-6 .header-full-menu .social-icons-simple li a:hover,
body.template-color-6 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-6 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #F05874;
}

body.template-color-6 #scroll-top {
    background: #F05874 !important;
    border: 2px solid #F05874;
}

body.template-color-6 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-6 #scroll-top:hover {
    background: #F05874;
}

body.template-color-6 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-6 #scroll-top.with-hover {
    border-color: #F05874 !important;
    background: #ffffff !important;
}

body.template-color-6 #scroll-top.with-hover i {
    color: #F05874 !important;
}

body.template-color-6 #scroll-top.with-hover:hover {
    background: #F05874 !important;
}

body.template-color-6 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-6 .salon-prices .price-list {
    border-bottom: 2px solid #F05874;
    background: linear-gradient(to right, rgba(240, 88, 116, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-6 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-6 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-6 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-6 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-6 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-6 .border-btn {
    color: #F05874;
}

body.template-color-6 .btn-hover::after {
    border: 2px solid rgba(240, 88, 116, 0.7);
}

body.template-color-6 .beauty-service>[class*="col-"] .item span {
    color: #F05874;
}

body.template-color-6 .beauty-service>[class*="col-"]:hover {
    background: rgba(240, 88, 116, 0.8);
    border-color: rgba(240, 88, 116, 0.8);
}

body.template-color-6 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-6 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-6 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-6 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-6 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #F05874;
    width: 50%;
}

body.template-color-6 .bg-color,
body.template-color-6 .hover-bg-color:hover,
body.template-color-6 [data-color-overlay]::after,
body.template-color-6 [data-color-hover-overlay]:hover::after,
body.template-color-6 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-6 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-6 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-6 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-6 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-6 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-6 .post-nav-list .nav-item a:hover,
body.template-color-6 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-6 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-6 .animated-dot .middle-dot,
body.template-color-6 .animated-dot .signal,
body.template-color-6 .animated-dot .signal2,
body.template-color-6 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-6 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-6 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-6 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-6 .pricing-box .header .feature-mark,
body.template-color-6 .sl-testimonial .pic:after,
body.template-color-6 .sl-testimonial .pic:before,
body.template-color-6 #common-footer:before,
body.template-color-6 #common-footer .footer_item:before,
body.template-color-6 #common-footer .footer_menu:before,
body.template-color-6 #common-footer .footer_contacts__item:before,
body.template-color-6 .section-title.under-line h2::after {
    background: #F05874 !important;
}

body.template-color-6 .creative-st-header .side-menu {
    background: #F05874;
}

body.template-color-6 .scroll-top-arrow {
    background: #F05874;
}

body.template-color-6 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #F05874;
}

body.template-color-6 .footer-social li a:hover {
    background-color: #F05874;
    color: #ffffff;
}

body.template-color-6 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #F05874 !important;
}

body.template-color-6 .pricing-box.hoverable:hover,
body.template-color-6 .pricing-box.hoverable.active {
    background: #F05874;
}

body.template-color-6 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-6 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #F05874 !important;
    color: #fff;
}

body.template-color-6 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-6 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #F05874 !important;
}

body.template-color-6 .progress-bar span.percent-label:after {
    border-color: #F05874 transparent transparent transparent !important;
}

body.template-color-6 .icon-box.style-5 .inner .inner-icon {
    color: #F05874;
}

body.template-color-6 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-6 .icon-box.style-5:hover .gradients-button {
    color: #F05874;
}

body.template-color-6 .team-part .single-blog-item .social-icon a:hover {
    background-color: #F05874;
    color: #ffffff;
    border-color: #F05874;
}

body.template-color-6 .chackbox input:checked~span {
    background: #F05874 !important;
    border-color: #F05874 !important;
}

body.template-color-6 .radio span:after {
    background: #F05874 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-6 .booking_form .img-sec {
        background: #F05874 !important;
    }
}

body.template-color-6 .crypto-table .table {
    border: 8px solid #F05874;
}

body.template-color-6 .agn-testimonial .carousel-control-next:hover,
body.template-color-6 .agn-testimonial .carousel-control-prev:hover,
body.template-color-6 .agn-testimonial .carousel-control-next:focus,
body.template-color-6 .agn-testimonial .carousel-control-prev:focus {
    background: #F05874;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-6 .box-team .overlay {
    background-color: rgba(240, 88, 116, 0.75);
}

body.template-color-6 .social-shere:hover {
    border-color: #F05874 !important;
}

body.template-color-6 .social-shere:hover .social-site p {
    color: #F05874 !important;
}

body.template-color-6 .social-shere:hover .icon i {
    color: #F05874 !important;
}

body.template-color-6 .testimonial-slider .carousel-indicators li.active {
    border-color: #F05874;
}

body.template-color-6 .service-box i {
    color: #F05874;
}

body.template-color-6 .service-box .readmore {
    color: #F05874;
}

body.template-color-6 .service-box .readmore:before {
    background-color: #F05874;
}

body.template-color-6 .service-box:hover {
    background: #F05874;
}

body.template-color-6 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-6 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-6 .service-box:hover i,
body.template-color-6 .service-box:hover h4,
body.template-color-6 .service-box:hover p {
    color: #ffffff;
}

body.template-color-6 .icon-border-shadow {
    background: #F05874 !important;
}

body.template-color-6 .icon-border-shadow:before {
    background: rgba(240, 88, 116, 0.3) !important;
}

body.template-color-6 .icon-border-shadow:after {
    background: rgba(240, 88, 116, 0.5) !important;
}

body.template-color-6 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #F05874;
}

body.template-color-6 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-6 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #F05874 !important;
}

body.template-color-6 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-6 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-6 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-6 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-6 .icon-box .inner .icon-3.style-2 {
    background: rgba(240, 88, 116, 0.1) !important;
}

body.template-color-6 .icon-box .inner .icon-3.style-3 {
    background: #F05874;
}

body.template-color-6 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(240, 88, 116, 0.75) !important;
}

body.template-color-6 .text-color,
body.template-color-6 .hover-text-color:hover,
body.template-color-6 .snail_toolbar .inner a:hover,
body.template-color-6 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-6 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-6 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-6 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-6 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-6 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-6 .blog-tag-list a:hover,
body.template-color-6 .sl-quote::before,
body.template-color-6 .blog-post-return-button a:hover,
body.template-color-6 .portfolio-details-list .details-list span a:hover,
body.template-color-6 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-6 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-6 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-6 .product:hover .product-contain h4,
body.template-color-6 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-6 .mini-cart .shopping-cart .footer .total,
body.template-color-6 .mini-cart .shopping-cart .footer .total span,
body.template-color-6 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-6 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-6 .post.blog2 .post-body h5 a:hover,
body.template-color-6 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-6 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-6 .tab.tabs-links .nav .nav-link a.active,
body.template-color-6 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-6 .blog-post .blog-inner .blog-title a:hover,
body.template-color-6 .footer-part.footer-classic .footer-links a:hover,
body.template-color-6 .music_area .music-artist:hover .show-title,
body.template-color-6 .sl-testimonial .description:after,
body.template-color-6 .sl-testimonial .description:before,
body.template-color-6 .rating li i,
body.template-color-6 .btn .gradients-button.hover-bg-white:hover,
body.template-color-6 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-6 #common-footer .footer_menu__list li a:hover,
body.template-color-6 .icon-box.style-5:hover .gradients-button,
body.template-color-6 .icon-box.style-5.active .gradients-button {
    color: #F05874 !important;
}

body.template-color-6 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-6 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-6 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-6 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #F05874;
}

body.template-color-6 .footer-part.footer-classic .contact-mata:hover i {
    background: #F05874;
    color: #fff;
}

body.template-color-6 .comparision-slider .handle::after {
    color: #F05874;
}

body.template-color-6 .comparision-slider .handle.bordered {
    background: #F05874;
}

body.template-color-6 .comparision-slider .handle.bordered:after {
    border: 3px solid #F05874;
}

body.template-color-6 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-6 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-6 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #F05874 !important;
    box-shadow: #F05874 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-6 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #F05874 !important;
}

body.template-color-6 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-6 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-6 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-6 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #F05874 !important;
}

body.template-color-6 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #F05874 !important;
    box-shadow: #F05874 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-6 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #F05874 !important;
    box-shadow: #F05874 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-6 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #F05874 !important;
}

body.template-color-6 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-6 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-6 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #F05874 !important;
    box-shadow: #F05874 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-6 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #F05874 !important;
}

body.template-color-6 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-6 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-6 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-6 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #F05874 !important;
}

body.template-color-6 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #F05874 !important;
    background-color: #F05874 !important;
}

body.template-color-6 .icon-box.style-4 .inner:hover .content h5 {
    color: #F05874 !important;
}

body.template-color-6 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #F05874 0%, transparent 100%);
}

body.template-color-6 .widget-category-list ul.category-area li a:hover {
    color: #F05874 !important;
}

body.template-color-6 .widget-category-list ul.category-area li a:hover span {
    background: #F05874 !important;
}

body.template-color-6 .side-menu .bg-overlay {
    background: rgba(240, 88, 116, 0.9);
}

body.template-color-6 .hue-color,
body.template-color-6 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(348.94737deg) !important;
    filter: hue-rotate(348.94737deg) !important;
}

body.template-color-6 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-6 .hero-slider .owl-nav .owl-prev:hover span {
    background: #F05874 !important;
    border-color: #F05874 !important;
    color: #ffffff;
}

body.template-color-6 .border-color,
body.template-color-6 .hover-border-color:hover,
body.template-color-6 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-6 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-6 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-6 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-6 .radio input:checked~span,
body.template-color-6 .sl-testimonial .pic img {
    border-color: #F05874 !important;
}

body.template-color-6 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #F05874;
}

body.template-color-6 .btn .light-color {
    border-color: #F05874;
    background: rgba(240, 88, 116, 0.11);
}

body.template-color-6 .btn .light-color:hover {
    background: #F05874;
    color: #ffffff;
}

body.template-color-6 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-6 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-6 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-6 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-6 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-6 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-7 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-7 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-7 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-7 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-7 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-7 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-7 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #1040C6 !important;
}

body.template-color-7 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-7 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #1040C6 !important;
}

body.template-color-7 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-7 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-7 .mini-cart .shopping-cart,
body.template-color-7 .dropdown__menu,
body.template-color-7 .mega-width-fullscreen,
body.template-color-7 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #1040C6 !important;
}

body.template-color-7 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-7 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-7 .header-full-menu .social-icons-simple li a:hover,
body.template-color-7 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-7 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #1040C6;
}

body.template-color-7 #scroll-top {
    background: #1040C6 !important;
    border: 2px solid #1040C6;
}

body.template-color-7 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-7 #scroll-top:hover {
    background: #1040C6;
}

body.template-color-7 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-7 #scroll-top.with-hover {
    border-color: #1040C6 !important;
    background: #ffffff !important;
}

body.template-color-7 #scroll-top.with-hover i {
    color: #1040C6 !important;
}

body.template-color-7 #scroll-top.with-hover:hover {
    background: #1040C6 !important;
}

body.template-color-7 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-7 .salon-prices .price-list {
    border-bottom: 2px solid #1040C6;
    background: linear-gradient(to right, rgba(16, 64, 198, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-7 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-7 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-7 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-7 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-7 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-7 .border-btn {
    color: #1040C6;
}

body.template-color-7 .btn-hover::after {
    border: 2px solid rgba(16, 64, 198, 0.7);
}

body.template-color-7 .beauty-service>[class*="col-"] .item span {
    color: #1040C6;
}

body.template-color-7 .beauty-service>[class*="col-"]:hover {
    background: rgba(16, 64, 198, 0.8);
    border-color: rgba(16, 64, 198, 0.8);
}

body.template-color-7 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-7 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-7 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-7 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-7 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #1040C6;
    width: 50%;
}

body.template-color-7 .bg-color,
body.template-color-7 .hover-bg-color:hover,
body.template-color-7 [data-color-overlay]::after,
body.template-color-7 [data-color-hover-overlay]:hover::after,
body.template-color-7 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-7 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-7 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-7 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-7 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-7 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-7 .post-nav-list .nav-item a:hover,
body.template-color-7 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-7 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-7 .animated-dot .middle-dot,
body.template-color-7 .animated-dot .signal,
body.template-color-7 .animated-dot .signal2,
body.template-color-7 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-7 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-7 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-7 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-7 .pricing-box .header .feature-mark,
body.template-color-7 .sl-testimonial .pic:after,
body.template-color-7 .sl-testimonial .pic:before,
body.template-color-7 #common-footer:before,
body.template-color-7 #common-footer .footer_item:before,
body.template-color-7 #common-footer .footer_menu:before,
body.template-color-7 #common-footer .footer_contacts__item:before,
body.template-color-7 .section-title.under-line h2::after {
    background: #1040C6 !important;
}

body.template-color-7 .creative-st-header .side-menu {
    background: #1040C6;
}

body.template-color-7 .scroll-top-arrow {
    background: #1040C6;
}

body.template-color-7 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #1040C6;
}

body.template-color-7 .footer-social li a:hover {
    background-color: #1040C6;
    color: #ffffff;
}

body.template-color-7 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #1040C6 !important;
}

body.template-color-7 .pricing-box.hoverable:hover,
body.template-color-7 .pricing-box.hoverable.active {
    background: #1040C6;
}

body.template-color-7 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-7 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #1040C6 !important;
    color: #fff;
}

body.template-color-7 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-7 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #1040C6 !important;
}

body.template-color-7 .progress-bar span.percent-label:after {
    border-color: #1040C6 transparent transparent transparent !important;
}

body.template-color-7 .icon-box.style-5 .inner .inner-icon {
    color: #1040C6;
}

body.template-color-7 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-7 .icon-box.style-5:hover .gradients-button {
    color: #1040C6;
}

body.template-color-7 .team-part .single-blog-item .social-icon a:hover {
    background-color: #1040C6;
    color: #ffffff;
    border-color: #1040C6;
}

body.template-color-7 .chackbox input:checked~span {
    background: #1040C6 !important;
    border-color: #1040C6 !important;
}

body.template-color-7 .radio span:after {
    background: #1040C6 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-7 .booking_form .img-sec {
        background: #1040C6 !important;
    }
}

body.template-color-7 .crypto-table .table {
    border: 8px solid #1040C6;
}

body.template-color-7 .agn-testimonial .carousel-control-next:hover,
body.template-color-7 .agn-testimonial .carousel-control-prev:hover,
body.template-color-7 .agn-testimonial .carousel-control-next:focus,
body.template-color-7 .agn-testimonial .carousel-control-prev:focus {
    background: #1040C6;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-7 .box-team .overlay {
    background-color: rgba(16, 64, 198, 0.75);
}

body.template-color-7 .social-shere:hover {
    border-color: #1040C6 !important;
}

body.template-color-7 .social-shere:hover .social-site p {
    color: #1040C6 !important;
}

body.template-color-7 .social-shere:hover .icon i {
    color: #1040C6 !important;
}

body.template-color-7 .testimonial-slider .carousel-indicators li.active {
    border-color: #1040C6;
}

body.template-color-7 .service-box i {
    color: #1040C6;
}

body.template-color-7 .service-box .readmore {
    color: #1040C6;
}

body.template-color-7 .service-box .readmore:before {
    background-color: #1040C6;
}

body.template-color-7 .service-box:hover {
    background: #1040C6;
}

body.template-color-7 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-7 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-7 .service-box:hover i,
body.template-color-7 .service-box:hover h4,
body.template-color-7 .service-box:hover p {
    color: #ffffff;
}

body.template-color-7 .icon-border-shadow {
    background: #1040C6 !important;
}

body.template-color-7 .icon-border-shadow:before {
    background: rgba(16, 64, 198, 0.3) !important;
}

body.template-color-7 .icon-border-shadow:after {
    background: rgba(16, 64, 198, 0.5) !important;
}

body.template-color-7 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #1040C6;
}

body.template-color-7 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-7 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #1040C6 !important;
}

body.template-color-7 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-7 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-7 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-7 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-7 .icon-box .inner .icon-3.style-2 {
    background: rgba(16, 64, 198, 0.1) !important;
}

body.template-color-7 .icon-box .inner .icon-3.style-3 {
    background: #1040C6;
}

body.template-color-7 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(16, 64, 198, 0.75) !important;
}

body.template-color-7 .text-color,
body.template-color-7 .hover-text-color:hover,
body.template-color-7 .snail_toolbar .inner a:hover,
body.template-color-7 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-7 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-7 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-7 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-7 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-7 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-7 .blog-tag-list a:hover,
body.template-color-7 .sl-quote::before,
body.template-color-7 .blog-post-return-button a:hover,
body.template-color-7 .portfolio-details-list .details-list span a:hover,
body.template-color-7 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-7 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-7 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-7 .product:hover .product-contain h4,
body.template-color-7 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-7 .mini-cart .shopping-cart .footer .total,
body.template-color-7 .mini-cart .shopping-cart .footer .total span,
body.template-color-7 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-7 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-7 .post.blog2 .post-body h5 a:hover,
body.template-color-7 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-7 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-7 .tab.tabs-links .nav .nav-link a.active,
body.template-color-7 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-7 .blog-post .blog-inner .blog-title a:hover,
body.template-color-7 .footer-part.footer-classic .footer-links a:hover,
body.template-color-7 .music_area .music-artist:hover .show-title,
body.template-color-7 .sl-testimonial .description:after,
body.template-color-7 .sl-testimonial .description:before,
body.template-color-7 .rating li i,
body.template-color-7 .btn .gradients-button.hover-bg-white:hover,
body.template-color-7 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-7 #common-footer .footer_menu__list li a:hover,
body.template-color-7 .icon-box.style-5:hover .gradients-button,
body.template-color-7 .icon-box.style-5.active .gradients-button {
    color: #1040C6 !important;
}

body.template-color-7 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-7 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-7 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-7 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #1040C6;
}

body.template-color-7 .footer-part.footer-classic .contact-mata:hover i {
    background: #1040C6;
    color: #fff;
}

body.template-color-7 .comparision-slider .handle::after {
    color: #1040C6;
}

body.template-color-7 .comparision-slider .handle.bordered {
    background: #1040C6;
}

body.template-color-7 .comparision-slider .handle.bordered:after {
    border: 3px solid #1040C6;
}

body.template-color-7 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-7 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-7 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #1040C6 !important;
    box-shadow: #1040C6 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-7 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #1040C6 !important;
}

body.template-color-7 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-7 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-7 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-7 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #1040C6 !important;
}

body.template-color-7 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #1040C6 !important;
    box-shadow: #1040C6 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-7 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #1040C6 !important;
    box-shadow: #1040C6 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-7 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #1040C6 !important;
}

body.template-color-7 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-7 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-7 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #1040C6 !important;
    box-shadow: #1040C6 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-7 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #1040C6 !important;
}

body.template-color-7 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-7 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-7 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-7 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #1040C6 !important;
}

body.template-color-7 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #1040C6 !important;
    background-color: #1040C6 !important;
}

body.template-color-7 .icon-box.style-4 .inner:hover .content h5 {
    color: #1040C6 !important;
}

body.template-color-7 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #1040C6 0%, transparent 100%);
}

body.template-color-7 .widget-category-list ul.category-area li a:hover {
    color: #1040C6 !important;
}

body.template-color-7 .widget-category-list ul.category-area li a:hover span {
    background: #1040C6 !important;
}

body.template-color-7 .side-menu .bg-overlay {
    background: rgba(16, 64, 198, 0.9);
}

body.template-color-7 .hue-color,
body.template-color-7 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(224.17582deg) !important;
    filter: hue-rotate(224.17582deg) !important;
}

body.template-color-7 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-7 .hero-slider .owl-nav .owl-prev:hover span {
    background: #1040C6 !important;
    border-color: #1040C6 !important;
    color: #ffffff;
}

body.template-color-7 .border-color,
body.template-color-7 .hover-border-color:hover,
body.template-color-7 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-7 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-7 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-7 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-7 .radio input:checked~span,
body.template-color-7 .sl-testimonial .pic img {
    border-color: #1040C6 !important;
}

body.template-color-7 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #1040C6;
}

body.template-color-7 .btn .light-color {
    border-color: #1040C6;
    background: rgba(16, 64, 198, 0.11);
}

body.template-color-7 .btn .light-color:hover {
    background: #1040C6;
    color: #ffffff;
}

body.template-color-7 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-7 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-7 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-7 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-7 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-7 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-8 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-8 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-8 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-8 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-8 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-8 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-8 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #09AEFF !important;
}

body.template-color-8 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-8 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #09AEFF !important;
}

body.template-color-8 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-8 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-8 .mini-cart .shopping-cart,
body.template-color-8 .dropdown__menu,
body.template-color-8 .mega-width-fullscreen,
body.template-color-8 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #09AEFF !important;
}

body.template-color-8 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-8 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-8 .header-full-menu .social-icons-simple li a:hover,
body.template-color-8 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-8 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #09AEFF;
}

body.template-color-8 #scroll-top {
    background: #09AEFF !important;
    border: 2px solid #09AEFF;
}

body.template-color-8 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-8 #scroll-top:hover {
    background: #09AEFF;
}

body.template-color-8 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-8 #scroll-top.with-hover {
    border-color: #09AEFF !important;
    background: #ffffff !important;
}

body.template-color-8 #scroll-top.with-hover i {
    color: #09AEFF !important;
}

body.template-color-8 #scroll-top.with-hover:hover {
    background: #09AEFF !important;
}

body.template-color-8 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-8 .salon-prices .price-list {
    border-bottom: 2px solid #09AEFF;
    background: linear-gradient(to right, rgba(9, 174, 255, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-8 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-8 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-8 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-8 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-8 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-8 .border-btn {
    color: #09AEFF;
}

body.template-color-8 .btn-hover::after {
    border: 2px solid rgba(9, 174, 255, 0.7);
}

body.template-color-8 .beauty-service>[class*="col-"] .item span {
    color: #09AEFF;
}

body.template-color-8 .beauty-service>[class*="col-"]:hover {
    background: rgba(9, 174, 255, 0.8);
    border-color: rgba(9, 174, 255, 0.8);
}

body.template-color-8 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-8 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-8 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-8 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-8 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #09AEFF;
    width: 50%;
}

body.template-color-8 .bg-color,
body.template-color-8 .hover-bg-color:hover,
body.template-color-8 [data-color-overlay]::after,
body.template-color-8 [data-color-hover-overlay]:hover::after,
body.template-color-8 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-8 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-8 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-8 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-8 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-8 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-8 .post-nav-list .nav-item a:hover,
body.template-color-8 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-8 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-8 .animated-dot .middle-dot,
body.template-color-8 .animated-dot .signal,
body.template-color-8 .animated-dot .signal2,
body.template-color-8 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-8 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-8 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-8 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-8 .pricing-box .header .feature-mark,
body.template-color-8 .sl-testimonial .pic:after,
body.template-color-8 .sl-testimonial .pic:before,
body.template-color-8 #common-footer:before,
body.template-color-8 #common-footer .footer_item:before,
body.template-color-8 #common-footer .footer_menu:before,
body.template-color-8 #common-footer .footer_contacts__item:before,
body.template-color-8 .section-title.under-line h2::after {
    background: #09AEFF !important;
}

body.template-color-8 .creative-st-header .side-menu {
    background: #09AEFF;
}

body.template-color-8 .scroll-top-arrow {
    background: #09AEFF;
}

body.template-color-8 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #09AEFF;
}

body.template-color-8 .footer-social li a:hover {
    background-color: #09AEFF;
    color: #ffffff;
}

body.template-color-8 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #09AEFF !important;
}

body.template-color-8 .pricing-box.hoverable:hover,
body.template-color-8 .pricing-box.hoverable.active {
    background: #09AEFF;
}

body.template-color-8 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-8 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #09AEFF !important;
    color: #fff;
}

body.template-color-8 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-8 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #09AEFF !important;
}

body.template-color-8 .progress-bar span.percent-label:after {
    border-color: #09AEFF transparent transparent transparent !important;
}

body.template-color-8 .icon-box.style-5 .inner .inner-icon {
    color: #09AEFF;
}

body.template-color-8 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-8 .icon-box.style-5:hover .gradients-button {
    color: #09AEFF;
}

body.template-color-8 .team-part .single-blog-item .social-icon a:hover {
    background-color: #09AEFF;
    color: #ffffff;
    border-color: #09AEFF;
}

body.template-color-8 .chackbox input:checked~span {
    background: #09AEFF !important;
    border-color: #09AEFF !important;
}

body.template-color-8 .radio span:after {
    background: #09AEFF !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-8 .booking_form .img-sec {
        background: #09AEFF !important;
    }
}

body.template-color-8 .crypto-table .table {
    border: 8px solid #09AEFF;
}

body.template-color-8 .agn-testimonial .carousel-control-next:hover,
body.template-color-8 .agn-testimonial .carousel-control-prev:hover,
body.template-color-8 .agn-testimonial .carousel-control-next:focus,
body.template-color-8 .agn-testimonial .carousel-control-prev:focus {
    background: #09AEFF;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-8 .box-team .overlay {
    background-color: rgba(9, 174, 255, 0.75);
}

body.template-color-8 .social-shere:hover {
    border-color: #09AEFF !important;
}

body.template-color-8 .social-shere:hover .social-site p {
    color: #09AEFF !important;
}

body.template-color-8 .social-shere:hover .icon i {
    color: #09AEFF !important;
}

body.template-color-8 .testimonial-slider .carousel-indicators li.active {
    border-color: #09AEFF;
}

body.template-color-8 .service-box i {
    color: #09AEFF;
}

body.template-color-8 .service-box .readmore {
    color: #09AEFF;
}

body.template-color-8 .service-box .readmore:before {
    background-color: #09AEFF;
}

body.template-color-8 .service-box:hover {
    background: #09AEFF;
}

body.template-color-8 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-8 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-8 .service-box:hover i,
body.template-color-8 .service-box:hover h4,
body.template-color-8 .service-box:hover p {
    color: #ffffff;
}

body.template-color-8 .icon-border-shadow {
    background: #09AEFF !important;
}

body.template-color-8 .icon-border-shadow:before {
    background: rgba(9, 174, 255, 0.3) !important;
}

body.template-color-8 .icon-border-shadow:after {
    background: rgba(9, 174, 255, 0.5) !important;
}

body.template-color-8 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #09AEFF;
}

body.template-color-8 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-8 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #09AEFF !important;
}

body.template-color-8 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-8 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-8 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-8 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-8 .icon-box .inner .icon-3.style-2 {
    background: rgba(9, 174, 255, 0.1) !important;
}

body.template-color-8 .icon-box .inner .icon-3.style-3 {
    background: #09AEFF;
}

body.template-color-8 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(9, 174, 255, 0.75) !important;
}

body.template-color-8 .text-color,
body.template-color-8 .hover-text-color:hover,
body.template-color-8 .snail_toolbar .inner a:hover,
body.template-color-8 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-8 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-8 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-8 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-8 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-8 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-8 .blog-tag-list a:hover,
body.template-color-8 .sl-quote::before,
body.template-color-8 .blog-post-return-button a:hover,
body.template-color-8 .portfolio-details-list .details-list span a:hover,
body.template-color-8 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-8 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-8 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-8 .product:hover .product-contain h4,
body.template-color-8 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-8 .mini-cart .shopping-cart .footer .total,
body.template-color-8 .mini-cart .shopping-cart .footer .total span,
body.template-color-8 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-8 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-8 .post.blog2 .post-body h5 a:hover,
body.template-color-8 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-8 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-8 .tab.tabs-links .nav .nav-link a.active,
body.template-color-8 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-8 .blog-post .blog-inner .blog-title a:hover,
body.template-color-8 .footer-part.footer-classic .footer-links a:hover,
body.template-color-8 .music_area .music-artist:hover .show-title,
body.template-color-8 .sl-testimonial .description:after,
body.template-color-8 .sl-testimonial .description:before,
body.template-color-8 .rating li i,
body.template-color-8 .btn .gradients-button.hover-bg-white:hover,
body.template-color-8 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-8 #common-footer .footer_menu__list li a:hover,
body.template-color-8 .icon-box.style-5:hover .gradients-button,
body.template-color-8 .icon-box.style-5.active .gradients-button {
    color: #09AEFF !important;
}

body.template-color-8 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-8 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-8 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-8 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #09AEFF;
}

body.template-color-8 .footer-part.footer-classic .contact-mata:hover i {
    background: #09AEFF;
    color: #fff;
}

body.template-color-8 .comparision-slider .handle::after {
    color: #09AEFF;
}

body.template-color-8 .comparision-slider .handle.bordered {
    background: #09AEFF;
}

body.template-color-8 .comparision-slider .handle.bordered:after {
    border: 3px solid #09AEFF;
}

body.template-color-8 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-8 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-8 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #09AEFF !important;
    box-shadow: #09AEFF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-8 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #09AEFF !important;
}

body.template-color-8 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-8 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-8 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-8 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #09AEFF !important;
}

body.template-color-8 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #09AEFF !important;
    box-shadow: #09AEFF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-8 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #09AEFF !important;
    box-shadow: #09AEFF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-8 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #09AEFF !important;
}

body.template-color-8 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-8 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-8 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #09AEFF !important;
    box-shadow: #09AEFF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-8 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #09AEFF !important;
}

body.template-color-8 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-8 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-8 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-8 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #09AEFF !important;
}

body.template-color-8 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #09AEFF !important;
    background-color: #09AEFF !important;
}

body.template-color-8 .icon-box.style-4 .inner:hover .content h5 {
    color: #09AEFF !important;
}

body.template-color-8 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #09AEFF 0%, transparent 100%);
}

body.template-color-8 .widget-category-list ul.category-area li a:hover {
    color: #09AEFF !important;
}

body.template-color-8 .widget-category-list ul.category-area li a:hover span {
    background: #09AEFF !important;
}

body.template-color-8 .side-menu .bg-overlay {
    background: rgba(9, 174, 255, 0.9);
}

body.template-color-8 .hue-color,
body.template-color-8 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(199.7561deg) !important;
    filter: hue-rotate(199.7561deg) !important;
}

body.template-color-8 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-8 .hero-slider .owl-nav .owl-prev:hover span {
    background: #09AEFF !important;
    border-color: #09AEFF !important;
    color: #ffffff;
}

body.template-color-8 .border-color,
body.template-color-8 .hover-border-color:hover,
body.template-color-8 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-8 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-8 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-8 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-8 .radio input:checked~span,
body.template-color-8 .sl-testimonial .pic img {
    border-color: #09AEFF !important;
}

body.template-color-8 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #09AEFF;
}

body.template-color-8 .btn .light-color {
    border-color: #09AEFF;
    background: rgba(9, 174, 255, 0.11);
}

body.template-color-8 .btn .light-color:hover {
    background: #09AEFF;
    color: #ffffff;
}

body.template-color-8 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-8 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-8 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-8 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-8 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-8 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-9 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-9 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-9 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-9 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-9 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-9 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-9 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #7478fa !important;
}

body.template-color-9 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-9 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #7478fa !important;
}

body.template-color-9 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-9 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-9 .mini-cart .shopping-cart,
body.template-color-9 .dropdown__menu,
body.template-color-9 .mega-width-fullscreen,
body.template-color-9 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #7478fa !important;
}

body.template-color-9 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-9 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-9 .header-full-menu .social-icons-simple li a:hover,
body.template-color-9 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-9 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #7478fa;
}

body.template-color-9 #scroll-top {
    background: #7478fa !important;
    border: 2px solid #7478fa;
}

body.template-color-9 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-9 #scroll-top:hover {
    background: #7478fa;
}

body.template-color-9 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-9 #scroll-top.with-hover {
    border-color: #7478fa !important;
    background: #ffffff !important;
}

body.template-color-9 #scroll-top.with-hover i {
    color: #7478fa !important;
}

body.template-color-9 #scroll-top.with-hover:hover {
    background: #7478fa !important;
}

body.template-color-9 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-9 .salon-prices .price-list {
    border-bottom: 2px solid #7478fa;
    background: linear-gradient(to right, rgba(116, 120, 250, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-9 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-9 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-9 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-9 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-9 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-9 .border-btn {
    color: #7478fa;
}

body.template-color-9 .btn-hover::after {
    border: 2px solid rgba(116, 120, 250, 0.7);
}

body.template-color-9 .beauty-service>[class*="col-"] .item span {
    color: #7478fa;
}

body.template-color-9 .beauty-service>[class*="col-"]:hover {
    background: rgba(116, 120, 250, 0.8);
    border-color: rgba(116, 120, 250, 0.8);
}

body.template-color-9 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-9 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-9 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-9 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-9 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #7478fa;
    width: 50%;
}

body.template-color-9 .bg-color,
body.template-color-9 .hover-bg-color:hover,
body.template-color-9 [data-color-overlay]::after,
body.template-color-9 [data-color-hover-overlay]:hover::after,
body.template-color-9 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-9 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-9 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-9 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-9 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-9 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-9 .post-nav-list .nav-item a:hover,
body.template-color-9 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-9 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-9 .animated-dot .middle-dot,
body.template-color-9 .animated-dot .signal,
body.template-color-9 .animated-dot .signal2,
body.template-color-9 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-9 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-9 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-9 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-9 .pricing-box .header .feature-mark,
body.template-color-9 .sl-testimonial .pic:after,
body.template-color-9 .sl-testimonial .pic:before,
body.template-color-9 #common-footer:before,
body.template-color-9 #common-footer .footer_item:before,
body.template-color-9 #common-footer .footer_menu:before,
body.template-color-9 #common-footer .footer_contacts__item:before,
body.template-color-9 .section-title.under-line h2::after {
    background: #7478fa !important;
}

body.template-color-9 .creative-st-header .side-menu {
    background: #7478fa;
}

body.template-color-9 .scroll-top-arrow {
    background: #7478fa;
}

body.template-color-9 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #7478fa;
}

body.template-color-9 .footer-social li a:hover {
    background-color: #7478fa;
    color: #ffffff;
}

body.template-color-9 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #7478fa !important;
}

body.template-color-9 .pricing-box.hoverable:hover,
body.template-color-9 .pricing-box.hoverable.active {
    background: #7478fa;
}

body.template-color-9 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-9 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #7478fa !important;
    color: #fff;
}

body.template-color-9 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-9 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #7478fa !important;
}

body.template-color-9 .progress-bar span.percent-label:after {
    border-color: #7478fa transparent transparent transparent !important;
}

body.template-color-9 .icon-box.style-5 .inner .inner-icon {
    color: #7478fa;
}

body.template-color-9 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-9 .icon-box.style-5:hover .gradients-button {
    color: #7478fa;
}

body.template-color-9 .team-part .single-blog-item .social-icon a:hover {
    background-color: #7478fa;
    color: #ffffff;
    border-color: #7478fa;
}

body.template-color-9 .chackbox input:checked~span {
    background: #7478fa !important;
    border-color: #7478fa !important;
}

body.template-color-9 .radio span:after {
    background: #7478fa !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-9 .booking_form .img-sec {
        background: #7478fa !important;
    }
}

body.template-color-9 .crypto-table .table {
    border: 8px solid #7478fa;
}

body.template-color-9 .agn-testimonial .carousel-control-next:hover,
body.template-color-9 .agn-testimonial .carousel-control-prev:hover,
body.template-color-9 .agn-testimonial .carousel-control-next:focus,
body.template-color-9 .agn-testimonial .carousel-control-prev:focus {
    background: #7478fa;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-9 .box-team .overlay {
    background-color: rgba(116, 120, 250, 0.75);
}

body.template-color-9 .social-shere:hover {
    border-color: #7478fa !important;
}

body.template-color-9 .social-shere:hover .social-site p {
    color: #7478fa !important;
}

body.template-color-9 .social-shere:hover .icon i {
    color: #7478fa !important;
}

body.template-color-9 .testimonial-slider .carousel-indicators li.active {
    border-color: #7478fa;
}

body.template-color-9 .service-box i {
    color: #7478fa;
}

body.template-color-9 .service-box .readmore {
    color: #7478fa;
}

body.template-color-9 .service-box .readmore:before {
    background-color: #7478fa;
}

body.template-color-9 .service-box:hover {
    background: #7478fa;
}

body.template-color-9 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-9 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-9 .service-box:hover i,
body.template-color-9 .service-box:hover h4,
body.template-color-9 .service-box:hover p {
    color: #ffffff;
}

body.template-color-9 .icon-border-shadow {
    background: #7478fa !important;
}

body.template-color-9 .icon-border-shadow:before {
    background: rgba(116, 120, 250, 0.3) !important;
}

body.template-color-9 .icon-border-shadow:after {
    background: rgba(116, 120, 250, 0.5) !important;
}

body.template-color-9 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #7478fa;
}

body.template-color-9 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-9 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #7478fa !important;
}

body.template-color-9 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-9 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-9 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-9 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-9 .icon-box .inner .icon-3.style-2 {
    background: rgba(116, 120, 250, 0.1) !important;
}

body.template-color-9 .icon-box .inner .icon-3.style-3 {
    background: #7478fa;
}

body.template-color-9 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(116, 120, 250, 0.75) !important;
}

body.template-color-9 .text-color,
body.template-color-9 .hover-text-color:hover,
body.template-color-9 .snail_toolbar .inner a:hover,
body.template-color-9 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-9 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-9 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-9 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-9 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-9 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-9 .blog-tag-list a:hover,
body.template-color-9 .sl-quote::before,
body.template-color-9 .blog-post-return-button a:hover,
body.template-color-9 .portfolio-details-list .details-list span a:hover,
body.template-color-9 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-9 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-9 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-9 .product:hover .product-contain h4,
body.template-color-9 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-9 .mini-cart .shopping-cart .footer .total,
body.template-color-9 .mini-cart .shopping-cart .footer .total span,
body.template-color-9 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-9 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-9 .post.blog2 .post-body h5 a:hover,
body.template-color-9 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-9 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-9 .tab.tabs-links .nav .nav-link a.active,
body.template-color-9 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-9 .blog-post .blog-inner .blog-title a:hover,
body.template-color-9 .footer-part.footer-classic .footer-links a:hover,
body.template-color-9 .music_area .music-artist:hover .show-title,
body.template-color-9 .sl-testimonial .description:after,
body.template-color-9 .sl-testimonial .description:before,
body.template-color-9 .rating li i,
body.template-color-9 .btn .gradients-button.hover-bg-white:hover,
body.template-color-9 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-9 #common-footer .footer_menu__list li a:hover,
body.template-color-9 .icon-box.style-5:hover .gradients-button,
body.template-color-9 .icon-box.style-5.active .gradients-button {
    color: #7478fa !important;
}

body.template-color-9 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-9 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-9 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-9 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #7478fa;
}

body.template-color-9 .footer-part.footer-classic .contact-mata:hover i {
    background: #7478fa;
    color: #fff;
}

body.template-color-9 .comparision-slider .handle::after {
    color: #7478fa;
}

body.template-color-9 .comparision-slider .handle.bordered {
    background: #7478fa;
}

body.template-color-9 .comparision-slider .handle.bordered:after {
    border: 3px solid #7478fa;
}

body.template-color-9 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-9 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-9 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #7478fa !important;
    box-shadow: #7478fa 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-9 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #7478fa !important;
}

body.template-color-9 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-9 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-9 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-9 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #7478fa !important;
}

body.template-color-9 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #7478fa !important;
    box-shadow: #7478fa 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-9 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #7478fa !important;
    box-shadow: #7478fa 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-9 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #7478fa !important;
}

body.template-color-9 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-9 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-9 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #7478fa !important;
    box-shadow: #7478fa 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-9 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #7478fa !important;
}

body.template-color-9 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-9 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-9 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-9 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #7478fa !important;
}

body.template-color-9 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #7478fa !important;
    background-color: #7478fa !important;
}

body.template-color-9 .icon-box.style-4 .inner:hover .content h5 {
    color: #7478fa !important;
}

body.template-color-9 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #7478fa 0%, transparent 100%);
}

body.template-color-9 .widget-category-list ul.category-area li a:hover {
    color: #7478fa !important;
}

body.template-color-9 .widget-category-list ul.category-area li a:hover span {
    background: #7478fa !important;
}

body.template-color-9 .side-menu .bg-overlay {
    background: rgba(116, 120, 250, 0.9);
}

body.template-color-9 .hue-color,
body.template-color-9 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(238.20896deg) !important;
    filter: hue-rotate(238.20896deg) !important;
}

body.template-color-9 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-9 .hero-slider .owl-nav .owl-prev:hover span {
    background: #7478fa !important;
    border-color: #7478fa !important;
    color: #ffffff;
}

body.template-color-9 .border-color,
body.template-color-9 .hover-border-color:hover,
body.template-color-9 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-9 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-9 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-9 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-9 .radio input:checked~span,
body.template-color-9 .sl-testimonial .pic img {
    border-color: #7478fa !important;
}

body.template-color-9 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #7478fa;
}

body.template-color-9 .btn .light-color {
    border-color: #7478fa;
    background: rgba(116, 120, 250, 0.11);
}

body.template-color-9 .btn .light-color:hover {
    background: #7478fa;
    color: #ffffff;
}

body.template-color-9 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-9 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-9 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-9 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-9 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-9 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-10 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-10 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-10 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-10 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-10 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-10 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-10 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #6DD456 !important;
}

body.template-color-10 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-10 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #6DD456 !important;
}

body.template-color-10 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-10 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-10 .mini-cart .shopping-cart,
body.template-color-10 .dropdown__menu,
body.template-color-10 .mega-width-fullscreen,
body.template-color-10 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #6DD456 !important;
}

body.template-color-10 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-10 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-10 .header-full-menu .social-icons-simple li a:hover,
body.template-color-10 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-10 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #6DD456;
}

body.template-color-10 #scroll-top {
    background: #6DD456 !important;
    border: 2px solid #6DD456;
}

body.template-color-10 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-10 #scroll-top:hover {
    background: #6DD456;
}

body.template-color-10 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-10 #scroll-top.with-hover {
    border-color: #6DD456 !important;
    background: #ffffff !important;
}

body.template-color-10 #scroll-top.with-hover i {
    color: #6DD456 !important;
}

body.template-color-10 #scroll-top.with-hover:hover {
    background: #6DD456 !important;
}

body.template-color-10 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-10 .salon-prices .price-list {
    border-bottom: 2px solid #6DD456;
    background: linear-gradient(to right, rgba(109, 212, 86, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-10 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-10 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-10 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-10 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-10 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-10 .border-btn {
    color: #6DD456;
}

body.template-color-10 .btn-hover::after {
    border: 2px solid rgba(109, 212, 86, 0.7);
}

body.template-color-10 .beauty-service>[class*="col-"] .item span {
    color: #6DD456;
}

body.template-color-10 .beauty-service>[class*="col-"]:hover {
    background: rgba(109, 212, 86, 0.8);
    border-color: rgba(109, 212, 86, 0.8);
}

body.template-color-10 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-10 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-10 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-10 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-10 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #6DD456;
    width: 50%;
}

body.template-color-10 .bg-color,
body.template-color-10 .hover-bg-color:hover,
body.template-color-10 [data-color-overlay]::after,
body.template-color-10 [data-color-hover-overlay]:hover::after,
body.template-color-10 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-10 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-10 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-10 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-10 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-10 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-10 .post-nav-list .nav-item a:hover,
body.template-color-10 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-10 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-10 .animated-dot .middle-dot,
body.template-color-10 .animated-dot .signal,
body.template-color-10 .animated-dot .signal2,
body.template-color-10 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-10 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-10 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-10 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-10 .pricing-box .header .feature-mark,
body.template-color-10 .sl-testimonial .pic:after,
body.template-color-10 .sl-testimonial .pic:before,
body.template-color-10 #common-footer:before,
body.template-color-10 #common-footer .footer_item:before,
body.template-color-10 #common-footer .footer_menu:before,
body.template-color-10 #common-footer .footer_contacts__item:before,
body.template-color-10 .section-title.under-line h2::after {
    background: #6DD456 !important;
}

body.template-color-10 .creative-st-header .side-menu {
    background: #6DD456;
}

body.template-color-10 .scroll-top-arrow {
    background: #6DD456;
}

body.template-color-10 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #6DD456;
}

body.template-color-10 .footer-social li a:hover {
    background-color: #6DD456;
    color: #ffffff;
}

body.template-color-10 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #6DD456 !important;
}

body.template-color-10 .pricing-box.hoverable:hover,
body.template-color-10 .pricing-box.hoverable.active {
    background: #6DD456;
}

body.template-color-10 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-10 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #6DD456 !important;
    color: #fff;
}

body.template-color-10 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-10 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #6DD456 !important;
}

body.template-color-10 .progress-bar span.percent-label:after {
    border-color: #6DD456 transparent transparent transparent !important;
}

body.template-color-10 .icon-box.style-5 .inner .inner-icon {
    color: #6DD456;
}

body.template-color-10 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-10 .icon-box.style-5:hover .gradients-button {
    color: #6DD456;
}

body.template-color-10 .team-part .single-blog-item .social-icon a:hover {
    background-color: #6DD456;
    color: #ffffff;
    border-color: #6DD456;
}

body.template-color-10 .chackbox input:checked~span {
    background: #6DD456 !important;
    border-color: #6DD456 !important;
}

body.template-color-10 .radio span:after {
    background: #6DD456 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-10 .booking_form .img-sec {
        background: #6DD456 !important;
    }
}

body.template-color-10 .crypto-table .table {
    border: 8px solid #6DD456;
}

body.template-color-10 .agn-testimonial .carousel-control-next:hover,
body.template-color-10 .agn-testimonial .carousel-control-prev:hover,
body.template-color-10 .agn-testimonial .carousel-control-next:focus,
body.template-color-10 .agn-testimonial .carousel-control-prev:focus {
    background: #6DD456;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-10 .box-team .overlay {
    background-color: rgba(109, 212, 86, 0.75);
}

body.template-color-10 .social-shere:hover {
    border-color: #6DD456 !important;
}

body.template-color-10 .social-shere:hover .social-site p {
    color: #6DD456 !important;
}

body.template-color-10 .social-shere:hover .icon i {
    color: #6DD456 !important;
}

body.template-color-10 .testimonial-slider .carousel-indicators li.active {
    border-color: #6DD456;
}

body.template-color-10 .service-box i {
    color: #6DD456;
}

body.template-color-10 .service-box .readmore {
    color: #6DD456;
}

body.template-color-10 .service-box .readmore:before {
    background-color: #6DD456;
}

body.template-color-10 .service-box:hover {
    background: #6DD456;
}

body.template-color-10 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-10 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-10 .service-box:hover i,
body.template-color-10 .service-box:hover h4,
body.template-color-10 .service-box:hover p {
    color: #ffffff;
}

body.template-color-10 .icon-border-shadow {
    background: #6DD456 !important;
}

body.template-color-10 .icon-border-shadow:before {
    background: rgba(109, 212, 86, 0.3) !important;
}

body.template-color-10 .icon-border-shadow:after {
    background: rgba(109, 212, 86, 0.5) !important;
}

body.template-color-10 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #6DD456;
}

body.template-color-10 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-10 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #6DD456 !important;
}

body.template-color-10 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-10 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-10 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-10 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-10 .icon-box .inner .icon-3.style-2 {
    background: rgba(109, 212, 86, 0.1) !important;
}

body.template-color-10 .icon-box .inner .icon-3.style-3 {
    background: #6DD456;
}

body.template-color-10 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(109, 212, 86, 0.75) !important;
}

body.template-color-10 .text-color,
body.template-color-10 .hover-text-color:hover,
body.template-color-10 .snail_toolbar .inner a:hover,
body.template-color-10 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-10 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-10 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-10 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-10 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-10 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-10 .blog-tag-list a:hover,
body.template-color-10 .sl-quote::before,
body.template-color-10 .blog-post-return-button a:hover,
body.template-color-10 .portfolio-details-list .details-list span a:hover,
body.template-color-10 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-10 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-10 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-10 .product:hover .product-contain h4,
body.template-color-10 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-10 .mini-cart .shopping-cart .footer .total,
body.template-color-10 .mini-cart .shopping-cart .footer .total span,
body.template-color-10 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-10 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-10 .post.blog2 .post-body h5 a:hover,
body.template-color-10 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-10 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-10 .tab.tabs-links .nav .nav-link a.active,
body.template-color-10 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-10 .blog-post .blog-inner .blog-title a:hover,
body.template-color-10 .footer-part.footer-classic .footer-links a:hover,
body.template-color-10 .music_area .music-artist:hover .show-title,
body.template-color-10 .sl-testimonial .description:after,
body.template-color-10 .sl-testimonial .description:before,
body.template-color-10 .rating li i,
body.template-color-10 .btn .gradients-button.hover-bg-white:hover,
body.template-color-10 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-10 #common-footer .footer_menu__list li a:hover,
body.template-color-10 .icon-box.style-5:hover .gradients-button,
body.template-color-10 .icon-box.style-5.active .gradients-button {
    color: #6DD456 !important;
}

body.template-color-10 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-10 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-10 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-10 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #6DD456;
}

body.template-color-10 .footer-part.footer-classic .contact-mata:hover i {
    background: #6DD456;
    color: #fff;
}

body.template-color-10 .comparision-slider .handle::after {
    color: #6DD456;
}

body.template-color-10 .comparision-slider .handle.bordered {
    background: #6DD456;
}

body.template-color-10 .comparision-slider .handle.bordered:after {
    border: 3px solid #6DD456;
}

body.template-color-10 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-10 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-10 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #6DD456 !important;
    box-shadow: #6DD456 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-10 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #6DD456 !important;
}

body.template-color-10 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-10 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-10 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-10 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #6DD456 !important;
}

body.template-color-10 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #6DD456 !important;
    box-shadow: #6DD456 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-10 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #6DD456 !important;
    box-shadow: #6DD456 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-10 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #6DD456 !important;
}

body.template-color-10 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-10 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-10 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #6DD456 !important;
    box-shadow: #6DD456 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-10 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #6DD456 !important;
}

body.template-color-10 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-10 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-10 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-10 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #6DD456 !important;
}

body.template-color-10 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #6DD456 !important;
    background-color: #6DD456 !important;
}

body.template-color-10 .icon-box.style-4 .inner:hover .content h5 {
    color: #6DD456 !important;
}

body.template-color-10 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #6DD456 0%, transparent 100%);
}

body.template-color-10 .widget-category-list ul.category-area li a:hover {
    color: #6DD456 !important;
}

body.template-color-10 .widget-category-list ul.category-area li a:hover span {
    background: #6DD456 !important;
}

body.template-color-10 .side-menu .bg-overlay {
    background: rgba(109, 212, 86, 0.9);
}

body.template-color-10 .hue-color,
body.template-color-10 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(109.04762deg) !important;
    filter: hue-rotate(109.04762deg) !important;
}

body.template-color-10 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-10 .hero-slider .owl-nav .owl-prev:hover span {
    background: #6DD456 !important;
    border-color: #6DD456 !important;
    color: #ffffff;
}

body.template-color-10 .border-color,
body.template-color-10 .hover-border-color:hover,
body.template-color-10 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-10 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-10 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-10 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-10 .radio input:checked~span,
body.template-color-10 .sl-testimonial .pic img {
    border-color: #6DD456 !important;
}

body.template-color-10 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #6DD456;
}

body.template-color-10 .btn .light-color {
    border-color: #6DD456;
    background: rgba(109, 212, 86, 0.11);
}

body.template-color-10 .btn .light-color:hover {
    background: #6DD456;
    color: #ffffff;
}

body.template-color-10 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-10 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-10 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-10 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-10 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-10 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-11 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-11 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-11 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-11 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-11 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-11 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-11 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FF9456 !important;
}

body.template-color-11 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-11 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FF9456 !important;
}

body.template-color-11 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-11 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-11 .mini-cart .shopping-cart,
body.template-color-11 .dropdown__menu,
body.template-color-11 .mega-width-fullscreen,
body.template-color-11 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FF9456 !important;
}

body.template-color-11 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-11 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-11 .header-full-menu .social-icons-simple li a:hover,
body.template-color-11 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-11 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FF9456;
}

body.template-color-11 #scroll-top {
    background: #FF9456 !important;
    border: 2px solid #FF9456;
}

body.template-color-11 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-11 #scroll-top:hover {
    background: #FF9456;
}

body.template-color-11 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-11 #scroll-top.with-hover {
    border-color: #FF9456 !important;
    background: #ffffff !important;
}

body.template-color-11 #scroll-top.with-hover i {
    color: #FF9456 !important;
}

body.template-color-11 #scroll-top.with-hover:hover {
    background: #FF9456 !important;
}

body.template-color-11 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-11 .salon-prices .price-list {
    border-bottom: 2px solid #FF9456;
    background: linear-gradient(to right, rgba(255, 148, 86, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-11 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-11 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-11 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-11 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-11 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-11 .border-btn {
    color: #FF9456;
}

body.template-color-11 .btn-hover::after {
    border: 2px solid rgba(255, 148, 86, 0.7);
}

body.template-color-11 .beauty-service>[class*="col-"] .item span {
    color: #FF9456;
}

body.template-color-11 .beauty-service>[class*="col-"]:hover {
    background: rgba(255, 148, 86, 0.8);
    border-color: rgba(255, 148, 86, 0.8);
}

body.template-color-11 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-11 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-11 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-11 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-11 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FF9456;
    width: 50%;
}

body.template-color-11 .bg-color,
body.template-color-11 .hover-bg-color:hover,
body.template-color-11 [data-color-overlay]::after,
body.template-color-11 [data-color-hover-overlay]:hover::after,
body.template-color-11 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-11 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-11 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-11 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-11 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-11 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-11 .post-nav-list .nav-item a:hover,
body.template-color-11 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-11 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-11 .animated-dot .middle-dot,
body.template-color-11 .animated-dot .signal,
body.template-color-11 .animated-dot .signal2,
body.template-color-11 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-11 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-11 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-11 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-11 .pricing-box .header .feature-mark,
body.template-color-11 .sl-testimonial .pic:after,
body.template-color-11 .sl-testimonial .pic:before,
body.template-color-11 #common-footer:before,
body.template-color-11 #common-footer .footer_item:before,
body.template-color-11 #common-footer .footer_menu:before,
body.template-color-11 #common-footer .footer_contacts__item:before,
body.template-color-11 .section-title.under-line h2::after {
    background: #FF9456 !important;
}

body.template-color-11 .creative-st-header .side-menu {
    background: #FF9456;
}

body.template-color-11 .scroll-top-arrow {
    background: #FF9456;
}

body.template-color-11 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FF9456;
}

body.template-color-11 .footer-social li a:hover {
    background-color: #FF9456;
    color: #ffffff;
}

body.template-color-11 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FF9456 !important;
}

body.template-color-11 .pricing-box.hoverable:hover,
body.template-color-11 .pricing-box.hoverable.active {
    background: #FF9456;
}

body.template-color-11 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-11 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FF9456 !important;
    color: #fff;
}

body.template-color-11 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-11 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FF9456 !important;
}

body.template-color-11 .progress-bar span.percent-label:after {
    border-color: #FF9456 transparent transparent transparent !important;
}

body.template-color-11 .icon-box.style-5 .inner .inner-icon {
    color: #FF9456;
}

body.template-color-11 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-11 .icon-box.style-5:hover .gradients-button {
    color: #FF9456;
}

body.template-color-11 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FF9456;
    color: #ffffff;
    border-color: #FF9456;
}

body.template-color-11 .chackbox input:checked~span {
    background: #FF9456 !important;
    border-color: #FF9456 !important;
}

body.template-color-11 .radio span:after {
    background: #FF9456 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-11 .booking_form .img-sec {
        background: #FF9456 !important;
    }
}

body.template-color-11 .crypto-table .table {
    border: 8px solid #FF9456;
}

body.template-color-11 .agn-testimonial .carousel-control-next:hover,
body.template-color-11 .agn-testimonial .carousel-control-prev:hover,
body.template-color-11 .agn-testimonial .carousel-control-next:focus,
body.template-color-11 .agn-testimonial .carousel-control-prev:focus {
    background: #FF9456;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-11 .box-team .overlay {
    background-color: rgba(255, 148, 86, 0.75);
}

body.template-color-11 .social-shere:hover {
    border-color: #FF9456 !important;
}

body.template-color-11 .social-shere:hover .social-site p {
    color: #FF9456 !important;
}

body.template-color-11 .social-shere:hover .icon i {
    color: #FF9456 !important;
}

body.template-color-11 .testimonial-slider .carousel-indicators li.active {
    border-color: #FF9456;
}

body.template-color-11 .service-box i {
    color: #FF9456;
}

body.template-color-11 .service-box .readmore {
    color: #FF9456;
}

body.template-color-11 .service-box .readmore:before {
    background-color: #FF9456;
}

body.template-color-11 .service-box:hover {
    background: #FF9456;
}

body.template-color-11 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-11 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-11 .service-box:hover i,
body.template-color-11 .service-box:hover h4,
body.template-color-11 .service-box:hover p {
    color: #ffffff;
}

body.template-color-11 .icon-border-shadow {
    background: #FF9456 !important;
}

body.template-color-11 .icon-border-shadow:before {
    background: rgba(255, 148, 86, 0.3) !important;
}

body.template-color-11 .icon-border-shadow:after {
    background: rgba(255, 148, 86, 0.5) !important;
}

body.template-color-11 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FF9456;
}

body.template-color-11 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-11 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FF9456 !important;
}

body.template-color-11 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-11 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-11 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-11 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-11 .icon-box .inner .icon-3.style-2 {
    background: rgba(255, 148, 86, 0.1) !important;
}

body.template-color-11 .icon-box .inner .icon-3.style-3 {
    background: #FF9456;
}

body.template-color-11 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(255, 148, 86, 0.75) !important;
}

body.template-color-11 .text-color,
body.template-color-11 .hover-text-color:hover,
body.template-color-11 .snail_toolbar .inner a:hover,
body.template-color-11 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-11 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-11 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-11 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-11 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-11 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-11 .blog-tag-list a:hover,
body.template-color-11 .sl-quote::before,
body.template-color-11 .blog-post-return-button a:hover,
body.template-color-11 .portfolio-details-list .details-list span a:hover,
body.template-color-11 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-11 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-11 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-11 .product:hover .product-contain h4,
body.template-color-11 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-11 .mini-cart .shopping-cart .footer .total,
body.template-color-11 .mini-cart .shopping-cart .footer .total span,
body.template-color-11 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-11 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-11 .post.blog2 .post-body h5 a:hover,
body.template-color-11 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-11 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-11 .tab.tabs-links .nav .nav-link a.active,
body.template-color-11 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-11 .blog-post .blog-inner .blog-title a:hover,
body.template-color-11 .footer-part.footer-classic .footer-links a:hover,
body.template-color-11 .music_area .music-artist:hover .show-title,
body.template-color-11 .sl-testimonial .description:after,
body.template-color-11 .sl-testimonial .description:before,
body.template-color-11 .rating li i,
body.template-color-11 .btn .gradients-button.hover-bg-white:hover,
body.template-color-11 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-11 #common-footer .footer_menu__list li a:hover,
body.template-color-11 .icon-box.style-5:hover .gradients-button,
body.template-color-11 .icon-box.style-5.active .gradients-button {
    color: #FF9456 !important;
}

body.template-color-11 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-11 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-11 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-11 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FF9456;
}

body.template-color-11 .footer-part.footer-classic .contact-mata:hover i {
    background: #FF9456;
    color: #fff;
}

body.template-color-11 .comparision-slider .handle::after {
    color: #FF9456;
}

body.template-color-11 .comparision-slider .handle.bordered {
    background: #FF9456;
}

body.template-color-11 .comparision-slider .handle.bordered:after {
    border: 3px solid #FF9456;
}

body.template-color-11 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-11 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-11 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FF9456 !important;
    box-shadow: #FF9456 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-11 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FF9456 !important;
}

body.template-color-11 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-11 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-11 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-11 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FF9456 !important;
}

body.template-color-11 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FF9456 !important;
    box-shadow: #FF9456 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-11 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FF9456 !important;
    box-shadow: #FF9456 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-11 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FF9456 !important;
}

body.template-color-11 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-11 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-11 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FF9456 !important;
    box-shadow: #FF9456 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-11 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FF9456 !important;
}

body.template-color-11 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-11 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-11 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-11 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FF9456 !important;
}

body.template-color-11 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FF9456 !important;
    background-color: #FF9456 !important;
}

body.template-color-11 .icon-box.style-4 .inner:hover .content h5 {
    color: #FF9456 !important;
}

body.template-color-11 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FF9456 0%, transparent 100%);
}

body.template-color-11 .widget-category-list ul.category-area li a:hover {
    color: #FF9456 !important;
}

body.template-color-11 .widget-category-list ul.category-area li a:hover span {
    background: #FF9456 !important;
}

body.template-color-11 .side-menu .bg-overlay {
    background: rgba(255, 148, 86, 0.9);
}

body.template-color-11 .hue-color,
body.template-color-11 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(22.01183deg) !important;
    filter: hue-rotate(22.01183deg) !important;
}

body.template-color-11 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-11 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FF9456 !important;
    border-color: #FF9456 !important;
    color: #ffffff;
}

body.template-color-11 .border-color,
body.template-color-11 .hover-border-color:hover,
body.template-color-11 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-11 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-11 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-11 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-11 .radio input:checked~span,
body.template-color-11 .sl-testimonial .pic img {
    border-color: #FF9456 !important;
}

body.template-color-11 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FF9456;
}

body.template-color-11 .btn .light-color {
    border-color: #FF9456;
    background: rgba(255, 148, 86, 0.11);
}

body.template-color-11 .btn .light-color:hover {
    background: #FF9456;
    color: #ffffff;
}

body.template-color-11 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-11 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-11 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-11 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-11 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-11 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-12 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-12 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-12 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-12 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-12 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-12 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-12 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FE2B60 !important;
}

body.template-color-12 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-12 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE2B60 !important;
}

body.template-color-12 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-12 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-12 .mini-cart .shopping-cart,
body.template-color-12 .dropdown__menu,
body.template-color-12 .mega-width-fullscreen,
body.template-color-12 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FE2B60 !important;
}

body.template-color-12 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-12 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-12 .header-full-menu .social-icons-simple li a:hover,
body.template-color-12 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-12 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE2B60;
}

body.template-color-12 #scroll-top {
    background: #FE2B60 !important;
    border: 2px solid #FE2B60;
}

body.template-color-12 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-12 #scroll-top:hover {
    background: #FE2B60;
}

body.template-color-12 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-12 #scroll-top.with-hover {
    border-color: #FE2B60 !important;
    background: #ffffff !important;
}

body.template-color-12 #scroll-top.with-hover i {
    color: #FE2B60 !important;
}

body.template-color-12 #scroll-top.with-hover:hover {
    background: #FE2B60 !important;
}

body.template-color-12 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-12 .salon-prices .price-list {
    border-bottom: 2px solid #FE2B60;
    background: linear-gradient(to right, rgba(254, 43, 96, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-12 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-12 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-12 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-12 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-12 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-12 .border-btn {
    color: #FE2B60;
}

body.template-color-12 .btn-hover::after {
    border: 2px solid rgba(254, 43, 96, 0.7);
}

body.template-color-12 .beauty-service>[class*="col-"] .item span {
    color: #FE2B60;
}

body.template-color-12 .beauty-service>[class*="col-"]:hover {
    background: rgba(254, 43, 96, 0.8);
    border-color: rgba(254, 43, 96, 0.8);
}

body.template-color-12 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-12 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-12 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-12 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-12 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FE2B60;
    width: 50%;
}

body.template-color-12 .bg-color,
body.template-color-12 .hover-bg-color:hover,
body.template-color-12 [data-color-overlay]::after,
body.template-color-12 [data-color-hover-overlay]:hover::after,
body.template-color-12 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-12 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-12 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-12 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-12 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-12 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-12 .post-nav-list .nav-item a:hover,
body.template-color-12 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-12 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-12 .animated-dot .middle-dot,
body.template-color-12 .animated-dot .signal,
body.template-color-12 .animated-dot .signal2,
body.template-color-12 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-12 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-12 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-12 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-12 .pricing-box .header .feature-mark,
body.template-color-12 .sl-testimonial .pic:after,
body.template-color-12 .sl-testimonial .pic:before,
body.template-color-12 #common-footer:before,
body.template-color-12 #common-footer .footer_item:before,
body.template-color-12 #common-footer .footer_menu:before,
body.template-color-12 #common-footer .footer_contacts__item:before,
body.template-color-12 .section-title.under-line h2::after {
    background: #FE2B60 !important;
}

body.template-color-12 .creative-st-header .side-menu {
    background: #FE2B60;
}

body.template-color-12 .scroll-top-arrow {
    background: #FE2B60;
}

body.template-color-12 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FE2B60;
}

body.template-color-12 .footer-social li a:hover {
    background-color: #FE2B60;
    color: #ffffff;
}

body.template-color-12 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FE2B60 !important;
}

body.template-color-12 .pricing-box.hoverable:hover,
body.template-color-12 .pricing-box.hoverable.active {
    background: #FE2B60;
}

body.template-color-12 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-12 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FE2B60 !important;
    color: #fff;
}

body.template-color-12 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-12 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FE2B60 !important;
}

body.template-color-12 .progress-bar span.percent-label:after {
    border-color: #FE2B60 transparent transparent transparent !important;
}

body.template-color-12 .icon-box.style-5 .inner .inner-icon {
    color: #FE2B60;
}

body.template-color-12 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-12 .icon-box.style-5:hover .gradients-button {
    color: #FE2B60;
}

body.template-color-12 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FE2B60;
    color: #ffffff;
    border-color: #FE2B60;
}

body.template-color-12 .chackbox input:checked~span {
    background: #FE2B60 !important;
    border-color: #FE2B60 !important;
}

body.template-color-12 .radio span:after {
    background: #FE2B60 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-12 .booking_form .img-sec {
        background: #FE2B60 !important;
    }
}

body.template-color-12 .crypto-table .table {
    border: 8px solid #FE2B60;
}

body.template-color-12 .agn-testimonial .carousel-control-next:hover,
body.template-color-12 .agn-testimonial .carousel-control-prev:hover,
body.template-color-12 .agn-testimonial .carousel-control-next:focus,
body.template-color-12 .agn-testimonial .carousel-control-prev:focus {
    background: #FE2B60;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-12 .box-team .overlay {
    background-color: rgba(254, 43, 96, 0.75);
}

body.template-color-12 .social-shere:hover {
    border-color: #FE2B60 !important;
}

body.template-color-12 .social-shere:hover .social-site p {
    color: #FE2B60 !important;
}

body.template-color-12 .social-shere:hover .icon i {
    color: #FE2B60 !important;
}

body.template-color-12 .testimonial-slider .carousel-indicators li.active {
    border-color: #FE2B60;
}

body.template-color-12 .service-box i {
    color: #FE2B60;
}

body.template-color-12 .service-box .readmore {
    color: #FE2B60;
}

body.template-color-12 .service-box .readmore:before {
    background-color: #FE2B60;
}

body.template-color-12 .service-box:hover {
    background: #FE2B60;
}

body.template-color-12 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-12 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-12 .service-box:hover i,
body.template-color-12 .service-box:hover h4,
body.template-color-12 .service-box:hover p {
    color: #ffffff;
}

body.template-color-12 .icon-border-shadow {
    background: #FE2B60 !important;
}

body.template-color-12 .icon-border-shadow:before {
    background: rgba(254, 43, 96, 0.3) !important;
}

body.template-color-12 .icon-border-shadow:after {
    background: rgba(254, 43, 96, 0.5) !important;
}

body.template-color-12 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FE2B60;
}

body.template-color-12 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-12 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FE2B60 !important;
}

body.template-color-12 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-12 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-12 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-12 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-12 .icon-box .inner .icon-3.style-2 {
    background: rgba(254, 43, 96, 0.1) !important;
}

body.template-color-12 .icon-box .inner .icon-3.style-3 {
    background: #FE2B60;
}

body.template-color-12 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(254, 43, 96, 0.75) !important;
}

body.template-color-12 .text-color,
body.template-color-12 .hover-text-color:hover,
body.template-color-12 .snail_toolbar .inner a:hover,
body.template-color-12 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-12 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-12 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-12 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-12 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-12 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-12 .blog-tag-list a:hover,
body.template-color-12 .sl-quote::before,
body.template-color-12 .blog-post-return-button a:hover,
body.template-color-12 .portfolio-details-list .details-list span a:hover,
body.template-color-12 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-12 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-12 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-12 .product:hover .product-contain h4,
body.template-color-12 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-12 .mini-cart .shopping-cart .footer .total,
body.template-color-12 .mini-cart .shopping-cart .footer .total span,
body.template-color-12 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-12 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-12 .post.blog2 .post-body h5 a:hover,
body.template-color-12 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-12 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-12 .tab.tabs-links .nav .nav-link a.active,
body.template-color-12 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-12 .blog-post .blog-inner .blog-title a:hover,
body.template-color-12 .footer-part.footer-classic .footer-links a:hover,
body.template-color-12 .music_area .music-artist:hover .show-title,
body.template-color-12 .sl-testimonial .description:after,
body.template-color-12 .sl-testimonial .description:before,
body.template-color-12 .rating li i,
body.template-color-12 .btn .gradients-button.hover-bg-white:hover,
body.template-color-12 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-12 #common-footer .footer_menu__list li a:hover,
body.template-color-12 .icon-box.style-5:hover .gradients-button,
body.template-color-12 .icon-box.style-5.active .gradients-button {
    color: #FE2B60 !important;
}

body.template-color-12 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-12 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-12 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-12 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FE2B60;
}

body.template-color-12 .footer-part.footer-classic .contact-mata:hover i {
    background: #FE2B60;
    color: #fff;
}

body.template-color-12 .comparision-slider .handle::after {
    color: #FE2B60;
}

body.template-color-12 .comparision-slider .handle.bordered {
    background: #FE2B60;
}

body.template-color-12 .comparision-slider .handle.bordered:after {
    border: 3px solid #FE2B60;
}

body.template-color-12 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-12 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-12 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE2B60 !important;
    box-shadow: #FE2B60 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-12 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FE2B60 !important;
}

body.template-color-12 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-12 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-12 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-12 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE2B60 !important;
}

body.template-color-12 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE2B60 !important;
    box-shadow: #FE2B60 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-12 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE2B60 !important;
    box-shadow: #FE2B60 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-12 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FE2B60 !important;
}

body.template-color-12 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-12 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-12 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE2B60 !important;
    box-shadow: #FE2B60 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-12 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FE2B60 !important;
}

body.template-color-12 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-12 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-12 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-12 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE2B60 !important;
}

body.template-color-12 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FE2B60 !important;
    background-color: #FE2B60 !important;
}

body.template-color-12 .icon-box.style-4 .inner:hover .content h5 {
    color: #FE2B60 !important;
}

body.template-color-12 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FE2B60 0%, transparent 100%);
}

body.template-color-12 .widget-category-list ul.category-area li a:hover {
    color: #FE2B60 !important;
}

body.template-color-12 .widget-category-list ul.category-area li a:hover span {
    background: #FE2B60 !important;
}

body.template-color-12 .side-menu .bg-overlay {
    background: rgba(254, 43, 96, 0.9);
}

body.template-color-12 .hue-color,
body.template-color-12 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(344.92891deg) !important;
    filter: hue-rotate(344.92891deg) !important;
}

body.template-color-12 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-12 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FE2B60 !important;
    border-color: #FE2B60 !important;
    color: #ffffff;
}

body.template-color-12 .border-color,
body.template-color-12 .hover-border-color:hover,
body.template-color-12 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-12 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-12 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-12 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-12 .radio input:checked~span,
body.template-color-12 .sl-testimonial .pic img {
    border-color: #FE2B60 !important;
}

body.template-color-12 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FE2B60;
}

body.template-color-12 .btn .light-color {
    border-color: #FE2B60;
    background: rgba(254, 43, 96, 0.11);
}

body.template-color-12 .btn .light-color:hover {
    background: #FE2B60;
    color: #ffffff;
}

body.template-color-12 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-12 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-12 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-12 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-12 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-12 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-13 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-13 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-13 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-13 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-13 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-13 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-13 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #4776E6 !important;
}

body.template-color-13 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-13 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #4776E6 !important;
}

body.template-color-13 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-13 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-13 .mini-cart .shopping-cart,
body.template-color-13 .dropdown__menu,
body.template-color-13 .mega-width-fullscreen,
body.template-color-13 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #4776E6 !important;
}

body.template-color-13 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-13 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-13 .header-full-menu .social-icons-simple li a:hover,
body.template-color-13 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-13 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #4776E6;
}

body.template-color-13 #scroll-top {
    background: #4776E6 !important;
    border: 2px solid #4776E6;
}

body.template-color-13 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-13 #scroll-top:hover {
    background: #4776E6;
}

body.template-color-13 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-13 #scroll-top.with-hover {
    border-color: #4776E6 !important;
    background: #ffffff !important;
}

body.template-color-13 #scroll-top.with-hover i {
    color: #4776E6 !important;
}

body.template-color-13 #scroll-top.with-hover:hover {
    background: #4776E6 !important;
}

body.template-color-13 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-13 .salon-prices .price-list {
    border-bottom: 2px solid #4776E6;
    background: linear-gradient(to right, rgba(71, 118, 230, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-13 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-13 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-13 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-13 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-13 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-13 .border-btn {
    color: #4776E6;
}

body.template-color-13 .btn-hover::after {
    border: 2px solid rgba(71, 118, 230, 0.7);
}

body.template-color-13 .beauty-service>[class*="col-"] .item span {
    color: #4776E6;
}

body.template-color-13 .beauty-service>[class*="col-"]:hover {
    background: rgba(71, 118, 230, 0.8);
    border-color: rgba(71, 118, 230, 0.8);
}

body.template-color-13 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-13 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-13 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-13 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-13 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #4776E6;
    width: 50%;
}

body.template-color-13 .bg-color,
body.template-color-13 .hover-bg-color:hover,
body.template-color-13 [data-color-overlay]::after,
body.template-color-13 [data-color-hover-overlay]:hover::after,
body.template-color-13 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-13 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-13 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-13 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-13 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-13 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-13 .post-nav-list .nav-item a:hover,
body.template-color-13 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-13 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-13 .animated-dot .middle-dot,
body.template-color-13 .animated-dot .signal,
body.template-color-13 .animated-dot .signal2,
body.template-color-13 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-13 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-13 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-13 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-13 .pricing-box .header .feature-mark,
body.template-color-13 .sl-testimonial .pic:after,
body.template-color-13 .sl-testimonial .pic:before,
body.template-color-13 #common-footer:before,
body.template-color-13 #common-footer .footer_item:before,
body.template-color-13 #common-footer .footer_menu:before,
body.template-color-13 #common-footer .footer_contacts__item:before,
body.template-color-13 .section-title.under-line h2::after {
    background: #4776E6 !important;
}

body.template-color-13 .creative-st-header .side-menu {
    background: #4776E6;
}

body.template-color-13 .scroll-top-arrow {
    background: #4776E6;
}

body.template-color-13 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #4776E6;
}

body.template-color-13 .footer-social li a:hover {
    background-color: #4776E6;
    color: #ffffff;
}

body.template-color-13 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #4776E6 !important;
}

body.template-color-13 .pricing-box.hoverable:hover,
body.template-color-13 .pricing-box.hoverable.active {
    background: #4776E6;
}

body.template-color-13 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-13 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #4776E6 !important;
    color: #fff;
}

body.template-color-13 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-13 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #4776E6 !important;
}

body.template-color-13 .progress-bar span.percent-label:after {
    border-color: #4776E6 transparent transparent transparent !important;
}

body.template-color-13 .icon-box.style-5 .inner .inner-icon {
    color: #4776E6;
}

body.template-color-13 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-13 .icon-box.style-5:hover .gradients-button {
    color: #4776E6;
}

body.template-color-13 .team-part .single-blog-item .social-icon a:hover {
    background-color: #4776E6;
    color: #ffffff;
    border-color: #4776E6;
}

body.template-color-13 .chackbox input:checked~span {
    background: #4776E6 !important;
    border-color: #4776E6 !important;
}

body.template-color-13 .radio span:after {
    background: #4776E6 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-13 .booking_form .img-sec {
        background: #4776E6 !important;
    }
}

body.template-color-13 .crypto-table .table {
    border: 8px solid #4776E6;
}

body.template-color-13 .agn-testimonial .carousel-control-next:hover,
body.template-color-13 .agn-testimonial .carousel-control-prev:hover,
body.template-color-13 .agn-testimonial .carousel-control-next:focus,
body.template-color-13 .agn-testimonial .carousel-control-prev:focus {
    background: #4776E6;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-13 .box-team .overlay {
    background-color: rgba(71, 118, 230, 0.75);
}

body.template-color-13 .social-shere:hover {
    border-color: #4776E6 !important;
}

body.template-color-13 .social-shere:hover .social-site p {
    color: #4776E6 !important;
}

body.template-color-13 .social-shere:hover .icon i {
    color: #4776E6 !important;
}

body.template-color-13 .testimonial-slider .carousel-indicators li.active {
    border-color: #4776E6;
}

body.template-color-13 .service-box i {
    color: #4776E6;
}

body.template-color-13 .service-box .readmore {
    color: #4776E6;
}

body.template-color-13 .service-box .readmore:before {
    background-color: #4776E6;
}

body.template-color-13 .service-box:hover {
    background: #4776E6;
}

body.template-color-13 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-13 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-13 .service-box:hover i,
body.template-color-13 .service-box:hover h4,
body.template-color-13 .service-box:hover p {
    color: #ffffff;
}

body.template-color-13 .icon-border-shadow {
    background: #4776E6 !important;
}

body.template-color-13 .icon-border-shadow:before {
    background: rgba(71, 118, 230, 0.3) !important;
}

body.template-color-13 .icon-border-shadow:after {
    background: rgba(71, 118, 230, 0.5) !important;
}

body.template-color-13 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #4776E6;
}

body.template-color-13 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-13 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #4776E6 !important;
}

body.template-color-13 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-13 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-13 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-13 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-13 .icon-box .inner .icon-3.style-2 {
    background: rgba(71, 118, 230, 0.1) !important;
}

body.template-color-13 .icon-box .inner .icon-3.style-3 {
    background: #4776E6;
}

body.template-color-13 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(71, 118, 230, 0.75) !important;
}

body.template-color-13 .text-color,
body.template-color-13 .hover-text-color:hover,
body.template-color-13 .snail_toolbar .inner a:hover,
body.template-color-13 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-13 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-13 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-13 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-13 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-13 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-13 .blog-tag-list a:hover,
body.template-color-13 .sl-quote::before,
body.template-color-13 .blog-post-return-button a:hover,
body.template-color-13 .portfolio-details-list .details-list span a:hover,
body.template-color-13 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-13 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-13 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-13 .product:hover .product-contain h4,
body.template-color-13 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-13 .mini-cart .shopping-cart .footer .total,
body.template-color-13 .mini-cart .shopping-cart .footer .total span,
body.template-color-13 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-13 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-13 .post.blog2 .post-body h5 a:hover,
body.template-color-13 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-13 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-13 .tab.tabs-links .nav .nav-link a.active,
body.template-color-13 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-13 .blog-post .blog-inner .blog-title a:hover,
body.template-color-13 .footer-part.footer-classic .footer-links a:hover,
body.template-color-13 .music_area .music-artist:hover .show-title,
body.template-color-13 .sl-testimonial .description:after,
body.template-color-13 .sl-testimonial .description:before,
body.template-color-13 .rating li i,
body.template-color-13 .btn .gradients-button.hover-bg-white:hover,
body.template-color-13 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-13 #common-footer .footer_menu__list li a:hover,
body.template-color-13 .icon-box.style-5:hover .gradients-button,
body.template-color-13 .icon-box.style-5.active .gradients-button {
    color: #4776E6 !important;
}

body.template-color-13 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-13 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-13 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-13 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #4776E6;
}

body.template-color-13 .footer-part.footer-classic .contact-mata:hover i {
    background: #4776E6;
    color: #fff;
}

body.template-color-13 .comparision-slider .handle::after {
    color: #4776E6;
}

body.template-color-13 .comparision-slider .handle.bordered {
    background: #4776E6;
}

body.template-color-13 .comparision-slider .handle.bordered:after {
    border: 3px solid #4776E6;
}

body.template-color-13 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-13 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-13 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #4776E6 !important;
    box-shadow: #4776E6 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-13 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #4776E6 !important;
}

body.template-color-13 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-13 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-13 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-13 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #4776E6 !important;
}

body.template-color-13 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #4776E6 !important;
    box-shadow: #4776E6 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-13 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #4776E6 !important;
    box-shadow: #4776E6 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-13 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #4776E6 !important;
}

body.template-color-13 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-13 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-13 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #4776E6 !important;
    box-shadow: #4776E6 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-13 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #4776E6 !important;
}

body.template-color-13 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-13 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-13 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-13 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #4776E6 !important;
}

body.template-color-13 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #4776E6 !important;
    background-color: #4776E6 !important;
}

body.template-color-13 .icon-box.style-4 .inner:hover .content h5 {
    color: #4776E6 !important;
}

body.template-color-13 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #4776E6 0%, transparent 100%);
}

body.template-color-13 .widget-category-list ul.category-area li a:hover {
    color: #4776E6 !important;
}

body.template-color-13 .widget-category-list ul.category-area li a:hover span {
    background: #4776E6 !important;
}

body.template-color-13 .side-menu .bg-overlay {
    background: rgba(71, 118, 230, 0.9);
}

body.template-color-13 .hue-color,
body.template-color-13 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(222.26415deg) !important;
    filter: hue-rotate(222.26415deg) !important;
}

body.template-color-13 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-13 .hero-slider .owl-nav .owl-prev:hover span {
    background: #4776E6 !important;
    border-color: #4776E6 !important;
    color: #ffffff;
}

body.template-color-13 .border-color,
body.template-color-13 .hover-border-color:hover,
body.template-color-13 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-13 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-13 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-13 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-13 .radio input:checked~span,
body.template-color-13 .sl-testimonial .pic img {
    border-color: #4776E6 !important;
}

body.template-color-13 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #4776E6;
}

body.template-color-13 .btn .light-color {
    border-color: #4776E6;
    background: rgba(71, 118, 230, 0.11);
}

body.template-color-13 .btn .light-color:hover {
    background: #4776E6;
    color: #ffffff;
}

body.template-color-13 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-13 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-13 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-13 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-13 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-13 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-14 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-14 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-14 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-14 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-14 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-14 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-14 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #8E54E9 !important;
}

body.template-color-14 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-14 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #8E54E9 !important;
}

body.template-color-14 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-14 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-14 .mini-cart .shopping-cart,
body.template-color-14 .dropdown__menu,
body.template-color-14 .mega-width-fullscreen,
body.template-color-14 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #8E54E9 !important;
}

body.template-color-14 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-14 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-14 .header-full-menu .social-icons-simple li a:hover,
body.template-color-14 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-14 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #8E54E9;
}

body.template-color-14 #scroll-top {
    background: #8E54E9 !important;
    border: 2px solid #8E54E9;
}

body.template-color-14 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-14 #scroll-top:hover {
    background: #8E54E9;
}

body.template-color-14 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-14 #scroll-top.with-hover {
    border-color: #8E54E9 !important;
    background: #ffffff !important;
}

body.template-color-14 #scroll-top.with-hover i {
    color: #8E54E9 !important;
}

body.template-color-14 #scroll-top.with-hover:hover {
    background: #8E54E9 !important;
}

body.template-color-14 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-14 .salon-prices .price-list {
    border-bottom: 2px solid #8E54E9;
    background: linear-gradient(to right, rgba(142, 84, 233, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-14 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-14 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-14 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-14 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-14 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-14 .border-btn {
    color: #8E54E9;
}

body.template-color-14 .btn-hover::after {
    border: 2px solid rgba(142, 84, 233, 0.7);
}

body.template-color-14 .beauty-service>[class*="col-"] .item span {
    color: #8E54E9;
}

body.template-color-14 .beauty-service>[class*="col-"]:hover {
    background: rgba(142, 84, 233, 0.8);
    border-color: rgba(142, 84, 233, 0.8);
}

body.template-color-14 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-14 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-14 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-14 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-14 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #8E54E9;
    width: 50%;
}

body.template-color-14 .bg-color,
body.template-color-14 .hover-bg-color:hover,
body.template-color-14 [data-color-overlay]::after,
body.template-color-14 [data-color-hover-overlay]:hover::after,
body.template-color-14 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-14 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-14 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-14 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-14 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-14 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-14 .post-nav-list .nav-item a:hover,
body.template-color-14 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-14 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-14 .animated-dot .middle-dot,
body.template-color-14 .animated-dot .signal,
body.template-color-14 .animated-dot .signal2,
body.template-color-14 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-14 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-14 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-14 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-14 .pricing-box .header .feature-mark,
body.template-color-14 .sl-testimonial .pic:after,
body.template-color-14 .sl-testimonial .pic:before,
body.template-color-14 #common-footer:before,
body.template-color-14 #common-footer .footer_item:before,
body.template-color-14 #common-footer .footer_menu:before,
body.template-color-14 #common-footer .footer_contacts__item:before,
body.template-color-14 .section-title.under-line h2::after {
    background: #8E54E9 !important;
}

body.template-color-14 .creative-st-header .side-menu {
    background: #8E54E9;
}

body.template-color-14 .scroll-top-arrow {
    background: #8E54E9;
}

body.template-color-14 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #8E54E9;
}

body.template-color-14 .footer-social li a:hover {
    background-color: #8E54E9;
    color: #ffffff;
}

body.template-color-14 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #8E54E9 !important;
}

body.template-color-14 .pricing-box.hoverable:hover,
body.template-color-14 .pricing-box.hoverable.active {
    background: #8E54E9;
}

body.template-color-14 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-14 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #8E54E9 !important;
    color: #fff;
}

body.template-color-14 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-14 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #8E54E9 !important;
}

body.template-color-14 .progress-bar span.percent-label:after {
    border-color: #8E54E9 transparent transparent transparent !important;
}

body.template-color-14 .icon-box.style-5 .inner .inner-icon {
    color: #8E54E9;
}

body.template-color-14 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-14 .icon-box.style-5:hover .gradients-button {
    color: #8E54E9;
}

body.template-color-14 .team-part .single-blog-item .social-icon a:hover {
    background-color: #8E54E9;
    color: #ffffff;
    border-color: #8E54E9;
}

body.template-color-14 .chackbox input:checked~span {
    background: #8E54E9 !important;
    border-color: #8E54E9 !important;
}

body.template-color-14 .radio span:after {
    background: #8E54E9 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-14 .booking_form .img-sec {
        background: #8E54E9 !important;
    }
}

body.template-color-14 .crypto-table .table {
    border: 8px solid #8E54E9;
}

body.template-color-14 .agn-testimonial .carousel-control-next:hover,
body.template-color-14 .agn-testimonial .carousel-control-prev:hover,
body.template-color-14 .agn-testimonial .carousel-control-next:focus,
body.template-color-14 .agn-testimonial .carousel-control-prev:focus {
    background: #8E54E9;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-14 .box-team .overlay {
    background-color: rgba(142, 84, 233, 0.75);
}

body.template-color-14 .social-shere:hover {
    border-color: #8E54E9 !important;
}

body.template-color-14 .social-shere:hover .social-site p {
    color: #8E54E9 !important;
}

body.template-color-14 .social-shere:hover .icon i {
    color: #8E54E9 !important;
}

body.template-color-14 .testimonial-slider .carousel-indicators li.active {
    border-color: #8E54E9;
}

body.template-color-14 .service-box i {
    color: #8E54E9;
}

body.template-color-14 .service-box .readmore {
    color: #8E54E9;
}

body.template-color-14 .service-box .readmore:before {
    background-color: #8E54E9;
}

body.template-color-14 .service-box:hover {
    background: #8E54E9;
}

body.template-color-14 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-14 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-14 .service-box:hover i,
body.template-color-14 .service-box:hover h4,
body.template-color-14 .service-box:hover p {
    color: #ffffff;
}

body.template-color-14 .icon-border-shadow {
    background: #8E54E9 !important;
}

body.template-color-14 .icon-border-shadow:before {
    background: rgba(142, 84, 233, 0.3) !important;
}

body.template-color-14 .icon-border-shadow:after {
    background: rgba(142, 84, 233, 0.5) !important;
}

body.template-color-14 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #8E54E9;
}

body.template-color-14 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-14 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #8E54E9 !important;
}

body.template-color-14 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-14 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-14 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-14 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-14 .icon-box .inner .icon-3.style-2 {
    background: rgba(142, 84, 233, 0.1) !important;
}

body.template-color-14 .icon-box .inner .icon-3.style-3 {
    background: #8E54E9;
}

body.template-color-14 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(142, 84, 233, 0.75) !important;
}

body.template-color-14 .text-color,
body.template-color-14 .hover-text-color:hover,
body.template-color-14 .snail_toolbar .inner a:hover,
body.template-color-14 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-14 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-14 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-14 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-14 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-14 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-14 .blog-tag-list a:hover,
body.template-color-14 .sl-quote::before,
body.template-color-14 .blog-post-return-button a:hover,
body.template-color-14 .portfolio-details-list .details-list span a:hover,
body.template-color-14 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-14 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-14 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-14 .product:hover .product-contain h4,
body.template-color-14 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-14 .mini-cart .shopping-cart .footer .total,
body.template-color-14 .mini-cart .shopping-cart .footer .total span,
body.template-color-14 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-14 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-14 .post.blog2 .post-body h5 a:hover,
body.template-color-14 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-14 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-14 .tab.tabs-links .nav .nav-link a.active,
body.template-color-14 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-14 .blog-post .blog-inner .blog-title a:hover,
body.template-color-14 .footer-part.footer-classic .footer-links a:hover,
body.template-color-14 .music_area .music-artist:hover .show-title,
body.template-color-14 .sl-testimonial .description:after,
body.template-color-14 .sl-testimonial .description:before,
body.template-color-14 .rating li i,
body.template-color-14 .btn .gradients-button.hover-bg-white:hover,
body.template-color-14 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-14 #common-footer .footer_menu__list li a:hover,
body.template-color-14 .icon-box.style-5:hover .gradients-button,
body.template-color-14 .icon-box.style-5.active .gradients-button {
    color: #8E54E9 !important;
}

body.template-color-14 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-14 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-14 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-14 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #8E54E9;
}

body.template-color-14 .footer-part.footer-classic .contact-mata:hover i {
    background: #8E54E9;
    color: #fff;
}

body.template-color-14 .comparision-slider .handle::after {
    color: #8E54E9;
}

body.template-color-14 .comparision-slider .handle.bordered {
    background: #8E54E9;
}

body.template-color-14 .comparision-slider .handle.bordered:after {
    border: 3px solid #8E54E9;
}

body.template-color-14 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-14 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-14 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #8E54E9 !important;
    box-shadow: #8E54E9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-14 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #8E54E9 !important;
}

body.template-color-14 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-14 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-14 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-14 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #8E54E9 !important;
}

body.template-color-14 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #8E54E9 !important;
    box-shadow: #8E54E9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-14 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #8E54E9 !important;
    box-shadow: #8E54E9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-14 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #8E54E9 !important;
}

body.template-color-14 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-14 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-14 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #8E54E9 !important;
    box-shadow: #8E54E9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-14 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #8E54E9 !important;
}

body.template-color-14 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-14 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-14 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-14 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #8E54E9 !important;
}

body.template-color-14 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #8E54E9 !important;
    background-color: #8E54E9 !important;
}

body.template-color-14 .icon-box.style-4 .inner:hover .content h5 {
    color: #8E54E9 !important;
}

body.template-color-14 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #8E54E9 0%, transparent 100%);
}

body.template-color-14 .widget-category-list ul.category-area li a:hover {
    color: #8E54E9 !important;
}

body.template-color-14 .widget-category-list ul.category-area li a:hover span {
    background: #8E54E9 !important;
}

body.template-color-14 .side-menu .bg-overlay {
    background: rgba(142, 84, 233, 0.9);
}

body.template-color-14 .hue-color,
body.template-color-14 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(263.3557deg) !important;
    filter: hue-rotate(263.3557deg) !important;
}

body.template-color-14 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-14 .hero-slider .owl-nav .owl-prev:hover span {
    background: #8E54E9 !important;
    border-color: #8E54E9 !important;
    color: #ffffff;
}

body.template-color-14 .border-color,
body.template-color-14 .hover-border-color:hover,
body.template-color-14 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-14 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-14 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-14 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-14 .radio input:checked~span,
body.template-color-14 .sl-testimonial .pic img {
    border-color: #8E54E9 !important;
}

body.template-color-14 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #8E54E9;
}

body.template-color-14 .btn .light-color {
    border-color: #8E54E9;
    background: rgba(142, 84, 233, 0.11);
}

body.template-color-14 .btn .light-color:hover {
    background: #8E54E9;
    color: #ffffff;
}

body.template-color-14 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-14 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-14 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-14 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-14 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-14 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-15 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-15 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-15 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-15 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-15 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-15 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-15 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #C4956B !important;
}

body.template-color-15 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-15 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #C4956B !important;
}

body.template-color-15 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-15 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-15 .mini-cart .shopping-cart,
body.template-color-15 .dropdown__menu,
body.template-color-15 .mega-width-fullscreen,
body.template-color-15 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #C4956B !important;
}

body.template-color-15 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-15 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-15 .header-full-menu .social-icons-simple li a:hover,
body.template-color-15 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-15 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #C4956B;
}

body.template-color-15 #scroll-top {
    background: #C4956B !important;
    border: 2px solid #C4956B;
}

body.template-color-15 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-15 #scroll-top:hover {
    background: #C4956B;
}

body.template-color-15 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-15 #scroll-top.with-hover {
    border-color: #C4956B !important;
    background: #ffffff !important;
}

body.template-color-15 #scroll-top.with-hover i {
    color: #C4956B !important;
}

body.template-color-15 #scroll-top.with-hover:hover {
    background: #C4956B !important;
}

body.template-color-15 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-15 .salon-prices .price-list {
    border-bottom: 2px solid #C4956B;
    background: linear-gradient(to right, rgba(196, 149, 107, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-15 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-15 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-15 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-15 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-15 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-15 .border-btn {
    color: #C4956B;
}

body.template-color-15 .btn-hover::after {
    border: 2px solid rgba(196, 149, 107, 0.7);
}

body.template-color-15 .beauty-service>[class*="col-"] .item span {
    color: #C4956B;
}

body.template-color-15 .beauty-service>[class*="col-"]:hover {
    background: rgba(196, 149, 107, 0.8);
    border-color: rgba(196, 149, 107, 0.8);
}

body.template-color-15 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-15 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-15 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-15 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-15 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #C4956B;
    width: 50%;
}

body.template-color-15 .bg-color,
body.template-color-15 .hover-bg-color:hover,
body.template-color-15 [data-color-overlay]::after,
body.template-color-15 [data-color-hover-overlay]:hover::after,
body.template-color-15 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-15 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-15 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-15 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-15 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-15 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-15 .post-nav-list .nav-item a:hover,
body.template-color-15 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-15 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-15 .animated-dot .middle-dot,
body.template-color-15 .animated-dot .signal,
body.template-color-15 .animated-dot .signal2,
body.template-color-15 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-15 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-15 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-15 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-15 .pricing-box .header .feature-mark,
body.template-color-15 .sl-testimonial .pic:after,
body.template-color-15 .sl-testimonial .pic:before,
body.template-color-15 #common-footer:before,
body.template-color-15 #common-footer .footer_item:before,
body.template-color-15 #common-footer .footer_menu:before,
body.template-color-15 #common-footer .footer_contacts__item:before,
body.template-color-15 .section-title.under-line h2::after {
    background: #C4956B !important;
}

body.template-color-15 .creative-st-header .side-menu {
    background: #C4956B;
}

body.template-color-15 .scroll-top-arrow {
    background: #C4956B;
}

body.template-color-15 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #C4956B;
}

body.template-color-15 .footer-social li a:hover {
    background-color: #C4956B;
    color: #ffffff;
}

body.template-color-15 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #C4956B !important;
}

body.template-color-15 .pricing-box.hoverable:hover,
body.template-color-15 .pricing-box.hoverable.active {
    background: #C4956B;
}

body.template-color-15 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-15 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #C4956B !important;
    color: #fff;
}

body.template-color-15 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-15 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #C4956B !important;
}

body.template-color-15 .progress-bar span.percent-label:after {
    border-color: #C4956B transparent transparent transparent !important;
}

body.template-color-15 .icon-box.style-5 .inner .inner-icon {
    color: #C4956B;
}

body.template-color-15 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-15 .icon-box.style-5:hover .gradients-button {
    color: #C4956B;
}

body.template-color-15 .team-part .single-blog-item .social-icon a:hover {
    background-color: #C4956B;
    color: #ffffff;
    border-color: #C4956B;
}

body.template-color-15 .chackbox input:checked~span {
    background: #C4956B !important;
    border-color: #C4956B !important;
}

body.template-color-15 .radio span:after {
    background: #C4956B !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-15 .booking_form .img-sec {
        background: #C4956B !important;
    }
}

body.template-color-15 .crypto-table .table {
    border: 8px solid #C4956B;
}

body.template-color-15 .agn-testimonial .carousel-control-next:hover,
body.template-color-15 .agn-testimonial .carousel-control-prev:hover,
body.template-color-15 .agn-testimonial .carousel-control-next:focus,
body.template-color-15 .agn-testimonial .carousel-control-prev:focus {
    background: #C4956B;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-15 .box-team .overlay {
    background-color: rgba(196, 149, 107, 0.75);
}

body.template-color-15 .social-shere:hover {
    border-color: #C4956B !important;
}

body.template-color-15 .social-shere:hover .social-site p {
    color: #C4956B !important;
}

body.template-color-15 .social-shere:hover .icon i {
    color: #C4956B !important;
}

body.template-color-15 .testimonial-slider .carousel-indicators li.active {
    border-color: #C4956B;
}

body.template-color-15 .service-box i {
    color: #C4956B;
}

body.template-color-15 .service-box .readmore {
    color: #C4956B;
}

body.template-color-15 .service-box .readmore:before {
    background-color: #C4956B;
}

body.template-color-15 .service-box:hover {
    background: #C4956B;
}

body.template-color-15 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-15 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-15 .service-box:hover i,
body.template-color-15 .service-box:hover h4,
body.template-color-15 .service-box:hover p {
    color: #ffffff;
}

body.template-color-15 .icon-border-shadow {
    background: #C4956B !important;
}

body.template-color-15 .icon-border-shadow:before {
    background: rgba(196, 149, 107, 0.3) !important;
}

body.template-color-15 .icon-border-shadow:after {
    background: rgba(196, 149, 107, 0.5) !important;
}

body.template-color-15 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #C4956B;
}

body.template-color-15 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-15 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #C4956B !important;
}

body.template-color-15 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-15 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-15 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-15 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-15 .icon-box .inner .icon-3.style-2 {
    background: rgba(196, 149, 107, 0.1) !important;
}

body.template-color-15 .icon-box .inner .icon-3.style-3 {
    background: #C4956B;
}

body.template-color-15 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(196, 149, 107, 0.75) !important;
}

body.template-color-15 .text-color,
body.template-color-15 .hover-text-color:hover,
body.template-color-15 .snail_toolbar .inner a:hover,
body.template-color-15 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-15 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-15 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-15 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-15 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-15 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-15 .blog-tag-list a:hover,
body.template-color-15 .sl-quote::before,
body.template-color-15 .blog-post-return-button a:hover,
body.template-color-15 .portfolio-details-list .details-list span a:hover,
body.template-color-15 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-15 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-15 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-15 .product:hover .product-contain h4,
body.template-color-15 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-15 .mini-cart .shopping-cart .footer .total,
body.template-color-15 .mini-cart .shopping-cart .footer .total span,
body.template-color-15 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-15 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-15 .post.blog2 .post-body h5 a:hover,
body.template-color-15 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-15 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-15 .tab.tabs-links .nav .nav-link a.active,
body.template-color-15 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-15 .blog-post .blog-inner .blog-title a:hover,
body.template-color-15 .footer-part.footer-classic .footer-links a:hover,
body.template-color-15 .music_area .music-artist:hover .show-title,
body.template-color-15 .sl-testimonial .description:after,
body.template-color-15 .sl-testimonial .description:before,
body.template-color-15 .rating li i,
body.template-color-15 .btn .gradients-button.hover-bg-white:hover,
body.template-color-15 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-15 #common-footer .footer_menu__list li a:hover,
body.template-color-15 .icon-box.style-5:hover .gradients-button,
body.template-color-15 .icon-box.style-5.active .gradients-button {
    color: #C4956B !important;
}

body.template-color-15 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-15 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-15 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-15 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #C4956B;
}

body.template-color-15 .footer-part.footer-classic .contact-mata:hover i {
    background: #C4956B;
    color: #fff;
}

body.template-color-15 .comparision-slider .handle::after {
    color: #C4956B;
}

body.template-color-15 .comparision-slider .handle.bordered {
    background: #C4956B;
}

body.template-color-15 .comparision-slider .handle.bordered:after {
    border: 3px solid #C4956B;
}

body.template-color-15 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-15 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-15 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #C4956B !important;
    box-shadow: #C4956B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-15 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #C4956B !important;
}

body.template-color-15 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-15 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-15 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-15 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #C4956B !important;
}

body.template-color-15 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #C4956B !important;
    box-shadow: #C4956B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-15 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #C4956B !important;
    box-shadow: #C4956B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-15 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #C4956B !important;
}

body.template-color-15 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-15 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-15 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #C4956B !important;
    box-shadow: #C4956B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-15 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #C4956B !important;
}

body.template-color-15 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-15 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-15 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-15 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #C4956B !important;
}

body.template-color-15 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #C4956B !important;
    background-color: #C4956B !important;
}

body.template-color-15 .icon-box.style-4 .inner:hover .content h5 {
    color: #C4956B !important;
}

body.template-color-15 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #C4956B 0%, transparent 100%);
}

body.template-color-15 .widget-category-list ul.category-area li a:hover {
    color: #C4956B !important;
}

body.template-color-15 .widget-category-list ul.category-area li a:hover span {
    background: #C4956B !important;
}

body.template-color-15 .side-menu .bg-overlay {
    background: rgba(196, 149, 107, 0.9);
}

body.template-color-15 .hue-color,
body.template-color-15 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(28.31461deg) !important;
    filter: hue-rotate(28.31461deg) !important;
}

body.template-color-15 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-15 .hero-slider .owl-nav .owl-prev:hover span {
    background: #C4956B !important;
    border-color: #C4956B !important;
    color: #ffffff;
}

body.template-color-15 .border-color,
body.template-color-15 .hover-border-color:hover,
body.template-color-15 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-15 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-15 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-15 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-15 .radio input:checked~span,
body.template-color-15 .sl-testimonial .pic img {
    border-color: #C4956B !important;
}

body.template-color-15 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #C4956B;
}

body.template-color-15 .btn .light-color {
    border-color: #C4956B;
    background: rgba(196, 149, 107, 0.11);
}

body.template-color-15 .btn .light-color:hover {
    background: #C4956B;
    color: #ffffff;
}

body.template-color-15 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-15 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-15 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-15 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-15 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-15 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-16 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-16 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-16 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-16 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-16 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-16 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-16 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #02C873 !important;
}

body.template-color-16 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-16 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #02C873 !important;
}

body.template-color-16 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-16 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-16 .mini-cart .shopping-cart,
body.template-color-16 .dropdown__menu,
body.template-color-16 .mega-width-fullscreen,
body.template-color-16 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #02C873 !important;
}

body.template-color-16 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-16 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-16 .header-full-menu .social-icons-simple li a:hover,
body.template-color-16 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-16 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #02C873;
}

body.template-color-16 #scroll-top {
    background: #02C873 !important;
    border: 2px solid #02C873;
}

body.template-color-16 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-16 #scroll-top:hover {
    background: #02C873;
}

body.template-color-16 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-16 #scroll-top.with-hover {
    border-color: #02C873 !important;
    background: #ffffff !important;
}

body.template-color-16 #scroll-top.with-hover i {
    color: #02C873 !important;
}

body.template-color-16 #scroll-top.with-hover:hover {
    background: #02C873 !important;
}

body.template-color-16 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-16 .salon-prices .price-list {
    border-bottom: 2px solid #02C873;
    background: linear-gradient(to right, rgba(2, 200, 115, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-16 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-16 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-16 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-16 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-16 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-16 .border-btn {
    color: #02C873;
}

body.template-color-16 .btn-hover::after {
    border: 2px solid rgba(2, 200, 115, 0.7);
}

body.template-color-16 .beauty-service>[class*="col-"] .item span {
    color: #02C873;
}

body.template-color-16 .beauty-service>[class*="col-"]:hover {
    background: rgba(2, 200, 115, 0.8);
    border-color: rgba(2, 200, 115, 0.8);
}

body.template-color-16 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-16 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-16 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-16 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-16 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #02C873;
    width: 50%;
}

body.template-color-16 .bg-color,
body.template-color-16 .hover-bg-color:hover,
body.template-color-16 [data-color-overlay]::after,
body.template-color-16 [data-color-hover-overlay]:hover::after,
body.template-color-16 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-16 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-16 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-16 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-16 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-16 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-16 .post-nav-list .nav-item a:hover,
body.template-color-16 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-16 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-16 .animated-dot .middle-dot,
body.template-color-16 .animated-dot .signal,
body.template-color-16 .animated-dot .signal2,
body.template-color-16 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-16 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-16 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-16 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-16 .pricing-box .header .feature-mark,
body.template-color-16 .sl-testimonial .pic:after,
body.template-color-16 .sl-testimonial .pic:before,
body.template-color-16 #common-footer:before,
body.template-color-16 #common-footer .footer_item:before,
body.template-color-16 #common-footer .footer_menu:before,
body.template-color-16 #common-footer .footer_contacts__item:before,
body.template-color-16 .section-title.under-line h2::after {
    background: #02C873 !important;
}

body.template-color-16 .creative-st-header .side-menu {
    background: #02C873;
}

body.template-color-16 .scroll-top-arrow {
    background: #02C873;
}

body.template-color-16 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #02C873;
}

body.template-color-16 .footer-social li a:hover {
    background-color: #02C873;
    color: #ffffff;
}

body.template-color-16 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #02C873 !important;
}

body.template-color-16 .pricing-box.hoverable:hover,
body.template-color-16 .pricing-box.hoverable.active {
    background: #02C873;
}

body.template-color-16 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-16 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #02C873 !important;
    color: #fff;
}

body.template-color-16 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-16 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #02C873 !important;
}

body.template-color-16 .progress-bar span.percent-label:after {
    border-color: #02C873 transparent transparent transparent !important;
}

body.template-color-16 .icon-box.style-5 .inner .inner-icon {
    color: #02C873;
}

body.template-color-16 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-16 .icon-box.style-5:hover .gradients-button {
    color: #02C873;
}

body.template-color-16 .team-part .single-blog-item .social-icon a:hover {
    background-color: #02C873;
    color: #ffffff;
    border-color: #02C873;
}

body.template-color-16 .chackbox input:checked~span {
    background: #02C873 !important;
    border-color: #02C873 !important;
}

body.template-color-16 .radio span:after {
    background: #02C873 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-16 .booking_form .img-sec {
        background: #02C873 !important;
    }
}

body.template-color-16 .crypto-table .table {
    border: 8px solid #02C873;
}

body.template-color-16 .agn-testimonial .carousel-control-next:hover,
body.template-color-16 .agn-testimonial .carousel-control-prev:hover,
body.template-color-16 .agn-testimonial .carousel-control-next:focus,
body.template-color-16 .agn-testimonial .carousel-control-prev:focus {
    background: #02C873;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-16 .box-team .overlay {
    background-color: rgba(2, 200, 115, 0.75);
}

body.template-color-16 .social-shere:hover {
    border-color: #02C873 !important;
}

body.template-color-16 .social-shere:hover .social-site p {
    color: #02C873 !important;
}

body.template-color-16 .social-shere:hover .icon i {
    color: #02C873 !important;
}

body.template-color-16 .testimonial-slider .carousel-indicators li.active {
    border-color: #02C873;
}

body.template-color-16 .service-box i {
    color: #02C873;
}

body.template-color-16 .service-box .readmore {
    color: #02C873;
}

body.template-color-16 .service-box .readmore:before {
    background-color: #02C873;
}

body.template-color-16 .service-box:hover {
    background: #02C873;
}

body.template-color-16 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-16 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-16 .service-box:hover i,
body.template-color-16 .service-box:hover h4,
body.template-color-16 .service-box:hover p {
    color: #ffffff;
}

body.template-color-16 .icon-border-shadow {
    background: #02C873 !important;
}

body.template-color-16 .icon-border-shadow:before {
    background: rgba(2, 200, 115, 0.3) !important;
}

body.template-color-16 .icon-border-shadow:after {
    background: rgba(2, 200, 115, 0.5) !important;
}

body.template-color-16 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #02C873;
}

body.template-color-16 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-16 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #02C873 !important;
}

body.template-color-16 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-16 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-16 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-16 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-16 .icon-box .inner .icon-3.style-2 {
    background: rgba(2, 200, 115, 0.1) !important;
}

body.template-color-16 .icon-box .inner .icon-3.style-3 {
    background: #02C873;
}

body.template-color-16 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(2, 200, 115, 0.75) !important;
}

body.template-color-16 .text-color,
body.template-color-16 .hover-text-color:hover,
body.template-color-16 .snail_toolbar .inner a:hover,
body.template-color-16 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-16 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-16 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-16 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-16 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-16 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-16 .blog-tag-list a:hover,
body.template-color-16 .sl-quote::before,
body.template-color-16 .blog-post-return-button a:hover,
body.template-color-16 .portfolio-details-list .details-list span a:hover,
body.template-color-16 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-16 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-16 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-16 .product:hover .product-contain h4,
body.template-color-16 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-16 .mini-cart .shopping-cart .footer .total,
body.template-color-16 .mini-cart .shopping-cart .footer .total span,
body.template-color-16 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-16 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-16 .post.blog2 .post-body h5 a:hover,
body.template-color-16 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-16 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-16 .tab.tabs-links .nav .nav-link a.active,
body.template-color-16 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-16 .blog-post .blog-inner .blog-title a:hover,
body.template-color-16 .footer-part.footer-classic .footer-links a:hover,
body.template-color-16 .music_area .music-artist:hover .show-title,
body.template-color-16 .sl-testimonial .description:after,
body.template-color-16 .sl-testimonial .description:before,
body.template-color-16 .rating li i,
body.template-color-16 .btn .gradients-button.hover-bg-white:hover,
body.template-color-16 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-16 #common-footer .footer_menu__list li a:hover,
body.template-color-16 .icon-box.style-5:hover .gradients-button,
body.template-color-16 .icon-box.style-5.active .gradients-button {
    color: #02C873 !important;
}

body.template-color-16 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-16 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-16 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-16 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #02C873;
}

body.template-color-16 .footer-part.footer-classic .contact-mata:hover i {
    background: #02C873;
    color: #fff;
}

body.template-color-16 .comparision-slider .handle::after {
    color: #02C873;
}

body.template-color-16 .comparision-slider .handle.bordered {
    background: #02C873;
}

body.template-color-16 .comparision-slider .handle.bordered:after {
    border: 3px solid #02C873;
}

body.template-color-16 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-16 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-16 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #02C873 !important;
    box-shadow: #02C873 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-16 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #02C873 !important;
}

body.template-color-16 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-16 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-16 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-16 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #02C873 !important;
}

body.template-color-16 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #02C873 !important;
    box-shadow: #02C873 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-16 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #02C873 !important;
    box-shadow: #02C873 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-16 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #02C873 !important;
}

body.template-color-16 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-16 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-16 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #02C873 !important;
    box-shadow: #02C873 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-16 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #02C873 !important;
}

body.template-color-16 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-16 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-16 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-16 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #02C873 !important;
}

body.template-color-16 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #02C873 !important;
    background-color: #02C873 !important;
}

body.template-color-16 .icon-box.style-4 .inner:hover .content h5 {
    color: #02C873 !important;
}

body.template-color-16 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #02C873 0%, transparent 100%);
}

body.template-color-16 .widget-category-list ul.category-area li a:hover {
    color: #02C873 !important;
}

body.template-color-16 .widget-category-list ul.category-area li a:hover span {
    background: #02C873 !important;
}

body.template-color-16 .side-menu .bg-overlay {
    background: rgba(2, 200, 115, 0.9);
}

body.template-color-16 .hue-color,
body.template-color-16 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(154.24242deg) !important;
    filter: hue-rotate(154.24242deg) !important;
}

body.template-color-16 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-16 .hero-slider .owl-nav .owl-prev:hover span {
    background: #02C873 !important;
    border-color: #02C873 !important;
    color: #ffffff;
}

body.template-color-16 .border-color,
body.template-color-16 .hover-border-color:hover,
body.template-color-16 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-16 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-16 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-16 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-16 .radio input:checked~span,
body.template-color-16 .sl-testimonial .pic img {
    border-color: #02C873 !important;
}

body.template-color-16 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #02C873;
}

body.template-color-16 .btn .light-color {
    border-color: #02C873;
    background: rgba(2, 200, 115, 0.11);
}

body.template-color-16 .btn .light-color:hover {
    background: #02C873;
    color: #ffffff;
}

body.template-color-16 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-16 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-16 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-16 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-16 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-16 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-17 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-17 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-17 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-17 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-17 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-17 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-17 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #00CBFF !important;
}

body.template-color-17 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-17 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #00CBFF !important;
}

body.template-color-17 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-17 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-17 .mini-cart .shopping-cart,
body.template-color-17 .dropdown__menu,
body.template-color-17 .mega-width-fullscreen,
body.template-color-17 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #00CBFF !important;
}

body.template-color-17 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-17 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-17 .header-full-menu .social-icons-simple li a:hover,
body.template-color-17 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-17 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #00CBFF;
}

body.template-color-17 #scroll-top {
    background: #00CBFF !important;
    border: 2px solid #00CBFF;
}

body.template-color-17 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-17 #scroll-top:hover {
    background: #00CBFF;
}

body.template-color-17 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-17 #scroll-top.with-hover {
    border-color: #00CBFF !important;
    background: #ffffff !important;
}

body.template-color-17 #scroll-top.with-hover i {
    color: #00CBFF !important;
}

body.template-color-17 #scroll-top.with-hover:hover {
    background: #00CBFF !important;
}

body.template-color-17 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-17 .salon-prices .price-list {
    border-bottom: 2px solid #00CBFF;
    background: linear-gradient(to right, rgba(0, 203, 255, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-17 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-17 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-17 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-17 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-17 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-17 .border-btn {
    color: #00CBFF;
}

body.template-color-17 .btn-hover::after {
    border: 2px solid rgba(0, 203, 255, 0.7);
}

body.template-color-17 .beauty-service>[class*="col-"] .item span {
    color: #00CBFF;
}

body.template-color-17 .beauty-service>[class*="col-"]:hover {
    background: rgba(0, 203, 255, 0.8);
    border-color: rgba(0, 203, 255, 0.8);
}

body.template-color-17 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-17 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-17 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-17 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-17 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #00CBFF;
    width: 50%;
}

body.template-color-17 .bg-color,
body.template-color-17 .hover-bg-color:hover,
body.template-color-17 [data-color-overlay]::after,
body.template-color-17 [data-color-hover-overlay]:hover::after,
body.template-color-17 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-17 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-17 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-17 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-17 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-17 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-17 .post-nav-list .nav-item a:hover,
body.template-color-17 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-17 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-17 .animated-dot .middle-dot,
body.template-color-17 .animated-dot .signal,
body.template-color-17 .animated-dot .signal2,
body.template-color-17 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-17 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-17 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-17 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-17 .pricing-box .header .feature-mark,
body.template-color-17 .sl-testimonial .pic:after,
body.template-color-17 .sl-testimonial .pic:before,
body.template-color-17 #common-footer:before,
body.template-color-17 #common-footer .footer_item:before,
body.template-color-17 #common-footer .footer_menu:before,
body.template-color-17 #common-footer .footer_contacts__item:before,
body.template-color-17 .section-title.under-line h2::after {
    background: #00CBFF !important;
}

body.template-color-17 .creative-st-header .side-menu {
    background: #00CBFF;
}

body.template-color-17 .scroll-top-arrow {
    background: #00CBFF;
}

body.template-color-17 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #00CBFF;
}

body.template-color-17 .footer-social li a:hover {
    background-color: #00CBFF;
    color: #ffffff;
}

body.template-color-17 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #00CBFF !important;
}

body.template-color-17 .pricing-box.hoverable:hover,
body.template-color-17 .pricing-box.hoverable.active {
    background: #00CBFF;
}

body.template-color-17 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-17 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #00CBFF !important;
    color: #fff;
}

body.template-color-17 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-17 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #00CBFF !important;
}

body.template-color-17 .progress-bar span.percent-label:after {
    border-color: #00CBFF transparent transparent transparent !important;
}

body.template-color-17 .icon-box.style-5 .inner .inner-icon {
    color: #00CBFF;
}

body.template-color-17 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-17 .icon-box.style-5:hover .gradients-button {
    color: #00CBFF;
}

body.template-color-17 .team-part .single-blog-item .social-icon a:hover {
    background-color: #00CBFF;
    color: #ffffff;
    border-color: #00CBFF;
}

body.template-color-17 .chackbox input:checked~span {
    background: #00CBFF !important;
    border-color: #00CBFF !important;
}

body.template-color-17 .radio span:after {
    background: #00CBFF !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-17 .booking_form .img-sec {
        background: #00CBFF !important;
    }
}

body.template-color-17 .crypto-table .table {
    border: 8px solid #00CBFF;
}

body.template-color-17 .agn-testimonial .carousel-control-next:hover,
body.template-color-17 .agn-testimonial .carousel-control-prev:hover,
body.template-color-17 .agn-testimonial .carousel-control-next:focus,
body.template-color-17 .agn-testimonial .carousel-control-prev:focus {
    background: #00CBFF;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-17 .box-team .overlay {
    background-color: rgba(0, 203, 255, 0.75);
}

body.template-color-17 .social-shere:hover {
    border-color: #00CBFF !important;
}

body.template-color-17 .social-shere:hover .social-site p {
    color: #00CBFF !important;
}

body.template-color-17 .social-shere:hover .icon i {
    color: #00CBFF !important;
}

body.template-color-17 .testimonial-slider .carousel-indicators li.active {
    border-color: #00CBFF;
}

body.template-color-17 .service-box i {
    color: #00CBFF;
}

body.template-color-17 .service-box .readmore {
    color: #00CBFF;
}

body.template-color-17 .service-box .readmore:before {
    background-color: #00CBFF;
}

body.template-color-17 .service-box:hover {
    background: #00CBFF;
}

body.template-color-17 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-17 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-17 .service-box:hover i,
body.template-color-17 .service-box:hover h4,
body.template-color-17 .service-box:hover p {
    color: #ffffff;
}

body.template-color-17 .icon-border-shadow {
    background: #00CBFF !important;
}

body.template-color-17 .icon-border-shadow:before {
    background: rgba(0, 203, 255, 0.3) !important;
}

body.template-color-17 .icon-border-shadow:after {
    background: rgba(0, 203, 255, 0.5) !important;
}

body.template-color-17 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #00CBFF;
}

body.template-color-17 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-17 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #00CBFF !important;
}

body.template-color-17 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-17 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-17 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-17 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-17 .icon-box .inner .icon-3.style-2 {
    background: rgba(0, 203, 255, 0.1) !important;
}

body.template-color-17 .icon-box .inner .icon-3.style-3 {
    background: #00CBFF;
}

body.template-color-17 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(0, 203, 255, 0.75) !important;
}

body.template-color-17 .text-color,
body.template-color-17 .hover-text-color:hover,
body.template-color-17 .snail_toolbar .inner a:hover,
body.template-color-17 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-17 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-17 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-17 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-17 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-17 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-17 .blog-tag-list a:hover,
body.template-color-17 .sl-quote::before,
body.template-color-17 .blog-post-return-button a:hover,
body.template-color-17 .portfolio-details-list .details-list span a:hover,
body.template-color-17 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-17 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-17 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-17 .product:hover .product-contain h4,
body.template-color-17 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-17 .mini-cart .shopping-cart .footer .total,
body.template-color-17 .mini-cart .shopping-cart .footer .total span,
body.template-color-17 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-17 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-17 .post.blog2 .post-body h5 a:hover,
body.template-color-17 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-17 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-17 .tab.tabs-links .nav .nav-link a.active,
body.template-color-17 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-17 .blog-post .blog-inner .blog-title a:hover,
body.template-color-17 .footer-part.footer-classic .footer-links a:hover,
body.template-color-17 .music_area .music-artist:hover .show-title,
body.template-color-17 .sl-testimonial .description:after,
body.template-color-17 .sl-testimonial .description:before,
body.template-color-17 .rating li i,
body.template-color-17 .btn .gradients-button.hover-bg-white:hover,
body.template-color-17 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-17 #common-footer .footer_menu__list li a:hover,
body.template-color-17 .icon-box.style-5:hover .gradients-button,
body.template-color-17 .icon-box.style-5.active .gradients-button {
    color: #00CBFF !important;
}

body.template-color-17 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-17 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-17 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-17 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #00CBFF;
}

body.template-color-17 .footer-part.footer-classic .contact-mata:hover i {
    background: #00CBFF;
    color: #fff;
}

body.template-color-17 .comparision-slider .handle::after {
    color: #00CBFF;
}

body.template-color-17 .comparision-slider .handle.bordered {
    background: #00CBFF;
}

body.template-color-17 .comparision-slider .handle.bordered:after {
    border: 3px solid #00CBFF;
}

body.template-color-17 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-17 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-17 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #00CBFF !important;
    box-shadow: #00CBFF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-17 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #00CBFF !important;
}

body.template-color-17 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-17 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-17 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-17 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #00CBFF !important;
}

body.template-color-17 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #00CBFF !important;
    box-shadow: #00CBFF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-17 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #00CBFF !important;
    box-shadow: #00CBFF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-17 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #00CBFF !important;
}

body.template-color-17 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-17 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-17 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #00CBFF !important;
    box-shadow: #00CBFF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-17 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #00CBFF !important;
}

body.template-color-17 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-17 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-17 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-17 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #00CBFF !important;
}

body.template-color-17 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #00CBFF !important;
    background-color: #00CBFF !important;
}

body.template-color-17 .icon-box.style-4 .inner:hover .content h5 {
    color: #00CBFF !important;
}

body.template-color-17 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #00CBFF 0%, transparent 100%);
}

body.template-color-17 .widget-category-list ul.category-area li a:hover {
    color: #00CBFF !important;
}

body.template-color-17 .widget-category-list ul.category-area li a:hover span {
    background: #00CBFF !important;
}

body.template-color-17 .side-menu .bg-overlay {
    background: rgba(0, 203, 255, 0.9);
}

body.template-color-17 .hue-color,
body.template-color-17 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(192.23529deg) !important;
    filter: hue-rotate(192.23529deg) !important;
}

body.template-color-17 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-17 .hero-slider .owl-nav .owl-prev:hover span {
    background: #00CBFF !important;
    border-color: #00CBFF !important;
    color: #ffffff;
}

body.template-color-17 .border-color,
body.template-color-17 .hover-border-color:hover,
body.template-color-17 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-17 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-17 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-17 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-17 .radio input:checked~span,
body.template-color-17 .sl-testimonial .pic img {
    border-color: #00CBFF !important;
}

body.template-color-17 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #00CBFF;
}

body.template-color-17 .btn .light-color {
    border-color: #00CBFF;
    background: rgba(0, 203, 255, 0.11);
}

body.template-color-17 .btn .light-color:hover {
    background: #00CBFF;
    color: #ffffff;
}

body.template-color-17 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-17 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-17 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-17 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-17 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-17 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-18 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-18 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-18 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-18 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-18 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-18 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-18 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #C4956B !important;
}

body.template-color-18 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-18 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #C4956B !important;
}

body.template-color-18 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-18 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-18 .mini-cart .shopping-cart,
body.template-color-18 .dropdown__menu,
body.template-color-18 .mega-width-fullscreen,
body.template-color-18 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #C4956B !important;
}

body.template-color-18 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-18 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-18 .header-full-menu .social-icons-simple li a:hover,
body.template-color-18 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-18 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #C4956B;
}

body.template-color-18 #scroll-top {
    background: #C4956B !important;
    border: 2px solid #C4956B;
}

body.template-color-18 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-18 #scroll-top:hover {
    background: #C4956B;
}

body.template-color-18 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-18 #scroll-top.with-hover {
    border-color: #C4956B !important;
    background: #ffffff !important;
}

body.template-color-18 #scroll-top.with-hover i {
    color: #C4956B !important;
}

body.template-color-18 #scroll-top.with-hover:hover {
    background: #C4956B !important;
}

body.template-color-18 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-18 .salon-prices .price-list {
    border-bottom: 2px solid #C4956B;
    background: linear-gradient(to right, rgba(196, 149, 107, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-18 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-18 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-18 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-18 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-18 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-18 .border-btn {
    color: #C4956B;
}

body.template-color-18 .btn-hover::after {
    border: 2px solid rgba(196, 149, 107, 0.7);
}

body.template-color-18 .beauty-service>[class*="col-"] .item span {
    color: #C4956B;
}

body.template-color-18 .beauty-service>[class*="col-"]:hover {
    background: rgba(196, 149, 107, 0.8);
    border-color: rgba(196, 149, 107, 0.8);
}

body.template-color-18 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-18 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-18 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-18 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-18 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #C4956B;
    width: 50%;
}

body.template-color-18 .bg-color,
body.template-color-18 .hover-bg-color:hover,
body.template-color-18 [data-color-overlay]::after,
body.template-color-18 [data-color-hover-overlay]:hover::after,
body.template-color-18 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-18 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-18 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-18 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-18 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-18 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-18 .post-nav-list .nav-item a:hover,
body.template-color-18 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-18 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-18 .animated-dot .middle-dot,
body.template-color-18 .animated-dot .signal,
body.template-color-18 .animated-dot .signal2,
body.template-color-18 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-18 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-18 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-18 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-18 .pricing-box .header .feature-mark,
body.template-color-18 .sl-testimonial .pic:after,
body.template-color-18 .sl-testimonial .pic:before,
body.template-color-18 #common-footer:before,
body.template-color-18 #common-footer .footer_item:before,
body.template-color-18 #common-footer .footer_menu:before,
body.template-color-18 #common-footer .footer_contacts__item:before,
body.template-color-18 .section-title.under-line h2::after {
    background: #C4956B !important;
}

body.template-color-18 .creative-st-header .side-menu {
    background: #C4956B;
}

body.template-color-18 .scroll-top-arrow {
    background: #C4956B;
}

body.template-color-18 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #C4956B;
}

body.template-color-18 .footer-social li a:hover {
    background-color: #C4956B;
    color: #ffffff;
}

body.template-color-18 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #C4956B !important;
}

body.template-color-18 .pricing-box.hoverable:hover,
body.template-color-18 .pricing-box.hoverable.active {
    background: #C4956B;
}

body.template-color-18 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-18 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #C4956B !important;
    color: #fff;
}

body.template-color-18 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-18 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #C4956B !important;
}

body.template-color-18 .progress-bar span.percent-label:after {
    border-color: #C4956B transparent transparent transparent !important;
}

body.template-color-18 .icon-box.style-5 .inner .inner-icon {
    color: #C4956B;
}

body.template-color-18 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-18 .icon-box.style-5:hover .gradients-button {
    color: #C4956B;
}

body.template-color-18 .team-part .single-blog-item .social-icon a:hover {
    background-color: #C4956B;
    color: #ffffff;
    border-color: #C4956B;
}

body.template-color-18 .chackbox input:checked~span {
    background: #C4956B !important;
    border-color: #C4956B !important;
}

body.template-color-18 .radio span:after {
    background: #C4956B !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-18 .booking_form .img-sec {
        background: #C4956B !important;
    }
}

body.template-color-18 .crypto-table .table {
    border: 8px solid #C4956B;
}

body.template-color-18 .agn-testimonial .carousel-control-next:hover,
body.template-color-18 .agn-testimonial .carousel-control-prev:hover,
body.template-color-18 .agn-testimonial .carousel-control-next:focus,
body.template-color-18 .agn-testimonial .carousel-control-prev:focus {
    background: #C4956B;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-18 .box-team .overlay {
    background-color: rgba(196, 149, 107, 0.75);
}

body.template-color-18 .social-shere:hover {
    border-color: #C4956B !important;
}

body.template-color-18 .social-shere:hover .social-site p {
    color: #C4956B !important;
}

body.template-color-18 .social-shere:hover .icon i {
    color: #C4956B !important;
}

body.template-color-18 .testimonial-slider .carousel-indicators li.active {
    border-color: #C4956B;
}

body.template-color-18 .service-box i {
    color: #C4956B;
}

body.template-color-18 .service-box .readmore {
    color: #C4956B;
}

body.template-color-18 .service-box .readmore:before {
    background-color: #C4956B;
}

body.template-color-18 .service-box:hover {
    background: #C4956B;
}

body.template-color-18 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-18 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-18 .service-box:hover i,
body.template-color-18 .service-box:hover h4,
body.template-color-18 .service-box:hover p {
    color: #ffffff;
}

body.template-color-18 .icon-border-shadow {
    background: #C4956B !important;
}

body.template-color-18 .icon-border-shadow:before {
    background: rgba(196, 149, 107, 0.3) !important;
}

body.template-color-18 .icon-border-shadow:after {
    background: rgba(196, 149, 107, 0.5) !important;
}

body.template-color-18 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #C4956B;
}

body.template-color-18 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-18 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #C4956B !important;
}

body.template-color-18 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-18 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-18 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-18 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-18 .icon-box .inner .icon-3.style-2 {
    background: rgba(196, 149, 107, 0.1) !important;
}

body.template-color-18 .icon-box .inner .icon-3.style-3 {
    background: #C4956B;
}

body.template-color-18 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(196, 149, 107, 0.75) !important;
}

body.template-color-18 .text-color,
body.template-color-18 .hover-text-color:hover,
body.template-color-18 .snail_toolbar .inner a:hover,
body.template-color-18 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-18 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-18 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-18 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-18 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-18 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-18 .blog-tag-list a:hover,
body.template-color-18 .sl-quote::before,
body.template-color-18 .blog-post-return-button a:hover,
body.template-color-18 .portfolio-details-list .details-list span a:hover,
body.template-color-18 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-18 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-18 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-18 .product:hover .product-contain h4,
body.template-color-18 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-18 .mini-cart .shopping-cart .footer .total,
body.template-color-18 .mini-cart .shopping-cart .footer .total span,
body.template-color-18 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-18 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-18 .post.blog2 .post-body h5 a:hover,
body.template-color-18 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-18 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-18 .tab.tabs-links .nav .nav-link a.active,
body.template-color-18 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-18 .blog-post .blog-inner .blog-title a:hover,
body.template-color-18 .footer-part.footer-classic .footer-links a:hover,
body.template-color-18 .music_area .music-artist:hover .show-title,
body.template-color-18 .sl-testimonial .description:after,
body.template-color-18 .sl-testimonial .description:before,
body.template-color-18 .rating li i,
body.template-color-18 .btn .gradients-button.hover-bg-white:hover,
body.template-color-18 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-18 #common-footer .footer_menu__list li a:hover,
body.template-color-18 .icon-box.style-5:hover .gradients-button,
body.template-color-18 .icon-box.style-5.active .gradients-button {
    color: #C4956B !important;
}

body.template-color-18 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-18 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-18 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-18 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #C4956B;
}

body.template-color-18 .footer-part.footer-classic .contact-mata:hover i {
    background: #C4956B;
    color: #fff;
}

body.template-color-18 .comparision-slider .handle::after {
    color: #C4956B;
}

body.template-color-18 .comparision-slider .handle.bordered {
    background: #C4956B;
}

body.template-color-18 .comparision-slider .handle.bordered:after {
    border: 3px solid #C4956B;
}

body.template-color-18 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-18 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-18 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #C4956B !important;
    box-shadow: #C4956B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-18 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #C4956B !important;
}

body.template-color-18 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-18 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-18 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-18 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #C4956B !important;
}

body.template-color-18 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #C4956B !important;
    box-shadow: #C4956B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-18 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #C4956B !important;
    box-shadow: #C4956B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-18 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #C4956B !important;
}

body.template-color-18 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-18 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-18 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #C4956B !important;
    box-shadow: #C4956B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-18 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #C4956B !important;
}

body.template-color-18 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-18 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-18 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-18 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #C4956B !important;
}

body.template-color-18 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #C4956B !important;
    background-color: #C4956B !important;
}

body.template-color-18 .icon-box.style-4 .inner:hover .content h5 {
    color: #C4956B !important;
}

body.template-color-18 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #C4956B 0%, transparent 100%);
}

body.template-color-18 .widget-category-list ul.category-area li a:hover {
    color: #C4956B !important;
}

body.template-color-18 .widget-category-list ul.category-area li a:hover span {
    background: #C4956B !important;
}

body.template-color-18 .side-menu .bg-overlay {
    background: rgba(196, 149, 107, 0.9);
}

body.template-color-18 .hue-color,
body.template-color-18 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(28.31461deg) !important;
    filter: hue-rotate(28.31461deg) !important;
}

body.template-color-18 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-18 .hero-slider .owl-nav .owl-prev:hover span {
    background: #C4956B !important;
    border-color: #C4956B !important;
    color: #ffffff;
}

body.template-color-18 .border-color,
body.template-color-18 .hover-border-color:hover,
body.template-color-18 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-18 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-18 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-18 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-18 .radio input:checked~span,
body.template-color-18 .sl-testimonial .pic img {
    border-color: #C4956B !important;
}

body.template-color-18 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #C4956B;
}

body.template-color-18 .btn .light-color {
    border-color: #C4956B;
    background: rgba(196, 149, 107, 0.11);
}

body.template-color-18 .btn .light-color:hover {
    background: #C4956B;
    color: #ffffff;
}

body.template-color-18 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-18 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-18 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-18 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-18 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-18 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-19 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-19 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-19 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-19 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-19 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-19 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-19 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #06C6DC !important;
}

body.template-color-19 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-19 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #06C6DC !important;
}

body.template-color-19 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-19 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-19 .mini-cart .shopping-cart,
body.template-color-19 .dropdown__menu,
body.template-color-19 .mega-width-fullscreen,
body.template-color-19 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #06C6DC !important;
}

body.template-color-19 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-19 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-19 .header-full-menu .social-icons-simple li a:hover,
body.template-color-19 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-19 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #06C6DC;
}

body.template-color-19 #scroll-top {
    background: #06C6DC !important;
    border: 2px solid #06C6DC;
}

body.template-color-19 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-19 #scroll-top:hover {
    background: #06C6DC;
}

body.template-color-19 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-19 #scroll-top.with-hover {
    border-color: #06C6DC !important;
    background: #ffffff !important;
}

body.template-color-19 #scroll-top.with-hover i {
    color: #06C6DC !important;
}

body.template-color-19 #scroll-top.with-hover:hover {
    background: #06C6DC !important;
}

body.template-color-19 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-19 .salon-prices .price-list {
    border-bottom: 2px solid #06C6DC;
    background: linear-gradient(to right, rgba(6, 198, 220, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-19 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-19 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-19 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-19 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-19 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-19 .border-btn {
    color: #06C6DC;
}

body.template-color-19 .btn-hover::after {
    border: 2px solid rgba(6, 198, 220, 0.7);
}

body.template-color-19 .beauty-service>[class*="col-"] .item span {
    color: #06C6DC;
}

body.template-color-19 .beauty-service>[class*="col-"]:hover {
    background: rgba(6, 198, 220, 0.8);
    border-color: rgba(6, 198, 220, 0.8);
}

body.template-color-19 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-19 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-19 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-19 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-19 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #06C6DC;
    width: 50%;
}

body.template-color-19 .bg-color,
body.template-color-19 .hover-bg-color:hover,
body.template-color-19 [data-color-overlay]::after,
body.template-color-19 [data-color-hover-overlay]:hover::after,
body.template-color-19 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-19 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-19 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-19 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-19 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-19 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-19 .post-nav-list .nav-item a:hover,
body.template-color-19 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-19 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-19 .animated-dot .middle-dot,
body.template-color-19 .animated-dot .signal,
body.template-color-19 .animated-dot .signal2,
body.template-color-19 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-19 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-19 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-19 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-19 .pricing-box .header .feature-mark,
body.template-color-19 .sl-testimonial .pic:after,
body.template-color-19 .sl-testimonial .pic:before,
body.template-color-19 #common-footer:before,
body.template-color-19 #common-footer .footer_item:before,
body.template-color-19 #common-footer .footer_menu:before,
body.template-color-19 #common-footer .footer_contacts__item:before,
body.template-color-19 .section-title.under-line h2::after {
    background: #06C6DC !important;
}

body.template-color-19 .creative-st-header .side-menu {
    background: #06C6DC;
}

body.template-color-19 .scroll-top-arrow {
    background: #06C6DC;
}

body.template-color-19 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #06C6DC;
}

body.template-color-19 .footer-social li a:hover {
    background-color: #06C6DC;
    color: #ffffff;
}

body.template-color-19 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #06C6DC !important;
}

body.template-color-19 .pricing-box.hoverable:hover,
body.template-color-19 .pricing-box.hoverable.active {
    background: #06C6DC;
}

body.template-color-19 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-19 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #06C6DC !important;
    color: #fff;
}

body.template-color-19 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-19 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #06C6DC !important;
}

body.template-color-19 .progress-bar span.percent-label:after {
    border-color: #06C6DC transparent transparent transparent !important;
}

body.template-color-19 .icon-box.style-5 .inner .inner-icon {
    color: #06C6DC;
}

body.template-color-19 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-19 .icon-box.style-5:hover .gradients-button {
    color: #06C6DC;
}

body.template-color-19 .team-part .single-blog-item .social-icon a:hover {
    background-color: #06C6DC;
    color: #ffffff;
    border-color: #06C6DC;
}

body.template-color-19 .chackbox input:checked~span {
    background: #06C6DC !important;
    border-color: #06C6DC !important;
}

body.template-color-19 .radio span:after {
    background: #06C6DC !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-19 .booking_form .img-sec {
        background: #06C6DC !important;
    }
}

body.template-color-19 .crypto-table .table {
    border: 8px solid #06C6DC;
}

body.template-color-19 .agn-testimonial .carousel-control-next:hover,
body.template-color-19 .agn-testimonial .carousel-control-prev:hover,
body.template-color-19 .agn-testimonial .carousel-control-next:focus,
body.template-color-19 .agn-testimonial .carousel-control-prev:focus {
    background: #06C6DC;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-19 .box-team .overlay {
    background-color: rgba(6, 198, 220, 0.75);
}

body.template-color-19 .social-shere:hover {
    border-color: #06C6DC !important;
}

body.template-color-19 .social-shere:hover .social-site p {
    color: #06C6DC !important;
}

body.template-color-19 .social-shere:hover .icon i {
    color: #06C6DC !important;
}

body.template-color-19 .testimonial-slider .carousel-indicators li.active {
    border-color: #06C6DC;
}

body.template-color-19 .service-box i {
    color: #06C6DC;
}

body.template-color-19 .service-box .readmore {
    color: #06C6DC;
}

body.template-color-19 .service-box .readmore:before {
    background-color: #06C6DC;
}

body.template-color-19 .service-box:hover {
    background: #06C6DC;
}

body.template-color-19 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-19 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-19 .service-box:hover i,
body.template-color-19 .service-box:hover h4,
body.template-color-19 .service-box:hover p {
    color: #ffffff;
}

body.template-color-19 .icon-border-shadow {
    background: #06C6DC !important;
}

body.template-color-19 .icon-border-shadow:before {
    background: rgba(6, 198, 220, 0.3) !important;
}

body.template-color-19 .icon-border-shadow:after {
    background: rgba(6, 198, 220, 0.5) !important;
}

body.template-color-19 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #06C6DC;
}

body.template-color-19 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-19 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #06C6DC !important;
}

body.template-color-19 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-19 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-19 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-19 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-19 .icon-box .inner .icon-3.style-2 {
    background: rgba(6, 198, 220, 0.1) !important;
}

body.template-color-19 .icon-box .inner .icon-3.style-3 {
    background: #06C6DC;
}

body.template-color-19 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(6, 198, 220, 0.75) !important;
}

body.template-color-19 .text-color,
body.template-color-19 .hover-text-color:hover,
body.template-color-19 .snail_toolbar .inner a:hover,
body.template-color-19 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-19 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-19 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-19 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-19 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-19 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-19 .blog-tag-list a:hover,
body.template-color-19 .sl-quote::before,
body.template-color-19 .blog-post-return-button a:hover,
body.template-color-19 .portfolio-details-list .details-list span a:hover,
body.template-color-19 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-19 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-19 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-19 .product:hover .product-contain h4,
body.template-color-19 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-19 .mini-cart .shopping-cart .footer .total,
body.template-color-19 .mini-cart .shopping-cart .footer .total span,
body.template-color-19 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-19 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-19 .post.blog2 .post-body h5 a:hover,
body.template-color-19 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-19 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-19 .tab.tabs-links .nav .nav-link a.active,
body.template-color-19 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-19 .blog-post .blog-inner .blog-title a:hover,
body.template-color-19 .footer-part.footer-classic .footer-links a:hover,
body.template-color-19 .music_area .music-artist:hover .show-title,
body.template-color-19 .sl-testimonial .description:after,
body.template-color-19 .sl-testimonial .description:before,
body.template-color-19 .rating li i,
body.template-color-19 .btn .gradients-button.hover-bg-white:hover,
body.template-color-19 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-19 #common-footer .footer_menu__list li a:hover,
body.template-color-19 .icon-box.style-5:hover .gradients-button,
body.template-color-19 .icon-box.style-5.active .gradients-button {
    color: #06C6DC !important;
}

body.template-color-19 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-19 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-19 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-19 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #06C6DC;
}

body.template-color-19 .footer-part.footer-classic .contact-mata:hover i {
    background: #06C6DC;
    color: #fff;
}

body.template-color-19 .comparision-slider .handle::after {
    color: #06C6DC;
}

body.template-color-19 .comparision-slider .handle.bordered {
    background: #06C6DC;
}

body.template-color-19 .comparision-slider .handle.bordered:after {
    border: 3px solid #06C6DC;
}

body.template-color-19 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-19 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-19 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #06C6DC !important;
    box-shadow: #06C6DC 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-19 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #06C6DC !important;
}

body.template-color-19 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-19 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-19 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-19 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #06C6DC !important;
}

body.template-color-19 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #06C6DC !important;
    box-shadow: #06C6DC 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-19 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #06C6DC !important;
    box-shadow: #06C6DC 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-19 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #06C6DC !important;
}

body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #06C6DC !important;
    box-shadow: #06C6DC 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #06C6DC !important;
}

body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #06C6DC !important;
}

body.template-color-19 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #06C6DC !important;
    background-color: #06C6DC !important;
}

body.template-color-19 .icon-box.style-4 .inner:hover .content h5 {
    color: #06C6DC !important;
}

body.template-color-19 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #06C6DC 0%, transparent 100%);
}

body.template-color-19 .widget-category-list ul.category-area li a:hover {
    color: #06C6DC !important;
}

body.template-color-19 .widget-category-list ul.category-area li a:hover span {
    background: #06C6DC !important;
}

body.template-color-19 .side-menu .bg-overlay {
    background: rgba(6, 198, 220, 0.9);
}

body.template-color-19 .hue-color,
body.template-color-19 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(186.16822deg) !important;
    filter: hue-rotate(186.16822deg) !important;
}

body.template-color-19 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-19 .hero-slider .owl-nav .owl-prev:hover span {
    background: #06C6DC !important;
    border-color: #06C6DC !important;
    color: #ffffff;
}

body.template-color-19 .border-color,
body.template-color-19 .hover-border-color:hover,
body.template-color-19 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-19 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-19 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-19 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-19 .radio input:checked~span,
body.template-color-19 .sl-testimonial .pic img {
    border-color: #06C6DC !important;
}

body.template-color-19 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #06C6DC;
}

body.template-color-19 .btn .light-color {
    border-color: #06C6DC;
    background: rgba(6, 198, 220, 0.11);
}

body.template-color-19 .btn .light-color:hover {
    background: #06C6DC;
    color: #ffffff;
}

body.template-color-19 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-19 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-19 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-19 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-19 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-19 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-20 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-20 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-20 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-20 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-20 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-20 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-20 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #04F1EF !important;
}

body.template-color-20 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-20 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #04F1EF !important;
}

body.template-color-20 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-20 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-20 .mini-cart .shopping-cart,
body.template-color-20 .dropdown__menu,
body.template-color-20 .mega-width-fullscreen,
body.template-color-20 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #04F1EF !important;
}

body.template-color-20 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-20 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-20 .header-full-menu .social-icons-simple li a:hover,
body.template-color-20 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-20 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #04F1EF;
}

body.template-color-20 #scroll-top {
    background: #04F1EF !important;
    border: 2px solid #04F1EF;
}

body.template-color-20 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-20 #scroll-top:hover {
    background: #04F1EF;
}

body.template-color-20 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-20 #scroll-top.with-hover {
    border-color: #04F1EF !important;
    background: #ffffff !important;
}

body.template-color-20 #scroll-top.with-hover i {
    color: #04F1EF !important;
}

body.template-color-20 #scroll-top.with-hover:hover {
    background: #04F1EF !important;
}

body.template-color-20 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-20 .salon-prices .price-list {
    border-bottom: 2px solid #04F1EF;
    background: linear-gradient(to right, rgba(4, 241, 239, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-20 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-20 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-20 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-20 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-20 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-20 .border-btn {
    color: #04F1EF;
}

body.template-color-20 .btn-hover::after {
    border: 2px solid rgba(4, 241, 239, 0.7);
}

body.template-color-20 .beauty-service>[class*="col-"] .item span {
    color: #04F1EF;
}

body.template-color-20 .beauty-service>[class*="col-"]:hover {
    background: rgba(4, 241, 239, 0.8);
    border-color: rgba(4, 241, 239, 0.8);
}

body.template-color-20 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-20 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-20 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-20 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-20 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #04F1EF;
    width: 50%;
}

body.template-color-20 .bg-color,
body.template-color-20 .hover-bg-color:hover,
body.template-color-20 [data-color-overlay]::after,
body.template-color-20 [data-color-hover-overlay]:hover::after,
body.template-color-20 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-20 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-20 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-20 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-20 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-20 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-20 .post-nav-list .nav-item a:hover,
body.template-color-20 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-20 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-20 .animated-dot .middle-dot,
body.template-color-20 .animated-dot .signal,
body.template-color-20 .animated-dot .signal2,
body.template-color-20 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-20 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-20 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-20 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-20 .pricing-box .header .feature-mark,
body.template-color-20 .sl-testimonial .pic:after,
body.template-color-20 .sl-testimonial .pic:before,
body.template-color-20 #common-footer:before,
body.template-color-20 #common-footer .footer_item:before,
body.template-color-20 #common-footer .footer_menu:before,
body.template-color-20 #common-footer .footer_contacts__item:before,
body.template-color-20 .section-title.under-line h2::after {
    background: #04F1EF !important;
}

body.template-color-20 .creative-st-header .side-menu {
    background: #04F1EF;
}

body.template-color-20 .scroll-top-arrow {
    background: #04F1EF;
}

body.template-color-20 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #04F1EF;
}

body.template-color-20 .footer-social li a:hover {
    background-color: #04F1EF;
    color: #ffffff;
}

body.template-color-20 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #04F1EF !important;
}

body.template-color-20 .pricing-box.hoverable:hover,
body.template-color-20 .pricing-box.hoverable.active {
    background: #04F1EF;
}

body.template-color-20 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-20 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #04F1EF !important;
    color: #fff;
}

body.template-color-20 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-20 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #04F1EF !important;
}

body.template-color-20 .progress-bar span.percent-label:after {
    border-color: #04F1EF transparent transparent transparent !important;
}

body.template-color-20 .icon-box.style-5 .inner .inner-icon {
    color: #04F1EF;
}

body.template-color-20 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-20 .icon-box.style-5:hover .gradients-button {
    color: #04F1EF;
}

body.template-color-20 .team-part .single-blog-item .social-icon a:hover {
    background-color: #04F1EF;
    color: #ffffff;
    border-color: #04F1EF;
}

body.template-color-20 .chackbox input:checked~span {
    background: #04F1EF !important;
    border-color: #04F1EF !important;
}

body.template-color-20 .radio span:after {
    background: #04F1EF !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-20 .booking_form .img-sec {
        background: #04F1EF !important;
    }
}

body.template-color-20 .crypto-table .table {
    border: 8px solid #04F1EF;
}

body.template-color-20 .agn-testimonial .carousel-control-next:hover,
body.template-color-20 .agn-testimonial .carousel-control-prev:hover,
body.template-color-20 .agn-testimonial .carousel-control-next:focus,
body.template-color-20 .agn-testimonial .carousel-control-prev:focus {
    background: #04F1EF;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-20 .box-team .overlay {
    background-color: rgba(4, 241, 239, 0.75);
}

body.template-color-20 .social-shere:hover {
    border-color: #04F1EF !important;
}

body.template-color-20 .social-shere:hover .social-site p {
    color: #04F1EF !important;
}

body.template-color-20 .social-shere:hover .icon i {
    color: #04F1EF !important;
}

body.template-color-20 .testimonial-slider .carousel-indicators li.active {
    border-color: #04F1EF;
}

body.template-color-20 .service-box i {
    color: #04F1EF;
}

body.template-color-20 .service-box .readmore {
    color: #04F1EF;
}

body.template-color-20 .service-box .readmore:before {
    background-color: #04F1EF;
}

body.template-color-20 .service-box:hover {
    background: #04F1EF;
}

body.template-color-20 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-20 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-20 .service-box:hover i,
body.template-color-20 .service-box:hover h4,
body.template-color-20 .service-box:hover p {
    color: #ffffff;
}

body.template-color-20 .icon-border-shadow {
    background: #04F1EF !important;
}

body.template-color-20 .icon-border-shadow:before {
    background: rgba(4, 241, 239, 0.3) !important;
}

body.template-color-20 .icon-border-shadow:after {
    background: rgba(4, 241, 239, 0.5) !important;
}

body.template-color-20 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #04F1EF;
}

body.template-color-20 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-20 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #04F1EF !important;
}

body.template-color-20 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-20 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-20 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-20 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-20 .icon-box .inner .icon-3.style-2 {
    background: rgba(4, 241, 239, 0.1) !important;
}

body.template-color-20 .icon-box .inner .icon-3.style-3 {
    background: #04F1EF;
}

body.template-color-20 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(4, 241, 239, 0.75) !important;
}

body.template-color-20 .text-color,
body.template-color-20 .hover-text-color:hover,
body.template-color-20 .snail_toolbar .inner a:hover,
body.template-color-20 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-20 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-20 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-20 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-20 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-20 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-20 .blog-tag-list a:hover,
body.template-color-20 .sl-quote::before,
body.template-color-20 .blog-post-return-button a:hover,
body.template-color-20 .portfolio-details-list .details-list span a:hover,
body.template-color-20 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-20 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-20 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-20 .product:hover .product-contain h4,
body.template-color-20 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-20 .mini-cart .shopping-cart .footer .total,
body.template-color-20 .mini-cart .shopping-cart .footer .total span,
body.template-color-20 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-20 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-20 .post.blog2 .post-body h5 a:hover,
body.template-color-20 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-20 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-20 .tab.tabs-links .nav .nav-link a.active,
body.template-color-20 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-20 .blog-post .blog-inner .blog-title a:hover,
body.template-color-20 .footer-part.footer-classic .footer-links a:hover,
body.template-color-20 .music_area .music-artist:hover .show-title,
body.template-color-20 .sl-testimonial .description:after,
body.template-color-20 .sl-testimonial .description:before,
body.template-color-20 .rating li i,
body.template-color-20 .btn .gradients-button.hover-bg-white:hover,
body.template-color-20 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-20 #common-footer .footer_menu__list li a:hover,
body.template-color-20 .icon-box.style-5:hover .gradients-button,
body.template-color-20 .icon-box.style-5.active .gradients-button {
    color: #04F1EF !important;
}

body.template-color-20 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-20 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-20 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-20 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #04F1EF;
}

body.template-color-20 .footer-part.footer-classic .contact-mata:hover i {
    background: #04F1EF;
    color: #fff;
}

body.template-color-20 .comparision-slider .handle::after {
    color: #04F1EF;
}

body.template-color-20 .comparision-slider .handle.bordered {
    background: #04F1EF;
}

body.template-color-20 .comparision-slider .handle.bordered:after {
    border: 3px solid #04F1EF;
}

body.template-color-20 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-20 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-20 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #04F1EF !important;
    box-shadow: #04F1EF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-20 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #04F1EF !important;
}

body.template-color-20 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-20 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-20 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-20 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #04F1EF !important;
}

body.template-color-20 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #04F1EF !important;
    box-shadow: #04F1EF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-20 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #04F1EF !important;
    box-shadow: #04F1EF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-20 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #04F1EF !important;
}

body.template-color-20 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-20 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-20 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #04F1EF !important;
    box-shadow: #04F1EF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-20 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #04F1EF !important;
}

body.template-color-20 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-20 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-20 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-20 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #04F1EF !important;
}

body.template-color-20 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #04F1EF !important;
    background-color: #04F1EF !important;
}

body.template-color-20 .icon-box.style-4 .inner:hover .content h5 {
    color: #04F1EF !important;
}

body.template-color-20 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #04F1EF 0%, transparent 100%);
}

body.template-color-20 .widget-category-list ul.category-area li a:hover {
    color: #04F1EF !important;
}

body.template-color-20 .widget-category-list ul.category-area li a:hover span {
    background: #04F1EF !important;
}

body.template-color-20 .side-menu .bg-overlay {
    background: rgba(4, 241, 239, 0.9);
}

body.template-color-20 .hue-color,
body.template-color-20 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(179.49367deg) !important;
    filter: hue-rotate(179.49367deg) !important;
}

body.template-color-20 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-20 .hero-slider .owl-nav .owl-prev:hover span {
    background: #04F1EF !important;
    border-color: #04F1EF !important;
    color: #ffffff;
}

body.template-color-20 .border-color,
body.template-color-20 .hover-border-color:hover,
body.template-color-20 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-20 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-20 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-20 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-20 .radio input:checked~span,
body.template-color-20 .sl-testimonial .pic img {
    border-color: #04F1EF !important;
}

body.template-color-20 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #04F1EF;
}

body.template-color-20 .btn .light-color {
    border-color: #04F1EF;
    background: rgba(4, 241, 239, 0.11);
}

body.template-color-20 .btn .light-color:hover {
    background: #04F1EF;
    color: #ffffff;
}

body.template-color-20 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-20 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-20 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-20 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-20 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-20 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-21 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-21 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-21 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-21 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-21 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-21 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-21 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #004e92 !important;
}

body.template-color-21 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-21 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #004e92 !important;
}

body.template-color-21 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-21 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-21 .mini-cart .shopping-cart,
body.template-color-21 .dropdown__menu,
body.template-color-21 .mega-width-fullscreen,
body.template-color-21 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #004e92 !important;
}

body.template-color-21 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-21 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-21 .header-full-menu .social-icons-simple li a:hover,
body.template-color-21 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-21 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #004e92;
}

body.template-color-21 #scroll-top {
    background: #004e92 !important;
    border: 2px solid #004e92;
}

body.template-color-21 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-21 #scroll-top:hover {
    background: #004e92;
}

body.template-color-21 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-21 #scroll-top.with-hover {
    border-color: #004e92 !important;
    background: #ffffff !important;
}

body.template-color-21 #scroll-top.with-hover i {
    color: #004e92 !important;
}

body.template-color-21 #scroll-top.with-hover:hover {
    background: #004e92 !important;
}

body.template-color-21 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-21 .salon-prices .price-list {
    border-bottom: 2px solid #004e92;
    background: linear-gradient(to right, rgba(0, 78, 146, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-21 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-21 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-21 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-21 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-21 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-21 .border-btn {
    color: #004e92;
}

body.template-color-21 .btn-hover::after {
    border: 2px solid rgba(0, 78, 146, 0.7);
}

body.template-color-21 .beauty-service>[class*="col-"] .item span {
    color: #004e92;
}

body.template-color-21 .beauty-service>[class*="col-"]:hover {
    background: rgba(0, 78, 146, 0.8);
    border-color: rgba(0, 78, 146, 0.8);
}

body.template-color-21 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-21 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-21 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-21 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-21 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #004e92;
    width: 50%;
}

body.template-color-21 .bg-color,
body.template-color-21 .hover-bg-color:hover,
body.template-color-21 [data-color-overlay]::after,
body.template-color-21 [data-color-hover-overlay]:hover::after,
body.template-color-21 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-21 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-21 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-21 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-21 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-21 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-21 .post-nav-list .nav-item a:hover,
body.template-color-21 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-21 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-21 .animated-dot .middle-dot,
body.template-color-21 .animated-dot .signal,
body.template-color-21 .animated-dot .signal2,
body.template-color-21 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-21 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-21 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-21 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-21 .pricing-box .header .feature-mark,
body.template-color-21 .sl-testimonial .pic:after,
body.template-color-21 .sl-testimonial .pic:before,
body.template-color-21 #common-footer:before,
body.template-color-21 #common-footer .footer_item:before,
body.template-color-21 #common-footer .footer_menu:before,
body.template-color-21 #common-footer .footer_contacts__item:before,
body.template-color-21 .section-title.under-line h2::after {
    background: #004e92 !important;
}

body.template-color-21 .creative-st-header .side-menu {
    background: #004e92;
}

body.template-color-21 .scroll-top-arrow {
    background: #004e92;
}

body.template-color-21 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #004e92;
}

body.template-color-21 .footer-social li a:hover {
    background-color: #004e92;
    color: #ffffff;
}

body.template-color-21 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #004e92 !important;
}

body.template-color-21 .pricing-box.hoverable:hover,
body.template-color-21 .pricing-box.hoverable.active {
    background: #004e92;
}

body.template-color-21 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-21 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #004e92 !important;
    color: #fff;
}

body.template-color-21 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-21 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #004e92 !important;
}

body.template-color-21 .progress-bar span.percent-label:after {
    border-color: #004e92 transparent transparent transparent !important;
}

body.template-color-21 .icon-box.style-5 .inner .inner-icon {
    color: #004e92;
}

body.template-color-21 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-21 .icon-box.style-5:hover .gradients-button {
    color: #004e92;
}

body.template-color-21 .team-part .single-blog-item .social-icon a:hover {
    background-color: #004e92;
    color: #ffffff;
    border-color: #004e92;
}

body.template-color-21 .chackbox input:checked~span {
    background: #004e92 !important;
    border-color: #004e92 !important;
}

body.template-color-21 .radio span:after {
    background: #004e92 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-21 .booking_form .img-sec {
        background: #004e92 !important;
    }
}

body.template-color-21 .crypto-table .table {
    border: 8px solid #004e92;
}

body.template-color-21 .agn-testimonial .carousel-control-next:hover,
body.template-color-21 .agn-testimonial .carousel-control-prev:hover,
body.template-color-21 .agn-testimonial .carousel-control-next:focus,
body.template-color-21 .agn-testimonial .carousel-control-prev:focus {
    background: #004e92;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-21 .box-team .overlay {
    background-color: rgba(0, 78, 146, 0.75);
}

body.template-color-21 .social-shere:hover {
    border-color: #004e92 !important;
}

body.template-color-21 .social-shere:hover .social-site p {
    color: #004e92 !important;
}

body.template-color-21 .social-shere:hover .icon i {
    color: #004e92 !important;
}

body.template-color-21 .testimonial-slider .carousel-indicators li.active {
    border-color: #004e92;
}

body.template-color-21 .service-box i {
    color: #004e92;
}

body.template-color-21 .service-box .readmore {
    color: #004e92;
}

body.template-color-21 .service-box .readmore:before {
    background-color: #004e92;
}

body.template-color-21 .service-box:hover {
    background: #004e92;
}

body.template-color-21 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-21 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-21 .service-box:hover i,
body.template-color-21 .service-box:hover h4,
body.template-color-21 .service-box:hover p {
    color: #ffffff;
}

body.template-color-21 .icon-border-shadow {
    background: #004e92 !important;
}

body.template-color-21 .icon-border-shadow:before {
    background: rgba(0, 78, 146, 0.3) !important;
}

body.template-color-21 .icon-border-shadow:after {
    background: rgba(0, 78, 146, 0.5) !important;
}

body.template-color-21 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #004e92;
}

body.template-color-21 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-21 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #004e92 !important;
}

body.template-color-21 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-21 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-21 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-21 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-21 .icon-box .inner .icon-3.style-2 {
    background: rgba(0, 78, 146, 0.1) !important;
}

body.template-color-21 .icon-box .inner .icon-3.style-3 {
    background: #004e92;
}

body.template-color-21 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(0, 78, 146, 0.75) !important;
}

body.template-color-21 .text-color,
body.template-color-21 .hover-text-color:hover,
body.template-color-21 .snail_toolbar .inner a:hover,
body.template-color-21 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-21 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-21 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-21 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-21 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-21 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-21 .blog-tag-list a:hover,
body.template-color-21 .sl-quote::before,
body.template-color-21 .blog-post-return-button a:hover,
body.template-color-21 .portfolio-details-list .details-list span a:hover,
body.template-color-21 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-21 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-21 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-21 .product:hover .product-contain h4,
body.template-color-21 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-21 .mini-cart .shopping-cart .footer .total,
body.template-color-21 .mini-cart .shopping-cart .footer .total span,
body.template-color-21 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-21 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-21 .post.blog2 .post-body h5 a:hover,
body.template-color-21 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-21 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-21 .tab.tabs-links .nav .nav-link a.active,
body.template-color-21 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-21 .blog-post .blog-inner .blog-title a:hover,
body.template-color-21 .footer-part.footer-classic .footer-links a:hover,
body.template-color-21 .music_area .music-artist:hover .show-title,
body.template-color-21 .sl-testimonial .description:after,
body.template-color-21 .sl-testimonial .description:before,
body.template-color-21 .rating li i,
body.template-color-21 .btn .gradients-button.hover-bg-white:hover,
body.template-color-21 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-21 #common-footer .footer_menu__list li a:hover,
body.template-color-21 .icon-box.style-5:hover .gradients-button,
body.template-color-21 .icon-box.style-5.active .gradients-button {
    color: #004e92 !important;
}

body.template-color-21 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-21 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-21 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-21 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #004e92;
}

body.template-color-21 .footer-part.footer-classic .contact-mata:hover i {
    background: #004e92;
    color: #fff;
}

body.template-color-21 .comparision-slider .handle::after {
    color: #004e92;
}

body.template-color-21 .comparision-slider .handle.bordered {
    background: #004e92;
}

body.template-color-21 .comparision-slider .handle.bordered:after {
    border: 3px solid #004e92;
}

body.template-color-21 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-21 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-21 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #004e92 !important;
    box-shadow: #004e92 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-21 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #004e92 !important;
}

body.template-color-21 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-21 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-21 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-21 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #004e92 !important;
}

body.template-color-21 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #004e92 !important;
    box-shadow: #004e92 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-21 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #004e92 !important;
    box-shadow: #004e92 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-21 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #004e92 !important;
}

body.template-color-21 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-21 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-21 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #004e92 !important;
    box-shadow: #004e92 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-21 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #004e92 !important;
}

body.template-color-21 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-21 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-21 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-21 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #004e92 !important;
}

body.template-color-21 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #004e92 !important;
    background-color: #004e92 !important;
}

body.template-color-21 .icon-box.style-4 .inner:hover .content h5 {
    color: #004e92 !important;
}

body.template-color-21 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #004e92 0%, transparent 100%);
}

body.template-color-21 .widget-category-list ul.category-area li a:hover {
    color: #004e92 !important;
}

body.template-color-21 .widget-category-list ul.category-area li a:hover span {
    background: #004e92 !important;
}

body.template-color-21 .side-menu .bg-overlay {
    background: rgba(0, 78, 146, 0.9);
}

body.template-color-21 .hue-color,
body.template-color-21 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(207.94521deg) !important;
    filter: hue-rotate(207.94521deg) !important;
}

body.template-color-21 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-21 .hero-slider .owl-nav .owl-prev:hover span {
    background: #004e92 !important;
    border-color: #004e92 !important;
    color: #ffffff;
}

body.template-color-21 .border-color,
body.template-color-21 .hover-border-color:hover,
body.template-color-21 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-21 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-21 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-21 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-21 .radio input:checked~span,
body.template-color-21 .sl-testimonial .pic img {
    border-color: #004e92 !important;
}

body.template-color-21 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #004e92;
}

body.template-color-21 .btn .light-color {
    border-color: #004e92;
    background: rgba(0, 78, 146, 0.11);
}

body.template-color-21 .btn .light-color:hover {
    background: #004e92;
    color: #ffffff;
}

body.template-color-21 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-21 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-21 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-21 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-21 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-21 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-22 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-22 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-22 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-22 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-22 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-22 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-22 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #000428 !important;
}

body.template-color-22 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-22 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #000428 !important;
}

body.template-color-22 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-22 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-22 .mini-cart .shopping-cart,
body.template-color-22 .dropdown__menu,
body.template-color-22 .mega-width-fullscreen,
body.template-color-22 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #000428 !important;
}

body.template-color-22 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-22 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-22 .header-full-menu .social-icons-simple li a:hover,
body.template-color-22 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-22 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #000428;
}

body.template-color-22 #scroll-top {
    background: #000428 !important;
    border: 2px solid #000428;
}

body.template-color-22 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-22 #scroll-top:hover {
    background: #000428;
}

body.template-color-22 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-22 #scroll-top.with-hover {
    border-color: #000428 !important;
    background: #ffffff !important;
}

body.template-color-22 #scroll-top.with-hover i {
    color: #000428 !important;
}

body.template-color-22 #scroll-top.with-hover:hover {
    background: #000428 !important;
}

body.template-color-22 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-22 .salon-prices .price-list {
    border-bottom: 2px solid #000428;
    background: linear-gradient(to right, rgba(0, 4, 40, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-22 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-22 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-22 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-22 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-22 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-22 .border-btn {
    color: #000428;
}

body.template-color-22 .btn-hover::after {
    border: 2px solid rgba(0, 4, 40, 0.7);
}

body.template-color-22 .beauty-service>[class*="col-"] .item span {
    color: #000428;
}

body.template-color-22 .beauty-service>[class*="col-"]:hover {
    background: rgba(0, 4, 40, 0.8);
    border-color: rgba(0, 4, 40, 0.8);
}

body.template-color-22 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-22 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-22 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-22 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-22 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #000428;
    width: 50%;
}

body.template-color-22 .bg-color,
body.template-color-22 .hover-bg-color:hover,
body.template-color-22 [data-color-overlay]::after,
body.template-color-22 [data-color-hover-overlay]:hover::after,
body.template-color-22 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-22 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-22 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-22 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-22 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-22 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-22 .post-nav-list .nav-item a:hover,
body.template-color-22 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-22 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-22 .animated-dot .middle-dot,
body.template-color-22 .animated-dot .signal,
body.template-color-22 .animated-dot .signal2,
body.template-color-22 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-22 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-22 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-22 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-22 .pricing-box .header .feature-mark,
body.template-color-22 .sl-testimonial .pic:after,
body.template-color-22 .sl-testimonial .pic:before,
body.template-color-22 #common-footer:before,
body.template-color-22 #common-footer .footer_item:before,
body.template-color-22 #common-footer .footer_menu:before,
body.template-color-22 #common-footer .footer_contacts__item:before,
body.template-color-22 .section-title.under-line h2::after {
    background: #000428 !important;
}

body.template-color-22 .creative-st-header .side-menu {
    background: #000428;
}

body.template-color-22 .scroll-top-arrow {
    background: #000428;
}

body.template-color-22 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #000428;
}

body.template-color-22 .footer-social li a:hover {
    background-color: #000428;
    color: #ffffff;
}

body.template-color-22 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #000428 !important;
}

body.template-color-22 .pricing-box.hoverable:hover,
body.template-color-22 .pricing-box.hoverable.active {
    background: #000428;
}

body.template-color-22 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-22 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #000428 !important;
    color: #fff;
}

body.template-color-22 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-22 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #000428 !important;
}

body.template-color-22 .progress-bar span.percent-label:after {
    border-color: #000428 transparent transparent transparent !important;
}

body.template-color-22 .icon-box.style-5 .inner .inner-icon {
    color: #000428;
}

body.template-color-22 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-22 .icon-box.style-5:hover .gradients-button {
    color: #000428;
}

body.template-color-22 .team-part .single-blog-item .social-icon a:hover {
    background-color: #000428;
    color: #ffffff;
    border-color: #000428;
}

body.template-color-22 .chackbox input:checked~span {
    background: #000428 !important;
    border-color: #000428 !important;
}

body.template-color-22 .radio span:after {
    background: #000428 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-22 .booking_form .img-sec {
        background: #000428 !important;
    }
}

body.template-color-22 .crypto-table .table {
    border: 8px solid #000428;
}

body.template-color-22 .agn-testimonial .carousel-control-next:hover,
body.template-color-22 .agn-testimonial .carousel-control-prev:hover,
body.template-color-22 .agn-testimonial .carousel-control-next:focus,
body.template-color-22 .agn-testimonial .carousel-control-prev:focus {
    background: #000428;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-22 .box-team .overlay {
    background-color: rgba(0, 4, 40, 0.75);
}

body.template-color-22 .social-shere:hover {
    border-color: #000428 !important;
}

body.template-color-22 .social-shere:hover .social-site p {
    color: #000428 !important;
}

body.template-color-22 .social-shere:hover .icon i {
    color: #000428 !important;
}

body.template-color-22 .testimonial-slider .carousel-indicators li.active {
    border-color: #000428;
}

body.template-color-22 .service-box i {
    color: #000428;
}

body.template-color-22 .service-box .readmore {
    color: #000428;
}

body.template-color-22 .service-box .readmore:before {
    background-color: #000428;
}

body.template-color-22 .service-box:hover {
    background: #000428;
}

body.template-color-22 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-22 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-22 .service-box:hover i,
body.template-color-22 .service-box:hover h4,
body.template-color-22 .service-box:hover p {
    color: #ffffff;
}

body.template-color-22 .icon-border-shadow {
    background: #000428 !important;
}

body.template-color-22 .icon-border-shadow:before {
    background: rgba(0, 4, 40, 0.3) !important;
}

body.template-color-22 .icon-border-shadow:after {
    background: rgba(0, 4, 40, 0.5) !important;
}

body.template-color-22 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #000428;
}

body.template-color-22 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-22 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #000428 !important;
}

body.template-color-22 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-22 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-22 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-22 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-22 .icon-box .inner .icon-3.style-2 {
    background: rgba(0, 4, 40, 0.1) !important;
}

body.template-color-22 .icon-box .inner .icon-3.style-3 {
    background: #000428;
}

body.template-color-22 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(0, 4, 40, 0.75) !important;
}

body.template-color-22 .text-color,
body.template-color-22 .hover-text-color:hover,
body.template-color-22 .snail_toolbar .inner a:hover,
body.template-color-22 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-22 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-22 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-22 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-22 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-22 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-22 .blog-tag-list a:hover,
body.template-color-22 .sl-quote::before,
body.template-color-22 .blog-post-return-button a:hover,
body.template-color-22 .portfolio-details-list .details-list span a:hover,
body.template-color-22 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-22 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-22 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-22 .product:hover .product-contain h4,
body.template-color-22 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-22 .mini-cart .shopping-cart .footer .total,
body.template-color-22 .mini-cart .shopping-cart .footer .total span,
body.template-color-22 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-22 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-22 .post.blog2 .post-body h5 a:hover,
body.template-color-22 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-22 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-22 .tab.tabs-links .nav .nav-link a.active,
body.template-color-22 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-22 .blog-post .blog-inner .blog-title a:hover,
body.template-color-22 .footer-part.footer-classic .footer-links a:hover,
body.template-color-22 .music_area .music-artist:hover .show-title,
body.template-color-22 .sl-testimonial .description:after,
body.template-color-22 .sl-testimonial .description:before,
body.template-color-22 .rating li i,
body.template-color-22 .btn .gradients-button.hover-bg-white:hover,
body.template-color-22 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-22 #common-footer .footer_menu__list li a:hover,
body.template-color-22 .icon-box.style-5:hover .gradients-button,
body.template-color-22 .icon-box.style-5.active .gradients-button {
    color: #000428 !important;
}

body.template-color-22 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-22 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-22 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-22 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #000428;
}

body.template-color-22 .footer-part.footer-classic .contact-mata:hover i {
    background: #000428;
    color: #fff;
}

body.template-color-22 .comparision-slider .handle::after {
    color: #000428;
}

body.template-color-22 .comparision-slider .handle.bordered {
    background: #000428;
}

body.template-color-22 .comparision-slider .handle.bordered:after {
    border: 3px solid #000428;
}

body.template-color-22 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-22 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-22 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #000428 !important;
    box-shadow: #000428 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-22 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #000428 !important;
}

body.template-color-22 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-22 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-22 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-22 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #000428 !important;
}

body.template-color-22 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #000428 !important;
    box-shadow: #000428 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-22 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #000428 !important;
    box-shadow: #000428 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-22 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #000428 !important;
}

body.template-color-22 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-22 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-22 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #000428 !important;
    box-shadow: #000428 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-22 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #000428 !important;
}

body.template-color-22 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-22 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-22 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-22 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #000428 !important;
}

body.template-color-22 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #000428 !important;
    background-color: #000428 !important;
}

body.template-color-22 .icon-box.style-4 .inner:hover .content h5 {
    color: #000428 !important;
}

body.template-color-22 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #000428 0%, transparent 100%);
}

body.template-color-22 .widget-category-list ul.category-area li a:hover {
    color: #000428 !important;
}

body.template-color-22 .widget-category-list ul.category-area li a:hover span {
    background: #000428 !important;
}

body.template-color-22 .side-menu .bg-overlay {
    background: rgba(0, 4, 40, 0.9);
}

body.template-color-22 .hue-color,
body.template-color-22 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(234deg) !important;
    filter: hue-rotate(234deg) !important;
}

body.template-color-22 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-22 .hero-slider .owl-nav .owl-prev:hover span {
    background: #000428 !important;
    border-color: #000428 !important;
    color: #ffffff;
}

body.template-color-22 .border-color,
body.template-color-22 .hover-border-color:hover,
body.template-color-22 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-22 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-22 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-22 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-22 .radio input:checked~span,
body.template-color-22 .sl-testimonial .pic img {
    border-color: #000428 !important;
}

body.template-color-22 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #000428;
}

body.template-color-22 .btn .light-color {
    border-color: #000428;
    background: rgba(0, 4, 40, 0.11);
}

body.template-color-22 .btn .light-color:hover {
    background: #000428;
    color: #ffffff;
}

body.template-color-22 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-22 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-22 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-22 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-22 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-22 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-23 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-23 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-23 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-23 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-23 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-23 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-23 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FC0044 !important;
}

body.template-color-23 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-23 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FC0044 !important;
}

body.template-color-23 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-23 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-23 .mini-cart .shopping-cart,
body.template-color-23 .dropdown__menu,
body.template-color-23 .mega-width-fullscreen,
body.template-color-23 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FC0044 !important;
}

body.template-color-23 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-23 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-23 .header-full-menu .social-icons-simple li a:hover,
body.template-color-23 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-23 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FC0044;
}

body.template-color-23 #scroll-top {
    background: #FC0044 !important;
    border: 2px solid #FC0044;
}

body.template-color-23 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-23 #scroll-top:hover {
    background: #FC0044;
}

body.template-color-23 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-23 #scroll-top.with-hover {
    border-color: #FC0044 !important;
    background: #ffffff !important;
}

body.template-color-23 #scroll-top.with-hover i {
    color: #FC0044 !important;
}

body.template-color-23 #scroll-top.with-hover:hover {
    background: #FC0044 !important;
}

body.template-color-23 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-23 .salon-prices .price-list {
    border-bottom: 2px solid #FC0044;
    background: linear-gradient(to right, rgba(252, 0, 68, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-23 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-23 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-23 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-23 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-23 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-23 .border-btn {
    color: #FC0044;
}

body.template-color-23 .btn-hover::after {
    border: 2px solid rgba(252, 0, 68, 0.7);
}

body.template-color-23 .beauty-service>[class*="col-"] .item span {
    color: #FC0044;
}

body.template-color-23 .beauty-service>[class*="col-"]:hover {
    background: rgba(252, 0, 68, 0.8);
    border-color: rgba(252, 0, 68, 0.8);
}

body.template-color-23 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-23 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-23 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-23 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-23 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FC0044;
    width: 50%;
}

body.template-color-23 .bg-color,
body.template-color-23 .hover-bg-color:hover,
body.template-color-23 [data-color-overlay]::after,
body.template-color-23 [data-color-hover-overlay]:hover::after,
body.template-color-23 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-23 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-23 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-23 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-23 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-23 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-23 .post-nav-list .nav-item a:hover,
body.template-color-23 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-23 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-23 .animated-dot .middle-dot,
body.template-color-23 .animated-dot .signal,
body.template-color-23 .animated-dot .signal2,
body.template-color-23 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-23 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-23 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-23 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-23 .pricing-box .header .feature-mark,
body.template-color-23 .sl-testimonial .pic:after,
body.template-color-23 .sl-testimonial .pic:before,
body.template-color-23 #common-footer:before,
body.template-color-23 #common-footer .footer_item:before,
body.template-color-23 #common-footer .footer_menu:before,
body.template-color-23 #common-footer .footer_contacts__item:before,
body.template-color-23 .section-title.under-line h2::after {
    background: #FC0044 !important;
}

body.template-color-23 .creative-st-header .side-menu {
    background: #FC0044;
}

body.template-color-23 .scroll-top-arrow {
    background: #FC0044;
}

body.template-color-23 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FC0044;
}

body.template-color-23 .footer-social li a:hover {
    background-color: #FC0044;
    color: #ffffff;
}

body.template-color-23 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FC0044 !important;
}

body.template-color-23 .pricing-box.hoverable:hover,
body.template-color-23 .pricing-box.hoverable.active {
    background: #FC0044;
}

body.template-color-23 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-23 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FC0044 !important;
    color: #fff;
}

body.template-color-23 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-23 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FC0044 !important;
}

body.template-color-23 .progress-bar span.percent-label:after {
    border-color: #FC0044 transparent transparent transparent !important;
}

body.template-color-23 .icon-box.style-5 .inner .inner-icon {
    color: #FC0044;
}

body.template-color-23 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-23 .icon-box.style-5:hover .gradients-button {
    color: #FC0044;
}

body.template-color-23 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FC0044;
    color: #ffffff;
    border-color: #FC0044;
}

body.template-color-23 .chackbox input:checked~span {
    background: #FC0044 !important;
    border-color: #FC0044 !important;
}

body.template-color-23 .radio span:after {
    background: #FC0044 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-23 .booking_form .img-sec {
        background: #FC0044 !important;
    }
}

body.template-color-23 .crypto-table .table {
    border: 8px solid #FC0044;
}

body.template-color-23 .agn-testimonial .carousel-control-next:hover,
body.template-color-23 .agn-testimonial .carousel-control-prev:hover,
body.template-color-23 .agn-testimonial .carousel-control-next:focus,
body.template-color-23 .agn-testimonial .carousel-control-prev:focus {
    background: #FC0044;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-23 .box-team .overlay {
    background-color: rgba(252, 0, 68, 0.75);
}

body.template-color-23 .social-shere:hover {
    border-color: #FC0044 !important;
}

body.template-color-23 .social-shere:hover .social-site p {
    color: #FC0044 !important;
}

body.template-color-23 .social-shere:hover .icon i {
    color: #FC0044 !important;
}

body.template-color-23 .testimonial-slider .carousel-indicators li.active {
    border-color: #FC0044;
}

body.template-color-23 .service-box i {
    color: #FC0044;
}

body.template-color-23 .service-box .readmore {
    color: #FC0044;
}

body.template-color-23 .service-box .readmore:before {
    background-color: #FC0044;
}

body.template-color-23 .service-box:hover {
    background: #FC0044;
}

body.template-color-23 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-23 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-23 .service-box:hover i,
body.template-color-23 .service-box:hover h4,
body.template-color-23 .service-box:hover p {
    color: #ffffff;
}

body.template-color-23 .icon-border-shadow {
    background: #FC0044 !important;
}

body.template-color-23 .icon-border-shadow:before {
    background: rgba(252, 0, 68, 0.3) !important;
}

body.template-color-23 .icon-border-shadow:after {
    background: rgba(252, 0, 68, 0.5) !important;
}

body.template-color-23 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FC0044;
}

body.template-color-23 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-23 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FC0044 !important;
}

body.template-color-23 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-23 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-23 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-23 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-23 .icon-box .inner .icon-3.style-2 {
    background: rgba(252, 0, 68, 0.1) !important;
}

body.template-color-23 .icon-box .inner .icon-3.style-3 {
    background: #FC0044;
}

body.template-color-23 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(252, 0, 68, 0.75) !important;
}

body.template-color-23 .text-color,
body.template-color-23 .hover-text-color:hover,
body.template-color-23 .snail_toolbar .inner a:hover,
body.template-color-23 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-23 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-23 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-23 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-23 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-23 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-23 .blog-tag-list a:hover,
body.template-color-23 .sl-quote::before,
body.template-color-23 .blog-post-return-button a:hover,
body.template-color-23 .portfolio-details-list .details-list span a:hover,
body.template-color-23 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-23 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-23 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-23 .product:hover .product-contain h4,
body.template-color-23 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-23 .mini-cart .shopping-cart .footer .total,
body.template-color-23 .mini-cart .shopping-cart .footer .total span,
body.template-color-23 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-23 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-23 .post.blog2 .post-body h5 a:hover,
body.template-color-23 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-23 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-23 .tab.tabs-links .nav .nav-link a.active,
body.template-color-23 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-23 .blog-post .blog-inner .blog-title a:hover,
body.template-color-23 .footer-part.footer-classic .footer-links a:hover,
body.template-color-23 .music_area .music-artist:hover .show-title,
body.template-color-23 .sl-testimonial .description:after,
body.template-color-23 .sl-testimonial .description:before,
body.template-color-23 .rating li i,
body.template-color-23 .btn .gradients-button.hover-bg-white:hover,
body.template-color-23 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-23 #common-footer .footer_menu__list li a:hover,
body.template-color-23 .icon-box.style-5:hover .gradients-button,
body.template-color-23 .icon-box.style-5.active .gradients-button {
    color: #FC0044 !important;
}

body.template-color-23 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-23 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-23 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-23 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FC0044;
}

body.template-color-23 .footer-part.footer-classic .contact-mata:hover i {
    background: #FC0044;
    color: #fff;
}

body.template-color-23 .comparision-slider .handle::after {
    color: #FC0044;
}

body.template-color-23 .comparision-slider .handle.bordered {
    background: #FC0044;
}

body.template-color-23 .comparision-slider .handle.bordered:after {
    border: 3px solid #FC0044;
}

body.template-color-23 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-23 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-23 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FC0044 !important;
    box-shadow: #FC0044 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-23 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FC0044 !important;
}

body.template-color-23 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-23 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-23 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-23 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FC0044 !important;
}

body.template-color-23 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FC0044 !important;
    box-shadow: #FC0044 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-23 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FC0044 !important;
    box-shadow: #FC0044 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-23 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FC0044 !important;
}

body.template-color-23 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-23 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-23 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FC0044 !important;
    box-shadow: #FC0044 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-23 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FC0044 !important;
}

body.template-color-23 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-23 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-23 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-23 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FC0044 !important;
}

body.template-color-23 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FC0044 !important;
    background-color: #FC0044 !important;
}

body.template-color-23 .icon-box.style-4 .inner:hover .content h5 {
    color: #FC0044 !important;
}

body.template-color-23 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FC0044 0%, transparent 100%);
}

body.template-color-23 .widget-category-list ul.category-area li a:hover {
    color: #FC0044 !important;
}

body.template-color-23 .widget-category-list ul.category-area li a:hover span {
    background: #FC0044 !important;
}

body.template-color-23 .side-menu .bg-overlay {
    background: rgba(252, 0, 68, 0.9);
}

body.template-color-23 .hue-color,
body.template-color-23 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(343.80952deg) !important;
    filter: hue-rotate(343.80952deg) !important;
}

body.template-color-23 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-23 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FC0044 !important;
    border-color: #FC0044 !important;
    color: #ffffff;
}

body.template-color-23 .border-color,
body.template-color-23 .hover-border-color:hover,
body.template-color-23 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-23 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-23 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-23 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-23 .radio input:checked~span,
body.template-color-23 .sl-testimonial .pic img {
    border-color: #FC0044 !important;
}

body.template-color-23 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FC0044;
}

body.template-color-23 .btn .light-color {
    border-color: #FC0044;
    background: rgba(252, 0, 68, 0.11);
}

body.template-color-23 .btn .light-color:hover {
    background: #FC0044;
    color: #ffffff;
}

body.template-color-23 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-23 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-23 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-23 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-23 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-23 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-24 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-24 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-24 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-24 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-24 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-24 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-24 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #4D2BFE !important;
}

body.template-color-24 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-24 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #4D2BFE !important;
}

body.template-color-24 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-24 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-24 .mini-cart .shopping-cart,
body.template-color-24 .dropdown__menu,
body.template-color-24 .mega-width-fullscreen,
body.template-color-24 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #4D2BFE !important;
}

body.template-color-24 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-24 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-24 .header-full-menu .social-icons-simple li a:hover,
body.template-color-24 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-24 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #4D2BFE;
}

body.template-color-24 #scroll-top {
    background: #4D2BFE !important;
    border: 2px solid #4D2BFE;
}

body.template-color-24 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-24 #scroll-top:hover {
    background: #4D2BFE;
}

body.template-color-24 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-24 #scroll-top.with-hover {
    border-color: #4D2BFE !important;
    background: #ffffff !important;
}

body.template-color-24 #scroll-top.with-hover i {
    color: #4D2BFE !important;
}

body.template-color-24 #scroll-top.with-hover:hover {
    background: #4D2BFE !important;
}

body.template-color-24 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-24 .salon-prices .price-list {
    border-bottom: 2px solid #4D2BFE;
    background: linear-gradient(to right, rgba(77, 43, 254, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-24 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-24 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-24 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-24 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-24 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-24 .border-btn {
    color: #4D2BFE;
}

body.template-color-24 .btn-hover::after {
    border: 2px solid rgba(77, 43, 254, 0.7);
}

body.template-color-24 .beauty-service>[class*="col-"] .item span {
    color: #4D2BFE;
}

body.template-color-24 .beauty-service>[class*="col-"]:hover {
    background: rgba(77, 43, 254, 0.8);
    border-color: rgba(77, 43, 254, 0.8);
}

body.template-color-24 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-24 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-24 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-24 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-24 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #4D2BFE;
    width: 50%;
}

body.template-color-24 .bg-color,
body.template-color-24 .hover-bg-color:hover,
body.template-color-24 [data-color-overlay]::after,
body.template-color-24 [data-color-hover-overlay]:hover::after,
body.template-color-24 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-24 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-24 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-24 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-24 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-24 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-24 .post-nav-list .nav-item a:hover,
body.template-color-24 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-24 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-24 .animated-dot .middle-dot,
body.template-color-24 .animated-dot .signal,
body.template-color-24 .animated-dot .signal2,
body.template-color-24 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-24 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-24 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-24 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-24 .pricing-box .header .feature-mark,
body.template-color-24 .sl-testimonial .pic:after,
body.template-color-24 .sl-testimonial .pic:before,
body.template-color-24 #common-footer:before,
body.template-color-24 #common-footer .footer_item:before,
body.template-color-24 #common-footer .footer_menu:before,
body.template-color-24 #common-footer .footer_contacts__item:before,
body.template-color-24 .section-title.under-line h2::after {
    background: #4D2BFE !important;
}

body.template-color-24 .creative-st-header .side-menu {
    background: #4D2BFE;
}

body.template-color-24 .scroll-top-arrow {
    background: #4D2BFE;
}

body.template-color-24 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #4D2BFE;
}

body.template-color-24 .footer-social li a:hover {
    background-color: #4D2BFE;
    color: #ffffff;
}

body.template-color-24 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #4D2BFE !important;
}

body.template-color-24 .pricing-box.hoverable:hover,
body.template-color-24 .pricing-box.hoverable.active {
    background: #4D2BFE;
}

body.template-color-24 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-24 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #4D2BFE !important;
    color: #fff;
}

body.template-color-24 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-24 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #4D2BFE !important;
}

body.template-color-24 .progress-bar span.percent-label:after {
    border-color: #4D2BFE transparent transparent transparent !important;
}

body.template-color-24 .icon-box.style-5 .inner .inner-icon {
    color: #4D2BFE;
}

body.template-color-24 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-24 .icon-box.style-5:hover .gradients-button {
    color: #4D2BFE;
}

body.template-color-24 .team-part .single-blog-item .social-icon a:hover {
    background-color: #4D2BFE;
    color: #ffffff;
    border-color: #4D2BFE;
}

body.template-color-24 .chackbox input:checked~span {
    background: #4D2BFE !important;
    border-color: #4D2BFE !important;
}

body.template-color-24 .radio span:after {
    background: #4D2BFE !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-24 .booking_form .img-sec {
        background: #4D2BFE !important;
    }
}

body.template-color-24 .crypto-table .table {
    border: 8px solid #4D2BFE;
}

body.template-color-24 .agn-testimonial .carousel-control-next:hover,
body.template-color-24 .agn-testimonial .carousel-control-prev:hover,
body.template-color-24 .agn-testimonial .carousel-control-next:focus,
body.template-color-24 .agn-testimonial .carousel-control-prev:focus {
    background: #4D2BFE;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-24 .box-team .overlay {
    background-color: rgba(77, 43, 254, 0.75);
}

body.template-color-24 .social-shere:hover {
    border-color: #4D2BFE !important;
}

body.template-color-24 .social-shere:hover .social-site p {
    color: #4D2BFE !important;
}

body.template-color-24 .social-shere:hover .icon i {
    color: #4D2BFE !important;
}

body.template-color-24 .testimonial-slider .carousel-indicators li.active {
    border-color: #4D2BFE;
}

body.template-color-24 .service-box i {
    color: #4D2BFE;
}

body.template-color-24 .service-box .readmore {
    color: #4D2BFE;
}

body.template-color-24 .service-box .readmore:before {
    background-color: #4D2BFE;
}

body.template-color-24 .service-box:hover {
    background: #4D2BFE;
}

body.template-color-24 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-24 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-24 .service-box:hover i,
body.template-color-24 .service-box:hover h4,
body.template-color-24 .service-box:hover p {
    color: #ffffff;
}

body.template-color-24 .icon-border-shadow {
    background: #4D2BFE !important;
}

body.template-color-24 .icon-border-shadow:before {
    background: rgba(77, 43, 254, 0.3) !important;
}

body.template-color-24 .icon-border-shadow:after {
    background: rgba(77, 43, 254, 0.5) !important;
}

body.template-color-24 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #4D2BFE;
}

body.template-color-24 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-24 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #4D2BFE !important;
}

body.template-color-24 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-24 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-24 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-24 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-24 .icon-box .inner .icon-3.style-2 {
    background: rgba(77, 43, 254, 0.1) !important;
}

body.template-color-24 .icon-box .inner .icon-3.style-3 {
    background: #4D2BFE;
}

body.template-color-24 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(77, 43, 254, 0.75) !important;
}

body.template-color-24 .text-color,
body.template-color-24 .hover-text-color:hover,
body.template-color-24 .snail_toolbar .inner a:hover,
body.template-color-24 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-24 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-24 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-24 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-24 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-24 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-24 .blog-tag-list a:hover,
body.template-color-24 .sl-quote::before,
body.template-color-24 .blog-post-return-button a:hover,
body.template-color-24 .portfolio-details-list .details-list span a:hover,
body.template-color-24 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-24 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-24 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-24 .product:hover .product-contain h4,
body.template-color-24 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-24 .mini-cart .shopping-cart .footer .total,
body.template-color-24 .mini-cart .shopping-cart .footer .total span,
body.template-color-24 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-24 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-24 .post.blog2 .post-body h5 a:hover,
body.template-color-24 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-24 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-24 .tab.tabs-links .nav .nav-link a.active,
body.template-color-24 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-24 .blog-post .blog-inner .blog-title a:hover,
body.template-color-24 .footer-part.footer-classic .footer-links a:hover,
body.template-color-24 .music_area .music-artist:hover .show-title,
body.template-color-24 .sl-testimonial .description:after,
body.template-color-24 .sl-testimonial .description:before,
body.template-color-24 .rating li i,
body.template-color-24 .btn .gradients-button.hover-bg-white:hover,
body.template-color-24 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-24 #common-footer .footer_menu__list li a:hover,
body.template-color-24 .icon-box.style-5:hover .gradients-button,
body.template-color-24 .icon-box.style-5.active .gradients-button {
    color: #4D2BFE !important;
}

body.template-color-24 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-24 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-24 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-24 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #4D2BFE;
}

body.template-color-24 .footer-part.footer-classic .contact-mata:hover i {
    background: #4D2BFE;
    color: #fff;
}

body.template-color-24 .comparision-slider .handle::after {
    color: #4D2BFE;
}

body.template-color-24 .comparision-slider .handle.bordered {
    background: #4D2BFE;
}

body.template-color-24 .comparision-slider .handle.bordered:after {
    border: 3px solid #4D2BFE;
}

body.template-color-24 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-24 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-24 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #4D2BFE !important;
    box-shadow: #4D2BFE 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-24 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #4D2BFE !important;
}

body.template-color-24 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-24 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-24 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-24 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #4D2BFE !important;
}

body.template-color-24 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #4D2BFE !important;
    box-shadow: #4D2BFE 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-24 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #4D2BFE !important;
    box-shadow: #4D2BFE 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-24 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #4D2BFE !important;
}

body.template-color-24 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-24 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-24 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #4D2BFE !important;
    box-shadow: #4D2BFE 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-24 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #4D2BFE !important;
}

body.template-color-24 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-24 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-24 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-24 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #4D2BFE !important;
}

body.template-color-24 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #4D2BFE !important;
    background-color: #4D2BFE !important;
}

body.template-color-24 .icon-box.style-4 .inner:hover .content h5 {
    color: #4D2BFE !important;
}

body.template-color-24 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #4D2BFE 0%, transparent 100%);
}

body.template-color-24 .widget-category-list ul.category-area li a:hover {
    color: #4D2BFE !important;
}

body.template-color-24 .widget-category-list ul.category-area li a:hover span {
    background: #4D2BFE !important;
}

body.template-color-24 .side-menu .bg-overlay {
    background: rgba(77, 43, 254, 0.9);
}

body.template-color-24 .hue-color,
body.template-color-24 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(249.66825deg) !important;
    filter: hue-rotate(249.66825deg) !important;
}

body.template-color-24 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-24 .hero-slider .owl-nav .owl-prev:hover span {
    background: #4D2BFE !important;
    border-color: #4D2BFE !important;
    color: #ffffff;
}

body.template-color-24 .border-color,
body.template-color-24 .hover-border-color:hover,
body.template-color-24 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-24 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-24 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-24 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-24 .radio input:checked~span,
body.template-color-24 .sl-testimonial .pic img {
    border-color: #4D2BFE !important;
}

body.template-color-24 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #4D2BFE;
}

body.template-color-24 .btn .light-color {
    border-color: #4D2BFE;
    background: rgba(77, 43, 254, 0.11);
}

body.template-color-24 .btn .light-color:hover {
    background: #4D2BFE;
    color: #ffffff;
}

body.template-color-24 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-24 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-24 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-24 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-24 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-24 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-25 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-25 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-25 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-25 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-25 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-25 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-25 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FF5F6D !important;
}

body.template-color-25 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-25 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FF5F6D !important;
}

body.template-color-25 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-25 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-25 .mini-cart .shopping-cart,
body.template-color-25 .dropdown__menu,
body.template-color-25 .mega-width-fullscreen,
body.template-color-25 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FF5F6D !important;
}

body.template-color-25 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-25 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-25 .header-full-menu .social-icons-simple li a:hover,
body.template-color-25 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-25 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FF5F6D;
}

body.template-color-25 #scroll-top {
    background: #FF5F6D !important;
    border: 2px solid #FF5F6D;
}

body.template-color-25 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-25 #scroll-top:hover {
    background: #FF5F6D;
}

body.template-color-25 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-25 #scroll-top.with-hover {
    border-color: #FF5F6D !important;
    background: #ffffff !important;
}

body.template-color-25 #scroll-top.with-hover i {
    color: #FF5F6D !important;
}

body.template-color-25 #scroll-top.with-hover:hover {
    background: #FF5F6D !important;
}

body.template-color-25 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-25 .salon-prices .price-list {
    border-bottom: 2px solid #FF5F6D;
    background: linear-gradient(to right, rgba(255, 95, 109, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-25 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-25 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-25 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-25 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-25 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-25 .border-btn {
    color: #FF5F6D;
}

body.template-color-25 .btn-hover::after {
    border: 2px solid rgba(255, 95, 109, 0.7);
}

body.template-color-25 .beauty-service>[class*="col-"] .item span {
    color: #FF5F6D;
}

body.template-color-25 .beauty-service>[class*="col-"]:hover {
    background: rgba(255, 95, 109, 0.8);
    border-color: rgba(255, 95, 109, 0.8);
}

body.template-color-25 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-25 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-25 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-25 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-25 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FF5F6D;
    width: 50%;
}

body.template-color-25 .bg-color,
body.template-color-25 .hover-bg-color:hover,
body.template-color-25 [data-color-overlay]::after,
body.template-color-25 [data-color-hover-overlay]:hover::after,
body.template-color-25 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-25 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-25 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-25 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-25 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-25 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-25 .post-nav-list .nav-item a:hover,
body.template-color-25 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-25 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-25 .animated-dot .middle-dot,
body.template-color-25 .animated-dot .signal,
body.template-color-25 .animated-dot .signal2,
body.template-color-25 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-25 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-25 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-25 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-25 .pricing-box .header .feature-mark,
body.template-color-25 .sl-testimonial .pic:after,
body.template-color-25 .sl-testimonial .pic:before,
body.template-color-25 #common-footer:before,
body.template-color-25 #common-footer .footer_item:before,
body.template-color-25 #common-footer .footer_menu:before,
body.template-color-25 #common-footer .footer_contacts__item:before,
body.template-color-25 .section-title.under-line h2::after {
    background: #FF5F6D !important;
}

body.template-color-25 .creative-st-header .side-menu {
    background: #FF5F6D;
}

body.template-color-25 .scroll-top-arrow {
    background: #FF5F6D;
}

body.template-color-25 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FF5F6D;
}

body.template-color-25 .footer-social li a:hover {
    background-color: #FF5F6D;
    color: #ffffff;
}

body.template-color-25 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FF5F6D !important;
}

body.template-color-25 .pricing-box.hoverable:hover,
body.template-color-25 .pricing-box.hoverable.active {
    background: #FF5F6D;
}

body.template-color-25 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-25 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FF5F6D !important;
    color: #fff;
}

body.template-color-25 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-25 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FF5F6D !important;
}

body.template-color-25 .progress-bar span.percent-label:after {
    border-color: #FF5F6D transparent transparent transparent !important;
}

body.template-color-25 .icon-box.style-5 .inner .inner-icon {
    color: #FF5F6D;
}

body.template-color-25 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-25 .icon-box.style-5:hover .gradients-button {
    color: #FF5F6D;
}

body.template-color-25 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FF5F6D;
    color: #ffffff;
    border-color: #FF5F6D;
}

body.template-color-25 .chackbox input:checked~span {
    background: #FF5F6D !important;
    border-color: #FF5F6D !important;
}

body.template-color-25 .radio span:after {
    background: #FF5F6D !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-25 .booking_form .img-sec {
        background: #FF5F6D !important;
    }
}

body.template-color-25 .crypto-table .table {
    border: 8px solid #FF5F6D;
}

body.template-color-25 .agn-testimonial .carousel-control-next:hover,
body.template-color-25 .agn-testimonial .carousel-control-prev:hover,
body.template-color-25 .agn-testimonial .carousel-control-next:focus,
body.template-color-25 .agn-testimonial .carousel-control-prev:focus {
    background: #FF5F6D;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-25 .box-team .overlay {
    background-color: rgba(255, 95, 109, 0.75);
}

body.template-color-25 .social-shere:hover {
    border-color: #FF5F6D !important;
}

body.template-color-25 .social-shere:hover .social-site p {
    color: #FF5F6D !important;
}

body.template-color-25 .social-shere:hover .icon i {
    color: #FF5F6D !important;
}

body.template-color-25 .testimonial-slider .carousel-indicators li.active {
    border-color: #FF5F6D;
}

body.template-color-25 .service-box i {
    color: #FF5F6D;
}

body.template-color-25 .service-box .readmore {
    color: #FF5F6D;
}

body.template-color-25 .service-box .readmore:before {
    background-color: #FF5F6D;
}

body.template-color-25 .service-box:hover {
    background: #FF5F6D;
}

body.template-color-25 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-25 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-25 .service-box:hover i,
body.template-color-25 .service-box:hover h4,
body.template-color-25 .service-box:hover p {
    color: #ffffff;
}

body.template-color-25 .icon-border-shadow {
    background: #FF5F6D !important;
}

body.template-color-25 .icon-border-shadow:before {
    background: rgba(255, 95, 109, 0.3) !important;
}

body.template-color-25 .icon-border-shadow:after {
    background: rgba(255, 95, 109, 0.5) !important;
}

body.template-color-25 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FF5F6D;
}

body.template-color-25 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-25 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FF5F6D !important;
}

body.template-color-25 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-25 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-25 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-25 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-25 .icon-box .inner .icon-3.style-2 {
    background: rgba(255, 95, 109, 0.1) !important;
}

body.template-color-25 .icon-box .inner .icon-3.style-3 {
    background: #FF5F6D;
}

body.template-color-25 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(255, 95, 109, 0.75) !important;
}

body.template-color-25 .text-color,
body.template-color-25 .hover-text-color:hover,
body.template-color-25 .snail_toolbar .inner a:hover,
body.template-color-25 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-25 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-25 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-25 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-25 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-25 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-25 .blog-tag-list a:hover,
body.template-color-25 .sl-quote::before,
body.template-color-25 .blog-post-return-button a:hover,
body.template-color-25 .portfolio-details-list .details-list span a:hover,
body.template-color-25 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-25 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-25 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-25 .product:hover .product-contain h4,
body.template-color-25 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-25 .mini-cart .shopping-cart .footer .total,
body.template-color-25 .mini-cart .shopping-cart .footer .total span,
body.template-color-25 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-25 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-25 .post.blog2 .post-body h5 a:hover,
body.template-color-25 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-25 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-25 .tab.tabs-links .nav .nav-link a.active,
body.template-color-25 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-25 .blog-post .blog-inner .blog-title a:hover,
body.template-color-25 .footer-part.footer-classic .footer-links a:hover,
body.template-color-25 .music_area .music-artist:hover .show-title,
body.template-color-25 .sl-testimonial .description:after,
body.template-color-25 .sl-testimonial .description:before,
body.template-color-25 .rating li i,
body.template-color-25 .btn .gradients-button.hover-bg-white:hover,
body.template-color-25 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-25 #common-footer .footer_menu__list li a:hover,
body.template-color-25 .icon-box.style-5:hover .gradients-button,
body.template-color-25 .icon-box.style-5.active .gradients-button {
    color: #FF5F6D !important;
}

body.template-color-25 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-25 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-25 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-25 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FF5F6D;
}

body.template-color-25 .footer-part.footer-classic .contact-mata:hover i {
    background: #FF5F6D;
    color: #fff;
}

body.template-color-25 .comparision-slider .handle::after {
    color: #FF5F6D;
}

body.template-color-25 .comparision-slider .handle.bordered {
    background: #FF5F6D;
}

body.template-color-25 .comparision-slider .handle.bordered:after {
    border: 3px solid #FF5F6D;
}

body.template-color-25 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-25 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-25 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FF5F6D !important;
    box-shadow: #FF5F6D 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-25 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FF5F6D !important;
}

body.template-color-25 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-25 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-25 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-25 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FF5F6D !important;
}

body.template-color-25 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FF5F6D !important;
    box-shadow: #FF5F6D 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-25 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FF5F6D !important;
    box-shadow: #FF5F6D 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-25 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FF5F6D !important;
}

body.template-color-25 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-25 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-25 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FF5F6D !important;
    box-shadow: #FF5F6D 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-25 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FF5F6D !important;
}

body.template-color-25 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-25 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-25 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-25 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FF5F6D !important;
}

body.template-color-25 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FF5F6D !important;
    background-color: #FF5F6D !important;
}

body.template-color-25 .icon-box.style-4 .inner:hover .content h5 {
    color: #FF5F6D !important;
}

body.template-color-25 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FF5F6D 0%, transparent 100%);
}

body.template-color-25 .widget-category-list ul.category-area li a:hover {
    color: #FF5F6D !important;
}

body.template-color-25 .widget-category-list ul.category-area li a:hover span {
    background: #FF5F6D !important;
}

body.template-color-25 .side-menu .bg-overlay {
    background: rgba(255, 95, 109, 0.9);
}

body.template-color-25 .hue-color,
body.template-color-25 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(354.75deg) !important;
    filter: hue-rotate(354.75deg) !important;
}

body.template-color-25 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-25 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FF5F6D !important;
    border-color: #FF5F6D !important;
    color: #ffffff;
}

body.template-color-25 .border-color,
body.template-color-25 .hover-border-color:hover,
body.template-color-25 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-25 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-25 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-25 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-25 .radio input:checked~span,
body.template-color-25 .sl-testimonial .pic img {
    border-color: #FF5F6D !important;
}

body.template-color-25 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FF5F6D;
}

body.template-color-25 .btn .light-color {
    border-color: #FF5F6D;
    background: rgba(255, 95, 109, 0.11);
}

body.template-color-25 .btn .light-color:hover {
    background: #FF5F6D;
    color: #ffffff;
}

body.template-color-25 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-25 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-25 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-25 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-25 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-25 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-26 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-26 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-26 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-26 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-26 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-26 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-26 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FFC371 !important;
}

body.template-color-26 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-26 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FFC371 !important;
}

body.template-color-26 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-26 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-26 .mini-cart .shopping-cart,
body.template-color-26 .dropdown__menu,
body.template-color-26 .mega-width-fullscreen,
body.template-color-26 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FFC371 !important;
}

body.template-color-26 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-26 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-26 .header-full-menu .social-icons-simple li a:hover,
body.template-color-26 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-26 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FFC371;
}

body.template-color-26 #scroll-top {
    background: #FFC371 !important;
    border: 2px solid #FFC371;
}

body.template-color-26 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-26 #scroll-top:hover {
    background: #FFC371;
}

body.template-color-26 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-26 #scroll-top.with-hover {
    border-color: #FFC371 !important;
    background: #ffffff !important;
}

body.template-color-26 #scroll-top.with-hover i {
    color: #FFC371 !important;
}

body.template-color-26 #scroll-top.with-hover:hover {
    background: #FFC371 !important;
}

body.template-color-26 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-26 .salon-prices .price-list {
    border-bottom: 2px solid #FFC371;
    background: linear-gradient(to right, rgba(255, 195, 113, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-26 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-26 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-26 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-26 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-26 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-26 .border-btn {
    color: #FFC371;
}

body.template-color-26 .btn-hover::after {
    border: 2px solid rgba(255, 195, 113, 0.7);
}

body.template-color-26 .beauty-service>[class*="col-"] .item span {
    color: #FFC371;
}

body.template-color-26 .beauty-service>[class*="col-"]:hover {
    background: rgba(255, 195, 113, 0.8);
    border-color: rgba(255, 195, 113, 0.8);
}

body.template-color-26 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-26 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-26 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-26 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-26 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FFC371;
    width: 50%;
}

body.template-color-26 .bg-color,
body.template-color-26 .hover-bg-color:hover,
body.template-color-26 [data-color-overlay]::after,
body.template-color-26 [data-color-hover-overlay]:hover::after,
body.template-color-26 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-26 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-26 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-26 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-26 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-26 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-26 .post-nav-list .nav-item a:hover,
body.template-color-26 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-26 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-26 .animated-dot .middle-dot,
body.template-color-26 .animated-dot .signal,
body.template-color-26 .animated-dot .signal2,
body.template-color-26 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-26 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-26 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-26 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-26 .pricing-box .header .feature-mark,
body.template-color-26 .sl-testimonial .pic:after,
body.template-color-26 .sl-testimonial .pic:before,
body.template-color-26 #common-footer:before,
body.template-color-26 #common-footer .footer_item:before,
body.template-color-26 #common-footer .footer_menu:before,
body.template-color-26 #common-footer .footer_contacts__item:before,
body.template-color-26 .section-title.under-line h2::after {
    background: #FFC371 !important;
}

body.template-color-26 .creative-st-header .side-menu {
    background: #FFC371;
}

body.template-color-26 .scroll-top-arrow {
    background: #FFC371;
}

body.template-color-26 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FFC371;
}

body.template-color-26 .footer-social li a:hover {
    background-color: #FFC371;
    color: #ffffff;
}

body.template-color-26 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FFC371 !important;
}

body.template-color-26 .pricing-box.hoverable:hover,
body.template-color-26 .pricing-box.hoverable.active {
    background: #FFC371;
}

body.template-color-26 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-26 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FFC371 !important;
    color: #fff;
}

body.template-color-26 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-26 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FFC371 !important;
}

body.template-color-26 .progress-bar span.percent-label:after {
    border-color: #FFC371 transparent transparent transparent !important;
}

body.template-color-26 .icon-box.style-5 .inner .inner-icon {
    color: #FFC371;
}

body.template-color-26 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-26 .icon-box.style-5:hover .gradients-button {
    color: #FFC371;
}

body.template-color-26 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FFC371;
    color: #ffffff;
    border-color: #FFC371;
}

body.template-color-26 .chackbox input:checked~span {
    background: #FFC371 !important;
    border-color: #FFC371 !important;
}

body.template-color-26 .radio span:after {
    background: #FFC371 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-26 .booking_form .img-sec {
        background: #FFC371 !important;
    }
}

body.template-color-26 .crypto-table .table {
    border: 8px solid #FFC371;
}

body.template-color-26 .agn-testimonial .carousel-control-next:hover,
body.template-color-26 .agn-testimonial .carousel-control-prev:hover,
body.template-color-26 .agn-testimonial .carousel-control-next:focus,
body.template-color-26 .agn-testimonial .carousel-control-prev:focus {
    background: #FFC371;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-26 .box-team .overlay {
    background-color: rgba(255, 195, 113, 0.75);
}

body.template-color-26 .social-shere:hover {
    border-color: #FFC371 !important;
}

body.template-color-26 .social-shere:hover .social-site p {
    color: #FFC371 !important;
}

body.template-color-26 .social-shere:hover .icon i {
    color: #FFC371 !important;
}

body.template-color-26 .testimonial-slider .carousel-indicators li.active {
    border-color: #FFC371;
}

body.template-color-26 .service-box i {
    color: #FFC371;
}

body.template-color-26 .service-box .readmore {
    color: #FFC371;
}

body.template-color-26 .service-box .readmore:before {
    background-color: #FFC371;
}

body.template-color-26 .service-box:hover {
    background: #FFC371;
}

body.template-color-26 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-26 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-26 .service-box:hover i,
body.template-color-26 .service-box:hover h4,
body.template-color-26 .service-box:hover p {
    color: #ffffff;
}

body.template-color-26 .icon-border-shadow {
    background: #FFC371 !important;
}

body.template-color-26 .icon-border-shadow:before {
    background: rgba(255, 195, 113, 0.3) !important;
}

body.template-color-26 .icon-border-shadow:after {
    background: rgba(255, 195, 113, 0.5) !important;
}

body.template-color-26 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FFC371;
}

body.template-color-26 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-26 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FFC371 !important;
}

body.template-color-26 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-26 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-26 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-26 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-26 .icon-box .inner .icon-3.style-2 {
    background: rgba(255, 195, 113, 0.1) !important;
}

body.template-color-26 .icon-box .inner .icon-3.style-3 {
    background: #FFC371;
}

body.template-color-26 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(255, 195, 113, 0.75) !important;
}

body.template-color-26 .text-color,
body.template-color-26 .hover-text-color:hover,
body.template-color-26 .snail_toolbar .inner a:hover,
body.template-color-26 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-26 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-26 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-26 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-26 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-26 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-26 .blog-tag-list a:hover,
body.template-color-26 .sl-quote::before,
body.template-color-26 .blog-post-return-button a:hover,
body.template-color-26 .portfolio-details-list .details-list span a:hover,
body.template-color-26 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-26 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-26 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-26 .product:hover .product-contain h4,
body.template-color-26 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-26 .mini-cart .shopping-cart .footer .total,
body.template-color-26 .mini-cart .shopping-cart .footer .total span,
body.template-color-26 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-26 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-26 .post.blog2 .post-body h5 a:hover,
body.template-color-26 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-26 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-26 .tab.tabs-links .nav .nav-link a.active,
body.template-color-26 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-26 .blog-post .blog-inner .blog-title a:hover,
body.template-color-26 .footer-part.footer-classic .footer-links a:hover,
body.template-color-26 .music_area .music-artist:hover .show-title,
body.template-color-26 .sl-testimonial .description:after,
body.template-color-26 .sl-testimonial .description:before,
body.template-color-26 .rating li i,
body.template-color-26 .btn .gradients-button.hover-bg-white:hover,
body.template-color-26 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-26 #common-footer .footer_menu__list li a:hover,
body.template-color-26 .icon-box.style-5:hover .gradients-button,
body.template-color-26 .icon-box.style-5.active .gradients-button {
    color: #FFC371 !important;
}

body.template-color-26 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-26 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-26 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-26 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FFC371;
}

body.template-color-26 .footer-part.footer-classic .contact-mata:hover i {
    background: #FFC371;
    color: #fff;
}

body.template-color-26 .comparision-slider .handle::after {
    color: #FFC371;
}

body.template-color-26 .comparision-slider .handle.bordered {
    background: #FFC371;
}

body.template-color-26 .comparision-slider .handle.bordered:after {
    border: 3px solid #FFC371;
}

body.template-color-26 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-26 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-26 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FFC371 !important;
    box-shadow: #FFC371 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-26 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FFC371 !important;
}

body.template-color-26 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-26 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-26 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-26 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FFC371 !important;
}

body.template-color-26 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FFC371 !important;
    box-shadow: #FFC371 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-26 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FFC371 !important;
    box-shadow: #FFC371 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-26 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FFC371 !important;
}

body.template-color-26 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-26 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-26 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FFC371 !important;
    box-shadow: #FFC371 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-26 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FFC371 !important;
}

body.template-color-26 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-26 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-26 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-26 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FFC371 !important;
}

body.template-color-26 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FFC371 !important;
    background-color: #FFC371 !important;
}

body.template-color-26 .icon-box.style-4 .inner:hover .content h5 {
    color: #FFC371 !important;
}

body.template-color-26 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FFC371 0%, transparent 100%);
}

body.template-color-26 .widget-category-list ul.category-area li a:hover {
    color: #FFC371 !important;
}

body.template-color-26 .widget-category-list ul.category-area li a:hover span {
    background: #FFC371 !important;
}

body.template-color-26 .side-menu .bg-overlay {
    background: rgba(255, 195, 113, 0.9);
}

body.template-color-26 .hue-color,
body.template-color-26 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(34.64789deg) !important;
    filter: hue-rotate(34.64789deg) !important;
}

body.template-color-26 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-26 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FFC371 !important;
    border-color: #FFC371 !important;
    color: #ffffff;
}

body.template-color-26 .border-color,
body.template-color-26 .hover-border-color:hover,
body.template-color-26 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-26 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-26 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-26 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-26 .radio input:checked~span,
body.template-color-26 .sl-testimonial .pic img {
    border-color: #FFC371 !important;
}

body.template-color-26 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FFC371;
}

body.template-color-26 .btn .light-color {
    border-color: #FFC371;
    background: rgba(255, 195, 113, 0.11);
}

body.template-color-26 .btn .light-color:hover {
    background: #FFC371;
    color: #ffffff;
}

body.template-color-26 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-26 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-26 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-26 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-26 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-26 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-27 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-27 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-27 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-27 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-27 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-27 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-27 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FFAF23 !important;
}

body.template-color-27 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-27 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FFAF23 !important;
}

body.template-color-27 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-27 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-27 .mini-cart .shopping-cart,
body.template-color-27 .dropdown__menu,
body.template-color-27 .mega-width-fullscreen,
body.template-color-27 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FFAF23 !important;
}

body.template-color-27 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-27 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-27 .header-full-menu .social-icons-simple li a:hover,
body.template-color-27 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-27 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FFAF23;
}

body.template-color-27 #scroll-top {
    background: #FFAF23 !important;
    border: 2px solid #FFAF23;
}

body.template-color-27 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-27 #scroll-top:hover {
    background: #FFAF23;
}

body.template-color-27 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-27 #scroll-top.with-hover {
    border-color: #FFAF23 !important;
    background: #ffffff !important;
}

body.template-color-27 #scroll-top.with-hover i {
    color: #FFAF23 !important;
}

body.template-color-27 #scroll-top.with-hover:hover {
    background: #FFAF23 !important;
}

body.template-color-27 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-27 .salon-prices .price-list {
    border-bottom: 2px solid #FFAF23;
    background: linear-gradient(to right, rgba(255, 175, 35, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-27 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-27 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-27 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-27 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-27 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-27 .border-btn {
    color: #FFAF23;
}

body.template-color-27 .btn-hover::after {
    border: 2px solid rgba(255, 175, 35, 0.7);
}

body.template-color-27 .beauty-service>[class*="col-"] .item span {
    color: #FFAF23;
}

body.template-color-27 .beauty-service>[class*="col-"]:hover {
    background: rgba(255, 175, 35, 0.8);
    border-color: rgba(255, 175, 35, 0.8);
}

body.template-color-27 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-27 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-27 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-27 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-27 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FFAF23;
    width: 50%;
}

body.template-color-27 .bg-color,
body.template-color-27 .hover-bg-color:hover,
body.template-color-27 [data-color-overlay]::after,
body.template-color-27 [data-color-hover-overlay]:hover::after,
body.template-color-27 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-27 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-27 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-27 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-27 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-27 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-27 .post-nav-list .nav-item a:hover,
body.template-color-27 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-27 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-27 .animated-dot .middle-dot,
body.template-color-27 .animated-dot .signal,
body.template-color-27 .animated-dot .signal2,
body.template-color-27 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-27 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-27 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-27 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-27 .pricing-box .header .feature-mark,
body.template-color-27 .sl-testimonial .pic:after,
body.template-color-27 .sl-testimonial .pic:before,
body.template-color-27 #common-footer:before,
body.template-color-27 #common-footer .footer_item:before,
body.template-color-27 #common-footer .footer_menu:before,
body.template-color-27 #common-footer .footer_contacts__item:before,
body.template-color-27 .section-title.under-line h2::after {
    background: #FFAF23 !important;
}

body.template-color-27 .creative-st-header .side-menu {
    background: #FFAF23;
}

body.template-color-27 .scroll-top-arrow {
    background: #FFAF23;
}

body.template-color-27 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FFAF23;
}

body.template-color-27 .footer-social li a:hover {
    background-color: #FFAF23;
    color: #ffffff;
}

body.template-color-27 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FFAF23 !important;
}

body.template-color-27 .pricing-box.hoverable:hover,
body.template-color-27 .pricing-box.hoverable.active {
    background: #FFAF23;
}

body.template-color-27 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-27 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FFAF23 !important;
    color: #fff;
}

body.template-color-27 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-27 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FFAF23 !important;
}

body.template-color-27 .progress-bar span.percent-label:after {
    border-color: #FFAF23 transparent transparent transparent !important;
}

body.template-color-27 .icon-box.style-5 .inner .inner-icon {
    color: #FFAF23;
}

body.template-color-27 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-27 .icon-box.style-5:hover .gradients-button {
    color: #FFAF23;
}

body.template-color-27 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FFAF23;
    color: #ffffff;
    border-color: #FFAF23;
}

body.template-color-27 .chackbox input:checked~span {
    background: #FFAF23 !important;
    border-color: #FFAF23 !important;
}

body.template-color-27 .radio span:after {
    background: #FFAF23 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-27 .booking_form .img-sec {
        background: #FFAF23 !important;
    }
}

body.template-color-27 .crypto-table .table {
    border: 8px solid #FFAF23;
}

body.template-color-27 .agn-testimonial .carousel-control-next:hover,
body.template-color-27 .agn-testimonial .carousel-control-prev:hover,
body.template-color-27 .agn-testimonial .carousel-control-next:focus,
body.template-color-27 .agn-testimonial .carousel-control-prev:focus {
    background: #FFAF23;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-27 .box-team .overlay {
    background-color: rgba(255, 175, 35, 0.75);
}

body.template-color-27 .social-shere:hover {
    border-color: #FFAF23 !important;
}

body.template-color-27 .social-shere:hover .social-site p {
    color: #FFAF23 !important;
}

body.template-color-27 .social-shere:hover .icon i {
    color: #FFAF23 !important;
}

body.template-color-27 .testimonial-slider .carousel-indicators li.active {
    border-color: #FFAF23;
}

body.template-color-27 .service-box i {
    color: #FFAF23;
}

body.template-color-27 .service-box .readmore {
    color: #FFAF23;
}

body.template-color-27 .service-box .readmore:before {
    background-color: #FFAF23;
}

body.template-color-27 .service-box:hover {
    background: #FFAF23;
}

body.template-color-27 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-27 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-27 .service-box:hover i,
body.template-color-27 .service-box:hover h4,
body.template-color-27 .service-box:hover p {
    color: #ffffff;
}

body.template-color-27 .icon-border-shadow {
    background: #FFAF23 !important;
}

body.template-color-27 .icon-border-shadow:before {
    background: rgba(255, 175, 35, 0.3) !important;
}

body.template-color-27 .icon-border-shadow:after {
    background: rgba(255, 175, 35, 0.5) !important;
}

body.template-color-27 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FFAF23;
}

body.template-color-27 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-27 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FFAF23 !important;
}

body.template-color-27 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-27 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-27 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-27 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-27 .icon-box .inner .icon-3.style-2 {
    background: rgba(255, 175, 35, 0.1) !important;
}

body.template-color-27 .icon-box .inner .icon-3.style-3 {
    background: #FFAF23;
}

body.template-color-27 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(255, 175, 35, 0.75) !important;
}

body.template-color-27 .text-color,
body.template-color-27 .hover-text-color:hover,
body.template-color-27 .snail_toolbar .inner a:hover,
body.template-color-27 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-27 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-27 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-27 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-27 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-27 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-27 .blog-tag-list a:hover,
body.template-color-27 .sl-quote::before,
body.template-color-27 .blog-post-return-button a:hover,
body.template-color-27 .portfolio-details-list .details-list span a:hover,
body.template-color-27 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-27 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-27 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-27 .product:hover .product-contain h4,
body.template-color-27 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-27 .mini-cart .shopping-cart .footer .total,
body.template-color-27 .mini-cart .shopping-cart .footer .total span,
body.template-color-27 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-27 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-27 .post.blog2 .post-body h5 a:hover,
body.template-color-27 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-27 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-27 .tab.tabs-links .nav .nav-link a.active,
body.template-color-27 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-27 .blog-post .blog-inner .blog-title a:hover,
body.template-color-27 .footer-part.footer-classic .footer-links a:hover,
body.template-color-27 .music_area .music-artist:hover .show-title,
body.template-color-27 .sl-testimonial .description:after,
body.template-color-27 .sl-testimonial .description:before,
body.template-color-27 .rating li i,
body.template-color-27 .btn .gradients-button.hover-bg-white:hover,
body.template-color-27 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-27 #common-footer .footer_menu__list li a:hover,
body.template-color-27 .icon-box.style-5:hover .gradients-button,
body.template-color-27 .icon-box.style-5.active .gradients-button {
    color: #FFAF23 !important;
}

body.template-color-27 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-27 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-27 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-27 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FFAF23;
}

body.template-color-27 .footer-part.footer-classic .contact-mata:hover i {
    background: #FFAF23;
    color: #fff;
}

body.template-color-27 .comparision-slider .handle::after {
    color: #FFAF23;
}

body.template-color-27 .comparision-slider .handle.bordered {
    background: #FFAF23;
}

body.template-color-27 .comparision-slider .handle.bordered:after {
    border: 3px solid #FFAF23;
}

body.template-color-27 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-27 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-27 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FFAF23 !important;
    box-shadow: #FFAF23 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-27 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FFAF23 !important;
}

body.template-color-27 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-27 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-27 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-27 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FFAF23 !important;
}

body.template-color-27 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FFAF23 !important;
    box-shadow: #FFAF23 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-27 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FFAF23 !important;
    box-shadow: #FFAF23 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-27 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FFAF23 !important;
}

body.template-color-27 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-27 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-27 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FFAF23 !important;
    box-shadow: #FFAF23 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-27 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FFAF23 !important;
}

body.template-color-27 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-27 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-27 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-27 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FFAF23 !important;
}

body.template-color-27 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FFAF23 !important;
    background-color: #FFAF23 !important;
}

body.template-color-27 .icon-box.style-4 .inner:hover .content h5 {
    color: #FFAF23 !important;
}

body.template-color-27 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FFAF23 0%, transparent 100%);
}

body.template-color-27 .widget-category-list ul.category-area li a:hover {
    color: #FFAF23 !important;
}

body.template-color-27 .widget-category-list ul.category-area li a:hover span {
    background: #FFAF23 !important;
}

body.template-color-27 .side-menu .bg-overlay {
    background: rgba(255, 175, 35, 0.9);
}

body.template-color-27 .hue-color,
body.template-color-27 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(38.18182deg) !important;
    filter: hue-rotate(38.18182deg) !important;
}

body.template-color-27 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-27 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FFAF23 !important;
    border-color: #FFAF23 !important;
    color: #ffffff;
}

body.template-color-27 .border-color,
body.template-color-27 .hover-border-color:hover,
body.template-color-27 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-27 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-27 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-27 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-27 .radio input:checked~span,
body.template-color-27 .sl-testimonial .pic img {
    border-color: #FFAF23 !important;
}

body.template-color-27 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FFAF23;
}

body.template-color-27 .btn .light-color {
    border-color: #FFAF23;
    background: rgba(255, 175, 35, 0.11);
}

body.template-color-27 .btn .light-color:hover {
    background: #FFAF23;
    color: #ffffff;
}

body.template-color-27 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-27 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-27 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-27 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-27 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-27 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-28 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-28 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-28 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-28 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-28 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-28 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-28 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #9B24E9 !important;
}

body.template-color-28 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-28 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #9B24E9 !important;
}

body.template-color-28 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-28 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-28 .mini-cart .shopping-cart,
body.template-color-28 .dropdown__menu,
body.template-color-28 .mega-width-fullscreen,
body.template-color-28 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #9B24E9 !important;
}

body.template-color-28 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-28 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-28 .header-full-menu .social-icons-simple li a:hover,
body.template-color-28 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-28 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #9B24E9;
}

body.template-color-28 #scroll-top {
    background: #9B24E9 !important;
    border: 2px solid #9B24E9;
}

body.template-color-28 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-28 #scroll-top:hover {
    background: #9B24E9;
}

body.template-color-28 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-28 #scroll-top.with-hover {
    border-color: #9B24E9 !important;
    background: #ffffff !important;
}

body.template-color-28 #scroll-top.with-hover i {
    color: #9B24E9 !important;
}

body.template-color-28 #scroll-top.with-hover:hover {
    background: #9B24E9 !important;
}

body.template-color-28 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-28 .salon-prices .price-list {
    border-bottom: 2px solid #9B24E9;
    background: linear-gradient(to right, rgba(155, 36, 233, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-28 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-28 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-28 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-28 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-28 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-28 .border-btn {
    color: #9B24E9;
}

body.template-color-28 .btn-hover::after {
    border: 2px solid rgba(155, 36, 233, 0.7);
}

body.template-color-28 .beauty-service>[class*="col-"] .item span {
    color: #9B24E9;
}

body.template-color-28 .beauty-service>[class*="col-"]:hover {
    background: rgba(155, 36, 233, 0.8);
    border-color: rgba(155, 36, 233, 0.8);
}

body.template-color-28 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-28 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-28 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-28 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-28 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #9B24E9;
    width: 50%;
}

body.template-color-28 .bg-color,
body.template-color-28 .hover-bg-color:hover,
body.template-color-28 [data-color-overlay]::after,
body.template-color-28 [data-color-hover-overlay]:hover::after,
body.template-color-28 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-28 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-28 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-28 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-28 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-28 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-28 .post-nav-list .nav-item a:hover,
body.template-color-28 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-28 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-28 .animated-dot .middle-dot,
body.template-color-28 .animated-dot .signal,
body.template-color-28 .animated-dot .signal2,
body.template-color-28 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-28 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-28 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-28 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-28 .pricing-box .header .feature-mark,
body.template-color-28 .sl-testimonial .pic:after,
body.template-color-28 .sl-testimonial .pic:before,
body.template-color-28 #common-footer:before,
body.template-color-28 #common-footer .footer_item:before,
body.template-color-28 #common-footer .footer_menu:before,
body.template-color-28 #common-footer .footer_contacts__item:before,
body.template-color-28 .section-title.under-line h2::after {
    background: #9B24E9 !important;
}

body.template-color-28 .creative-st-header .side-menu {
    background: #9B24E9;
}

body.template-color-28 .scroll-top-arrow {
    background: #9B24E9;
}

body.template-color-28 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #9B24E9;
}

body.template-color-28 .footer-social li a:hover {
    background-color: #9B24E9;
    color: #ffffff;
}

body.template-color-28 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #9B24E9 !important;
}

body.template-color-28 .pricing-box.hoverable:hover,
body.template-color-28 .pricing-box.hoverable.active {
    background: #9B24E9;
}

body.template-color-28 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-28 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #9B24E9 !important;
    color: #fff;
}

body.template-color-28 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-28 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #9B24E9 !important;
}

body.template-color-28 .progress-bar span.percent-label:after {
    border-color: #9B24E9 transparent transparent transparent !important;
}

body.template-color-28 .icon-box.style-5 .inner .inner-icon {
    color: #9B24E9;
}

body.template-color-28 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-28 .icon-box.style-5:hover .gradients-button {
    color: #9B24E9;
}

body.template-color-28 .team-part .single-blog-item .social-icon a:hover {
    background-color: #9B24E9;
    color: #ffffff;
    border-color: #9B24E9;
}

body.template-color-28 .chackbox input:checked~span {
    background: #9B24E9 !important;
    border-color: #9B24E9 !important;
}

body.template-color-28 .radio span:after {
    background: #9B24E9 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-28 .booking_form .img-sec {
        background: #9B24E9 !important;
    }
}

body.template-color-28 .crypto-table .table {
    border: 8px solid #9B24E9;
}

body.template-color-28 .agn-testimonial .carousel-control-next:hover,
body.template-color-28 .agn-testimonial .carousel-control-prev:hover,
body.template-color-28 .agn-testimonial .carousel-control-next:focus,
body.template-color-28 .agn-testimonial .carousel-control-prev:focus {
    background: #9B24E9;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-28 .box-team .overlay {
    background-color: rgba(155, 36, 233, 0.75);
}

body.template-color-28 .social-shere:hover {
    border-color: #9B24E9 !important;
}

body.template-color-28 .social-shere:hover .social-site p {
    color: #9B24E9 !important;
}

body.template-color-28 .social-shere:hover .icon i {
    color: #9B24E9 !important;
}

body.template-color-28 .testimonial-slider .carousel-indicators li.active {
    border-color: #9B24E9;
}

body.template-color-28 .service-box i {
    color: #9B24E9;
}

body.template-color-28 .service-box .readmore {
    color: #9B24E9;
}

body.template-color-28 .service-box .readmore:before {
    background-color: #9B24E9;
}

body.template-color-28 .service-box:hover {
    background: #9B24E9;
}

body.template-color-28 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-28 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-28 .service-box:hover i,
body.template-color-28 .service-box:hover h4,
body.template-color-28 .service-box:hover p {
    color: #ffffff;
}

body.template-color-28 .icon-border-shadow {
    background: #9B24E9 !important;
}

body.template-color-28 .icon-border-shadow:before {
    background: rgba(155, 36, 233, 0.3) !important;
}

body.template-color-28 .icon-border-shadow:after {
    background: rgba(155, 36, 233, 0.5) !important;
}

body.template-color-28 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #9B24E9;
}

body.template-color-28 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-28 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #9B24E9 !important;
}

body.template-color-28 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-28 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-28 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-28 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-28 .icon-box .inner .icon-3.style-2 {
    background: rgba(155, 36, 233, 0.1) !important;
}

body.template-color-28 .icon-box .inner .icon-3.style-3 {
    background: #9B24E9;
}

body.template-color-28 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(155, 36, 233, 0.75) !important;
}

body.template-color-28 .text-color,
body.template-color-28 .hover-text-color:hover,
body.template-color-28 .snail_toolbar .inner a:hover,
body.template-color-28 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-28 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-28 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-28 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-28 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-28 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-28 .blog-tag-list a:hover,
body.template-color-28 .sl-quote::before,
body.template-color-28 .blog-post-return-button a:hover,
body.template-color-28 .portfolio-details-list .details-list span a:hover,
body.template-color-28 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-28 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-28 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-28 .product:hover .product-contain h4,
body.template-color-28 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-28 .mini-cart .shopping-cart .footer .total,
body.template-color-28 .mini-cart .shopping-cart .footer .total span,
body.template-color-28 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-28 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-28 .post.blog2 .post-body h5 a:hover,
body.template-color-28 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-28 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-28 .tab.tabs-links .nav .nav-link a.active,
body.template-color-28 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-28 .blog-post .blog-inner .blog-title a:hover,
body.template-color-28 .footer-part.footer-classic .footer-links a:hover,
body.template-color-28 .music_area .music-artist:hover .show-title,
body.template-color-28 .sl-testimonial .description:after,
body.template-color-28 .sl-testimonial .description:before,
body.template-color-28 .rating li i,
body.template-color-28 .btn .gradients-button.hover-bg-white:hover,
body.template-color-28 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-28 #common-footer .footer_menu__list li a:hover,
body.template-color-28 .icon-box.style-5:hover .gradients-button,
body.template-color-28 .icon-box.style-5.active .gradients-button {
    color: #9B24E9 !important;
}

body.template-color-28 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-28 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-28 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-28 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #9B24E9;
}

body.template-color-28 .footer-part.footer-classic .contact-mata:hover i {
    background: #9B24E9;
    color: #fff;
}

body.template-color-28 .comparision-slider .handle::after {
    color: #9B24E9;
}

body.template-color-28 .comparision-slider .handle.bordered {
    background: #9B24E9;
}

body.template-color-28 .comparision-slider .handle.bordered:after {
    border: 3px solid #9B24E9;
}

body.template-color-28 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-28 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-28 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #9B24E9 !important;
    box-shadow: #9B24E9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-28 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #9B24E9 !important;
}

body.template-color-28 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-28 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-28 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-28 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #9B24E9 !important;
}

body.template-color-28 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #9B24E9 !important;
    box-shadow: #9B24E9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-28 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #9B24E9 !important;
    box-shadow: #9B24E9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-28 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #9B24E9 !important;
}

body.template-color-28 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-28 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-28 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #9B24E9 !important;
    box-shadow: #9B24E9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-28 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #9B24E9 !important;
}

body.template-color-28 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-28 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-28 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-28 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #9B24E9 !important;
}

body.template-color-28 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #9B24E9 !important;
    background-color: #9B24E9 !important;
}

body.template-color-28 .icon-box.style-4 .inner:hover .content h5 {
    color: #9B24E9 !important;
}

body.template-color-28 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #9B24E9 0%, transparent 100%);
}

body.template-color-28 .widget-category-list ul.category-area li a:hover {
    color: #9B24E9 !important;
}

body.template-color-28 .widget-category-list ul.category-area li a:hover span {
    background: #9B24E9 !important;
}

body.template-color-28 .side-menu .bg-overlay {
    background: rgba(155, 36, 233, 0.9);
}

body.template-color-28 .hue-color,
body.template-color-28 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(276.24365deg) !important;
    filter: hue-rotate(276.24365deg) !important;
}

body.template-color-28 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-28 .hero-slider .owl-nav .owl-prev:hover span {
    background: #9B24E9 !important;
    border-color: #9B24E9 !important;
    color: #ffffff;
}

body.template-color-28 .border-color,
body.template-color-28 .hover-border-color:hover,
body.template-color-28 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-28 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-28 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-28 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-28 .radio input:checked~span,
body.template-color-28 .sl-testimonial .pic img {
    border-color: #9B24E9 !important;
}

body.template-color-28 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #9B24E9;
}

body.template-color-28 .btn .light-color {
    border-color: #9B24E9;
    background: rgba(155, 36, 233, 0.11);
}

body.template-color-28 .btn .light-color:hover {
    background: #9B24E9;
    color: #ffffff;
}

body.template-color-28 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-28 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-28 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-28 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-28 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-28 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-29 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-29 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-29 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-29 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-29 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-29 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-29 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FE5532 !important;
}

body.template-color-29 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-29 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE5532 !important;
}

body.template-color-29 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-29 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-29 .mini-cart .shopping-cart,
body.template-color-29 .dropdown__menu,
body.template-color-29 .mega-width-fullscreen,
body.template-color-29 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FE5532 !important;
}

body.template-color-29 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-29 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-29 .header-full-menu .social-icons-simple li a:hover,
body.template-color-29 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-29 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE5532;
}

body.template-color-29 #scroll-top {
    background: #FE5532 !important;
    border: 2px solid #FE5532;
}

body.template-color-29 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-29 #scroll-top:hover {
    background: #FE5532;
}

body.template-color-29 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-29 #scroll-top.with-hover {
    border-color: #FE5532 !important;
    background: #ffffff !important;
}

body.template-color-29 #scroll-top.with-hover i {
    color: #FE5532 !important;
}

body.template-color-29 #scroll-top.with-hover:hover {
    background: #FE5532 !important;
}

body.template-color-29 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-29 .salon-prices .price-list {
    border-bottom: 2px solid #FE5532;
    background: linear-gradient(to right, rgba(254, 85, 50, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-29 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-29 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-29 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-29 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-29 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-29 .border-btn {
    color: #FE5532;
}

body.template-color-29 .btn-hover::after {
    border: 2px solid rgba(254, 85, 50, 0.7);
}

body.template-color-29 .beauty-service>[class*="col-"] .item span {
    color: #FE5532;
}

body.template-color-29 .beauty-service>[class*="col-"]:hover {
    background: rgba(254, 85, 50, 0.8);
    border-color: rgba(254, 85, 50, 0.8);
}

body.template-color-29 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-29 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-29 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-29 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-29 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FE5532;
    width: 50%;
}

body.template-color-29 .bg-color,
body.template-color-29 .hover-bg-color:hover,
body.template-color-29 [data-color-overlay]::after,
body.template-color-29 [data-color-hover-overlay]:hover::after,
body.template-color-29 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-29 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-29 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-29 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-29 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-29 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-29 .post-nav-list .nav-item a:hover,
body.template-color-29 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-29 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-29 .animated-dot .middle-dot,
body.template-color-29 .animated-dot .signal,
body.template-color-29 .animated-dot .signal2,
body.template-color-29 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-29 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-29 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-29 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-29 .pricing-box .header .feature-mark,
body.template-color-29 .sl-testimonial .pic:after,
body.template-color-29 .sl-testimonial .pic:before,
body.template-color-29 #common-footer:before,
body.template-color-29 #common-footer .footer_item:before,
body.template-color-29 #common-footer .footer_menu:before,
body.template-color-29 #common-footer .footer_contacts__item:before,
body.template-color-29 .section-title.under-line h2::after {
    background: #FE5532 !important;
}

body.template-color-29 .creative-st-header .side-menu {
    background: #FE5532;
}

body.template-color-29 .scroll-top-arrow {
    background: #FE5532;
}

body.template-color-29 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FE5532;
}

body.template-color-29 .footer-social li a:hover {
    background-color: #FE5532;
    color: #ffffff;
}

body.template-color-29 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FE5532 !important;
}

body.template-color-29 .pricing-box.hoverable:hover,
body.template-color-29 .pricing-box.hoverable.active {
    background: #FE5532;
}

body.template-color-29 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-29 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FE5532 !important;
    color: #fff;
}

body.template-color-29 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-29 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FE5532 !important;
}

body.template-color-29 .progress-bar span.percent-label:after {
    border-color: #FE5532 transparent transparent transparent !important;
}

body.template-color-29 .icon-box.style-5 .inner .inner-icon {
    color: #FE5532;
}

body.template-color-29 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-29 .icon-box.style-5:hover .gradients-button {
    color: #FE5532;
}

body.template-color-29 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FE5532;
    color: #ffffff;
    border-color: #FE5532;
}

body.template-color-29 .chackbox input:checked~span {
    background: #FE5532 !important;
    border-color: #FE5532 !important;
}

body.template-color-29 .radio span:after {
    background: #FE5532 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-29 .booking_form .img-sec {
        background: #FE5532 !important;
    }
}

body.template-color-29 .crypto-table .table {
    border: 8px solid #FE5532;
}

body.template-color-29 .agn-testimonial .carousel-control-next:hover,
body.template-color-29 .agn-testimonial .carousel-control-prev:hover,
body.template-color-29 .agn-testimonial .carousel-control-next:focus,
body.template-color-29 .agn-testimonial .carousel-control-prev:focus {
    background: #FE5532;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-29 .box-team .overlay {
    background-color: rgba(254, 85, 50, 0.75);
}

body.template-color-29 .social-shere:hover {
    border-color: #FE5532 !important;
}

body.template-color-29 .social-shere:hover .social-site p {
    color: #FE5532 !important;
}

body.template-color-29 .social-shere:hover .icon i {
    color: #FE5532 !important;
}

body.template-color-29 .testimonial-slider .carousel-indicators li.active {
    border-color: #FE5532;
}

body.template-color-29 .service-box i {
    color: #FE5532;
}

body.template-color-29 .service-box .readmore {
    color: #FE5532;
}

body.template-color-29 .service-box .readmore:before {
    background-color: #FE5532;
}

body.template-color-29 .service-box:hover {
    background: #FE5532;
}

body.template-color-29 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-29 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-29 .service-box:hover i,
body.template-color-29 .service-box:hover h4,
body.template-color-29 .service-box:hover p {
    color: #ffffff;
}

body.template-color-29 .icon-border-shadow {
    background: #FE5532 !important;
}

body.template-color-29 .icon-border-shadow:before {
    background: rgba(254, 85, 50, 0.3) !important;
}

body.template-color-29 .icon-border-shadow:after {
    background: rgba(254, 85, 50, 0.5) !important;
}

body.template-color-29 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FE5532;
}

body.template-color-29 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-29 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FE5532 !important;
}

body.template-color-29 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-29 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-29 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-29 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-29 .icon-box .inner .icon-3.style-2 {
    background: rgba(254, 85, 50, 0.1) !important;
}

body.template-color-29 .icon-box .inner .icon-3.style-3 {
    background: #FE5532;
}

body.template-color-29 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(254, 85, 50, 0.75) !important;
}

body.template-color-29 .text-color,
body.template-color-29 .hover-text-color:hover,
body.template-color-29 .snail_toolbar .inner a:hover,
body.template-color-29 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-29 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-29 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-29 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-29 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-29 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-29 .blog-tag-list a:hover,
body.template-color-29 .sl-quote::before,
body.template-color-29 .blog-post-return-button a:hover,
body.template-color-29 .portfolio-details-list .details-list span a:hover,
body.template-color-29 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-29 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-29 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-29 .product:hover .product-contain h4,
body.template-color-29 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-29 .mini-cart .shopping-cart .footer .total,
body.template-color-29 .mini-cart .shopping-cart .footer .total span,
body.template-color-29 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-29 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-29 .post.blog2 .post-body h5 a:hover,
body.template-color-29 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-29 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-29 .tab.tabs-links .nav .nav-link a.active,
body.template-color-29 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-29 .blog-post .blog-inner .blog-title a:hover,
body.template-color-29 .footer-part.footer-classic .footer-links a:hover,
body.template-color-29 .music_area .music-artist:hover .show-title,
body.template-color-29 .sl-testimonial .description:after,
body.template-color-29 .sl-testimonial .description:before,
body.template-color-29 .rating li i,
body.template-color-29 .btn .gradients-button.hover-bg-white:hover,
body.template-color-29 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-29 #common-footer .footer_menu__list li a:hover,
body.template-color-29 .icon-box.style-5:hover .gradients-button,
body.template-color-29 .icon-box.style-5.active .gradients-button {
    color: #FE5532 !important;
}

body.template-color-29 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-29 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-29 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-29 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FE5532;
}

body.template-color-29 .footer-part.footer-classic .contact-mata:hover i {
    background: #FE5532;
    color: #fff;
}

body.template-color-29 .comparision-slider .handle::after {
    color: #FE5532;
}

body.template-color-29 .comparision-slider .handle.bordered {
    background: #FE5532;
}

body.template-color-29 .comparision-slider .handle.bordered:after {
    border: 3px solid #FE5532;
}

body.template-color-29 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-29 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-29 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE5532 !important;
    box-shadow: #FE5532 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-29 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FE5532 !important;
}

body.template-color-29 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-29 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-29 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-29 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE5532 !important;
}

body.template-color-29 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE5532 !important;
    box-shadow: #FE5532 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-29 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE5532 !important;
    box-shadow: #FE5532 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-29 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FE5532 !important;
}

body.template-color-29 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-29 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-29 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE5532 !important;
    box-shadow: #FE5532 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-29 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FE5532 !important;
}

body.template-color-29 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-29 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-29 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-29 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE5532 !important;
}

body.template-color-29 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FE5532 !important;
    background-color: #FE5532 !important;
}

body.template-color-29 .icon-box.style-4 .inner:hover .content h5 {
    color: #FE5532 !important;
}

body.template-color-29 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FE5532 0%, transparent 100%);
}

body.template-color-29 .widget-category-list ul.category-area li a:hover {
    color: #FE5532 !important;
}

body.template-color-29 .widget-category-list ul.category-area li a:hover span {
    background: #FE5532 !important;
}

body.template-color-29 .side-menu .bg-overlay {
    background: rgba(254, 85, 50, 0.9);
}

body.template-color-29 .hue-color,
body.template-color-29 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(10.29412deg) !important;
    filter: hue-rotate(10.29412deg) !important;
}

body.template-color-29 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-29 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FE5532 !important;
    border-color: #FE5532 !important;
    color: #ffffff;
}

body.template-color-29 .border-color,
body.template-color-29 .hover-border-color:hover,
body.template-color-29 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-29 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-29 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-29 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-29 .radio input:checked~span,
body.template-color-29 .sl-testimonial .pic img {
    border-color: #FE5532 !important;
}

body.template-color-29 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FE5532;
}

body.template-color-29 .btn .light-color {
    border-color: #FE5532;
    background: rgba(254, 85, 50, 0.11);
}

body.template-color-29 .btn .light-color:hover {
    background: #FE5532;
    color: #ffffff;
}

body.template-color-29 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-29 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-29 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-29 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-29 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-29 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-30 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-30 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-30 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-30 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-30 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-30 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-30 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FE0633 !important;
}

body.template-color-30 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-30 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE0633 !important;
}

body.template-color-30 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-30 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-30 .mini-cart .shopping-cart,
body.template-color-30 .dropdown__menu,
body.template-color-30 .mega-width-fullscreen,
body.template-color-30 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FE0633 !important;
}

body.template-color-30 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-30 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-30 .header-full-menu .social-icons-simple li a:hover,
body.template-color-30 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-30 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE0633;
}

body.template-color-30 #scroll-top {
    background: #FE0633 !important;
    border: 2px solid #FE0633;
}

body.template-color-30 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-30 #scroll-top:hover {
    background: #FE0633;
}

body.template-color-30 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-30 #scroll-top.with-hover {
    border-color: #FE0633 !important;
    background: #ffffff !important;
}

body.template-color-30 #scroll-top.with-hover i {
    color: #FE0633 !important;
}

body.template-color-30 #scroll-top.with-hover:hover {
    background: #FE0633 !important;
}

body.template-color-30 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-30 .salon-prices .price-list {
    border-bottom: 2px solid #FE0633;
    background: linear-gradient(to right, rgba(254, 6, 51, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-30 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-30 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-30 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-30 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-30 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-30 .border-btn {
    color: #FE0633;
}

body.template-color-30 .btn-hover::after {
    border: 2px solid rgba(254, 6, 51, 0.7);
}

body.template-color-30 .beauty-service>[class*="col-"] .item span {
    color: #FE0633;
}

body.template-color-30 .beauty-service>[class*="col-"]:hover {
    background: rgba(254, 6, 51, 0.8);
    border-color: rgba(254, 6, 51, 0.8);
}

body.template-color-30 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-30 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-30 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-30 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-30 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FE0633;
    width: 50%;
}

body.template-color-30 .bg-color,
body.template-color-30 .hover-bg-color:hover,
body.template-color-30 [data-color-overlay]::after,
body.template-color-30 [data-color-hover-overlay]:hover::after,
body.template-color-30 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-30 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-30 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-30 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-30 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-30 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-30 .post-nav-list .nav-item a:hover,
body.template-color-30 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-30 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-30 .animated-dot .middle-dot,
body.template-color-30 .animated-dot .signal,
body.template-color-30 .animated-dot .signal2,
body.template-color-30 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-30 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-30 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-30 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-30 .pricing-box .header .feature-mark,
body.template-color-30 .sl-testimonial .pic:after,
body.template-color-30 .sl-testimonial .pic:before,
body.template-color-30 #common-footer:before,
body.template-color-30 #common-footer .footer_item:before,
body.template-color-30 #common-footer .footer_menu:before,
body.template-color-30 #common-footer .footer_contacts__item:before,
body.template-color-30 .section-title.under-line h2::after {
    background: #FE0633 !important;
}

body.template-color-30 .creative-st-header .side-menu {
    background: #FE0633;
}

body.template-color-30 .scroll-top-arrow {
    background: #FE0633;
}

body.template-color-30 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FE0633;
}

body.template-color-30 .footer-social li a:hover {
    background-color: #FE0633;
    color: #ffffff;
}

body.template-color-30 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FE0633 !important;
}

body.template-color-30 .pricing-box.hoverable:hover,
body.template-color-30 .pricing-box.hoverable.active {
    background: #FE0633;
}

body.template-color-30 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-30 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FE0633 !important;
    color: #fff;
}

body.template-color-30 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-30 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FE0633 !important;
}

body.template-color-30 .progress-bar span.percent-label:after {
    border-color: #FE0633 transparent transparent transparent !important;
}

body.template-color-30 .icon-box.style-5 .inner .inner-icon {
    color: #FE0633;
}

body.template-color-30 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-30 .icon-box.style-5:hover .gradients-button {
    color: #FE0633;
}

body.template-color-30 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FE0633;
    color: #ffffff;
    border-color: #FE0633;
}

body.template-color-30 .chackbox input:checked~span {
    background: #FE0633 !important;
    border-color: #FE0633 !important;
}

body.template-color-30 .radio span:after {
    background: #FE0633 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-30 .booking_form .img-sec {
        background: #FE0633 !important;
    }
}

body.template-color-30 .crypto-table .table {
    border: 8px solid #FE0633;
}

body.template-color-30 .agn-testimonial .carousel-control-next:hover,
body.template-color-30 .agn-testimonial .carousel-control-prev:hover,
body.template-color-30 .agn-testimonial .carousel-control-next:focus,
body.template-color-30 .agn-testimonial .carousel-control-prev:focus {
    background: #FE0633;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-30 .box-team .overlay {
    background-color: rgba(254, 6, 51, 0.75);
}

body.template-color-30 .social-shere:hover {
    border-color: #FE0633 !important;
}

body.template-color-30 .social-shere:hover .social-site p {
    color: #FE0633 !important;
}

body.template-color-30 .social-shere:hover .icon i {
    color: #FE0633 !important;
}

body.template-color-30 .testimonial-slider .carousel-indicators li.active {
    border-color: #FE0633;
}

body.template-color-30 .service-box i {
    color: #FE0633;
}

body.template-color-30 .service-box .readmore {
    color: #FE0633;
}

body.template-color-30 .service-box .readmore:before {
    background-color: #FE0633;
}

body.template-color-30 .service-box:hover {
    background: #FE0633;
}

body.template-color-30 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-30 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-30 .service-box:hover i,
body.template-color-30 .service-box:hover h4,
body.template-color-30 .service-box:hover p {
    color: #ffffff;
}

body.template-color-30 .icon-border-shadow {
    background: #FE0633 !important;
}

body.template-color-30 .icon-border-shadow:before {
    background: rgba(254, 6, 51, 0.3) !important;
}

body.template-color-30 .icon-border-shadow:after {
    background: rgba(254, 6, 51, 0.5) !important;
}

body.template-color-30 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FE0633;
}

body.template-color-30 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-30 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FE0633 !important;
}

body.template-color-30 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-30 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-30 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-30 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-30 .icon-box .inner .icon-3.style-2 {
    background: rgba(254, 6, 51, 0.1) !important;
}

body.template-color-30 .icon-box .inner .icon-3.style-3 {
    background: #FE0633;
}

body.template-color-30 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(254, 6, 51, 0.75) !important;
}

body.template-color-30 .text-color,
body.template-color-30 .hover-text-color:hover,
body.template-color-30 .snail_toolbar .inner a:hover,
body.template-color-30 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-30 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-30 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-30 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-30 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-30 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-30 .blog-tag-list a:hover,
body.template-color-30 .sl-quote::before,
body.template-color-30 .blog-post-return-button a:hover,
body.template-color-30 .portfolio-details-list .details-list span a:hover,
body.template-color-30 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-30 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-30 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-30 .product:hover .product-contain h4,
body.template-color-30 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-30 .mini-cart .shopping-cart .footer .total,
body.template-color-30 .mini-cart .shopping-cart .footer .total span,
body.template-color-30 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-30 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-30 .post.blog2 .post-body h5 a:hover,
body.template-color-30 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-30 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-30 .tab.tabs-links .nav .nav-link a.active,
body.template-color-30 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-30 .blog-post .blog-inner .blog-title a:hover,
body.template-color-30 .footer-part.footer-classic .footer-links a:hover,
body.template-color-30 .music_area .music-artist:hover .show-title,
body.template-color-30 .sl-testimonial .description:after,
body.template-color-30 .sl-testimonial .description:before,
body.template-color-30 .rating li i,
body.template-color-30 .btn .gradients-button.hover-bg-white:hover,
body.template-color-30 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-30 #common-footer .footer_menu__list li a:hover,
body.template-color-30 .icon-box.style-5:hover .gradients-button,
body.template-color-30 .icon-box.style-5.active .gradients-button {
    color: #FE0633 !important;
}

body.template-color-30 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-30 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-30 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-30 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FE0633;
}

body.template-color-30 .footer-part.footer-classic .contact-mata:hover i {
    background: #FE0633;
    color: #fff;
}

body.template-color-30 .comparision-slider .handle::after {
    color: #FE0633;
}

body.template-color-30 .comparision-slider .handle.bordered {
    background: #FE0633;
}

body.template-color-30 .comparision-slider .handle.bordered:after {
    border: 3px solid #FE0633;
}

body.template-color-30 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-30 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-30 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE0633 !important;
    box-shadow: #FE0633 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-30 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FE0633 !important;
}

body.template-color-30 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-30 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-30 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-30 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE0633 !important;
}

body.template-color-30 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE0633 !important;
    box-shadow: #FE0633 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-30 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE0633 !important;
    box-shadow: #FE0633 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-30 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FE0633 !important;
}

body.template-color-30 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-30 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-30 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE0633 !important;
    box-shadow: #FE0633 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-30 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FE0633 !important;
}

body.template-color-30 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-30 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-30 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-30 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE0633 !important;
}

body.template-color-30 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FE0633 !important;
    background-color: #FE0633 !important;
}

body.template-color-30 .icon-box.style-4 .inner:hover .content h5 {
    color: #FE0633 !important;
}

body.template-color-30 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FE0633 0%, transparent 100%);
}

body.template-color-30 .widget-category-list ul.category-area li a:hover {
    color: #FE0633 !important;
}

body.template-color-30 .widget-category-list ul.category-area li a:hover span {
    background: #FE0633 !important;
}

body.template-color-30 .side-menu .bg-overlay {
    background: rgba(254, 6, 51, 0.9);
}

body.template-color-30 .hue-color,
body.template-color-30 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(349.1129deg) !important;
    filter: hue-rotate(349.1129deg) !important;
}

body.template-color-30 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-30 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FE0633 !important;
    border-color: #FE0633 !important;
    color: #ffffff;
}

body.template-color-30 .border-color,
body.template-color-30 .hover-border-color:hover,
body.template-color-30 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-30 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-30 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-30 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-30 .radio input:checked~span,
body.template-color-30 .sl-testimonial .pic img {
    border-color: #FE0633 !important;
}

body.template-color-30 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FE0633;
}

body.template-color-30 .btn .light-color {
    border-color: #FE0633;
    background: rgba(254, 6, 51, 0.11);
}

body.template-color-30 .btn .light-color:hover {
    background: #FE0633;
    color: #ffffff;
}

body.template-color-30 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-30 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-30 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-30 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-30 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-30 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-31 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-31 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-31 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-31 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-31 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-31 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-31 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #C40A1E !important;
}

body.template-color-31 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-31 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #C40A1E !important;
}

body.template-color-31 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-31 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-31 .mini-cart .shopping-cart,
body.template-color-31 .dropdown__menu,
body.template-color-31 .mega-width-fullscreen,
body.template-color-31 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #C40A1E !important;
}

body.template-color-31 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-31 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-31 .header-full-menu .social-icons-simple li a:hover,
body.template-color-31 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-31 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #C40A1E;
}

body.template-color-31 #scroll-top {
    background: #C40A1E !important;
    border: 2px solid #C40A1E;
}

body.template-color-31 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-31 #scroll-top:hover {
    background: #C40A1E;
}

body.template-color-31 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-31 #scroll-top.with-hover {
    border-color: #C40A1E !important;
    background: #ffffff !important;
}

body.template-color-31 #scroll-top.with-hover i {
    color: #C40A1E !important;
}

body.template-color-31 #scroll-top.with-hover:hover {
    background: #C40A1E !important;
}

body.template-color-31 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-31 .salon-prices .price-list {
    border-bottom: 2px solid #C40A1E;
    background: linear-gradient(to right, rgba(196, 10, 30, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-31 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-31 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-31 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-31 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-31 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-31 .border-btn {
    color: #C40A1E;
}

body.template-color-31 .btn-hover::after {
    border: 2px solid rgba(196, 10, 30, 0.7);
}

body.template-color-31 .beauty-service>[class*="col-"] .item span {
    color: #C40A1E;
}

body.template-color-31 .beauty-service>[class*="col-"]:hover {
    background: rgba(196, 10, 30, 0.8);
    border-color: rgba(196, 10, 30, 0.8);
}

body.template-color-31 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-31 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-31 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-31 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-31 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #C40A1E;
    width: 50%;
}

body.template-color-31 .bg-color,
body.template-color-31 .hover-bg-color:hover,
body.template-color-31 [data-color-overlay]::after,
body.template-color-31 [data-color-hover-overlay]:hover::after,
body.template-color-31 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-31 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-31 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-31 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-31 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-31 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-31 .post-nav-list .nav-item a:hover,
body.template-color-31 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-31 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-31 .animated-dot .middle-dot,
body.template-color-31 .animated-dot .signal,
body.template-color-31 .animated-dot .signal2,
body.template-color-31 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-31 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-31 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-31 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-31 .pricing-box .header .feature-mark,
body.template-color-31 .sl-testimonial .pic:after,
body.template-color-31 .sl-testimonial .pic:before,
body.template-color-31 #common-footer:before,
body.template-color-31 #common-footer .footer_item:before,
body.template-color-31 #common-footer .footer_menu:before,
body.template-color-31 #common-footer .footer_contacts__item:before,
body.template-color-31 .section-title.under-line h2::after {
    background: #C40A1E !important;
}

body.template-color-31 .creative-st-header .side-menu {
    background: #C40A1E;
}

body.template-color-31 .scroll-top-arrow {
    background: #C40A1E;
}

body.template-color-31 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #C40A1E;
}

body.template-color-31 .footer-social li a:hover {
    background-color: #C40A1E;
    color: #ffffff;
}

body.template-color-31 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #C40A1E !important;
}

body.template-color-31 .pricing-box.hoverable:hover,
body.template-color-31 .pricing-box.hoverable.active {
    background: #C40A1E;
}

body.template-color-31 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-31 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #C40A1E !important;
    color: #fff;
}

body.template-color-31 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-31 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #C40A1E !important;
}

body.template-color-31 .progress-bar span.percent-label:after {
    border-color: #C40A1E transparent transparent transparent !important;
}

body.template-color-31 .icon-box.style-5 .inner .inner-icon {
    color: #C40A1E;
}

body.template-color-31 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-31 .icon-box.style-5:hover .gradients-button {
    color: #C40A1E;
}

body.template-color-31 .team-part .single-blog-item .social-icon a:hover {
    background-color: #C40A1E;
    color: #ffffff;
    border-color: #C40A1E;
}

body.template-color-31 .chackbox input:checked~span {
    background: #C40A1E !important;
    border-color: #C40A1E !important;
}

body.template-color-31 .radio span:after {
    background: #C40A1E !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-31 .booking_form .img-sec {
        background: #C40A1E !important;
    }
}

body.template-color-31 .crypto-table .table {
    border: 8px solid #C40A1E;
}

body.template-color-31 .agn-testimonial .carousel-control-next:hover,
body.template-color-31 .agn-testimonial .carousel-control-prev:hover,
body.template-color-31 .agn-testimonial .carousel-control-next:focus,
body.template-color-31 .agn-testimonial .carousel-control-prev:focus {
    background: #C40A1E;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-31 .box-team .overlay {
    background-color: rgba(196, 10, 30, 0.75);
}

body.template-color-31 .social-shere:hover {
    border-color: #C40A1E !important;
}

body.template-color-31 .social-shere:hover .social-site p {
    color: #C40A1E !important;
}

body.template-color-31 .social-shere:hover .icon i {
    color: #C40A1E !important;
}

body.template-color-31 .testimonial-slider .carousel-indicators li.active {
    border-color: #C40A1E;
}

body.template-color-31 .service-box i {
    color: #C40A1E;
}

body.template-color-31 .service-box .readmore {
    color: #C40A1E;
}

body.template-color-31 .service-box .readmore:before {
    background-color: #C40A1E;
}

body.template-color-31 .service-box:hover {
    background: #C40A1E;
}

body.template-color-31 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-31 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-31 .service-box:hover i,
body.template-color-31 .service-box:hover h4,
body.template-color-31 .service-box:hover p {
    color: #ffffff;
}

body.template-color-31 .icon-border-shadow {
    background: #C40A1E !important;
}

body.template-color-31 .icon-border-shadow:before {
    background: rgba(196, 10, 30, 0.3) !important;
}

body.template-color-31 .icon-border-shadow:after {
    background: rgba(196, 10, 30, 0.5) !important;
}

body.template-color-31 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #C40A1E;
}

body.template-color-31 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-31 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #C40A1E !important;
}

body.template-color-31 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-31 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-31 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-31 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-31 .icon-box .inner .icon-3.style-2 {
    background: rgba(196, 10, 30, 0.1) !important;
}

body.template-color-31 .icon-box .inner .icon-3.style-3 {
    background: #C40A1E;
}

body.template-color-31 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(196, 10, 30, 0.75) !important;
}

body.template-color-31 .text-color,
body.template-color-31 .hover-text-color:hover,
body.template-color-31 .snail_toolbar .inner a:hover,
body.template-color-31 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-31 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-31 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-31 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-31 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-31 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-31 .blog-tag-list a:hover,
body.template-color-31 .sl-quote::before,
body.template-color-31 .blog-post-return-button a:hover,
body.template-color-31 .portfolio-details-list .details-list span a:hover,
body.template-color-31 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-31 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-31 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-31 .product:hover .product-contain h4,
body.template-color-31 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-31 .mini-cart .shopping-cart .footer .total,
body.template-color-31 .mini-cart .shopping-cart .footer .total span,
body.template-color-31 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-31 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-31 .post.blog2 .post-body h5 a:hover,
body.template-color-31 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-31 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-31 .tab.tabs-links .nav .nav-link a.active,
body.template-color-31 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-31 .blog-post .blog-inner .blog-title a:hover,
body.template-color-31 .footer-part.footer-classic .footer-links a:hover,
body.template-color-31 .music_area .music-artist:hover .show-title,
body.template-color-31 .sl-testimonial .description:after,
body.template-color-31 .sl-testimonial .description:before,
body.template-color-31 .rating li i,
body.template-color-31 .btn .gradients-button.hover-bg-white:hover,
body.template-color-31 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-31 #common-footer .footer_menu__list li a:hover,
body.template-color-31 .icon-box.style-5:hover .gradients-button,
body.template-color-31 .icon-box.style-5.active .gradients-button {
    color: #C40A1E !important;
}

body.template-color-31 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-31 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-31 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-31 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #C40A1E;
}

body.template-color-31 .footer-part.footer-classic .contact-mata:hover i {
    background: #C40A1E;
    color: #fff;
}

body.template-color-31 .comparision-slider .handle::after {
    color: #C40A1E;
}

body.template-color-31 .comparision-slider .handle.bordered {
    background: #C40A1E;
}

body.template-color-31 .comparision-slider .handle.bordered:after {
    border: 3px solid #C40A1E;
}

body.template-color-31 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-31 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-31 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #C40A1E !important;
    box-shadow: #C40A1E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-31 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #C40A1E !important;
}

body.template-color-31 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-31 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-31 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-31 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #C40A1E !important;
}

body.template-color-31 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #C40A1E !important;
    box-shadow: #C40A1E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-31 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #C40A1E !important;
    box-shadow: #C40A1E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-31 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #C40A1E !important;
}

body.template-color-31 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-31 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-31 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #C40A1E !important;
    box-shadow: #C40A1E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-31 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #C40A1E !important;
}

body.template-color-31 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-31 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-31 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-31 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #C40A1E !important;
}

body.template-color-31 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #C40A1E !important;
    background-color: #C40A1E !important;
}

body.template-color-31 .icon-box.style-4 .inner:hover .content h5 {
    color: #C40A1E !important;
}

body.template-color-31 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #C40A1E 0%, transparent 100%);
}

body.template-color-31 .widget-category-list ul.category-area li a:hover {
    color: #C40A1E !important;
}

body.template-color-31 .widget-category-list ul.category-area li a:hover span {
    background: #C40A1E !important;
}

body.template-color-31 .side-menu .bg-overlay {
    background: rgba(196, 10, 30, 0.9);
}

body.template-color-31 .hue-color,
body.template-color-31 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(353.54839deg) !important;
    filter: hue-rotate(353.54839deg) !important;
}

body.template-color-31 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-31 .hero-slider .owl-nav .owl-prev:hover span {
    background: #C40A1E !important;
    border-color: #C40A1E !important;
    color: #ffffff;
}

body.template-color-31 .border-color,
body.template-color-31 .hover-border-color:hover,
body.template-color-31 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-31 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-31 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-31 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-31 .radio input:checked~span,
body.template-color-31 .sl-testimonial .pic img {
    border-color: #C40A1E !important;
}

body.template-color-31 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #C40A1E;
}

body.template-color-31 .btn .light-color {
    border-color: #C40A1E;
    background: rgba(196, 10, 30, 0.11);
}

body.template-color-31 .btn .light-color:hover {
    background: #C40A1E;
    color: #ffffff;
}

body.template-color-31 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-31 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-31 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-31 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-31 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-31 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-32 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-32 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-32 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-32 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-32 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-32 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-32 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FE0633 !important;
}

body.template-color-32 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-32 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE0633 !important;
}

body.template-color-32 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-32 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-32 .mini-cart .shopping-cart,
body.template-color-32 .dropdown__menu,
body.template-color-32 .mega-width-fullscreen,
body.template-color-32 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FE0633 !important;
}

body.template-color-32 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-32 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-32 .header-full-menu .social-icons-simple li a:hover,
body.template-color-32 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-32 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FE0633;
}

body.template-color-32 #scroll-top {
    background: #FE0633 !important;
    border: 2px solid #FE0633;
}

body.template-color-32 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-32 #scroll-top:hover {
    background: #FE0633;
}

body.template-color-32 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-32 #scroll-top.with-hover {
    border-color: #FE0633 !important;
    background: #ffffff !important;
}

body.template-color-32 #scroll-top.with-hover i {
    color: #FE0633 !important;
}

body.template-color-32 #scroll-top.with-hover:hover {
    background: #FE0633 !important;
}

body.template-color-32 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-32 .salon-prices .price-list {
    border-bottom: 2px solid #FE0633;
    background: linear-gradient(to right, rgba(254, 6, 51, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-32 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-32 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-32 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-32 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-32 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-32 .border-btn {
    color: #FE0633;
}

body.template-color-32 .btn-hover::after {
    border: 2px solid rgba(254, 6, 51, 0.7);
}

body.template-color-32 .beauty-service>[class*="col-"] .item span {
    color: #FE0633;
}

body.template-color-32 .beauty-service>[class*="col-"]:hover {
    background: rgba(254, 6, 51, 0.8);
    border-color: rgba(254, 6, 51, 0.8);
}

body.template-color-32 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-32 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-32 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-32 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-32 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FE0633;
    width: 50%;
}

body.template-color-32 .bg-color,
body.template-color-32 .hover-bg-color:hover,
body.template-color-32 [data-color-overlay]::after,
body.template-color-32 [data-color-hover-overlay]:hover::after,
body.template-color-32 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-32 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-32 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-32 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-32 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-32 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-32 .post-nav-list .nav-item a:hover,
body.template-color-32 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-32 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-32 .animated-dot .middle-dot,
body.template-color-32 .animated-dot .signal,
body.template-color-32 .animated-dot .signal2,
body.template-color-32 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-32 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-32 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-32 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-32 .pricing-box .header .feature-mark,
body.template-color-32 .sl-testimonial .pic:after,
body.template-color-32 .sl-testimonial .pic:before,
body.template-color-32 #common-footer:before,
body.template-color-32 #common-footer .footer_item:before,
body.template-color-32 #common-footer .footer_menu:before,
body.template-color-32 #common-footer .footer_contacts__item:before,
body.template-color-32 .section-title.under-line h2::after {
    background: #FE0633 !important;
}

body.template-color-32 .creative-st-header .side-menu {
    background: #FE0633;
}

body.template-color-32 .scroll-top-arrow {
    background: #FE0633;
}

body.template-color-32 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FE0633;
}

body.template-color-32 .footer-social li a:hover {
    background-color: #FE0633;
    color: #ffffff;
}

body.template-color-32 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FE0633 !important;
}

body.template-color-32 .pricing-box.hoverable:hover,
body.template-color-32 .pricing-box.hoverable.active {
    background: #FE0633;
}

body.template-color-32 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-32 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FE0633 !important;
    color: #fff;
}

body.template-color-32 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-32 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FE0633 !important;
}

body.template-color-32 .progress-bar span.percent-label:after {
    border-color: #FE0633 transparent transparent transparent !important;
}

body.template-color-32 .icon-box.style-5 .inner .inner-icon {
    color: #FE0633;
}

body.template-color-32 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-32 .icon-box.style-5:hover .gradients-button {
    color: #FE0633;
}

body.template-color-32 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FE0633;
    color: #ffffff;
    border-color: #FE0633;
}

body.template-color-32 .chackbox input:checked~span {
    background: #FE0633 !important;
    border-color: #FE0633 !important;
}

body.template-color-32 .radio span:after {
    background: #FE0633 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-32 .booking_form .img-sec {
        background: #FE0633 !important;
    }
}

body.template-color-32 .crypto-table .table {
    border: 8px solid #FE0633;
}

body.template-color-32 .agn-testimonial .carousel-control-next:hover,
body.template-color-32 .agn-testimonial .carousel-control-prev:hover,
body.template-color-32 .agn-testimonial .carousel-control-next:focus,
body.template-color-32 .agn-testimonial .carousel-control-prev:focus {
    background: #FE0633;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-32 .box-team .overlay {
    background-color: rgba(254, 6, 51, 0.75);
}

body.template-color-32 .social-shere:hover {
    border-color: #FE0633 !important;
}

body.template-color-32 .social-shere:hover .social-site p {
    color: #FE0633 !important;
}

body.template-color-32 .social-shere:hover .icon i {
    color: #FE0633 !important;
}

body.template-color-32 .testimonial-slider .carousel-indicators li.active {
    border-color: #FE0633;
}

body.template-color-32 .service-box i {
    color: #FE0633;
}

body.template-color-32 .service-box .readmore {
    color: #FE0633;
}

body.template-color-32 .service-box .readmore:before {
    background-color: #FE0633;
}

body.template-color-32 .service-box:hover {
    background: #FE0633;
}

body.template-color-32 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-32 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-32 .service-box:hover i,
body.template-color-32 .service-box:hover h4,
body.template-color-32 .service-box:hover p {
    color: #ffffff;
}

body.template-color-32 .icon-border-shadow {
    background: #FE0633 !important;
}

body.template-color-32 .icon-border-shadow:before {
    background: rgba(254, 6, 51, 0.3) !important;
}

body.template-color-32 .icon-border-shadow:after {
    background: rgba(254, 6, 51, 0.5) !important;
}

body.template-color-32 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FE0633;
}

body.template-color-32 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-32 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FE0633 !important;
}

body.template-color-32 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-32 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-32 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-32 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-32 .icon-box .inner .icon-3.style-2 {
    background: rgba(254, 6, 51, 0.1) !important;
}

body.template-color-32 .icon-box .inner .icon-3.style-3 {
    background: #FE0633;
}

body.template-color-32 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(254, 6, 51, 0.75) !important;
}

body.template-color-32 .text-color,
body.template-color-32 .hover-text-color:hover,
body.template-color-32 .snail_toolbar .inner a:hover,
body.template-color-32 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-32 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-32 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-32 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-32 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-32 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-32 .blog-tag-list a:hover,
body.template-color-32 .sl-quote::before,
body.template-color-32 .blog-post-return-button a:hover,
body.template-color-32 .portfolio-details-list .details-list span a:hover,
body.template-color-32 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-32 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-32 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-32 .product:hover .product-contain h4,
body.template-color-32 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-32 .mini-cart .shopping-cart .footer .total,
body.template-color-32 .mini-cart .shopping-cart .footer .total span,
body.template-color-32 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-32 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-32 .post.blog2 .post-body h5 a:hover,
body.template-color-32 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-32 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-32 .tab.tabs-links .nav .nav-link a.active,
body.template-color-32 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-32 .blog-post .blog-inner .blog-title a:hover,
body.template-color-32 .footer-part.footer-classic .footer-links a:hover,
body.template-color-32 .music_area .music-artist:hover .show-title,
body.template-color-32 .sl-testimonial .description:after,
body.template-color-32 .sl-testimonial .description:before,
body.template-color-32 .rating li i,
body.template-color-32 .btn .gradients-button.hover-bg-white:hover,
body.template-color-32 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-32 #common-footer .footer_menu__list li a:hover,
body.template-color-32 .icon-box.style-5:hover .gradients-button,
body.template-color-32 .icon-box.style-5.active .gradients-button {
    color: #FE0633 !important;
}

body.template-color-32 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-32 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-32 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-32 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FE0633;
}

body.template-color-32 .footer-part.footer-classic .contact-mata:hover i {
    background: #FE0633;
    color: #fff;
}

body.template-color-32 .comparision-slider .handle::after {
    color: #FE0633;
}

body.template-color-32 .comparision-slider .handle.bordered {
    background: #FE0633;
}

body.template-color-32 .comparision-slider .handle.bordered:after {
    border: 3px solid #FE0633;
}

body.template-color-32 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-32 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-32 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE0633 !important;
    box-shadow: #FE0633 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-32 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FE0633 !important;
}

body.template-color-32 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-32 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-32 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-32 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE0633 !important;
}

body.template-color-32 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE0633 !important;
    box-shadow: #FE0633 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-32 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FE0633 !important;
    box-shadow: #FE0633 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-32 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FE0633 !important;
}

body.template-color-32 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-32 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-32 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FE0633 !important;
    box-shadow: #FE0633 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-32 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FE0633 !important;
}

body.template-color-32 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-32 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-32 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-32 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FE0633 !important;
}

body.template-color-32 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FE0633 !important;
    background-color: #FE0633 !important;
}

body.template-color-32 .icon-box.style-4 .inner:hover .content h5 {
    color: #FE0633 !important;
}

body.template-color-32 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FE0633 0%, transparent 100%);
}

body.template-color-32 .widget-category-list ul.category-area li a:hover {
    color: #FE0633 !important;
}

body.template-color-32 .widget-category-list ul.category-area li a:hover span {
    background: #FE0633 !important;
}

body.template-color-32 .side-menu .bg-overlay {
    background: rgba(254, 6, 51, 0.9);
}

body.template-color-32 .hue-color,
body.template-color-32 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(349.1129deg) !important;
    filter: hue-rotate(349.1129deg) !important;
}

body.template-color-32 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-32 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FE0633 !important;
    border-color: #FE0633 !important;
    color: #ffffff;
}

body.template-color-32 .border-color,
body.template-color-32 .hover-border-color:hover,
body.template-color-32 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-32 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-32 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-32 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-32 .radio input:checked~span,
body.template-color-32 .sl-testimonial .pic img {
    border-color: #FE0633 !important;
}

body.template-color-32 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FE0633;
}

body.template-color-32 .btn .light-color {
    border-color: #FE0633;
    background: rgba(254, 6, 51, 0.11);
}

body.template-color-32 .btn .light-color:hover {
    background: #FE0633;
    color: #ffffff;
}

body.template-color-32 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-32 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-32 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-32 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-32 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-32 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-33 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-33 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-33 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-33 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-33 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-33 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-33 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #3C53D7 !important;
}

body.template-color-33 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-33 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #3C53D7 !important;
}

body.template-color-33 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-33 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-33 .mini-cart .shopping-cart,
body.template-color-33 .dropdown__menu,
body.template-color-33 .mega-width-fullscreen,
body.template-color-33 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #3C53D7 !important;
}

body.template-color-33 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-33 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-33 .header-full-menu .social-icons-simple li a:hover,
body.template-color-33 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-33 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #3C53D7;
}

body.template-color-33 #scroll-top {
    background: #3C53D7 !important;
    border: 2px solid #3C53D7;
}

body.template-color-33 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-33 #scroll-top:hover {
    background: #3C53D7;
}

body.template-color-33 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-33 #scroll-top.with-hover {
    border-color: #3C53D7 !important;
    background: #ffffff !important;
}

body.template-color-33 #scroll-top.with-hover i {
    color: #3C53D7 !important;
}

body.template-color-33 #scroll-top.with-hover:hover {
    background: #3C53D7 !important;
}

body.template-color-33 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-33 .salon-prices .price-list {
    border-bottom: 2px solid #3C53D7;
    background: linear-gradient(to right, rgba(60, 83, 215, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-33 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-33 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-33 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-33 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-33 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-33 .border-btn {
    color: #3C53D7;
}

body.template-color-33 .btn-hover::after {
    border: 2px solid rgba(60, 83, 215, 0.7);
}

body.template-color-33 .beauty-service>[class*="col-"] .item span {
    color: #3C53D7;
}

body.template-color-33 .beauty-service>[class*="col-"]:hover {
    background: rgba(60, 83, 215, 0.8);
    border-color: rgba(60, 83, 215, 0.8);
}

body.template-color-33 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-33 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-33 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-33 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-33 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #3C53D7;
    width: 50%;
}

body.template-color-33 .bg-color,
body.template-color-33 .hover-bg-color:hover,
body.template-color-33 [data-color-overlay]::after,
body.template-color-33 [data-color-hover-overlay]:hover::after,
body.template-color-33 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-33 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-33 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-33 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-33 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-33 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-33 .post-nav-list .nav-item a:hover,
body.template-color-33 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-33 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-33 .animated-dot .middle-dot,
body.template-color-33 .animated-dot .signal,
body.template-color-33 .animated-dot .signal2,
body.template-color-33 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-33 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-33 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-33 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-33 .pricing-box .header .feature-mark,
body.template-color-33 .sl-testimonial .pic:after,
body.template-color-33 .sl-testimonial .pic:before,
body.template-color-33 #common-footer:before,
body.template-color-33 #common-footer .footer_item:before,
body.template-color-33 #common-footer .footer_menu:before,
body.template-color-33 #common-footer .footer_contacts__item:before,
body.template-color-33 .section-title.under-line h2::after {
    background: #3C53D7 !important;
}

body.template-color-33 .creative-st-header .side-menu {
    background: #3C53D7;
}

body.template-color-33 .scroll-top-arrow {
    background: #3C53D7;
}

body.template-color-33 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #3C53D7;
}

body.template-color-33 .footer-social li a:hover {
    background-color: #3C53D7;
    color: #ffffff;
}

body.template-color-33 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #3C53D7 !important;
}

body.template-color-33 .pricing-box.hoverable:hover,
body.template-color-33 .pricing-box.hoverable.active {
    background: #3C53D7;
}

body.template-color-33 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-33 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #3C53D7 !important;
    color: #fff;
}

body.template-color-33 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-33 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #3C53D7 !important;
}

body.template-color-33 .progress-bar span.percent-label:after {
    border-color: #3C53D7 transparent transparent transparent !important;
}

body.template-color-33 .icon-box.style-5 .inner .inner-icon {
    color: #3C53D7;
}

body.template-color-33 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-33 .icon-box.style-5:hover .gradients-button {
    color: #3C53D7;
}

body.template-color-33 .team-part .single-blog-item .social-icon a:hover {
    background-color: #3C53D7;
    color: #ffffff;
    border-color: #3C53D7;
}

body.template-color-33 .chackbox input:checked~span {
    background: #3C53D7 !important;
    border-color: #3C53D7 !important;
}

body.template-color-33 .radio span:after {
    background: #3C53D7 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-33 .booking_form .img-sec {
        background: #3C53D7 !important;
    }
}

body.template-color-33 .crypto-table .table {
    border: 8px solid #3C53D7;
}

body.template-color-33 .agn-testimonial .carousel-control-next:hover,
body.template-color-33 .agn-testimonial .carousel-control-prev:hover,
body.template-color-33 .agn-testimonial .carousel-control-next:focus,
body.template-color-33 .agn-testimonial .carousel-control-prev:focus {
    background: #3C53D7;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-33 .box-team .overlay {
    background-color: rgba(60, 83, 215, 0.75);
}

body.template-color-33 .social-shere:hover {
    border-color: #3C53D7 !important;
}

body.template-color-33 .social-shere:hover .social-site p {
    color: #3C53D7 !important;
}

body.template-color-33 .social-shere:hover .icon i {
    color: #3C53D7 !important;
}

body.template-color-33 .testimonial-slider .carousel-indicators li.active {
    border-color: #3C53D7;
}

body.template-color-33 .service-box i {
    color: #3C53D7;
}

body.template-color-33 .service-box .readmore {
    color: #3C53D7;
}

body.template-color-33 .service-box .readmore:before {
    background-color: #3C53D7;
}

body.template-color-33 .service-box:hover {
    background: #3C53D7;
}

body.template-color-33 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-33 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-33 .service-box:hover i,
body.template-color-33 .service-box:hover h4,
body.template-color-33 .service-box:hover p {
    color: #ffffff;
}

body.template-color-33 .icon-border-shadow {
    background: #3C53D7 !important;
}

body.template-color-33 .icon-border-shadow:before {
    background: rgba(60, 83, 215, 0.3) !important;
}

body.template-color-33 .icon-border-shadow:after {
    background: rgba(60, 83, 215, 0.5) !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #3C53D7;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #3C53D7 !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-33 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-33 .icon-box .inner .icon-3.style-2 {
    background: rgba(60, 83, 215, 0.1) !important;
}

body.template-color-33 .icon-box .inner .icon-3.style-3 {
    background: #3C53D7;
}

body.template-color-33 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(60, 83, 215, 0.75) !important;
}

body.template-color-33 .text-color,
body.template-color-33 .hover-text-color:hover,
body.template-color-33 .snail_toolbar .inner a:hover,
body.template-color-33 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-33 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-33 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-33 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-33 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-33 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-33 .blog-tag-list a:hover,
body.template-color-33 .sl-quote::before,
body.template-color-33 .blog-post-return-button a:hover,
body.template-color-33 .portfolio-details-list .details-list span a:hover,
body.template-color-33 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-33 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-33 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-33 .product:hover .product-contain h4,
body.template-color-33 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-33 .mini-cart .shopping-cart .footer .total,
body.template-color-33 .mini-cart .shopping-cart .footer .total span,
body.template-color-33 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-33 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-33 .post.blog2 .post-body h5 a:hover,
body.template-color-33 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-33 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-33 .tab.tabs-links .nav .nav-link a.active,
body.template-color-33 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-33 .blog-post .blog-inner .blog-title a:hover,
body.template-color-33 .footer-part.footer-classic .footer-links a:hover,
body.template-color-33 .music_area .music-artist:hover .show-title,
body.template-color-33 .sl-testimonial .description:after,
body.template-color-33 .sl-testimonial .description:before,
body.template-color-33 .rating li i,
body.template-color-33 .btn .gradients-button.hover-bg-white:hover,
body.template-color-33 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-33 #common-footer .footer_menu__list li a:hover,
body.template-color-33 .icon-box.style-5:hover .gradients-button,
body.template-color-33 .icon-box.style-5.active .gradients-button {
    color: #3C53D7 !important;
}

body.template-color-33 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-33 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-33 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-33 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #3C53D7;
}

body.template-color-33 .footer-part.footer-classic .contact-mata:hover i {
    background: #3C53D7;
    color: #fff;
}

body.template-color-33 .comparision-slider .handle::after {
    color: #3C53D7;
}

body.template-color-33 .comparision-slider .handle.bordered {
    background: #3C53D7;
}

body.template-color-33 .comparision-slider .handle.bordered:after {
    border: 3px solid #3C53D7;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-33 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3C53D7 !important;
    box-shadow: #3C53D7 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3C53D7 !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-33 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-33 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #3C53D7 !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #3C53D7 !important;
    box-shadow: #3C53D7 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #3C53D7 !important;
    box-shadow: #3C53D7 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #3C53D7 !important;
}

body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3C53D7 !important;
    box-shadow: #3C53D7 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #3C53D7 !important;
}

body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-33 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #3C53D7 !important;
}

body.template-color-33 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #3C53D7 !important;
    background-color: #3C53D7 !important;
}

body.template-color-33 .icon-box.style-4 .inner:hover .content h5 {
    color: #3C53D7 !important;
}

body.template-color-33 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #3C53D7 0%, transparent 100%);
}

body.template-color-33 .widget-category-list ul.category-area li a:hover {
    color: #3C53D7 !important;
}

body.template-color-33 .widget-category-list ul.category-area li a:hover span {
    background: #3C53D7 !important;
}

body.template-color-33 .side-menu .bg-overlay {
    background: rgba(60, 83, 215, 0.9);
}

body.template-color-33 .hue-color,
body.template-color-33 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(231.09677deg) !important;
    filter: hue-rotate(231.09677deg) !important;
}

body.template-color-33 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-33 .hero-slider .owl-nav .owl-prev:hover span {
    background: #3C53D7 !important;
    border-color: #3C53D7 !important;
    color: #ffffff;
}

body.template-color-33 .border-color,
body.template-color-33 .hover-border-color:hover,
body.template-color-33 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-33 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-33 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-33 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-33 .radio input:checked~span,
body.template-color-33 .sl-testimonial .pic img {
    border-color: #3C53D7 !important;
}

body.template-color-33 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #3C53D7;
}

body.template-color-33 .btn .light-color {
    border-color: #3C53D7;
    background: rgba(60, 83, 215, 0.11);
}

body.template-color-33 .btn .light-color:hover {
    background: #3C53D7;
    color: #ffffff;
}

body.template-color-33 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-33 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-33 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-33 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-33 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-33 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-34 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-34 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-34 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-34 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-34 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-34 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-34 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #1A1B6E !important;
}

body.template-color-34 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-34 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #1A1B6E !important;
}

body.template-color-34 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-34 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-34 .mini-cart .shopping-cart,
body.template-color-34 .dropdown__menu,
body.template-color-34 .mega-width-fullscreen,
body.template-color-34 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #1A1B6E !important;
}

body.template-color-34 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-34 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-34 .header-full-menu .social-icons-simple li a:hover,
body.template-color-34 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-34 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #1A1B6E;
}

body.template-color-34 #scroll-top {
    background: #1A1B6E !important;
    border: 2px solid #1A1B6E;
}

body.template-color-34 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-34 #scroll-top:hover {
    background: #1A1B6E;
}

body.template-color-34 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-34 #scroll-top.with-hover {
    border-color: #1A1B6E !important;
    background: #ffffff !important;
}

body.template-color-34 #scroll-top.with-hover i {
    color: #1A1B6E !important;
}

body.template-color-34 #scroll-top.with-hover:hover {
    background: #1A1B6E !important;
}

body.template-color-34 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-34 .salon-prices .price-list {
    border-bottom: 2px solid #1A1B6E;
    background: linear-gradient(to right, rgba(26, 27, 110, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-34 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-34 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-34 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-34 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-34 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-34 .border-btn {
    color: #1A1B6E;
}

body.template-color-34 .btn-hover::after {
    border: 2px solid rgba(26, 27, 110, 0.7);
}

body.template-color-34 .beauty-service>[class*="col-"] .item span {
    color: #1A1B6E;
}

body.template-color-34 .beauty-service>[class*="col-"]:hover {
    background: rgba(26, 27, 110, 0.8);
    border-color: rgba(26, 27, 110, 0.8);
}

body.template-color-34 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-34 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-34 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-34 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-34 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #1A1B6E;
    width: 50%;
}

body.template-color-34 .bg-color,
body.template-color-34 .hover-bg-color:hover,
body.template-color-34 [data-color-overlay]::after,
body.template-color-34 [data-color-hover-overlay]:hover::after,
body.template-color-34 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-34 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-34 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-34 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-34 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-34 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-34 .post-nav-list .nav-item a:hover,
body.template-color-34 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-34 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-34 .animated-dot .middle-dot,
body.template-color-34 .animated-dot .signal,
body.template-color-34 .animated-dot .signal2,
body.template-color-34 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-34 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-34 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-34 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-34 .pricing-box .header .feature-mark,
body.template-color-34 .sl-testimonial .pic:after,
body.template-color-34 .sl-testimonial .pic:before,
body.template-color-34 #common-footer:before,
body.template-color-34 #common-footer .footer_item:before,
body.template-color-34 #common-footer .footer_menu:before,
body.template-color-34 #common-footer .footer_contacts__item:before,
body.template-color-34 .section-title.under-line h2::after {
    background: #1A1B6E !important;
}

body.template-color-34 .creative-st-header .side-menu {
    background: #1A1B6E;
}

body.template-color-34 .scroll-top-arrow {
    background: #1A1B6E;
}

body.template-color-34 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #1A1B6E;
}

body.template-color-34 .footer-social li a:hover {
    background-color: #1A1B6E;
    color: #ffffff;
}

body.template-color-34 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #1A1B6E !important;
}

body.template-color-34 .pricing-box.hoverable:hover,
body.template-color-34 .pricing-box.hoverable.active {
    background: #1A1B6E;
}

body.template-color-34 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-34 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #1A1B6E !important;
    color: #fff;
}

body.template-color-34 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-34 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #1A1B6E !important;
}

body.template-color-34 .progress-bar span.percent-label:after {
    border-color: #1A1B6E transparent transparent transparent !important;
}

body.template-color-34 .icon-box.style-5 .inner .inner-icon {
    color: #1A1B6E;
}

body.template-color-34 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-34 .icon-box.style-5:hover .gradients-button {
    color: #1A1B6E;
}

body.template-color-34 .team-part .single-blog-item .social-icon a:hover {
    background-color: #1A1B6E;
    color: #ffffff;
    border-color: #1A1B6E;
}

body.template-color-34 .chackbox input:checked~span {
    background: #1A1B6E !important;
    border-color: #1A1B6E !important;
}

body.template-color-34 .radio span:after {
    background: #1A1B6E !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-34 .booking_form .img-sec {
        background: #1A1B6E !important;
    }
}

body.template-color-34 .crypto-table .table {
    border: 8px solid #1A1B6E;
}

body.template-color-34 .agn-testimonial .carousel-control-next:hover,
body.template-color-34 .agn-testimonial .carousel-control-prev:hover,
body.template-color-34 .agn-testimonial .carousel-control-next:focus,
body.template-color-34 .agn-testimonial .carousel-control-prev:focus {
    background: #1A1B6E;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-34 .box-team .overlay {
    background-color: rgba(26, 27, 110, 0.75);
}

body.template-color-34 .social-shere:hover {
    border-color: #1A1B6E !important;
}

body.template-color-34 .social-shere:hover .social-site p {
    color: #1A1B6E !important;
}

body.template-color-34 .social-shere:hover .icon i {
    color: #1A1B6E !important;
}

body.template-color-34 .testimonial-slider .carousel-indicators li.active {
    border-color: #1A1B6E;
}

body.template-color-34 .service-box i {
    color: #1A1B6E;
}

body.template-color-34 .service-box .readmore {
    color: #1A1B6E;
}

body.template-color-34 .service-box .readmore:before {
    background-color: #1A1B6E;
}

body.template-color-34 .service-box:hover {
    background: #1A1B6E;
}

body.template-color-34 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-34 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-34 .service-box:hover i,
body.template-color-34 .service-box:hover h4,
body.template-color-34 .service-box:hover p {
    color: #ffffff;
}

body.template-color-34 .icon-border-shadow {
    background: #1A1B6E !important;
}

body.template-color-34 .icon-border-shadow:before {
    background: rgba(26, 27, 110, 0.3) !important;
}

body.template-color-34 .icon-border-shadow:after {
    background: rgba(26, 27, 110, 0.5) !important;
}

body.template-color-34 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #1A1B6E;
}

body.template-color-34 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-34 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #1A1B6E !important;
}

body.template-color-34 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-34 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-34 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-34 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-34 .icon-box .inner .icon-3.style-2 {
    background: rgba(26, 27, 110, 0.1) !important;
}

body.template-color-34 .icon-box .inner .icon-3.style-3 {
    background: #1A1B6E;
}

body.template-color-34 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(26, 27, 110, 0.75) !important;
}

body.template-color-34 .text-color,
body.template-color-34 .hover-text-color:hover,
body.template-color-34 .snail_toolbar .inner a:hover,
body.template-color-34 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-34 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-34 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-34 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-34 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-34 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-34 .blog-tag-list a:hover,
body.template-color-34 .sl-quote::before,
body.template-color-34 .blog-post-return-button a:hover,
body.template-color-34 .portfolio-details-list .details-list span a:hover,
body.template-color-34 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-34 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-34 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-34 .product:hover .product-contain h4,
body.template-color-34 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-34 .mini-cart .shopping-cart .footer .total,
body.template-color-34 .mini-cart .shopping-cart .footer .total span,
body.template-color-34 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-34 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-34 .post.blog2 .post-body h5 a:hover,
body.template-color-34 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-34 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-34 .tab.tabs-links .nav .nav-link a.active,
body.template-color-34 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-34 .blog-post .blog-inner .blog-title a:hover,
body.template-color-34 .footer-part.footer-classic .footer-links a:hover,
body.template-color-34 .music_area .music-artist:hover .show-title,
body.template-color-34 .sl-testimonial .description:after,
body.template-color-34 .sl-testimonial .description:before,
body.template-color-34 .rating li i,
body.template-color-34 .btn .gradients-button.hover-bg-white:hover,
body.template-color-34 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-34 #common-footer .footer_menu__list li a:hover,
body.template-color-34 .icon-box.style-5:hover .gradients-button,
body.template-color-34 .icon-box.style-5.active .gradients-button {
    color: #1A1B6E !important;
}

body.template-color-34 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-34 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-34 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-34 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #1A1B6E;
}

body.template-color-34 .footer-part.footer-classic .contact-mata:hover i {
    background: #1A1B6E;
    color: #fff;
}

body.template-color-34 .comparision-slider .handle::after {
    color: #1A1B6E;
}

body.template-color-34 .comparision-slider .handle.bordered {
    background: #1A1B6E;
}

body.template-color-34 .comparision-slider .handle.bordered:after {
    border: 3px solid #1A1B6E;
}

body.template-color-34 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-34 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-34 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #1A1B6E !important;
    box-shadow: #1A1B6E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-34 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #1A1B6E !important;
}

body.template-color-34 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-34 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-34 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-34 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #1A1B6E !important;
}

body.template-color-34 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #1A1B6E !important;
    box-shadow: #1A1B6E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-34 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #1A1B6E !important;
    box-shadow: #1A1B6E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-34 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #1A1B6E !important;
}

body.template-color-34 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-34 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-34 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #1A1B6E !important;
    box-shadow: #1A1B6E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-34 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #1A1B6E !important;
}

body.template-color-34 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-34 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-34 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-34 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #1A1B6E !important;
}

body.template-color-34 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #1A1B6E !important;
    background-color: #1A1B6E !important;
}

body.template-color-34 .icon-box.style-4 .inner:hover .content h5 {
    color: #1A1B6E !important;
}

body.template-color-34 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #1A1B6E 0%, transparent 100%);
}

body.template-color-34 .widget-category-list ul.category-area li a:hover {
    color: #1A1B6E !important;
}

body.template-color-34 .widget-category-list ul.category-area li a:hover span {
    background: #1A1B6E !important;
}

body.template-color-34 .side-menu .bg-overlay {
    background: rgba(26, 27, 110, 0.9);
}

body.template-color-34 .hue-color,
body.template-color-34 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(239.28571deg) !important;
    filter: hue-rotate(239.28571deg) !important;
}

body.template-color-34 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-34 .hero-slider .owl-nav .owl-prev:hover span {
    background: #1A1B6E !important;
    border-color: #1A1B6E !important;
    color: #ffffff;
}

body.template-color-34 .border-color,
body.template-color-34 .hover-border-color:hover,
body.template-color-34 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-34 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-34 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-34 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-34 .radio input:checked~span,
body.template-color-34 .sl-testimonial .pic img {
    border-color: #1A1B6E !important;
}

body.template-color-34 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #1A1B6E;
}

body.template-color-34 .btn .light-color {
    border-color: #1A1B6E;
    background: rgba(26, 27, 110, 0.11);
}

body.template-color-34 .btn .light-color:hover {
    background: #1A1B6E;
    color: #ffffff;
}

body.template-color-34 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-34 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-34 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-34 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-34 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-34 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-35 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-35 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-35 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-35 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-35 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-35 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-35 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #2F3C9E !important;
}

body.template-color-35 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-35 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #2F3C9E !important;
}

body.template-color-35 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-35 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-35 .mini-cart .shopping-cart,
body.template-color-35 .dropdown__menu,
body.template-color-35 .mega-width-fullscreen,
body.template-color-35 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #2F3C9E !important;
}

body.template-color-35 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-35 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-35 .header-full-menu .social-icons-simple li a:hover,
body.template-color-35 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-35 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #2F3C9E;
}

body.template-color-35 #scroll-top {
    background: #2F3C9E !important;
    border: 2px solid #2F3C9E;
}

body.template-color-35 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-35 #scroll-top:hover {
    background: #2F3C9E;
}

body.template-color-35 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-35 #scroll-top.with-hover {
    border-color: #2F3C9E !important;
    background: #ffffff !important;
}

body.template-color-35 #scroll-top.with-hover i {
    color: #2F3C9E !important;
}

body.template-color-35 #scroll-top.with-hover:hover {
    background: #2F3C9E !important;
}

body.template-color-35 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-35 .salon-prices .price-list {
    border-bottom: 2px solid #2F3C9E;
    background: linear-gradient(to right, rgba(47, 60, 158, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-35 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-35 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-35 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-35 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-35 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-35 .border-btn {
    color: #2F3C9E;
}

body.template-color-35 .btn-hover::after {
    border: 2px solid rgba(47, 60, 158, 0.7);
}

body.template-color-35 .beauty-service>[class*="col-"] .item span {
    color: #2F3C9E;
}

body.template-color-35 .beauty-service>[class*="col-"]:hover {
    background: rgba(47, 60, 158, 0.8);
    border-color: rgba(47, 60, 158, 0.8);
}

body.template-color-35 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-35 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-35 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-35 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-35 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #2F3C9E;
    width: 50%;
}

body.template-color-35 .bg-color,
body.template-color-35 .hover-bg-color:hover,
body.template-color-35 [data-color-overlay]::after,
body.template-color-35 [data-color-hover-overlay]:hover::after,
body.template-color-35 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-35 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-35 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-35 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-35 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-35 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-35 .post-nav-list .nav-item a:hover,
body.template-color-35 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-35 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-35 .animated-dot .middle-dot,
body.template-color-35 .animated-dot .signal,
body.template-color-35 .animated-dot .signal2,
body.template-color-35 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-35 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-35 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-35 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-35 .pricing-box .header .feature-mark,
body.template-color-35 .sl-testimonial .pic:after,
body.template-color-35 .sl-testimonial .pic:before,
body.template-color-35 #common-footer:before,
body.template-color-35 #common-footer .footer_item:before,
body.template-color-35 #common-footer .footer_menu:before,
body.template-color-35 #common-footer .footer_contacts__item:before,
body.template-color-35 .section-title.under-line h2::after {
    background: #2F3C9E !important;
}

body.template-color-35 .creative-st-header .side-menu {
    background: #2F3C9E;
}

body.template-color-35 .scroll-top-arrow {
    background: #2F3C9E;
}

body.template-color-35 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #2F3C9E;
}

body.template-color-35 .footer-social li a:hover {
    background-color: #2F3C9E;
    color: #ffffff;
}

body.template-color-35 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #2F3C9E !important;
}

body.template-color-35 .pricing-box.hoverable:hover,
body.template-color-35 .pricing-box.hoverable.active {
    background: #2F3C9E;
}

body.template-color-35 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-35 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #2F3C9E !important;
    color: #fff;
}

body.template-color-35 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-35 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #2F3C9E !important;
}

body.template-color-35 .progress-bar span.percent-label:after {
    border-color: #2F3C9E transparent transparent transparent !important;
}

body.template-color-35 .icon-box.style-5 .inner .inner-icon {
    color: #2F3C9E;
}

body.template-color-35 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-35 .icon-box.style-5:hover .gradients-button {
    color: #2F3C9E;
}

body.template-color-35 .team-part .single-blog-item .social-icon a:hover {
    background-color: #2F3C9E;
    color: #ffffff;
    border-color: #2F3C9E;
}

body.template-color-35 .chackbox input:checked~span {
    background: #2F3C9E !important;
    border-color: #2F3C9E !important;
}

body.template-color-35 .radio span:after {
    background: #2F3C9E !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-35 .booking_form .img-sec {
        background: #2F3C9E !important;
    }
}

body.template-color-35 .crypto-table .table {
    border: 8px solid #2F3C9E;
}

body.template-color-35 .agn-testimonial .carousel-control-next:hover,
body.template-color-35 .agn-testimonial .carousel-control-prev:hover,
body.template-color-35 .agn-testimonial .carousel-control-next:focus,
body.template-color-35 .agn-testimonial .carousel-control-prev:focus {
    background: #2F3C9E;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-35 .box-team .overlay {
    background-color: rgba(47, 60, 158, 0.75);
}

body.template-color-35 .social-shere:hover {
    border-color: #2F3C9E !important;
}

body.template-color-35 .social-shere:hover .social-site p {
    color: #2F3C9E !important;
}

body.template-color-35 .social-shere:hover .icon i {
    color: #2F3C9E !important;
}

body.template-color-35 .testimonial-slider .carousel-indicators li.active {
    border-color: #2F3C9E;
}

body.template-color-35 .service-box i {
    color: #2F3C9E;
}

body.template-color-35 .service-box .readmore {
    color: #2F3C9E;
}

body.template-color-35 .service-box .readmore:before {
    background-color: #2F3C9E;
}

body.template-color-35 .service-box:hover {
    background: #2F3C9E;
}

body.template-color-35 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-35 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-35 .service-box:hover i,
body.template-color-35 .service-box:hover h4,
body.template-color-35 .service-box:hover p {
    color: #ffffff;
}

body.template-color-35 .icon-border-shadow {
    background: #2F3C9E !important;
}

body.template-color-35 .icon-border-shadow:before {
    background: rgba(47, 60, 158, 0.3) !important;
}

body.template-color-35 .icon-border-shadow:after {
    background: rgba(47, 60, 158, 0.5) !important;
}

body.template-color-35 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #2F3C9E;
}

body.template-color-35 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-35 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #2F3C9E !important;
}

body.template-color-35 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-35 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-35 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-35 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-35 .icon-box .inner .icon-3.style-2 {
    background: rgba(47, 60, 158, 0.1) !important;
}

body.template-color-35 .icon-box .inner .icon-3.style-3 {
    background: #2F3C9E;
}

body.template-color-35 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(47, 60, 158, 0.75) !important;
}

body.template-color-35 .text-color,
body.template-color-35 .hover-text-color:hover,
body.template-color-35 .snail_toolbar .inner a:hover,
body.template-color-35 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-35 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-35 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-35 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-35 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-35 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-35 .blog-tag-list a:hover,
body.template-color-35 .sl-quote::before,
body.template-color-35 .blog-post-return-button a:hover,
body.template-color-35 .portfolio-details-list .details-list span a:hover,
body.template-color-35 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-35 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-35 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-35 .product:hover .product-contain h4,
body.template-color-35 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-35 .mini-cart .shopping-cart .footer .total,
body.template-color-35 .mini-cart .shopping-cart .footer .total span,
body.template-color-35 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-35 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-35 .post.blog2 .post-body h5 a:hover,
body.template-color-35 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-35 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-35 .tab.tabs-links .nav .nav-link a.active,
body.template-color-35 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-35 .blog-post .blog-inner .blog-title a:hover,
body.template-color-35 .footer-part.footer-classic .footer-links a:hover,
body.template-color-35 .music_area .music-artist:hover .show-title,
body.template-color-35 .sl-testimonial .description:after,
body.template-color-35 .sl-testimonial .description:before,
body.template-color-35 .rating li i,
body.template-color-35 .btn .gradients-button.hover-bg-white:hover,
body.template-color-35 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-35 #common-footer .footer_menu__list li a:hover,
body.template-color-35 .icon-box.style-5:hover .gradients-button,
body.template-color-35 .icon-box.style-5.active .gradients-button {
    color: #2F3C9E !important;
}

body.template-color-35 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-35 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-35 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-35 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #2F3C9E;
}

body.template-color-35 .footer-part.footer-classic .contact-mata:hover i {
    background: #2F3C9E;
    color: #fff;
}

body.template-color-35 .comparision-slider .handle::after {
    color: #2F3C9E;
}

body.template-color-35 .comparision-slider .handle.bordered {
    background: #2F3C9E;
}

body.template-color-35 .comparision-slider .handle.bordered:after {
    border: 3px solid #2F3C9E;
}

body.template-color-35 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-35 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-35 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #2F3C9E !important;
    box-shadow: #2F3C9E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-35 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #2F3C9E !important;
}

body.template-color-35 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-35 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-35 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-35 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #2F3C9E !important;
}

body.template-color-35 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #2F3C9E !important;
    box-shadow: #2F3C9E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-35 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #2F3C9E !important;
    box-shadow: #2F3C9E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-35 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #2F3C9E !important;
}

body.template-color-35 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-35 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-35 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #2F3C9E !important;
    box-shadow: #2F3C9E 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-35 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #2F3C9E !important;
}

body.template-color-35 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-35 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-35 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-35 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #2F3C9E !important;
}

body.template-color-35 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #2F3C9E !important;
    background-color: #2F3C9E !important;
}

body.template-color-35 .icon-box.style-4 .inner:hover .content h5 {
    color: #2F3C9E !important;
}

body.template-color-35 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #2F3C9E 0%, transparent 100%);
}

body.template-color-35 .widget-category-list ul.category-area li a:hover {
    color: #2F3C9E !important;
}

body.template-color-35 .widget-category-list ul.category-area li a:hover span {
    background: #2F3C9E !important;
}

body.template-color-35 .side-menu .bg-overlay {
    background: rgba(47, 60, 158, 0.9);
}

body.template-color-35 .hue-color,
body.template-color-35 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(232.97297deg) !important;
    filter: hue-rotate(232.97297deg) !important;
}

body.template-color-35 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-35 .hero-slider .owl-nav .owl-prev:hover span {
    background: #2F3C9E !important;
    border-color: #2F3C9E !important;
    color: #ffffff;
}

body.template-color-35 .border-color,
body.template-color-35 .hover-border-color:hover,
body.template-color-35 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-35 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-35 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-35 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-35 .radio input:checked~span,
body.template-color-35 .sl-testimonial .pic img {
    border-color: #2F3C9E !important;
}

body.template-color-35 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #2F3C9E;
}

body.template-color-35 .btn .light-color {
    border-color: #2F3C9E;
    background: rgba(47, 60, 158, 0.11);
}

body.template-color-35 .btn .light-color:hover {
    background: #2F3C9E;
    color: #ffffff;
}

body.template-color-35 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-35 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-35 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-35 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-35 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-35 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-36 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-36 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-36 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-36 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-36 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-36 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-36 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #0A113B !important;
}

body.template-color-36 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-36 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #0A113B !important;
}

body.template-color-36 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-36 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-36 .mini-cart .shopping-cart,
body.template-color-36 .dropdown__menu,
body.template-color-36 .mega-width-fullscreen,
body.template-color-36 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #0A113B !important;
}

body.template-color-36 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-36 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-36 .header-full-menu .social-icons-simple li a:hover,
body.template-color-36 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-36 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #0A113B;
}

body.template-color-36 #scroll-top {
    background: #0A113B !important;
    border: 2px solid #0A113B;
}

body.template-color-36 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-36 #scroll-top:hover {
    background: #0A113B;
}

body.template-color-36 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-36 #scroll-top.with-hover {
    border-color: #0A113B !important;
    background: #ffffff !important;
}

body.template-color-36 #scroll-top.with-hover i {
    color: #0A113B !important;
}

body.template-color-36 #scroll-top.with-hover:hover {
    background: #0A113B !important;
}

body.template-color-36 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-36 .salon-prices .price-list {
    border-bottom: 2px solid #0A113B;
    background: linear-gradient(to right, rgba(10, 17, 59, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-36 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-36 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-36 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-36 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-36 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-36 .border-btn {
    color: #0A113B;
}

body.template-color-36 .btn-hover::after {
    border: 2px solid rgba(10, 17, 59, 0.7);
}

body.template-color-36 .beauty-service>[class*="col-"] .item span {
    color: #0A113B;
}

body.template-color-36 .beauty-service>[class*="col-"]:hover {
    background: rgba(10, 17, 59, 0.8);
    border-color: rgba(10, 17, 59, 0.8);
}

body.template-color-36 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-36 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-36 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-36 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-36 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #0A113B;
    width: 50%;
}

body.template-color-36 .bg-color,
body.template-color-36 .hover-bg-color:hover,
body.template-color-36 [data-color-overlay]::after,
body.template-color-36 [data-color-hover-overlay]:hover::after,
body.template-color-36 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-36 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-36 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-36 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-36 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-36 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-36 .post-nav-list .nav-item a:hover,
body.template-color-36 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-36 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-36 .animated-dot .middle-dot,
body.template-color-36 .animated-dot .signal,
body.template-color-36 .animated-dot .signal2,
body.template-color-36 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-36 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-36 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-36 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-36 .pricing-box .header .feature-mark,
body.template-color-36 .sl-testimonial .pic:after,
body.template-color-36 .sl-testimonial .pic:before,
body.template-color-36 #common-footer:before,
body.template-color-36 #common-footer .footer_item:before,
body.template-color-36 #common-footer .footer_menu:before,
body.template-color-36 #common-footer .footer_contacts__item:before,
body.template-color-36 .section-title.under-line h2::after {
    background: #0A113B !important;
}

body.template-color-36 .creative-st-header .side-menu {
    background: #0A113B;
}

body.template-color-36 .scroll-top-arrow {
    background: #0A113B;
}

body.template-color-36 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #0A113B;
}

body.template-color-36 .footer-social li a:hover {
    background-color: #0A113B;
    color: #ffffff;
}

body.template-color-36 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #0A113B !important;
}

body.template-color-36 .pricing-box.hoverable:hover,
body.template-color-36 .pricing-box.hoverable.active {
    background: #0A113B;
}

body.template-color-36 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-36 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #0A113B !important;
    color: #fff;
}

body.template-color-36 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-36 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #0A113B !important;
}

body.template-color-36 .progress-bar span.percent-label:after {
    border-color: #0A113B transparent transparent transparent !important;
}

body.template-color-36 .icon-box.style-5 .inner .inner-icon {
    color: #0A113B;
}

body.template-color-36 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-36 .icon-box.style-5:hover .gradients-button {
    color: #0A113B;
}

body.template-color-36 .team-part .single-blog-item .social-icon a:hover {
    background-color: #0A113B;
    color: #ffffff;
    border-color: #0A113B;
}

body.template-color-36 .chackbox input:checked~span {
    background: #0A113B !important;
    border-color: #0A113B !important;
}

body.template-color-36 .radio span:after {
    background: #0A113B !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-36 .booking_form .img-sec {
        background: #0A113B !important;
    }
}

body.template-color-36 .crypto-table .table {
    border: 8px solid #0A113B;
}

body.template-color-36 .agn-testimonial .carousel-control-next:hover,
body.template-color-36 .agn-testimonial .carousel-control-prev:hover,
body.template-color-36 .agn-testimonial .carousel-control-next:focus,
body.template-color-36 .agn-testimonial .carousel-control-prev:focus {
    background: #0A113B;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-36 .box-team .overlay {
    background-color: rgba(10, 17, 59, 0.75);
}

body.template-color-36 .social-shere:hover {
    border-color: #0A113B !important;
}

body.template-color-36 .social-shere:hover .social-site p {
    color: #0A113B !important;
}

body.template-color-36 .social-shere:hover .icon i {
    color: #0A113B !important;
}

body.template-color-36 .testimonial-slider .carousel-indicators li.active {
    border-color: #0A113B;
}

body.template-color-36 .service-box i {
    color: #0A113B;
}

body.template-color-36 .service-box .readmore {
    color: #0A113B;
}

body.template-color-36 .service-box .readmore:before {
    background-color: #0A113B;
}

body.template-color-36 .service-box:hover {
    background: #0A113B;
}

body.template-color-36 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-36 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-36 .service-box:hover i,
body.template-color-36 .service-box:hover h4,
body.template-color-36 .service-box:hover p {
    color: #ffffff;
}

body.template-color-36 .icon-border-shadow {
    background: #0A113B !important;
}

body.template-color-36 .icon-border-shadow:before {
    background: rgba(10, 17, 59, 0.3) !important;
}

body.template-color-36 .icon-border-shadow:after {
    background: rgba(10, 17, 59, 0.5) !important;
}

body.template-color-36 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #0A113B;
}

body.template-color-36 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-36 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #0A113B !important;
}

body.template-color-36 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-36 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-36 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-36 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-36 .icon-box .inner .icon-3.style-2 {
    background: rgba(10, 17, 59, 0.1) !important;
}

body.template-color-36 .icon-box .inner .icon-3.style-3 {
    background: #0A113B;
}

body.template-color-36 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(10, 17, 59, 0.75) !important;
}

body.template-color-36 .text-color,
body.template-color-36 .hover-text-color:hover,
body.template-color-36 .snail_toolbar .inner a:hover,
body.template-color-36 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-36 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-36 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-36 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-36 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-36 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-36 .blog-tag-list a:hover,
body.template-color-36 .sl-quote::before,
body.template-color-36 .blog-post-return-button a:hover,
body.template-color-36 .portfolio-details-list .details-list span a:hover,
body.template-color-36 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-36 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-36 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-36 .product:hover .product-contain h4,
body.template-color-36 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-36 .mini-cart .shopping-cart .footer .total,
body.template-color-36 .mini-cart .shopping-cart .footer .total span,
body.template-color-36 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-36 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-36 .post.blog2 .post-body h5 a:hover,
body.template-color-36 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-36 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-36 .tab.tabs-links .nav .nav-link a.active,
body.template-color-36 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-36 .blog-post .blog-inner .blog-title a:hover,
body.template-color-36 .footer-part.footer-classic .footer-links a:hover,
body.template-color-36 .music_area .music-artist:hover .show-title,
body.template-color-36 .sl-testimonial .description:after,
body.template-color-36 .sl-testimonial .description:before,
body.template-color-36 .rating li i,
body.template-color-36 .btn .gradients-button.hover-bg-white:hover,
body.template-color-36 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-36 #common-footer .footer_menu__list li a:hover,
body.template-color-36 .icon-box.style-5:hover .gradients-button,
body.template-color-36 .icon-box.style-5.active .gradients-button {
    color: #0A113B !important;
}

body.template-color-36 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-36 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-36 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-36 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #0A113B;
}

body.template-color-36 .footer-part.footer-classic .contact-mata:hover i {
    background: #0A113B;
    color: #fff;
}

body.template-color-36 .comparision-slider .handle::after {
    color: #0A113B;
}

body.template-color-36 .comparision-slider .handle.bordered {
    background: #0A113B;
}

body.template-color-36 .comparision-slider .handle.bordered:after {
    border: 3px solid #0A113B;
}

body.template-color-36 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-36 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-36 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0A113B !important;
    box-shadow: #0A113B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-36 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0A113B !important;
}

body.template-color-36 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-36 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-36 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-36 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #0A113B !important;
}

body.template-color-36 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0A113B !important;
    box-shadow: #0A113B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-36 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0A113B !important;
    box-shadow: #0A113B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-36 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #0A113B !important;
}

body.template-color-36 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-36 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-36 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0A113B !important;
    box-shadow: #0A113B 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-36 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #0A113B !important;
}

body.template-color-36 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-36 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-36 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-36 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #0A113B !important;
}

body.template-color-36 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #0A113B !important;
    background-color: #0A113B !important;
}

body.template-color-36 .icon-box.style-4 .inner:hover .content h5 {
    color: #0A113B !important;
}

body.template-color-36 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #0A113B 0%, transparent 100%);
}

body.template-color-36 .widget-category-list ul.category-area li a:hover {
    color: #0A113B !important;
}

body.template-color-36 .widget-category-list ul.category-area li a:hover span {
    background: #0A113B !important;
}

body.template-color-36 .side-menu .bg-overlay {
    background: rgba(10, 17, 59, 0.9);
}

body.template-color-36 .hue-color,
body.template-color-36 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(231.42857deg) !important;
    filter: hue-rotate(231.42857deg) !important;
}

body.template-color-36 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-36 .hero-slider .owl-nav .owl-prev:hover span {
    background: #0A113B !important;
    border-color: #0A113B !important;
    color: #ffffff;
}

body.template-color-36 .border-color,
body.template-color-36 .hover-border-color:hover,
body.template-color-36 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-36 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-36 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-36 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-36 .radio input:checked~span,
body.template-color-36 .sl-testimonial .pic img {
    border-color: #0A113B !important;
}

body.template-color-36 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #0A113B;
}

body.template-color-36 .btn .light-color {
    border-color: #0A113B;
    background: rgba(10, 17, 59, 0.11);
}

body.template-color-36 .btn .light-color:hover {
    background: #0A113B;
    color: #ffffff;
}

body.template-color-36 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-36 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-36 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-36 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-36 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-36 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-37 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-37 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-37 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-37 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-37 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-37 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-37 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #00d563 !important;
}

body.template-color-37 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-37 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #00d563 !important;
}

body.template-color-37 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-37 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-37 .mini-cart .shopping-cart,
body.template-color-37 .dropdown__menu,
body.template-color-37 .mega-width-fullscreen,
body.template-color-37 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #00d563 !important;
}

body.template-color-37 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-37 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-37 .header-full-menu .social-icons-simple li a:hover,
body.template-color-37 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-37 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #00d563;
}

body.template-color-37 #scroll-top {
    background: #00d563 !important;
    border: 2px solid #00d563;
}

body.template-color-37 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-37 #scroll-top:hover {
    background: #00d563;
}

body.template-color-37 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-37 #scroll-top.with-hover {
    border-color: #00d563 !important;
    background: #ffffff !important;
}

body.template-color-37 #scroll-top.with-hover i {
    color: #00d563 !important;
}

body.template-color-37 #scroll-top.with-hover:hover {
    background: #00d563 !important;
}

body.template-color-37 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-37 .salon-prices .price-list {
    border-bottom: 2px solid #00d563;
    background: linear-gradient(to right, rgba(0, 213, 99, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-37 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-37 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-37 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-37 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-37 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-37 .border-btn {
    color: #00d563;
}

body.template-color-37 .btn-hover::after {
    border: 2px solid rgba(0, 213, 99, 0.7);
}

body.template-color-37 .beauty-service>[class*="col-"] .item span {
    color: #00d563;
}

body.template-color-37 .beauty-service>[class*="col-"]:hover {
    background: rgba(0, 213, 99, 0.8);
    border-color: rgba(0, 213, 99, 0.8);
}

body.template-color-37 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-37 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-37 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-37 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-37 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #00d563;
    width: 50%;
}

body.template-color-37 .bg-color,
body.template-color-37 .hover-bg-color:hover,
body.template-color-37 [data-color-overlay]::after,
body.template-color-37 [data-color-hover-overlay]:hover::after,
body.template-color-37 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-37 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-37 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-37 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-37 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-37 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-37 .post-nav-list .nav-item a:hover,
body.template-color-37 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-37 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-37 .animated-dot .middle-dot,
body.template-color-37 .animated-dot .signal,
body.template-color-37 .animated-dot .signal2,
body.template-color-37 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-37 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-37 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-37 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-37 .pricing-box .header .feature-mark,
body.template-color-37 .sl-testimonial .pic:after,
body.template-color-37 .sl-testimonial .pic:before,
body.template-color-37 #common-footer:before,
body.template-color-37 #common-footer .footer_item:before,
body.template-color-37 #common-footer .footer_menu:before,
body.template-color-37 #common-footer .footer_contacts__item:before,
body.template-color-37 .section-title.under-line h2::after {
    background: #00d563 !important;
}

body.template-color-37 .creative-st-header .side-menu {
    background: #00d563;
}

body.template-color-37 .scroll-top-arrow {
    background: #00d563;
}

body.template-color-37 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #00d563;
}

body.template-color-37 .footer-social li a:hover {
    background-color: #00d563;
    color: #ffffff;
}

body.template-color-37 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #00d563 !important;
}

body.template-color-37 .pricing-box.hoverable:hover,
body.template-color-37 .pricing-box.hoverable.active {
    background: #00d563;
}

body.template-color-37 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-37 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #00d563 !important;
    color: #fff;
}

body.template-color-37 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-37 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #00d563 !important;
}

body.template-color-37 .progress-bar span.percent-label:after {
    border-color: #00d563 transparent transparent transparent !important;
}

body.template-color-37 .icon-box.style-5 .inner .inner-icon {
    color: #00d563;
}

body.template-color-37 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-37 .icon-box.style-5:hover .gradients-button {
    color: #00d563;
}

body.template-color-37 .team-part .single-blog-item .social-icon a:hover {
    background-color: #00d563;
    color: #ffffff;
    border-color: #00d563;
}

body.template-color-37 .chackbox input:checked~span {
    background: #00d563 !important;
    border-color: #00d563 !important;
}

body.template-color-37 .radio span:after {
    background: #00d563 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-37 .booking_form .img-sec {
        background: #00d563 !important;
    }
}

body.template-color-37 .crypto-table .table {
    border: 8px solid #00d563;
}

body.template-color-37 .agn-testimonial .carousel-control-next:hover,
body.template-color-37 .agn-testimonial .carousel-control-prev:hover,
body.template-color-37 .agn-testimonial .carousel-control-next:focus,
body.template-color-37 .agn-testimonial .carousel-control-prev:focus {
    background: #00d563;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-37 .box-team .overlay {
    background-color: rgba(0, 213, 99, 0.75);
}

body.template-color-37 .social-shere:hover {
    border-color: #00d563 !important;
}

body.template-color-37 .social-shere:hover .social-site p {
    color: #00d563 !important;
}

body.template-color-37 .social-shere:hover .icon i {
    color: #00d563 !important;
}

body.template-color-37 .testimonial-slider .carousel-indicators li.active {
    border-color: #00d563;
}

body.template-color-37 .service-box i {
    color: #00d563;
}

body.template-color-37 .service-box .readmore {
    color: #00d563;
}

body.template-color-37 .service-box .readmore:before {
    background-color: #00d563;
}

body.template-color-37 .service-box:hover {
    background: #00d563;
}

body.template-color-37 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-37 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-37 .service-box:hover i,
body.template-color-37 .service-box:hover h4,
body.template-color-37 .service-box:hover p {
    color: #ffffff;
}

body.template-color-37 .icon-border-shadow {
    background: #00d563 !important;
}

body.template-color-37 .icon-border-shadow:before {
    background: rgba(0, 213, 99, 0.3) !important;
}

body.template-color-37 .icon-border-shadow:after {
    background: rgba(0, 213, 99, 0.5) !important;
}

body.template-color-37 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #00d563;
}

body.template-color-37 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-37 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #00d563 !important;
}

body.template-color-37 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-37 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-37 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-37 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-37 .icon-box .inner .icon-3.style-2 {
    background: rgba(0, 213, 99, 0.1) !important;
}

body.template-color-37 .icon-box .inner .icon-3.style-3 {
    background: #00d563;
}

body.template-color-37 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(0, 213, 99, 0.75) !important;
}

body.template-color-37 .text-color,
body.template-color-37 .hover-text-color:hover,
body.template-color-37 .snail_toolbar .inner a:hover,
body.template-color-37 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-37 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-37 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-37 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-37 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-37 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-37 .blog-tag-list a:hover,
body.template-color-37 .sl-quote::before,
body.template-color-37 .blog-post-return-button a:hover,
body.template-color-37 .portfolio-details-list .details-list span a:hover,
body.template-color-37 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-37 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-37 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-37 .product:hover .product-contain h4,
body.template-color-37 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-37 .mini-cart .shopping-cart .footer .total,
body.template-color-37 .mini-cart .shopping-cart .footer .total span,
body.template-color-37 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-37 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-37 .post.blog2 .post-body h5 a:hover,
body.template-color-37 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-37 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-37 .tab.tabs-links .nav .nav-link a.active,
body.template-color-37 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-37 .blog-post .blog-inner .blog-title a:hover,
body.template-color-37 .footer-part.footer-classic .footer-links a:hover,
body.template-color-37 .music_area .music-artist:hover .show-title,
body.template-color-37 .sl-testimonial .description:after,
body.template-color-37 .sl-testimonial .description:before,
body.template-color-37 .rating li i,
body.template-color-37 .btn .gradients-button.hover-bg-white:hover,
body.template-color-37 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-37 #common-footer .footer_menu__list li a:hover,
body.template-color-37 .icon-box.style-5:hover .gradients-button,
body.template-color-37 .icon-box.style-5.active .gradients-button {
    color: #00d563 !important;
}

body.template-color-37 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-37 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-37 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-37 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #00d563;
}

body.template-color-37 .footer-part.footer-classic .contact-mata:hover i {
    background: #00d563;
    color: #fff;
}

body.template-color-37 .comparision-slider .handle::after {
    color: #00d563;
}

body.template-color-37 .comparision-slider .handle.bordered {
    background: #00d563;
}

body.template-color-37 .comparision-slider .handle.bordered:after {
    border: 3px solid #00d563;
}

body.template-color-37 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-37 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-37 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #00d563 !important;
    box-shadow: #00d563 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-37 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #00d563 !important;
}

body.template-color-37 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-37 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-37 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-37 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #00d563 !important;
}

body.template-color-37 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #00d563 !important;
    box-shadow: #00d563 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-37 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #00d563 !important;
    box-shadow: #00d563 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-37 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #00d563 !important;
}

body.template-color-37 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-37 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-37 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #00d563 !important;
    box-shadow: #00d563 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-37 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #00d563 !important;
}

body.template-color-37 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-37 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-37 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-37 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #00d563 !important;
}

body.template-color-37 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #00d563 !important;
    background-color: #00d563 !important;
}

body.template-color-37 .icon-box.style-4 .inner:hover .content h5 {
    color: #00d563 !important;
}

body.template-color-37 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #00d563 0%, transparent 100%);
}

body.template-color-37 .widget-category-list ul.category-area li a:hover {
    color: #00d563 !important;
}

body.template-color-37 .widget-category-list ul.category-area li a:hover span {
    background: #00d563 !important;
}

body.template-color-37 .side-menu .bg-overlay {
    background: rgba(0, 213, 99, 0.9);
}

body.template-color-37 .hue-color,
body.template-color-37 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(147.88732deg) !important;
    filter: hue-rotate(147.88732deg) !important;
}

body.template-color-37 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-37 .hero-slider .owl-nav .owl-prev:hover span {
    background: #00d563 !important;
    border-color: #00d563 !important;
    color: #ffffff;
}

body.template-color-37 .border-color,
body.template-color-37 .hover-border-color:hover,
body.template-color-37 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-37 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-37 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-37 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-37 .radio input:checked~span,
body.template-color-37 .sl-testimonial .pic img {
    border-color: #00d563 !important;
}

body.template-color-37 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #00d563;
}

body.template-color-37 .btn .light-color {
    border-color: #00d563;
    background: rgba(0, 213, 99, 0.11);
}

body.template-color-37 .btn .light-color:hover {
    background: #00d563;
    color: #ffffff;
}

body.template-color-37 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-37 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-37 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-37 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-37 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-37 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-38 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-38 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-38 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-38 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-38 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-38 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-38 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #fe8c00 !important;
}

body.template-color-38 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-38 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #fe8c00 !important;
}

body.template-color-38 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-38 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-38 .mini-cart .shopping-cart,
body.template-color-38 .dropdown__menu,
body.template-color-38 .mega-width-fullscreen,
body.template-color-38 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #fe8c00 !important;
}

body.template-color-38 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-38 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-38 .header-full-menu .social-icons-simple li a:hover,
body.template-color-38 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-38 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #fe8c00;
}

body.template-color-38 #scroll-top {
    background: #fe8c00 !important;
    border: 2px solid #fe8c00;
}

body.template-color-38 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-38 #scroll-top:hover {
    background: #fe8c00;
}

body.template-color-38 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-38 #scroll-top.with-hover {
    border-color: #fe8c00 !important;
    background: #ffffff !important;
}

body.template-color-38 #scroll-top.with-hover i {
    color: #fe8c00 !important;
}

body.template-color-38 #scroll-top.with-hover:hover {
    background: #fe8c00 !important;
}

body.template-color-38 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-38 .salon-prices .price-list {
    border-bottom: 2px solid #fe8c00;
    background: linear-gradient(to right, rgba(254, 140, 0, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-38 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-38 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-38 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-38 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-38 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-38 .border-btn {
    color: #fe8c00;
}

body.template-color-38 .btn-hover::after {
    border: 2px solid rgba(254, 140, 0, 0.7);
}

body.template-color-38 .beauty-service>[class*="col-"] .item span {
    color: #fe8c00;
}

body.template-color-38 .beauty-service>[class*="col-"]:hover {
    background: rgba(254, 140, 0, 0.8);
    border-color: rgba(254, 140, 0, 0.8);
}

body.template-color-38 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-38 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-38 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-38 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-38 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #fe8c00;
    width: 50%;
}

body.template-color-38 .bg-color,
body.template-color-38 .hover-bg-color:hover,
body.template-color-38 [data-color-overlay]::after,
body.template-color-38 [data-color-hover-overlay]:hover::after,
body.template-color-38 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-38 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-38 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-38 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-38 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-38 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-38 .post-nav-list .nav-item a:hover,
body.template-color-38 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-38 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-38 .animated-dot .middle-dot,
body.template-color-38 .animated-dot .signal,
body.template-color-38 .animated-dot .signal2,
body.template-color-38 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-38 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-38 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-38 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-38 .pricing-box .header .feature-mark,
body.template-color-38 .sl-testimonial .pic:after,
body.template-color-38 .sl-testimonial .pic:before,
body.template-color-38 #common-footer:before,
body.template-color-38 #common-footer .footer_item:before,
body.template-color-38 #common-footer .footer_menu:before,
body.template-color-38 #common-footer .footer_contacts__item:before,
body.template-color-38 .section-title.under-line h2::after {
    background: #fe8c00 !important;
}

body.template-color-38 .creative-st-header .side-menu {
    background: #fe8c00;
}

body.template-color-38 .scroll-top-arrow {
    background: #fe8c00;
}

body.template-color-38 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #fe8c00;
}

body.template-color-38 .footer-social li a:hover {
    background-color: #fe8c00;
    color: #ffffff;
}

body.template-color-38 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #fe8c00 !important;
}

body.template-color-38 .pricing-box.hoverable:hover,
body.template-color-38 .pricing-box.hoverable.active {
    background: #fe8c00;
}

body.template-color-38 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-38 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #fe8c00 !important;
    color: #fff;
}

body.template-color-38 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-38 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #fe8c00 !important;
}

body.template-color-38 .progress-bar span.percent-label:after {
    border-color: #fe8c00 transparent transparent transparent !important;
}

body.template-color-38 .icon-box.style-5 .inner .inner-icon {
    color: #fe8c00;
}

body.template-color-38 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-38 .icon-box.style-5:hover .gradients-button {
    color: #fe8c00;
}

body.template-color-38 .team-part .single-blog-item .social-icon a:hover {
    background-color: #fe8c00;
    color: #ffffff;
    border-color: #fe8c00;
}

body.template-color-38 .chackbox input:checked~span {
    background: #fe8c00 !important;
    border-color: #fe8c00 !important;
}

body.template-color-38 .radio span:after {
    background: #fe8c00 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-38 .booking_form .img-sec {
        background: #fe8c00 !important;
    }
}

body.template-color-38 .crypto-table .table {
    border: 8px solid #fe8c00;
}

body.template-color-38 .agn-testimonial .carousel-control-next:hover,
body.template-color-38 .agn-testimonial .carousel-control-prev:hover,
body.template-color-38 .agn-testimonial .carousel-control-next:focus,
body.template-color-38 .agn-testimonial .carousel-control-prev:focus {
    background: #fe8c00;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-38 .box-team .overlay {
    background-color: rgba(254, 140, 0, 0.75);
}

body.template-color-38 .social-shere:hover {
    border-color: #fe8c00 !important;
}

body.template-color-38 .social-shere:hover .social-site p {
    color: #fe8c00 !important;
}

body.template-color-38 .social-shere:hover .icon i {
    color: #fe8c00 !important;
}

body.template-color-38 .testimonial-slider .carousel-indicators li.active {
    border-color: #fe8c00;
}

body.template-color-38 .service-box i {
    color: #fe8c00;
}

body.template-color-38 .service-box .readmore {
    color: #fe8c00;
}

body.template-color-38 .service-box .readmore:before {
    background-color: #fe8c00;
}

body.template-color-38 .service-box:hover {
    background: #fe8c00;
}

body.template-color-38 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-38 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-38 .service-box:hover i,
body.template-color-38 .service-box:hover h4,
body.template-color-38 .service-box:hover p {
    color: #ffffff;
}

body.template-color-38 .icon-border-shadow {
    background: #fe8c00 !important;
}

body.template-color-38 .icon-border-shadow:before {
    background: rgba(254, 140, 0, 0.3) !important;
}

body.template-color-38 .icon-border-shadow:after {
    background: rgba(254, 140, 0, 0.5) !important;
}

body.template-color-38 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #fe8c00;
}

body.template-color-38 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-38 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #fe8c00 !important;
}

body.template-color-38 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-38 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-38 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-38 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-38 .icon-box .inner .icon-3.style-2 {
    background: rgba(254, 140, 0, 0.1) !important;
}

body.template-color-38 .icon-box .inner .icon-3.style-3 {
    background: #fe8c00;
}

body.template-color-38 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(254, 140, 0, 0.75) !important;
}

body.template-color-38 .text-color,
body.template-color-38 .hover-text-color:hover,
body.template-color-38 .snail_toolbar .inner a:hover,
body.template-color-38 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-38 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-38 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-38 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-38 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-38 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-38 .blog-tag-list a:hover,
body.template-color-38 .sl-quote::before,
body.template-color-38 .blog-post-return-button a:hover,
body.template-color-38 .portfolio-details-list .details-list span a:hover,
body.template-color-38 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-38 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-38 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-38 .product:hover .product-contain h4,
body.template-color-38 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-38 .mini-cart .shopping-cart .footer .total,
body.template-color-38 .mini-cart .shopping-cart .footer .total span,
body.template-color-38 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-38 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-38 .post.blog2 .post-body h5 a:hover,
body.template-color-38 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-38 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-38 .tab.tabs-links .nav .nav-link a.active,
body.template-color-38 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-38 .blog-post .blog-inner .blog-title a:hover,
body.template-color-38 .footer-part.footer-classic .footer-links a:hover,
body.template-color-38 .music_area .music-artist:hover .show-title,
body.template-color-38 .sl-testimonial .description:after,
body.template-color-38 .sl-testimonial .description:before,
body.template-color-38 .rating li i,
body.template-color-38 .btn .gradients-button.hover-bg-white:hover,
body.template-color-38 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-38 #common-footer .footer_menu__list li a:hover,
body.template-color-38 .icon-box.style-5:hover .gradients-button,
body.template-color-38 .icon-box.style-5.active .gradients-button {
    color: #fe8c00 !important;
}

body.template-color-38 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-38 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-38 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-38 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #fe8c00;
}

body.template-color-38 .footer-part.footer-classic .contact-mata:hover i {
    background: #fe8c00;
    color: #fff;
}

body.template-color-38 .comparision-slider .handle::after {
    color: #fe8c00;
}

body.template-color-38 .comparision-slider .handle.bordered {
    background: #fe8c00;
}

body.template-color-38 .comparision-slider .handle.bordered:after {
    border: 3px solid #fe8c00;
}

body.template-color-38 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-38 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-38 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #fe8c00 !important;
    box-shadow: #fe8c00 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-38 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #fe8c00 !important;
}

body.template-color-38 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-38 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-38 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-38 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #fe8c00 !important;
}

body.template-color-38 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #fe8c00 !important;
    box-shadow: #fe8c00 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-38 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #fe8c00 !important;
    box-shadow: #fe8c00 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-38 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #fe8c00 !important;
}

body.template-color-38 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-38 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-38 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #fe8c00 !important;
    box-shadow: #fe8c00 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-38 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #fe8c00 !important;
}

body.template-color-38 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-38 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-38 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-38 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #fe8c00 !important;
}

body.template-color-38 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #fe8c00 !important;
    background-color: #fe8c00 !important;
}

body.template-color-38 .icon-box.style-4 .inner:hover .content h5 {
    color: #fe8c00 !important;
}

body.template-color-38 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #fe8c00 0%, transparent 100%);
}

body.template-color-38 .widget-category-list ul.category-area li a:hover {
    color: #fe8c00 !important;
}

body.template-color-38 .widget-category-list ul.category-area li a:hover span {
    background: #fe8c00 !important;
}

body.template-color-38 .side-menu .bg-overlay {
    background: rgba(254, 140, 0, 0.9);
}

body.template-color-38 .hue-color,
body.template-color-38 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(33.07087deg) !important;
    filter: hue-rotate(33.07087deg) !important;
}

body.template-color-38 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-38 .hero-slider .owl-nav .owl-prev:hover span {
    background: #fe8c00 !important;
    border-color: #fe8c00 !important;
    color: #ffffff;
}

body.template-color-38 .border-color,
body.template-color-38 .hover-border-color:hover,
body.template-color-38 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-38 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-38 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-38 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-38 .radio input:checked~span,
body.template-color-38 .sl-testimonial .pic img {
    border-color: #fe8c00 !important;
}

body.template-color-38 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #fe8c00;
}

body.template-color-38 .btn .light-color {
    border-color: #fe8c00;
    background: rgba(254, 140, 0, 0.11);
}

body.template-color-38 .btn .light-color:hover {
    background: #fe8c00;
    color: #ffffff;
}

body.template-color-38 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-38 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-38 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-38 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-38 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-38 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-39 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-39 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-39 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-39 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-39 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-39 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-39 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #f83600 !important;
}

body.template-color-39 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-39 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f83600 !important;
}

body.template-color-39 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-39 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-39 .mini-cart .shopping-cart,
body.template-color-39 .dropdown__menu,
body.template-color-39 .mega-width-fullscreen,
body.template-color-39 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #f83600 !important;
}

body.template-color-39 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-39 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-39 .header-full-menu .social-icons-simple li a:hover,
body.template-color-39 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-39 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f83600;
}

body.template-color-39 #scroll-top {
    background: #f83600 !important;
    border: 2px solid #f83600;
}

body.template-color-39 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-39 #scroll-top:hover {
    background: #f83600;
}

body.template-color-39 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-39 #scroll-top.with-hover {
    border-color: #f83600 !important;
    background: #ffffff !important;
}

body.template-color-39 #scroll-top.with-hover i {
    color: #f83600 !important;
}

body.template-color-39 #scroll-top.with-hover:hover {
    background: #f83600 !important;
}

body.template-color-39 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-39 .salon-prices .price-list {
    border-bottom: 2px solid #f83600;
    background: linear-gradient(to right, rgba(248, 54, 0, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-39 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-39 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-39 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-39 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-39 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-39 .border-btn {
    color: #f83600;
}

body.template-color-39 .btn-hover::after {
    border: 2px solid rgba(248, 54, 0, 0.7);
}

body.template-color-39 .beauty-service>[class*="col-"] .item span {
    color: #f83600;
}

body.template-color-39 .beauty-service>[class*="col-"]:hover {
    background: rgba(248, 54, 0, 0.8);
    border-color: rgba(248, 54, 0, 0.8);
}

body.template-color-39 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-39 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-39 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-39 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-39 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #f83600;
    width: 50%;
}

body.template-color-39 .bg-color,
body.template-color-39 .hover-bg-color:hover,
body.template-color-39 [data-color-overlay]::after,
body.template-color-39 [data-color-hover-overlay]:hover::after,
body.template-color-39 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-39 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-39 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-39 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-39 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-39 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-39 .post-nav-list .nav-item a:hover,
body.template-color-39 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-39 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-39 .animated-dot .middle-dot,
body.template-color-39 .animated-dot .signal,
body.template-color-39 .animated-dot .signal2,
body.template-color-39 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-39 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-39 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-39 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-39 .pricing-box .header .feature-mark,
body.template-color-39 .sl-testimonial .pic:after,
body.template-color-39 .sl-testimonial .pic:before,
body.template-color-39 #common-footer:before,
body.template-color-39 #common-footer .footer_item:before,
body.template-color-39 #common-footer .footer_menu:before,
body.template-color-39 #common-footer .footer_contacts__item:before,
body.template-color-39 .section-title.under-line h2::after {
    background: #f83600 !important;
}

body.template-color-39 .creative-st-header .side-menu {
    background: #f83600;
}

body.template-color-39 .scroll-top-arrow {
    background: #f83600;
}

body.template-color-39 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #f83600;
}

body.template-color-39 .footer-social li a:hover {
    background-color: #f83600;
    color: #ffffff;
}

body.template-color-39 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #f83600 !important;
}

body.template-color-39 .pricing-box.hoverable:hover,
body.template-color-39 .pricing-box.hoverable.active {
    background: #f83600;
}

body.template-color-39 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-39 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #f83600 !important;
    color: #fff;
}

body.template-color-39 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-39 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #f83600 !important;
}

body.template-color-39 .progress-bar span.percent-label:after {
    border-color: #f83600 transparent transparent transparent !important;
}

body.template-color-39 .icon-box.style-5 .inner .inner-icon {
    color: #f83600;
}

body.template-color-39 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-39 .icon-box.style-5:hover .gradients-button {
    color: #f83600;
}

body.template-color-39 .team-part .single-blog-item .social-icon a:hover {
    background-color: #f83600;
    color: #ffffff;
    border-color: #f83600;
}

body.template-color-39 .chackbox input:checked~span {
    background: #f83600 !important;
    border-color: #f83600 !important;
}

body.template-color-39 .radio span:after {
    background: #f83600 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-39 .booking_form .img-sec {
        background: #f83600 !important;
    }
}

body.template-color-39 .crypto-table .table {
    border: 8px solid #f83600;
}

body.template-color-39 .agn-testimonial .carousel-control-next:hover,
body.template-color-39 .agn-testimonial .carousel-control-prev:hover,
body.template-color-39 .agn-testimonial .carousel-control-next:focus,
body.template-color-39 .agn-testimonial .carousel-control-prev:focus {
    background: #f83600;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-39 .box-team .overlay {
    background-color: rgba(248, 54, 0, 0.75);
}

body.template-color-39 .social-shere:hover {
    border-color: #f83600 !important;
}

body.template-color-39 .social-shere:hover .social-site p {
    color: #f83600 !important;
}

body.template-color-39 .social-shere:hover .icon i {
    color: #f83600 !important;
}

body.template-color-39 .testimonial-slider .carousel-indicators li.active {
    border-color: #f83600;
}

body.template-color-39 .service-box i {
    color: #f83600;
}

body.template-color-39 .service-box .readmore {
    color: #f83600;
}

body.template-color-39 .service-box .readmore:before {
    background-color: #f83600;
}

body.template-color-39 .service-box:hover {
    background: #f83600;
}

body.template-color-39 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-39 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-39 .service-box:hover i,
body.template-color-39 .service-box:hover h4,
body.template-color-39 .service-box:hover p {
    color: #ffffff;
}

body.template-color-39 .icon-border-shadow {
    background: #f83600 !important;
}

body.template-color-39 .icon-border-shadow:before {
    background: rgba(248, 54, 0, 0.3) !important;
}

body.template-color-39 .icon-border-shadow:after {
    background: rgba(248, 54, 0, 0.5) !important;
}

body.template-color-39 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #f83600;
}

body.template-color-39 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-39 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #f83600 !important;
}

body.template-color-39 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-39 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-39 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-39 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-39 .icon-box .inner .icon-3.style-2 {
    background: rgba(248, 54, 0, 0.1) !important;
}

body.template-color-39 .icon-box .inner .icon-3.style-3 {
    background: #f83600;
}

body.template-color-39 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(248, 54, 0, 0.75) !important;
}

body.template-color-39 .text-color,
body.template-color-39 .hover-text-color:hover,
body.template-color-39 .snail_toolbar .inner a:hover,
body.template-color-39 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-39 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-39 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-39 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-39 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-39 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-39 .blog-tag-list a:hover,
body.template-color-39 .sl-quote::before,
body.template-color-39 .blog-post-return-button a:hover,
body.template-color-39 .portfolio-details-list .details-list span a:hover,
body.template-color-39 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-39 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-39 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-39 .product:hover .product-contain h4,
body.template-color-39 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-39 .mini-cart .shopping-cart .footer .total,
body.template-color-39 .mini-cart .shopping-cart .footer .total span,
body.template-color-39 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-39 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-39 .post.blog2 .post-body h5 a:hover,
body.template-color-39 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-39 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-39 .tab.tabs-links .nav .nav-link a.active,
body.template-color-39 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-39 .blog-post .blog-inner .blog-title a:hover,
body.template-color-39 .footer-part.footer-classic .footer-links a:hover,
body.template-color-39 .music_area .music-artist:hover .show-title,
body.template-color-39 .sl-testimonial .description:after,
body.template-color-39 .sl-testimonial .description:before,
body.template-color-39 .rating li i,
body.template-color-39 .btn .gradients-button.hover-bg-white:hover,
body.template-color-39 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-39 #common-footer .footer_menu__list li a:hover,
body.template-color-39 .icon-box.style-5:hover .gradients-button,
body.template-color-39 .icon-box.style-5.active .gradients-button {
    color: #f83600 !important;
}

body.template-color-39 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-39 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-39 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-39 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #f83600;
}

body.template-color-39 .footer-part.footer-classic .contact-mata:hover i {
    background: #f83600;
    color: #fff;
}

body.template-color-39 .comparision-slider .handle::after {
    color: #f83600;
}

body.template-color-39 .comparision-slider .handle.bordered {
    background: #f83600;
}

body.template-color-39 .comparision-slider .handle.bordered:after {
    border: 3px solid #f83600;
}

body.template-color-39 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-39 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-39 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #f83600 !important;
    box-shadow: #f83600 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-39 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #f83600 !important;
}

body.template-color-39 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-39 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-39 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-39 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #f83600 !important;
}

body.template-color-39 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f83600 !important;
    box-shadow: #f83600 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-39 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f83600 !important;
    box-shadow: #f83600 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-39 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #f83600 !important;
}

body.template-color-39 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-39 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-39 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #f83600 !important;
    box-shadow: #f83600 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-39 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #f83600 !important;
}

body.template-color-39 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-39 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-39 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-39 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #f83600 !important;
}

body.template-color-39 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #f83600 !important;
    background-color: #f83600 !important;
}

body.template-color-39 .icon-box.style-4 .inner:hover .content h5 {
    color: #f83600 !important;
}

body.template-color-39 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #f83600 0%, transparent 100%);
}

body.template-color-39 .widget-category-list ul.category-area li a:hover {
    color: #f83600 !important;
}

body.template-color-39 .widget-category-list ul.category-area li a:hover span {
    background: #f83600 !important;
}

body.template-color-39 .side-menu .bg-overlay {
    background: rgba(248, 54, 0, 0.9);
}

body.template-color-39 .hue-color,
body.template-color-39 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(13.06452deg) !important;
    filter: hue-rotate(13.06452deg) !important;
}

body.template-color-39 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-39 .hero-slider .owl-nav .owl-prev:hover span {
    background: #f83600 !important;
    border-color: #f83600 !important;
    color: #ffffff;
}

body.template-color-39 .border-color,
body.template-color-39 .hover-border-color:hover,
body.template-color-39 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-39 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-39 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-39 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-39 .radio input:checked~span,
body.template-color-39 .sl-testimonial .pic img {
    border-color: #f83600 !important;
}

body.template-color-39 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #f83600;
}

body.template-color-39 .btn .light-color {
    border-color: #f83600;
    background: rgba(248, 54, 0, 0.11);
}

body.template-color-39 .btn .light-color:hover {
    background: #f83600;
    color: #ffffff;
}

body.template-color-39 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-39 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-39 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-39 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-39 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-39 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-40 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-40 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-40 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-40 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-40 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-40 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-40 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #39ec73 !important;
}

body.template-color-40 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-40 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #39ec73 !important;
}

body.template-color-40 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-40 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-40 .mini-cart .shopping-cart,
body.template-color-40 .dropdown__menu,
body.template-color-40 .mega-width-fullscreen,
body.template-color-40 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #39ec73 !important;
}

body.template-color-40 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-40 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-40 .header-full-menu .social-icons-simple li a:hover,
body.template-color-40 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-40 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #39ec73;
}

body.template-color-40 #scroll-top {
    background: #39ec73 !important;
    border: 2px solid #39ec73;
}

body.template-color-40 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-40 #scroll-top:hover {
    background: #39ec73;
}

body.template-color-40 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-40 #scroll-top.with-hover {
    border-color: #39ec73 !important;
    background: #ffffff !important;
}

body.template-color-40 #scroll-top.with-hover i {
    color: #39ec73 !important;
}

body.template-color-40 #scroll-top.with-hover:hover {
    background: #39ec73 !important;
}

body.template-color-40 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-40 .salon-prices .price-list {
    border-bottom: 2px solid #39ec73;
    background: linear-gradient(to right, rgba(57, 236, 115, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-40 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-40 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-40 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-40 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-40 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-40 .border-btn {
    color: #39ec73;
}

body.template-color-40 .btn-hover::after {
    border: 2px solid rgba(57, 236, 115, 0.7);
}

body.template-color-40 .beauty-service>[class*="col-"] .item span {
    color: #39ec73;
}

body.template-color-40 .beauty-service>[class*="col-"]:hover {
    background: rgba(57, 236, 115, 0.8);
    border-color: rgba(57, 236, 115, 0.8);
}

body.template-color-40 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-40 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-40 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-40 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-40 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #39ec73;
    width: 50%;
}

body.template-color-40 .bg-color,
body.template-color-40 .hover-bg-color:hover,
body.template-color-40 [data-color-overlay]::after,
body.template-color-40 [data-color-hover-overlay]:hover::after,
body.template-color-40 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-40 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-40 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-40 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-40 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-40 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-40 .post-nav-list .nav-item a:hover,
body.template-color-40 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-40 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-40 .animated-dot .middle-dot,
body.template-color-40 .animated-dot .signal,
body.template-color-40 .animated-dot .signal2,
body.template-color-40 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-40 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-40 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-40 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-40 .pricing-box .header .feature-mark,
body.template-color-40 .sl-testimonial .pic:after,
body.template-color-40 .sl-testimonial .pic:before,
body.template-color-40 #common-footer:before,
body.template-color-40 #common-footer .footer_item:before,
body.template-color-40 #common-footer .footer_menu:before,
body.template-color-40 #common-footer .footer_contacts__item:before,
body.template-color-40 .section-title.under-line h2::after {
    background: #39ec73 !important;
}

body.template-color-40 .creative-st-header .side-menu {
    background: #39ec73;
}

body.template-color-40 .scroll-top-arrow {
    background: #39ec73;
}

body.template-color-40 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #39ec73;
}

body.template-color-40 .footer-social li a:hover {
    background-color: #39ec73;
    color: #ffffff;
}

body.template-color-40 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #39ec73 !important;
}

body.template-color-40 .pricing-box.hoverable:hover,
body.template-color-40 .pricing-box.hoverable.active {
    background: #39ec73;
}

body.template-color-40 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-40 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #39ec73 !important;
    color: #fff;
}

body.template-color-40 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-40 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #39ec73 !important;
}

body.template-color-40 .progress-bar span.percent-label:after {
    border-color: #39ec73 transparent transparent transparent !important;
}

body.template-color-40 .icon-box.style-5 .inner .inner-icon {
    color: #39ec73;
}

body.template-color-40 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-40 .icon-box.style-5:hover .gradients-button {
    color: #39ec73;
}

body.template-color-40 .team-part .single-blog-item .social-icon a:hover {
    background-color: #39ec73;
    color: #ffffff;
    border-color: #39ec73;
}

body.template-color-40 .chackbox input:checked~span {
    background: #39ec73 !important;
    border-color: #39ec73 !important;
}

body.template-color-40 .radio span:after {
    background: #39ec73 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-40 .booking_form .img-sec {
        background: #39ec73 !important;
    }
}

body.template-color-40 .crypto-table .table {
    border: 8px solid #39ec73;
}

body.template-color-40 .agn-testimonial .carousel-control-next:hover,
body.template-color-40 .agn-testimonial .carousel-control-prev:hover,
body.template-color-40 .agn-testimonial .carousel-control-next:focus,
body.template-color-40 .agn-testimonial .carousel-control-prev:focus {
    background: #39ec73;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-40 .box-team .overlay {
    background-color: rgba(57, 236, 115, 0.75);
}

body.template-color-40 .social-shere:hover {
    border-color: #39ec73 !important;
}

body.template-color-40 .social-shere:hover .social-site p {
    color: #39ec73 !important;
}

body.template-color-40 .social-shere:hover .icon i {
    color: #39ec73 !important;
}

body.template-color-40 .testimonial-slider .carousel-indicators li.active {
    border-color: #39ec73;
}

body.template-color-40 .service-box i {
    color: #39ec73;
}

body.template-color-40 .service-box .readmore {
    color: #39ec73;
}

body.template-color-40 .service-box .readmore:before {
    background-color: #39ec73;
}

body.template-color-40 .service-box:hover {
    background: #39ec73;
}

body.template-color-40 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-40 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-40 .service-box:hover i,
body.template-color-40 .service-box:hover h4,
body.template-color-40 .service-box:hover p {
    color: #ffffff;
}

body.template-color-40 .icon-border-shadow {
    background: #39ec73 !important;
}

body.template-color-40 .icon-border-shadow:before {
    background: rgba(57, 236, 115, 0.3) !important;
}

body.template-color-40 .icon-border-shadow:after {
    background: rgba(57, 236, 115, 0.5) !important;
}

body.template-color-40 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #39ec73;
}

body.template-color-40 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-40 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #39ec73 !important;
}

body.template-color-40 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-40 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-40 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-40 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-40 .icon-box .inner .icon-3.style-2 {
    background: rgba(57, 236, 115, 0.1) !important;
}

body.template-color-40 .icon-box .inner .icon-3.style-3 {
    background: #39ec73;
}

body.template-color-40 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(57, 236, 115, 0.75) !important;
}

body.template-color-40 .text-color,
body.template-color-40 .hover-text-color:hover,
body.template-color-40 .snail_toolbar .inner a:hover,
body.template-color-40 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-40 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-40 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-40 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-40 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-40 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-40 .blog-tag-list a:hover,
body.template-color-40 .sl-quote::before,
body.template-color-40 .blog-post-return-button a:hover,
body.template-color-40 .portfolio-details-list .details-list span a:hover,
body.template-color-40 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-40 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-40 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-40 .product:hover .product-contain h4,
body.template-color-40 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-40 .mini-cart .shopping-cart .footer .total,
body.template-color-40 .mini-cart .shopping-cart .footer .total span,
body.template-color-40 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-40 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-40 .post.blog2 .post-body h5 a:hover,
body.template-color-40 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-40 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-40 .tab.tabs-links .nav .nav-link a.active,
body.template-color-40 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-40 .blog-post .blog-inner .blog-title a:hover,
body.template-color-40 .footer-part.footer-classic .footer-links a:hover,
body.template-color-40 .music_area .music-artist:hover .show-title,
body.template-color-40 .sl-testimonial .description:after,
body.template-color-40 .sl-testimonial .description:before,
body.template-color-40 .rating li i,
body.template-color-40 .btn .gradients-button.hover-bg-white:hover,
body.template-color-40 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-40 #common-footer .footer_menu__list li a:hover,
body.template-color-40 .icon-box.style-5:hover .gradients-button,
body.template-color-40 .icon-box.style-5.active .gradients-button {
    color: #39ec73 !important;
}

body.template-color-40 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-40 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-40 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-40 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #39ec73;
}

body.template-color-40 .footer-part.footer-classic .contact-mata:hover i {
    background: #39ec73;
    color: #fff;
}

body.template-color-40 .comparision-slider .handle::after {
    color: #39ec73;
}

body.template-color-40 .comparision-slider .handle.bordered {
    background: #39ec73;
}

body.template-color-40 .comparision-slider .handle.bordered:after {
    border: 3px solid #39ec73;
}

body.template-color-40 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-40 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-40 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #39ec73 !important;
    box-shadow: #39ec73 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-40 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #39ec73 !important;
}

body.template-color-40 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-40 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-40 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-40 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #39ec73 !important;
}

body.template-color-40 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #39ec73 !important;
    box-shadow: #39ec73 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-40 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #39ec73 !important;
    box-shadow: #39ec73 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-40 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #39ec73 !important;
}

body.template-color-40 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-40 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-40 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #39ec73 !important;
    box-shadow: #39ec73 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-40 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #39ec73 !important;
}

body.template-color-40 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-40 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-40 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-40 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #39ec73 !important;
}

body.template-color-40 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #39ec73 !important;
    background-color: #39ec73 !important;
}

body.template-color-40 .icon-box.style-4 .inner:hover .content h5 {
    color: #39ec73 !important;
}

body.template-color-40 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #39ec73 0%, transparent 100%);
}

body.template-color-40 .widget-category-list ul.category-area li a:hover {
    color: #39ec73 !important;
}

body.template-color-40 .widget-category-list ul.category-area li a:hover span {
    background: #39ec73 !important;
}

body.template-color-40 .side-menu .bg-overlay {
    background: rgba(57, 236, 115, 0.9);
}

body.template-color-40 .hue-color,
body.template-color-40 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(139.44134deg) !important;
    filter: hue-rotate(139.44134deg) !important;
}

body.template-color-40 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-40 .hero-slider .owl-nav .owl-prev:hover span {
    background: #39ec73 !important;
    border-color: #39ec73 !important;
    color: #ffffff;
}

body.template-color-40 .border-color,
body.template-color-40 .hover-border-color:hover,
body.template-color-40 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-40 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-40 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-40 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-40 .radio input:checked~span,
body.template-color-40 .sl-testimonial .pic img {
    border-color: #39ec73 !important;
}

body.template-color-40 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #39ec73;
}

body.template-color-40 .btn .light-color {
    border-color: #39ec73;
    background: rgba(57, 236, 115, 0.11);
}

body.template-color-40 .btn .light-color:hover {
    background: #39ec73;
    color: #ffffff;
}

body.template-color-40 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-40 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-40 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-40 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-40 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-40 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-41 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-41 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-41 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-41 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-41 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-41 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-41 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #0086f8 !important;
}

body.template-color-41 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-41 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #0086f8 !important;
}

body.template-color-41 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-41 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-41 .mini-cart .shopping-cart,
body.template-color-41 .dropdown__menu,
body.template-color-41 .mega-width-fullscreen,
body.template-color-41 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #0086f8 !important;
}

body.template-color-41 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-41 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-41 .header-full-menu .social-icons-simple li a:hover,
body.template-color-41 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-41 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #0086f8;
}

body.template-color-41 #scroll-top {
    background: #0086f8 !important;
    border: 2px solid #0086f8;
}

body.template-color-41 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-41 #scroll-top:hover {
    background: #0086f8;
}

body.template-color-41 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-41 #scroll-top.with-hover {
    border-color: #0086f8 !important;
    background: #ffffff !important;
}

body.template-color-41 #scroll-top.with-hover i {
    color: #0086f8 !important;
}

body.template-color-41 #scroll-top.with-hover:hover {
    background: #0086f8 !important;
}

body.template-color-41 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-41 .salon-prices .price-list {
    border-bottom: 2px solid #0086f8;
    background: linear-gradient(to right, rgba(0, 134, 248, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-41 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-41 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-41 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-41 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-41 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-41 .border-btn {
    color: #0086f8;
}

body.template-color-41 .btn-hover::after {
    border: 2px solid rgba(0, 134, 248, 0.7);
}

body.template-color-41 .beauty-service>[class*="col-"] .item span {
    color: #0086f8;
}

body.template-color-41 .beauty-service>[class*="col-"]:hover {
    background: rgba(0, 134, 248, 0.8);
    border-color: rgba(0, 134, 248, 0.8);
}

body.template-color-41 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-41 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-41 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-41 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-41 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #0086f8;
    width: 50%;
}

body.template-color-41 .bg-color,
body.template-color-41 .hover-bg-color:hover,
body.template-color-41 [data-color-overlay]::after,
body.template-color-41 [data-color-hover-overlay]:hover::after,
body.template-color-41 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-41 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-41 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-41 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-41 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-41 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-41 .post-nav-list .nav-item a:hover,
body.template-color-41 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-41 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-41 .animated-dot .middle-dot,
body.template-color-41 .animated-dot .signal,
body.template-color-41 .animated-dot .signal2,
body.template-color-41 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-41 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-41 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-41 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-41 .pricing-box .header .feature-mark,
body.template-color-41 .sl-testimonial .pic:after,
body.template-color-41 .sl-testimonial .pic:before,
body.template-color-41 #common-footer:before,
body.template-color-41 #common-footer .footer_item:before,
body.template-color-41 #common-footer .footer_menu:before,
body.template-color-41 #common-footer .footer_contacts__item:before,
body.template-color-41 .section-title.under-line h2::after {
    background: #0086f8 !important;
}

body.template-color-41 .creative-st-header .side-menu {
    background: #0086f8;
}

body.template-color-41 .scroll-top-arrow {
    background: #0086f8;
}

body.template-color-41 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #0086f8;
}

body.template-color-41 .footer-social li a:hover {
    background-color: #0086f8;
    color: #ffffff;
}

body.template-color-41 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #0086f8 !important;
}

body.template-color-41 .pricing-box.hoverable:hover,
body.template-color-41 .pricing-box.hoverable.active {
    background: #0086f8;
}

body.template-color-41 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-41 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #0086f8 !important;
    color: #fff;
}

body.template-color-41 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-41 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #0086f8 !important;
}

body.template-color-41 .progress-bar span.percent-label:after {
    border-color: #0086f8 transparent transparent transparent !important;
}

body.template-color-41 .icon-box.style-5 .inner .inner-icon {
    color: #0086f8;
}

body.template-color-41 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-41 .icon-box.style-5:hover .gradients-button {
    color: #0086f8;
}

body.template-color-41 .team-part .single-blog-item .social-icon a:hover {
    background-color: #0086f8;
    color: #ffffff;
    border-color: #0086f8;
}

body.template-color-41 .chackbox input:checked~span {
    background: #0086f8 !important;
    border-color: #0086f8 !important;
}

body.template-color-41 .radio span:after {
    background: #0086f8 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-41 .booking_form .img-sec {
        background: #0086f8 !important;
    }
}

body.template-color-41 .crypto-table .table {
    border: 8px solid #0086f8;
}

body.template-color-41 .agn-testimonial .carousel-control-next:hover,
body.template-color-41 .agn-testimonial .carousel-control-prev:hover,
body.template-color-41 .agn-testimonial .carousel-control-next:focus,
body.template-color-41 .agn-testimonial .carousel-control-prev:focus {
    background: #0086f8;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-41 .box-team .overlay {
    background-color: rgba(0, 134, 248, 0.75);
}

body.template-color-41 .social-shere:hover {
    border-color: #0086f8 !important;
}

body.template-color-41 .social-shere:hover .social-site p {
    color: #0086f8 !important;
}

body.template-color-41 .social-shere:hover .icon i {
    color: #0086f8 !important;
}

body.template-color-41 .testimonial-slider .carousel-indicators li.active {
    border-color: #0086f8;
}

body.template-color-41 .service-box i {
    color: #0086f8;
}

body.template-color-41 .service-box .readmore {
    color: #0086f8;
}

body.template-color-41 .service-box .readmore:before {
    background-color: #0086f8;
}

body.template-color-41 .service-box:hover {
    background: #0086f8;
}

body.template-color-41 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-41 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-41 .service-box:hover i,
body.template-color-41 .service-box:hover h4,
body.template-color-41 .service-box:hover p {
    color: #ffffff;
}

body.template-color-41 .icon-border-shadow {
    background: #0086f8 !important;
}

body.template-color-41 .icon-border-shadow:before {
    background: rgba(0, 134, 248, 0.3) !important;
}

body.template-color-41 .icon-border-shadow:after {
    background: rgba(0, 134, 248, 0.5) !important;
}

body.template-color-41 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #0086f8;
}

body.template-color-41 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-41 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #0086f8 !important;
}

body.template-color-41 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-41 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-41 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-41 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-41 .icon-box .inner .icon-3.style-2 {
    background: rgba(0, 134, 248, 0.1) !important;
}

body.template-color-41 .icon-box .inner .icon-3.style-3 {
    background: #0086f8;
}

body.template-color-41 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(0, 134, 248, 0.75) !important;
}

body.template-color-41 .text-color,
body.template-color-41 .hover-text-color:hover,
body.template-color-41 .snail_toolbar .inner a:hover,
body.template-color-41 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-41 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-41 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-41 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-41 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-41 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-41 .blog-tag-list a:hover,
body.template-color-41 .sl-quote::before,
body.template-color-41 .blog-post-return-button a:hover,
body.template-color-41 .portfolio-details-list .details-list span a:hover,
body.template-color-41 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-41 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-41 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-41 .product:hover .product-contain h4,
body.template-color-41 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-41 .mini-cart .shopping-cart .footer .total,
body.template-color-41 .mini-cart .shopping-cart .footer .total span,
body.template-color-41 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-41 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-41 .post.blog2 .post-body h5 a:hover,
body.template-color-41 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-41 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-41 .tab.tabs-links .nav .nav-link a.active,
body.template-color-41 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-41 .blog-post .blog-inner .blog-title a:hover,
body.template-color-41 .footer-part.footer-classic .footer-links a:hover,
body.template-color-41 .music_area .music-artist:hover .show-title,
body.template-color-41 .sl-testimonial .description:after,
body.template-color-41 .sl-testimonial .description:before,
body.template-color-41 .rating li i,
body.template-color-41 .btn .gradients-button.hover-bg-white:hover,
body.template-color-41 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-41 #common-footer .footer_menu__list li a:hover,
body.template-color-41 .icon-box.style-5:hover .gradients-button,
body.template-color-41 .icon-box.style-5.active .gradients-button {
    color: #0086f8 !important;
}

body.template-color-41 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-41 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-41 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-41 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #0086f8;
}

body.template-color-41 .footer-part.footer-classic .contact-mata:hover i {
    background: #0086f8;
    color: #fff;
}

body.template-color-41 .comparision-slider .handle::after {
    color: #0086f8;
}

body.template-color-41 .comparision-slider .handle.bordered {
    background: #0086f8;
}

body.template-color-41 .comparision-slider .handle.bordered:after {
    border: 3px solid #0086f8;
}

body.template-color-41 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-41 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-41 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0086f8 !important;
    box-shadow: #0086f8 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-41 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0086f8 !important;
}

body.template-color-41 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-41 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-41 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-41 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #0086f8 !important;
}

body.template-color-41 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0086f8 !important;
    box-shadow: #0086f8 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-41 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0086f8 !important;
    box-shadow: #0086f8 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-41 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #0086f8 !important;
}

body.template-color-41 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-41 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-41 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0086f8 !important;
    box-shadow: #0086f8 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-41 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #0086f8 !important;
}

body.template-color-41 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-41 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-41 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-41 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #0086f8 !important;
}

body.template-color-41 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #0086f8 !important;
    background-color: #0086f8 !important;
}

body.template-color-41 .icon-box.style-4 .inner:hover .content h5 {
    color: #0086f8 !important;
}

body.template-color-41 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #0086f8 0%, transparent 100%);
}

body.template-color-41 .widget-category-list ul.category-area li a:hover {
    color: #0086f8 !important;
}

body.template-color-41 .widget-category-list ul.category-area li a:hover span {
    background: #0086f8 !important;
}

body.template-color-41 .side-menu .bg-overlay {
    background: rgba(0, 134, 248, 0.9);
}

body.template-color-41 .hue-color,
body.template-color-41 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(207.58065deg) !important;
    filter: hue-rotate(207.58065deg) !important;
}

body.template-color-41 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-41 .hero-slider .owl-nav .owl-prev:hover span {
    background: #0086f8 !important;
    border-color: #0086f8 !important;
    color: #ffffff;
}

body.template-color-41 .border-color,
body.template-color-41 .hover-border-color:hover,
body.template-color-41 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-41 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-41 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-41 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-41 .radio input:checked~span,
body.template-color-41 .sl-testimonial .pic img {
    border-color: #0086f8 !important;
}

body.template-color-41 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #0086f8;
}

body.template-color-41 .btn .light-color {
    border-color: #0086f8;
    background: rgba(0, 134, 248, 0.11);
}

body.template-color-41 .btn .light-color:hover {
    background: #0086f8;
    color: #ffffff;
}

body.template-color-41 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-41 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-41 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-41 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-41 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-41 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-42 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-42 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-42 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-42 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-42 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-42 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-42 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #031034 !important;
}

body.template-color-42 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-42 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #031034 !important;
}

body.template-color-42 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-42 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-42 .mini-cart .shopping-cart,
body.template-color-42 .dropdown__menu,
body.template-color-42 .mega-width-fullscreen,
body.template-color-42 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #031034 !important;
}

body.template-color-42 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-42 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-42 .header-full-menu .social-icons-simple li a:hover,
body.template-color-42 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-42 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #031034;
}

body.template-color-42 #scroll-top {
    background: #031034 !important;
    border: 2px solid #031034;
}

body.template-color-42 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-42 #scroll-top:hover {
    background: #031034;
}

body.template-color-42 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-42 #scroll-top.with-hover {
    border-color: #031034 !important;
    background: #ffffff !important;
}

body.template-color-42 #scroll-top.with-hover i {
    color: #031034 !important;
}

body.template-color-42 #scroll-top.with-hover:hover {
    background: #031034 !important;
}

body.template-color-42 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-42 .salon-prices .price-list {
    border-bottom: 2px solid #031034;
    background: linear-gradient(to right, rgba(3, 16, 52, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-42 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-42 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-42 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-42 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-42 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-42 .border-btn {
    color: #031034;
}

body.template-color-42 .btn-hover::after {
    border: 2px solid rgba(3, 16, 52, 0.7);
}

body.template-color-42 .beauty-service>[class*="col-"] .item span {
    color: #031034;
}

body.template-color-42 .beauty-service>[class*="col-"]:hover {
    background: rgba(3, 16, 52, 0.8);
    border-color: rgba(3, 16, 52, 0.8);
}

body.template-color-42 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-42 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-42 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-42 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-42 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #031034;
    width: 50%;
}

body.template-color-42 .bg-color,
body.template-color-42 .hover-bg-color:hover,
body.template-color-42 [data-color-overlay]::after,
body.template-color-42 [data-color-hover-overlay]:hover::after,
body.template-color-42 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-42 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-42 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-42 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-42 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-42 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-42 .post-nav-list .nav-item a:hover,
body.template-color-42 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-42 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-42 .animated-dot .middle-dot,
body.template-color-42 .animated-dot .signal,
body.template-color-42 .animated-dot .signal2,
body.template-color-42 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-42 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-42 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-42 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-42 .pricing-box .header .feature-mark,
body.template-color-42 .sl-testimonial .pic:after,
body.template-color-42 .sl-testimonial .pic:before,
body.template-color-42 #common-footer:before,
body.template-color-42 #common-footer .footer_item:before,
body.template-color-42 #common-footer .footer_menu:before,
body.template-color-42 #common-footer .footer_contacts__item:before,
body.template-color-42 .section-title.under-line h2::after {
    background: #031034 !important;
}

body.template-color-42 .creative-st-header .side-menu {
    background: #031034;
}

body.template-color-42 .scroll-top-arrow {
    background: #031034;
}

body.template-color-42 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #031034;
}

body.template-color-42 .footer-social li a:hover {
    background-color: #031034;
    color: #ffffff;
}

body.template-color-42 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #031034 !important;
}

body.template-color-42 .pricing-box.hoverable:hover,
body.template-color-42 .pricing-box.hoverable.active {
    background: #031034;
}

body.template-color-42 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-42 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #031034 !important;
    color: #fff;
}

body.template-color-42 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-42 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #031034 !important;
}

body.template-color-42 .progress-bar span.percent-label:after {
    border-color: #031034 transparent transparent transparent !important;
}

body.template-color-42 .icon-box.style-5 .inner .inner-icon {
    color: #031034;
}

body.template-color-42 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-42 .icon-box.style-5:hover .gradients-button {
    color: #031034;
}

body.template-color-42 .team-part .single-blog-item .social-icon a:hover {
    background-color: #031034;
    color: #ffffff;
    border-color: #031034;
}

body.template-color-42 .chackbox input:checked~span {
    background: #031034 !important;
    border-color: #031034 !important;
}

body.template-color-42 .radio span:after {
    background: #031034 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-42 .booking_form .img-sec {
        background: #031034 !important;
    }
}

body.template-color-42 .crypto-table .table {
    border: 8px solid #031034;
}

body.template-color-42 .agn-testimonial .carousel-control-next:hover,
body.template-color-42 .agn-testimonial .carousel-control-prev:hover,
body.template-color-42 .agn-testimonial .carousel-control-next:focus,
body.template-color-42 .agn-testimonial .carousel-control-prev:focus {
    background: #031034;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-42 .box-team .overlay {
    background-color: rgba(3, 16, 52, 0.75);
}

body.template-color-42 .social-shere:hover {
    border-color: #031034 !important;
}

body.template-color-42 .social-shere:hover .social-site p {
    color: #031034 !important;
}

body.template-color-42 .social-shere:hover .icon i {
    color: #031034 !important;
}

body.template-color-42 .testimonial-slider .carousel-indicators li.active {
    border-color: #031034;
}

body.template-color-42 .service-box i {
    color: #031034;
}

body.template-color-42 .service-box .readmore {
    color: #031034;
}

body.template-color-42 .service-box .readmore:before {
    background-color: #031034;
}

body.template-color-42 .service-box:hover {
    background: #031034;
}

body.template-color-42 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-42 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-42 .service-box:hover i,
body.template-color-42 .service-box:hover h4,
body.template-color-42 .service-box:hover p {
    color: #ffffff;
}

body.template-color-42 .icon-border-shadow {
    background: #031034 !important;
}

body.template-color-42 .icon-border-shadow:before {
    background: rgba(3, 16, 52, 0.3) !important;
}

body.template-color-42 .icon-border-shadow:after {
    background: rgba(3, 16, 52, 0.5) !important;
}

body.template-color-42 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #031034;
}

body.template-color-42 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-42 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #031034 !important;
}

body.template-color-42 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-42 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-42 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-42 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-42 .icon-box .inner .icon-3.style-2 {
    background: rgba(3, 16, 52, 0.1) !important;
}

body.template-color-42 .icon-box .inner .icon-3.style-3 {
    background: #031034;
}

body.template-color-42 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(3, 16, 52, 0.75) !important;
}

body.template-color-42 .text-color,
body.template-color-42 .hover-text-color:hover,
body.template-color-42 .snail_toolbar .inner a:hover,
body.template-color-42 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-42 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-42 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-42 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-42 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-42 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-42 .blog-tag-list a:hover,
body.template-color-42 .sl-quote::before,
body.template-color-42 .blog-post-return-button a:hover,
body.template-color-42 .portfolio-details-list .details-list span a:hover,
body.template-color-42 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-42 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-42 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-42 .product:hover .product-contain h4,
body.template-color-42 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-42 .mini-cart .shopping-cart .footer .total,
body.template-color-42 .mini-cart .shopping-cart .footer .total span,
body.template-color-42 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-42 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-42 .post.blog2 .post-body h5 a:hover,
body.template-color-42 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-42 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-42 .tab.tabs-links .nav .nav-link a.active,
body.template-color-42 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-42 .blog-post .blog-inner .blog-title a:hover,
body.template-color-42 .footer-part.footer-classic .footer-links a:hover,
body.template-color-42 .music_area .music-artist:hover .show-title,
body.template-color-42 .sl-testimonial .description:after,
body.template-color-42 .sl-testimonial .description:before,
body.template-color-42 .rating li i,
body.template-color-42 .btn .gradients-button.hover-bg-white:hover,
body.template-color-42 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-42 #common-footer .footer_menu__list li a:hover,
body.template-color-42 .icon-box.style-5:hover .gradients-button,
body.template-color-42 .icon-box.style-5.active .gradients-button {
    color: #031034 !important;
}

body.template-color-42 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-42 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-42 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-42 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #031034;
}

body.template-color-42 .footer-part.footer-classic .contact-mata:hover i {
    background: #031034;
    color: #fff;
}

body.template-color-42 .comparision-slider .handle::after {
    color: #031034;
}

body.template-color-42 .comparision-slider .handle.bordered {
    background: #031034;
}

body.template-color-42 .comparision-slider .handle.bordered:after {
    border: 3px solid #031034;
}

body.template-color-42 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-42 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-42 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #031034 !important;
    box-shadow: #031034 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-42 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #031034 !important;
}

body.template-color-42 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-42 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-42 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-42 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #031034 !important;
}

body.template-color-42 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #031034 !important;
    box-shadow: #031034 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-42 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #031034 !important;
    box-shadow: #031034 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-42 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #031034 !important;
}

body.template-color-42 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-42 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-42 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #031034 !important;
    box-shadow: #031034 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-42 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #031034 !important;
}

body.template-color-42 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-42 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-42 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-42 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #031034 !important;
}

body.template-color-42 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #031034 !important;
    background-color: #031034 !important;
}

body.template-color-42 .icon-box.style-4 .inner:hover .content h5 {
    color: #031034 !important;
}

body.template-color-42 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #031034 0%, transparent 100%);
}

body.template-color-42 .widget-category-list ul.category-area li a:hover {
    color: #031034 !important;
}

body.template-color-42 .widget-category-list ul.category-area li a:hover span {
    background: #031034 !important;
}

body.template-color-42 .side-menu .bg-overlay {
    background: rgba(3, 16, 52, 0.9);
}

body.template-color-42 .hue-color,
body.template-color-42 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(224.08163deg) !important;
    filter: hue-rotate(224.08163deg) !important;
}

body.template-color-42 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-42 .hero-slider .owl-nav .owl-prev:hover span {
    background: #031034 !important;
    border-color: #031034 !important;
    color: #ffffff;
}

body.template-color-42 .border-color,
body.template-color-42 .hover-border-color:hover,
body.template-color-42 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-42 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-42 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-42 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-42 .radio input:checked~span,
body.template-color-42 .sl-testimonial .pic img {
    border-color: #031034 !important;
}

body.template-color-42 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #031034;
}

body.template-color-42 .btn .light-color {
    border-color: #031034;
    background: rgba(3, 16, 52, 0.11);
}

body.template-color-42 .btn .light-color:hover {
    background: #031034;
    color: #ffffff;
}

body.template-color-42 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-42 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-42 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-42 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-42 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-42 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-43 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-43 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-43 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-43 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-43 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-43 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-43 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #28dbe9 !important;
}

body.template-color-43 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-43 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #28dbe9 !important;
}

body.template-color-43 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-43 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-43 .mini-cart .shopping-cart,
body.template-color-43 .dropdown__menu,
body.template-color-43 .mega-width-fullscreen,
body.template-color-43 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #28dbe9 !important;
}

body.template-color-43 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-43 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-43 .header-full-menu .social-icons-simple li a:hover,
body.template-color-43 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-43 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #28dbe9;
}

body.template-color-43 #scroll-top {
    background: #28dbe9 !important;
    border: 2px solid #28dbe9;
}

body.template-color-43 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-43 #scroll-top:hover {
    background: #28dbe9;
}

body.template-color-43 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-43 #scroll-top.with-hover {
    border-color: #28dbe9 !important;
    background: #ffffff !important;
}

body.template-color-43 #scroll-top.with-hover i {
    color: #28dbe9 !important;
}

body.template-color-43 #scroll-top.with-hover:hover {
    background: #28dbe9 !important;
}

body.template-color-43 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-43 .salon-prices .price-list {
    border-bottom: 2px solid #28dbe9;
    background: linear-gradient(to right, rgba(40, 219, 233, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-43 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-43 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-43 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-43 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-43 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-43 .border-btn {
    color: #28dbe9;
}

body.template-color-43 .btn-hover::after {
    border: 2px solid rgba(40, 219, 233, 0.7);
}

body.template-color-43 .beauty-service>[class*="col-"] .item span {
    color: #28dbe9;
}

body.template-color-43 .beauty-service>[class*="col-"]:hover {
    background: rgba(40, 219, 233, 0.8);
    border-color: rgba(40, 219, 233, 0.8);
}

body.template-color-43 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-43 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-43 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-43 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-43 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #28dbe9;
    width: 50%;
}

body.template-color-43 .bg-color,
body.template-color-43 .hover-bg-color:hover,
body.template-color-43 [data-color-overlay]::after,
body.template-color-43 [data-color-hover-overlay]:hover::after,
body.template-color-43 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-43 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-43 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-43 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-43 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-43 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-43 .post-nav-list .nav-item a:hover,
body.template-color-43 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-43 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-43 .animated-dot .middle-dot,
body.template-color-43 .animated-dot .signal,
body.template-color-43 .animated-dot .signal2,
body.template-color-43 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-43 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-43 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-43 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-43 .pricing-box .header .feature-mark,
body.template-color-43 .sl-testimonial .pic:after,
body.template-color-43 .sl-testimonial .pic:before,
body.template-color-43 #common-footer:before,
body.template-color-43 #common-footer .footer_item:before,
body.template-color-43 #common-footer .footer_menu:before,
body.template-color-43 #common-footer .footer_contacts__item:before,
body.template-color-43 .section-title.under-line h2::after {
    background: #28dbe9 !important;
}

body.template-color-43 .creative-st-header .side-menu {
    background: #28dbe9;
}

body.template-color-43 .scroll-top-arrow {
    background: #28dbe9;
}

body.template-color-43 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #28dbe9;
}

body.template-color-43 .footer-social li a:hover {
    background-color: #28dbe9;
    color: #ffffff;
}

body.template-color-43 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #28dbe9 !important;
}

body.template-color-43 .pricing-box.hoverable:hover,
body.template-color-43 .pricing-box.hoverable.active {
    background: #28dbe9;
}

body.template-color-43 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-43 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #28dbe9 !important;
    color: #fff;
}

body.template-color-43 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-43 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #28dbe9 !important;
}

body.template-color-43 .progress-bar span.percent-label:after {
    border-color: #28dbe9 transparent transparent transparent !important;
}

body.template-color-43 .icon-box.style-5 .inner .inner-icon {
    color: #28dbe9;
}

body.template-color-43 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-43 .icon-box.style-5:hover .gradients-button {
    color: #28dbe9;
}

body.template-color-43 .team-part .single-blog-item .social-icon a:hover {
    background-color: #28dbe9;
    color: #ffffff;
    border-color: #28dbe9;
}

body.template-color-43 .chackbox input:checked~span {
    background: #28dbe9 !important;
    border-color: #28dbe9 !important;
}

body.template-color-43 .radio span:after {
    background: #28dbe9 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-43 .booking_form .img-sec {
        background: #28dbe9 !important;
    }
}

body.template-color-43 .crypto-table .table {
    border: 8px solid #28dbe9;
}

body.template-color-43 .agn-testimonial .carousel-control-next:hover,
body.template-color-43 .agn-testimonial .carousel-control-prev:hover,
body.template-color-43 .agn-testimonial .carousel-control-next:focus,
body.template-color-43 .agn-testimonial .carousel-control-prev:focus {
    background: #28dbe9;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-43 .box-team .overlay {
    background-color: rgba(40, 219, 233, 0.75);
}

body.template-color-43 .social-shere:hover {
    border-color: #28dbe9 !important;
}

body.template-color-43 .social-shere:hover .social-site p {
    color: #28dbe9 !important;
}

body.template-color-43 .social-shere:hover .icon i {
    color: #28dbe9 !important;
}

body.template-color-43 .testimonial-slider .carousel-indicators li.active {
    border-color: #28dbe9;
}

body.template-color-43 .service-box i {
    color: #28dbe9;
}

body.template-color-43 .service-box .readmore {
    color: #28dbe9;
}

body.template-color-43 .service-box .readmore:before {
    background-color: #28dbe9;
}

body.template-color-43 .service-box:hover {
    background: #28dbe9;
}

body.template-color-43 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-43 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-43 .service-box:hover i,
body.template-color-43 .service-box:hover h4,
body.template-color-43 .service-box:hover p {
    color: #ffffff;
}

body.template-color-43 .icon-border-shadow {
    background: #28dbe9 !important;
}

body.template-color-43 .icon-border-shadow:before {
    background: rgba(40, 219, 233, 0.3) !important;
}

body.template-color-43 .icon-border-shadow:after {
    background: rgba(40, 219, 233, 0.5) !important;
}

body.template-color-43 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #28dbe9;
}

body.template-color-43 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-43 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #28dbe9 !important;
}

body.template-color-43 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-43 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-43 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-43 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-43 .icon-box .inner .icon-3.style-2 {
    background: rgba(40, 219, 233, 0.1) !important;
}

body.template-color-43 .icon-box .inner .icon-3.style-3 {
    background: #28dbe9;
}

body.template-color-43 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(40, 219, 233, 0.75) !important;
}

body.template-color-43 .text-color,
body.template-color-43 .hover-text-color:hover,
body.template-color-43 .snail_toolbar .inner a:hover,
body.template-color-43 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-43 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-43 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-43 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-43 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-43 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-43 .blog-tag-list a:hover,
body.template-color-43 .sl-quote::before,
body.template-color-43 .blog-post-return-button a:hover,
body.template-color-43 .portfolio-details-list .details-list span a:hover,
body.template-color-43 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-43 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-43 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-43 .product:hover .product-contain h4,
body.template-color-43 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-43 .mini-cart .shopping-cart .footer .total,
body.template-color-43 .mini-cart .shopping-cart .footer .total span,
body.template-color-43 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-43 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-43 .post.blog2 .post-body h5 a:hover,
body.template-color-43 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-43 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-43 .tab.tabs-links .nav .nav-link a.active,
body.template-color-43 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-43 .blog-post .blog-inner .blog-title a:hover,
body.template-color-43 .footer-part.footer-classic .footer-links a:hover,
body.template-color-43 .music_area .music-artist:hover .show-title,
body.template-color-43 .sl-testimonial .description:after,
body.template-color-43 .sl-testimonial .description:before,
body.template-color-43 .rating li i,
body.template-color-43 .btn .gradients-button.hover-bg-white:hover,
body.template-color-43 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-43 #common-footer .footer_menu__list li a:hover,
body.template-color-43 .icon-box.style-5:hover .gradients-button,
body.template-color-43 .icon-box.style-5.active .gradients-button {
    color: #28dbe9 !important;
}

body.template-color-43 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-43 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-43 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-43 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #28dbe9;
}

body.template-color-43 .footer-part.footer-classic .contact-mata:hover i {
    background: #28dbe9;
    color: #fff;
}

body.template-color-43 .comparision-slider .handle::after {
    color: #28dbe9;
}

body.template-color-43 .comparision-slider .handle.bordered {
    background: #28dbe9;
}

body.template-color-43 .comparision-slider .handle.bordered:after {
    border: 3px solid #28dbe9;
}

body.template-color-43 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-43 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-43 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #28dbe9 !important;
    box-shadow: #28dbe9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-43 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #28dbe9 !important;
}

body.template-color-43 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-43 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-43 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-43 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #28dbe9 !important;
}

body.template-color-43 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #28dbe9 !important;
    box-shadow: #28dbe9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-43 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #28dbe9 !important;
    box-shadow: #28dbe9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-43 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #28dbe9 !important;
}

body.template-color-43 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-43 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-43 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #28dbe9 !important;
    box-shadow: #28dbe9 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-43 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #28dbe9 !important;
}

body.template-color-43 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-43 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-43 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-43 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #28dbe9 !important;
}

body.template-color-43 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #28dbe9 !important;
    background-color: #28dbe9 !important;
}

body.template-color-43 .icon-box.style-4 .inner:hover .content h5 {
    color: #28dbe9 !important;
}

body.template-color-43 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #28dbe9 0%, transparent 100%);
}

body.template-color-43 .widget-category-list ul.category-area li a:hover {
    color: #28dbe9 !important;
}

body.template-color-43 .widget-category-list ul.category-area li a:hover span {
    background: #28dbe9 !important;
}

body.template-color-43 .side-menu .bg-overlay {
    background: rgba(40, 219, 233, 0.9);
}

body.template-color-43 .hue-color,
body.template-color-43 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(184.35233deg) !important;
    filter: hue-rotate(184.35233deg) !important;
}

body.template-color-43 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-43 .hero-slider .owl-nav .owl-prev:hover span {
    background: #28dbe9 !important;
    border-color: #28dbe9 !important;
    color: #ffffff;
}

body.template-color-43 .border-color,
body.template-color-43 .hover-border-color:hover,
body.template-color-43 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-43 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-43 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-43 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-43 .radio input:checked~span,
body.template-color-43 .sl-testimonial .pic img {
    border-color: #28dbe9 !important;
}

body.template-color-43 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #28dbe9;
}

body.template-color-43 .btn .light-color {
    border-color: #28dbe9;
    background: rgba(40, 219, 233, 0.11);
}

body.template-color-43 .btn .light-color:hover {
    background: #28dbe9;
    color: #ffffff;
}

body.template-color-43 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-43 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-43 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-43 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-43 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-43 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-44 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-44 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-44 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-44 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-44 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-44 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-44 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FF8008 !important;
}

body.template-color-44 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-44 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FF8008 !important;
}

body.template-color-44 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-44 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-44 .mini-cart .shopping-cart,
body.template-color-44 .dropdown__menu,
body.template-color-44 .mega-width-fullscreen,
body.template-color-44 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FF8008 !important;
}

body.template-color-44 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-44 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-44 .header-full-menu .social-icons-simple li a:hover,
body.template-color-44 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-44 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FF8008;
}

body.template-color-44 #scroll-top {
    background: #FF8008 !important;
    border: 2px solid #FF8008;
}

body.template-color-44 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-44 #scroll-top:hover {
    background: #FF8008;
}

body.template-color-44 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-44 #scroll-top.with-hover {
    border-color: #FF8008 !important;
    background: #ffffff !important;
}

body.template-color-44 #scroll-top.with-hover i {
    color: #FF8008 !important;
}

body.template-color-44 #scroll-top.with-hover:hover {
    background: #FF8008 !important;
}

body.template-color-44 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-44 .salon-prices .price-list {
    border-bottom: 2px solid #FF8008;
    background: linear-gradient(to right, rgba(255, 128, 8, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-44 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-44 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-44 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-44 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-44 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-44 .border-btn {
    color: #FF8008;
}

body.template-color-44 .btn-hover::after {
    border: 2px solid rgba(255, 128, 8, 0.7);
}

body.template-color-44 .beauty-service>[class*="col-"] .item span {
    color: #FF8008;
}

body.template-color-44 .beauty-service>[class*="col-"]:hover {
    background: rgba(255, 128, 8, 0.8);
    border-color: rgba(255, 128, 8, 0.8);
}

body.template-color-44 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-44 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-44 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-44 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-44 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FF8008;
    width: 50%;
}

body.template-color-44 .bg-color,
body.template-color-44 .hover-bg-color:hover,
body.template-color-44 [data-color-overlay]::after,
body.template-color-44 [data-color-hover-overlay]:hover::after,
body.template-color-44 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-44 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-44 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-44 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-44 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-44 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-44 .post-nav-list .nav-item a:hover,
body.template-color-44 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-44 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-44 .animated-dot .middle-dot,
body.template-color-44 .animated-dot .signal,
body.template-color-44 .animated-dot .signal2,
body.template-color-44 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-44 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-44 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-44 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-44 .pricing-box .header .feature-mark,
body.template-color-44 .sl-testimonial .pic:after,
body.template-color-44 .sl-testimonial .pic:before,
body.template-color-44 #common-footer:before,
body.template-color-44 #common-footer .footer_item:before,
body.template-color-44 #common-footer .footer_menu:before,
body.template-color-44 #common-footer .footer_contacts__item:before,
body.template-color-44 .section-title.under-line h2::after {
    background: #FF8008 !important;
}

body.template-color-44 .creative-st-header .side-menu {
    background: #FF8008;
}

body.template-color-44 .scroll-top-arrow {
    background: #FF8008;
}

body.template-color-44 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FF8008;
}

body.template-color-44 .footer-social li a:hover {
    background-color: #FF8008;
    color: #ffffff;
}

body.template-color-44 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FF8008 !important;
}

body.template-color-44 .pricing-box.hoverable:hover,
body.template-color-44 .pricing-box.hoverable.active {
    background: #FF8008;
}

body.template-color-44 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-44 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FF8008 !important;
    color: #fff;
}

body.template-color-44 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-44 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FF8008 !important;
}

body.template-color-44 .progress-bar span.percent-label:after {
    border-color: #FF8008 transparent transparent transparent !important;
}

body.template-color-44 .icon-box.style-5 .inner .inner-icon {
    color: #FF8008;
}

body.template-color-44 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-44 .icon-box.style-5:hover .gradients-button {
    color: #FF8008;
}

body.template-color-44 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FF8008;
    color: #ffffff;
    border-color: #FF8008;
}

body.template-color-44 .chackbox input:checked~span {
    background: #FF8008 !important;
    border-color: #FF8008 !important;
}

body.template-color-44 .radio span:after {
    background: #FF8008 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-44 .booking_form .img-sec {
        background: #FF8008 !important;
    }
}

body.template-color-44 .crypto-table .table {
    border: 8px solid #FF8008;
}

body.template-color-44 .agn-testimonial .carousel-control-next:hover,
body.template-color-44 .agn-testimonial .carousel-control-prev:hover,
body.template-color-44 .agn-testimonial .carousel-control-next:focus,
body.template-color-44 .agn-testimonial .carousel-control-prev:focus {
    background: #FF8008;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-44 .box-team .overlay {
    background-color: rgba(255, 128, 8, 0.75);
}

body.template-color-44 .social-shere:hover {
    border-color: #FF8008 !important;
}

body.template-color-44 .social-shere:hover .social-site p {
    color: #FF8008 !important;
}

body.template-color-44 .social-shere:hover .icon i {
    color: #FF8008 !important;
}

body.template-color-44 .testimonial-slider .carousel-indicators li.active {
    border-color: #FF8008;
}

body.template-color-44 .service-box i {
    color: #FF8008;
}

body.template-color-44 .service-box .readmore {
    color: #FF8008;
}

body.template-color-44 .service-box .readmore:before {
    background-color: #FF8008;
}

body.template-color-44 .service-box:hover {
    background: #FF8008;
}

body.template-color-44 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-44 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-44 .service-box:hover i,
body.template-color-44 .service-box:hover h4,
body.template-color-44 .service-box:hover p {
    color: #ffffff;
}

body.template-color-44 .icon-border-shadow {
    background: #FF8008 !important;
}

body.template-color-44 .icon-border-shadow:before {
    background: rgba(255, 128, 8, 0.3) !important;
}

body.template-color-44 .icon-border-shadow:after {
    background: rgba(255, 128, 8, 0.5) !important;
}

body.template-color-44 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FF8008;
}

body.template-color-44 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-44 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FF8008 !important;
}

body.template-color-44 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-44 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-44 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-44 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-44 .icon-box .inner .icon-3.style-2 {
    background: rgba(255, 128, 8, 0.1) !important;
}

body.template-color-44 .icon-box .inner .icon-3.style-3 {
    background: #FF8008;
}

body.template-color-44 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(255, 128, 8, 0.75) !important;
}

body.template-color-44 .text-color,
body.template-color-44 .hover-text-color:hover,
body.template-color-44 .snail_toolbar .inner a:hover,
body.template-color-44 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-44 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-44 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-44 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-44 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-44 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-44 .blog-tag-list a:hover,
body.template-color-44 .sl-quote::before,
body.template-color-44 .blog-post-return-button a:hover,
body.template-color-44 .portfolio-details-list .details-list span a:hover,
body.template-color-44 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-44 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-44 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-44 .product:hover .product-contain h4,
body.template-color-44 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-44 .mini-cart .shopping-cart .footer .total,
body.template-color-44 .mini-cart .shopping-cart .footer .total span,
body.template-color-44 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-44 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-44 .post.blog2 .post-body h5 a:hover,
body.template-color-44 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-44 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-44 .tab.tabs-links .nav .nav-link a.active,
body.template-color-44 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-44 .blog-post .blog-inner .blog-title a:hover,
body.template-color-44 .footer-part.footer-classic .footer-links a:hover,
body.template-color-44 .music_area .music-artist:hover .show-title,
body.template-color-44 .sl-testimonial .description:after,
body.template-color-44 .sl-testimonial .description:before,
body.template-color-44 .rating li i,
body.template-color-44 .btn .gradients-button.hover-bg-white:hover,
body.template-color-44 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-44 #common-footer .footer_menu__list li a:hover,
body.template-color-44 .icon-box.style-5:hover .gradients-button,
body.template-color-44 .icon-box.style-5.active .gradients-button {
    color: #FF8008 !important;
}

body.template-color-44 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-44 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-44 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-44 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FF8008;
}

body.template-color-44 .footer-part.footer-classic .contact-mata:hover i {
    background: #FF8008;
    color: #fff;
}

body.template-color-44 .comparision-slider .handle::after {
    color: #FF8008;
}

body.template-color-44 .comparision-slider .handle.bordered {
    background: #FF8008;
}

body.template-color-44 .comparision-slider .handle.bordered:after {
    border: 3px solid #FF8008;
}

body.template-color-44 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-44 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-44 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FF8008 !important;
    box-shadow: #FF8008 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-44 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FF8008 !important;
}

body.template-color-44 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-44 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-44 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-44 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FF8008 !important;
}

body.template-color-44 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FF8008 !important;
    box-shadow: #FF8008 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-44 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FF8008 !important;
    box-shadow: #FF8008 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-44 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FF8008 !important;
}

body.template-color-44 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-44 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-44 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FF8008 !important;
    box-shadow: #FF8008 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-44 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FF8008 !important;
}

body.template-color-44 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-44 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-44 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-44 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FF8008 !important;
}

body.template-color-44 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FF8008 !important;
    background-color: #FF8008 !important;
}

body.template-color-44 .icon-box.style-4 .inner:hover .content h5 {
    color: #FF8008 !important;
}

body.template-color-44 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FF8008 0%, transparent 100%);
}

body.template-color-44 .widget-category-list ul.category-area li a:hover {
    color: #FF8008 !important;
}

body.template-color-44 .widget-category-list ul.category-area li a:hover span {
    background: #FF8008 !important;
}

body.template-color-44 .side-menu .bg-overlay {
    background: rgba(255, 128, 8, 0.9);
}

body.template-color-44 .hue-color,
body.template-color-44 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(29.1498deg) !important;
    filter: hue-rotate(29.1498deg) !important;
}

body.template-color-44 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-44 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FF8008 !important;
    border-color: #FF8008 !important;
    color: #ffffff;
}

body.template-color-44 .border-color,
body.template-color-44 .hover-border-color:hover,
body.template-color-44 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-44 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-44 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-44 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-44 .radio input:checked~span,
body.template-color-44 .sl-testimonial .pic img {
    border-color: #FF8008 !important;
}

body.template-color-44 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FF8008;
}

body.template-color-44 .btn .light-color {
    border-color: #FF8008;
    background: rgba(255, 128, 8, 0.11);
}

body.template-color-44 .btn .light-color:hover {
    background: #FF8008;
    color: #ffffff;
}

body.template-color-44 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-44 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-44 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-44 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-44 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-44 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-45 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-45 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-45 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-45 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-45 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-45 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-45 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FFC837 !important;
}

body.template-color-45 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-45 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FFC837 !important;
}

body.template-color-45 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-45 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-45 .mini-cart .shopping-cart,
body.template-color-45 .dropdown__menu,
body.template-color-45 .mega-width-fullscreen,
body.template-color-45 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FFC837 !important;
}

body.template-color-45 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-45 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-45 .header-full-menu .social-icons-simple li a:hover,
body.template-color-45 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-45 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FFC837;
}

body.template-color-45 #scroll-top {
    background: #FFC837 !important;
    border: 2px solid #FFC837;
}

body.template-color-45 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-45 #scroll-top:hover {
    background: #FFC837;
}

body.template-color-45 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-45 #scroll-top.with-hover {
    border-color: #FFC837 !important;
    background: #ffffff !important;
}

body.template-color-45 #scroll-top.with-hover i {
    color: #FFC837 !important;
}

body.template-color-45 #scroll-top.with-hover:hover {
    background: #FFC837 !important;
}

body.template-color-45 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-45 .salon-prices .price-list {
    border-bottom: 2px solid #FFC837;
    background: linear-gradient(to right, rgba(255, 200, 55, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-45 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-45 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-45 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-45 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-45 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-45 .border-btn {
    color: #FFC837;
}

body.template-color-45 .btn-hover::after {
    border: 2px solid rgba(255, 200, 55, 0.7);
}

body.template-color-45 .beauty-service>[class*="col-"] .item span {
    color: #FFC837;
}

body.template-color-45 .beauty-service>[class*="col-"]:hover {
    background: rgba(255, 200, 55, 0.8);
    border-color: rgba(255, 200, 55, 0.8);
}

body.template-color-45 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-45 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-45 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-45 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-45 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FFC837;
    width: 50%;
}

body.template-color-45 .bg-color,
body.template-color-45 .hover-bg-color:hover,
body.template-color-45 [data-color-overlay]::after,
body.template-color-45 [data-color-hover-overlay]:hover::after,
body.template-color-45 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-45 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-45 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-45 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-45 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-45 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-45 .post-nav-list .nav-item a:hover,
body.template-color-45 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-45 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-45 .animated-dot .middle-dot,
body.template-color-45 .animated-dot .signal,
body.template-color-45 .animated-dot .signal2,
body.template-color-45 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-45 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-45 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-45 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-45 .pricing-box .header .feature-mark,
body.template-color-45 .sl-testimonial .pic:after,
body.template-color-45 .sl-testimonial .pic:before,
body.template-color-45 #common-footer:before,
body.template-color-45 #common-footer .footer_item:before,
body.template-color-45 #common-footer .footer_menu:before,
body.template-color-45 #common-footer .footer_contacts__item:before,
body.template-color-45 .section-title.under-line h2::after {
    background: #FFC837 !important;
}

body.template-color-45 .creative-st-header .side-menu {
    background: #FFC837;
}

body.template-color-45 .scroll-top-arrow {
    background: #FFC837;
}

body.template-color-45 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FFC837;
}

body.template-color-45 .footer-social li a:hover {
    background-color: #FFC837;
    color: #ffffff;
}

body.template-color-45 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FFC837 !important;
}

body.template-color-45 .pricing-box.hoverable:hover,
body.template-color-45 .pricing-box.hoverable.active {
    background: #FFC837;
}

body.template-color-45 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-45 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FFC837 !important;
    color: #fff;
}

body.template-color-45 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-45 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FFC837 !important;
}

body.template-color-45 .progress-bar span.percent-label:after {
    border-color: #FFC837 transparent transparent transparent !important;
}

body.template-color-45 .icon-box.style-5 .inner .inner-icon {
    color: #FFC837;
}

body.template-color-45 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-45 .icon-box.style-5:hover .gradients-button {
    color: #FFC837;
}

body.template-color-45 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FFC837;
    color: #ffffff;
    border-color: #FFC837;
}

body.template-color-45 .chackbox input:checked~span {
    background: #FFC837 !important;
    border-color: #FFC837 !important;
}

body.template-color-45 .radio span:after {
    background: #FFC837 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-45 .booking_form .img-sec {
        background: #FFC837 !important;
    }
}

body.template-color-45 .crypto-table .table {
    border: 8px solid #FFC837;
}

body.template-color-45 .agn-testimonial .carousel-control-next:hover,
body.template-color-45 .agn-testimonial .carousel-control-prev:hover,
body.template-color-45 .agn-testimonial .carousel-control-next:focus,
body.template-color-45 .agn-testimonial .carousel-control-prev:focus {
    background: #FFC837;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-45 .box-team .overlay {
    background-color: rgba(255, 200, 55, 0.75);
}

body.template-color-45 .social-shere:hover {
    border-color: #FFC837 !important;
}

body.template-color-45 .social-shere:hover .social-site p {
    color: #FFC837 !important;
}

body.template-color-45 .social-shere:hover .icon i {
    color: #FFC837 !important;
}

body.template-color-45 .testimonial-slider .carousel-indicators li.active {
    border-color: #FFC837;
}

body.template-color-45 .service-box i {
    color: #FFC837;
}

body.template-color-45 .service-box .readmore {
    color: #FFC837;
}

body.template-color-45 .service-box .readmore:before {
    background-color: #FFC837;
}

body.template-color-45 .service-box:hover {
    background: #FFC837;
}

body.template-color-45 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-45 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-45 .service-box:hover i,
body.template-color-45 .service-box:hover h4,
body.template-color-45 .service-box:hover p {
    color: #ffffff;
}

body.template-color-45 .icon-border-shadow {
    background: #FFC837 !important;
}

body.template-color-45 .icon-border-shadow:before {
    background: rgba(255, 200, 55, 0.3) !important;
}

body.template-color-45 .icon-border-shadow:after {
    background: rgba(255, 200, 55, 0.5) !important;
}

body.template-color-45 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FFC837;
}

body.template-color-45 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-45 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FFC837 !important;
}

body.template-color-45 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-45 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-45 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-45 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-45 .icon-box .inner .icon-3.style-2 {
    background: rgba(255, 200, 55, 0.1) !important;
}

body.template-color-45 .icon-box .inner .icon-3.style-3 {
    background: #FFC837;
}

body.template-color-45 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(255, 200, 55, 0.75) !important;
}

body.template-color-45 .text-color,
body.template-color-45 .hover-text-color:hover,
body.template-color-45 .snail_toolbar .inner a:hover,
body.template-color-45 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-45 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-45 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-45 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-45 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-45 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-45 .blog-tag-list a:hover,
body.template-color-45 .sl-quote::before,
body.template-color-45 .blog-post-return-button a:hover,
body.template-color-45 .portfolio-details-list .details-list span a:hover,
body.template-color-45 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-45 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-45 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-45 .product:hover .product-contain h4,
body.template-color-45 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-45 .mini-cart .shopping-cart .footer .total,
body.template-color-45 .mini-cart .shopping-cart .footer .total span,
body.template-color-45 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-45 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-45 .post.blog2 .post-body h5 a:hover,
body.template-color-45 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-45 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-45 .tab.tabs-links .nav .nav-link a.active,
body.template-color-45 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-45 .blog-post .blog-inner .blog-title a:hover,
body.template-color-45 .footer-part.footer-classic .footer-links a:hover,
body.template-color-45 .music_area .music-artist:hover .show-title,
body.template-color-45 .sl-testimonial .description:after,
body.template-color-45 .sl-testimonial .description:before,
body.template-color-45 .rating li i,
body.template-color-45 .btn .gradients-button.hover-bg-white:hover,
body.template-color-45 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-45 #common-footer .footer_menu__list li a:hover,
body.template-color-45 .icon-box.style-5:hover .gradients-button,
body.template-color-45 .icon-box.style-5.active .gradients-button {
    color: #FFC837 !important;
}

body.template-color-45 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-45 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-45 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-45 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FFC837;
}

body.template-color-45 .footer-part.footer-classic .contact-mata:hover i {
    background: #FFC837;
    color: #fff;
}

body.template-color-45 .comparision-slider .handle::after {
    color: #FFC837;
}

body.template-color-45 .comparision-slider .handle.bordered {
    background: #FFC837;
}

body.template-color-45 .comparision-slider .handle.bordered:after {
    border: 3px solid #FFC837;
}

body.template-color-45 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-45 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-45 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FFC837 !important;
    box-shadow: #FFC837 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-45 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FFC837 !important;
}

body.template-color-45 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-45 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-45 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-45 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FFC837 !important;
}

body.template-color-45 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FFC837 !important;
    box-shadow: #FFC837 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-45 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FFC837 !important;
    box-shadow: #FFC837 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-45 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FFC837 !important;
}

body.template-color-45 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-45 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-45 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FFC837 !important;
    box-shadow: #FFC837 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-45 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FFC837 !important;
}

body.template-color-45 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-45 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-45 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-45 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FFC837 !important;
}

body.template-color-45 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FFC837 !important;
    background-color: #FFC837 !important;
}

body.template-color-45 .icon-box.style-4 .inner:hover .content h5 {
    color: #FFC837 !important;
}

body.template-color-45 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FFC837 0%, transparent 100%);
}

body.template-color-45 .widget-category-list ul.category-area li a:hover {
    color: #FFC837 !important;
}

body.template-color-45 .widget-category-list ul.category-area li a:hover span {
    background: #FFC837 !important;
}

body.template-color-45 .side-menu .bg-overlay {
    background: rgba(255, 200, 55, 0.9);
}

body.template-color-45 .hue-color,
body.template-color-45 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(43.5deg) !important;
    filter: hue-rotate(43.5deg) !important;
}

body.template-color-45 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-45 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FFC837 !important;
    border-color: #FFC837 !important;
    color: #ffffff;
}

body.template-color-45 .border-color,
body.template-color-45 .hover-border-color:hover,
body.template-color-45 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-45 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-45 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-45 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-45 .radio input:checked~span,
body.template-color-45 .sl-testimonial .pic img {
    border-color: #FFC837 !important;
}

body.template-color-45 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FFC837;
}

body.template-color-45 .btn .light-color {
    border-color: #FFC837;
    background: rgba(255, 200, 55, 0.11);
}

body.template-color-45 .btn .light-color:hover {
    background: #FFC837;
    color: #ffffff;
}

body.template-color-45 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-45 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-45 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-45 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-45 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-45 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-46 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-46 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-46 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-46 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-46 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-46 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-46 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FF8008 !important;
}

body.template-color-46 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-46 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FF8008 !important;
}

body.template-color-46 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-46 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-46 .mini-cart .shopping-cart,
body.template-color-46 .dropdown__menu,
body.template-color-46 .mega-width-fullscreen,
body.template-color-46 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FF8008 !important;
}

body.template-color-46 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-46 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-46 .header-full-menu .social-icons-simple li a:hover,
body.template-color-46 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-46 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FF8008;
}

body.template-color-46 #scroll-top {
    background: #FF8008 !important;
    border: 2px solid #FF8008;
}

body.template-color-46 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-46 #scroll-top:hover {
    background: #FF8008;
}

body.template-color-46 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-46 #scroll-top.with-hover {
    border-color: #FF8008 !important;
    background: #ffffff !important;
}

body.template-color-46 #scroll-top.with-hover i {
    color: #FF8008 !important;
}

body.template-color-46 #scroll-top.with-hover:hover {
    background: #FF8008 !important;
}

body.template-color-46 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-46 .salon-prices .price-list {
    border-bottom: 2px solid #FF8008;
    background: linear-gradient(to right, rgba(255, 128, 8, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-46 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-46 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-46 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-46 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-46 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-46 .border-btn {
    color: #FF8008;
}

body.template-color-46 .btn-hover::after {
    border: 2px solid rgba(255, 128, 8, 0.7);
}

body.template-color-46 .beauty-service>[class*="col-"] .item span {
    color: #FF8008;
}

body.template-color-46 .beauty-service>[class*="col-"]:hover {
    background: rgba(255, 128, 8, 0.8);
    border-color: rgba(255, 128, 8, 0.8);
}

body.template-color-46 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-46 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-46 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-46 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-46 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FF8008;
    width: 50%;
}

body.template-color-46 .bg-color,
body.template-color-46 .hover-bg-color:hover,
body.template-color-46 [data-color-overlay]::after,
body.template-color-46 [data-color-hover-overlay]:hover::after,
body.template-color-46 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-46 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-46 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-46 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-46 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-46 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-46 .post-nav-list .nav-item a:hover,
body.template-color-46 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-46 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-46 .animated-dot .middle-dot,
body.template-color-46 .animated-dot .signal,
body.template-color-46 .animated-dot .signal2,
body.template-color-46 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-46 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-46 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-46 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-46 .pricing-box .header .feature-mark,
body.template-color-46 .sl-testimonial .pic:after,
body.template-color-46 .sl-testimonial .pic:before,
body.template-color-46 #common-footer:before,
body.template-color-46 #common-footer .footer_item:before,
body.template-color-46 #common-footer .footer_menu:before,
body.template-color-46 #common-footer .footer_contacts__item:before,
body.template-color-46 .section-title.under-line h2::after {
    background: #FF8008 !important;
}

body.template-color-46 .creative-st-header .side-menu {
    background: #FF8008;
}

body.template-color-46 .scroll-top-arrow {
    background: #FF8008;
}

body.template-color-46 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FF8008;
}

body.template-color-46 .footer-social li a:hover {
    background-color: #FF8008;
    color: #ffffff;
}

body.template-color-46 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FF8008 !important;
}

body.template-color-46 .pricing-box.hoverable:hover,
body.template-color-46 .pricing-box.hoverable.active {
    background: #FF8008;
}

body.template-color-46 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-46 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FF8008 !important;
    color: #fff;
}

body.template-color-46 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-46 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FF8008 !important;
}

body.template-color-46 .progress-bar span.percent-label:after {
    border-color: #FF8008 transparent transparent transparent !important;
}

body.template-color-46 .icon-box.style-5 .inner .inner-icon {
    color: #FF8008;
}

body.template-color-46 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-46 .icon-box.style-5:hover .gradients-button {
    color: #FF8008;
}

body.template-color-46 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FF8008;
    color: #ffffff;
    border-color: #FF8008;
}

body.template-color-46 .chackbox input:checked~span {
    background: #FF8008 !important;
    border-color: #FF8008 !important;
}

body.template-color-46 .radio span:after {
    background: #FF8008 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-46 .booking_form .img-sec {
        background: #FF8008 !important;
    }
}

body.template-color-46 .crypto-table .table {
    border: 8px solid #FF8008;
}

body.template-color-46 .agn-testimonial .carousel-control-next:hover,
body.template-color-46 .agn-testimonial .carousel-control-prev:hover,
body.template-color-46 .agn-testimonial .carousel-control-next:focus,
body.template-color-46 .agn-testimonial .carousel-control-prev:focus {
    background: #FF8008;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-46 .box-team .overlay {
    background-color: rgba(255, 128, 8, 0.75);
}

body.template-color-46 .social-shere:hover {
    border-color: #FF8008 !important;
}

body.template-color-46 .social-shere:hover .social-site p {
    color: #FF8008 !important;
}

body.template-color-46 .social-shere:hover .icon i {
    color: #FF8008 !important;
}

body.template-color-46 .testimonial-slider .carousel-indicators li.active {
    border-color: #FF8008;
}

body.template-color-46 .service-box i {
    color: #FF8008;
}

body.template-color-46 .service-box .readmore {
    color: #FF8008;
}

body.template-color-46 .service-box .readmore:before {
    background-color: #FF8008;
}

body.template-color-46 .service-box:hover {
    background: #FF8008;
}

body.template-color-46 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-46 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-46 .service-box:hover i,
body.template-color-46 .service-box:hover h4,
body.template-color-46 .service-box:hover p {
    color: #ffffff;
}

body.template-color-46 .icon-border-shadow {
    background: #FF8008 !important;
}

body.template-color-46 .icon-border-shadow:before {
    background: rgba(255, 128, 8, 0.3) !important;
}

body.template-color-46 .icon-border-shadow:after {
    background: rgba(255, 128, 8, 0.5) !important;
}

body.template-color-46 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FF8008;
}

body.template-color-46 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-46 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FF8008 !important;
}

body.template-color-46 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-46 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-46 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-46 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-46 .icon-box .inner .icon-3.style-2 {
    background: rgba(255, 128, 8, 0.1) !important;
}

body.template-color-46 .icon-box .inner .icon-3.style-3 {
    background: #FF8008;
}

body.template-color-46 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(255, 128, 8, 0.75) !important;
}

body.template-color-46 .text-color,
body.template-color-46 .hover-text-color:hover,
body.template-color-46 .snail_toolbar .inner a:hover,
body.template-color-46 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-46 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-46 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-46 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-46 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-46 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-46 .blog-tag-list a:hover,
body.template-color-46 .sl-quote::before,
body.template-color-46 .blog-post-return-button a:hover,
body.template-color-46 .portfolio-details-list .details-list span a:hover,
body.template-color-46 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-46 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-46 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-46 .product:hover .product-contain h4,
body.template-color-46 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-46 .mini-cart .shopping-cart .footer .total,
body.template-color-46 .mini-cart .shopping-cart .footer .total span,
body.template-color-46 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-46 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-46 .post.blog2 .post-body h5 a:hover,
body.template-color-46 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-46 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-46 .tab.tabs-links .nav .nav-link a.active,
body.template-color-46 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-46 .blog-post .blog-inner .blog-title a:hover,
body.template-color-46 .footer-part.footer-classic .footer-links a:hover,
body.template-color-46 .music_area .music-artist:hover .show-title,
body.template-color-46 .sl-testimonial .description:after,
body.template-color-46 .sl-testimonial .description:before,
body.template-color-46 .rating li i,
body.template-color-46 .btn .gradients-button.hover-bg-white:hover,
body.template-color-46 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-46 #common-footer .footer_menu__list li a:hover,
body.template-color-46 .icon-box.style-5:hover .gradients-button,
body.template-color-46 .icon-box.style-5.active .gradients-button {
    color: #FF8008 !important;
}

body.template-color-46 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-46 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-46 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-46 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FF8008;
}

body.template-color-46 .footer-part.footer-classic .contact-mata:hover i {
    background: #FF8008;
    color: #fff;
}

body.template-color-46 .comparision-slider .handle::after {
    color: #FF8008;
}

body.template-color-46 .comparision-slider .handle.bordered {
    background: #FF8008;
}

body.template-color-46 .comparision-slider .handle.bordered:after {
    border: 3px solid #FF8008;
}

body.template-color-46 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-46 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-46 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FF8008 !important;
    box-shadow: #FF8008 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-46 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FF8008 !important;
}

body.template-color-46 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-46 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-46 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-46 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FF8008 !important;
}

body.template-color-46 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FF8008 !important;
    box-shadow: #FF8008 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-46 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FF8008 !important;
    box-shadow: #FF8008 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-46 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FF8008 !important;
}

body.template-color-46 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-46 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-46 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FF8008 !important;
    box-shadow: #FF8008 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-46 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FF8008 !important;
}

body.template-color-46 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-46 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-46 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-46 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FF8008 !important;
}

body.template-color-46 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FF8008 !important;
    background-color: #FF8008 !important;
}

body.template-color-46 .icon-box.style-4 .inner:hover .content h5 {
    color: #FF8008 !important;
}

body.template-color-46 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FF8008 0%, transparent 100%);
}

body.template-color-46 .widget-category-list ul.category-area li a:hover {
    color: #FF8008 !important;
}

body.template-color-46 .widget-category-list ul.category-area li a:hover span {
    background: #FF8008 !important;
}

body.template-color-46 .side-menu .bg-overlay {
    background: rgba(255, 128, 8, 0.9);
}

body.template-color-46 .hue-color,
body.template-color-46 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(29.1498deg) !important;
    filter: hue-rotate(29.1498deg) !important;
}

body.template-color-46 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-46 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FF8008 !important;
    border-color: #FF8008 !important;
    color: #ffffff;
}

body.template-color-46 .border-color,
body.template-color-46 .hover-border-color:hover,
body.template-color-46 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-46 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-46 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-46 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-46 .radio input:checked~span,
body.template-color-46 .sl-testimonial .pic img {
    border-color: #FF8008 !important;
}

body.template-color-46 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FF8008;
}

body.template-color-46 .btn .light-color {
    border-color: #FF8008;
    background: rgba(255, 128, 8, 0.11);
}

body.template-color-46 .btn .light-color:hover {
    background: #FF8008;
    color: #ffffff;
}

body.template-color-46 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-46 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-46 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-46 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-46 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-46 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-47 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-47 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-47 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-47 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-47 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-47 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-47 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #FFC837 !important;
}

body.template-color-47 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-47 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FFC837 !important;
}

body.template-color-47 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-47 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-47 .mini-cart .shopping-cart,
body.template-color-47 .dropdown__menu,
body.template-color-47 .mega-width-fullscreen,
body.template-color-47 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #FFC837 !important;
}

body.template-color-47 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-47 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-47 .header-full-menu .social-icons-simple li a:hover,
body.template-color-47 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-47 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #FFC837;
}

body.template-color-47 #scroll-top {
    background: #FFC837 !important;
    border: 2px solid #FFC837;
}

body.template-color-47 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-47 #scroll-top:hover {
    background: #FFC837;
}

body.template-color-47 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-47 #scroll-top.with-hover {
    border-color: #FFC837 !important;
    background: #ffffff !important;
}

body.template-color-47 #scroll-top.with-hover i {
    color: #FFC837 !important;
}

body.template-color-47 #scroll-top.with-hover:hover {
    background: #FFC837 !important;
}

body.template-color-47 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-47 .salon-prices .price-list {
    border-bottom: 2px solid #FFC837;
    background: linear-gradient(to right, rgba(255, 200, 55, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-47 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-47 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-47 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-47 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-47 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-47 .border-btn {
    color: #FFC837;
}

body.template-color-47 .btn-hover::after {
    border: 2px solid rgba(255, 200, 55, 0.7);
}

body.template-color-47 .beauty-service>[class*="col-"] .item span {
    color: #FFC837;
}

body.template-color-47 .beauty-service>[class*="col-"]:hover {
    background: rgba(255, 200, 55, 0.8);
    border-color: rgba(255, 200, 55, 0.8);
}

body.template-color-47 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-47 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-47 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-47 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-47 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #FFC837;
    width: 50%;
}

body.template-color-47 .bg-color,
body.template-color-47 .hover-bg-color:hover,
body.template-color-47 [data-color-overlay]::after,
body.template-color-47 [data-color-hover-overlay]:hover::after,
body.template-color-47 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-47 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-47 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-47 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-47 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-47 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-47 .post-nav-list .nav-item a:hover,
body.template-color-47 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-47 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-47 .animated-dot .middle-dot,
body.template-color-47 .animated-dot .signal,
body.template-color-47 .animated-dot .signal2,
body.template-color-47 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-47 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-47 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-47 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-47 .pricing-box .header .feature-mark,
body.template-color-47 .sl-testimonial .pic:after,
body.template-color-47 .sl-testimonial .pic:before,
body.template-color-47 #common-footer:before,
body.template-color-47 #common-footer .footer_item:before,
body.template-color-47 #common-footer .footer_menu:before,
body.template-color-47 #common-footer .footer_contacts__item:before,
body.template-color-47 .section-title.under-line h2::after {
    background: #FFC837 !important;
}

body.template-color-47 .creative-st-header .side-menu {
    background: #FFC837;
}

body.template-color-47 .scroll-top-arrow {
    background: #FFC837;
}

body.template-color-47 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #FFC837;
}

body.template-color-47 .footer-social li a:hover {
    background-color: #FFC837;
    color: #ffffff;
}

body.template-color-47 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #FFC837 !important;
}

body.template-color-47 .pricing-box.hoverable:hover,
body.template-color-47 .pricing-box.hoverable.active {
    background: #FFC837;
}

body.template-color-47 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-47 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #FFC837 !important;
    color: #fff;
}

body.template-color-47 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-47 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #FFC837 !important;
}

body.template-color-47 .progress-bar span.percent-label:after {
    border-color: #FFC837 transparent transparent transparent !important;
}

body.template-color-47 .icon-box.style-5 .inner .inner-icon {
    color: #FFC837;
}

body.template-color-47 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-47 .icon-box.style-5:hover .gradients-button {
    color: #FFC837;
}

body.template-color-47 .team-part .single-blog-item .social-icon a:hover {
    background-color: #FFC837;
    color: #ffffff;
    border-color: #FFC837;
}

body.template-color-47 .chackbox input:checked~span {
    background: #FFC837 !important;
    border-color: #FFC837 !important;
}

body.template-color-47 .radio span:after {
    background: #FFC837 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-47 .booking_form .img-sec {
        background: #FFC837 !important;
    }
}

body.template-color-47 .crypto-table .table {
    border: 8px solid #FFC837;
}

body.template-color-47 .agn-testimonial .carousel-control-next:hover,
body.template-color-47 .agn-testimonial .carousel-control-prev:hover,
body.template-color-47 .agn-testimonial .carousel-control-next:focus,
body.template-color-47 .agn-testimonial .carousel-control-prev:focus {
    background: #FFC837;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-47 .box-team .overlay {
    background-color: rgba(255, 200, 55, 0.75);
}

body.template-color-47 .social-shere:hover {
    border-color: #FFC837 !important;
}

body.template-color-47 .social-shere:hover .social-site p {
    color: #FFC837 !important;
}

body.template-color-47 .social-shere:hover .icon i {
    color: #FFC837 !important;
}

body.template-color-47 .testimonial-slider .carousel-indicators li.active {
    border-color: #FFC837;
}

body.template-color-47 .service-box i {
    color: #FFC837;
}

body.template-color-47 .service-box .readmore {
    color: #FFC837;
}

body.template-color-47 .service-box .readmore:before {
    background-color: #FFC837;
}

body.template-color-47 .service-box:hover {
    background: #FFC837;
}

body.template-color-47 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-47 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-47 .service-box:hover i,
body.template-color-47 .service-box:hover h4,
body.template-color-47 .service-box:hover p {
    color: #ffffff;
}

body.template-color-47 .icon-border-shadow {
    background: #FFC837 !important;
}

body.template-color-47 .icon-border-shadow:before {
    background: rgba(255, 200, 55, 0.3) !important;
}

body.template-color-47 .icon-border-shadow:after {
    background: rgba(255, 200, 55, 0.5) !important;
}

body.template-color-47 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #FFC837;
}

body.template-color-47 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-47 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #FFC837 !important;
}

body.template-color-47 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-47 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-47 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-47 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-47 .icon-box .inner .icon-3.style-2 {
    background: rgba(255, 200, 55, 0.1) !important;
}

body.template-color-47 .icon-box .inner .icon-3.style-3 {
    background: #FFC837;
}

body.template-color-47 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(255, 200, 55, 0.75) !important;
}

body.template-color-47 .text-color,
body.template-color-47 .hover-text-color:hover,
body.template-color-47 .snail_toolbar .inner a:hover,
body.template-color-47 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-47 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-47 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-47 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-47 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-47 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-47 .blog-tag-list a:hover,
body.template-color-47 .sl-quote::before,
body.template-color-47 .blog-post-return-button a:hover,
body.template-color-47 .portfolio-details-list .details-list span a:hover,
body.template-color-47 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-47 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-47 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-47 .product:hover .product-contain h4,
body.template-color-47 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-47 .mini-cart .shopping-cart .footer .total,
body.template-color-47 .mini-cart .shopping-cart .footer .total span,
body.template-color-47 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-47 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-47 .post.blog2 .post-body h5 a:hover,
body.template-color-47 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-47 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-47 .tab.tabs-links .nav .nav-link a.active,
body.template-color-47 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-47 .blog-post .blog-inner .blog-title a:hover,
body.template-color-47 .footer-part.footer-classic .footer-links a:hover,
body.template-color-47 .music_area .music-artist:hover .show-title,
body.template-color-47 .sl-testimonial .description:after,
body.template-color-47 .sl-testimonial .description:before,
body.template-color-47 .rating li i,
body.template-color-47 .btn .gradients-button.hover-bg-white:hover,
body.template-color-47 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-47 #common-footer .footer_menu__list li a:hover,
body.template-color-47 .icon-box.style-5:hover .gradients-button,
body.template-color-47 .icon-box.style-5.active .gradients-button {
    color: #FFC837 !important;
}

body.template-color-47 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-47 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-47 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-47 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #FFC837;
}

body.template-color-47 .footer-part.footer-classic .contact-mata:hover i {
    background: #FFC837;
    color: #fff;
}

body.template-color-47 .comparision-slider .handle::after {
    color: #FFC837;
}

body.template-color-47 .comparision-slider .handle.bordered {
    background: #FFC837;
}

body.template-color-47 .comparision-slider .handle.bordered:after {
    border: 3px solid #FFC837;
}

body.template-color-47 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-47 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-47 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FFC837 !important;
    box-shadow: #FFC837 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-47 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FFC837 !important;
}

body.template-color-47 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-47 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-47 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-47 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FFC837 !important;
}

body.template-color-47 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FFC837 !important;
    box-shadow: #FFC837 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-47 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #FFC837 !important;
    box-shadow: #FFC837 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-47 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #FFC837 !important;
}

body.template-color-47 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-47 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-47 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #FFC837 !important;
    box-shadow: #FFC837 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-47 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #FFC837 !important;
}

body.template-color-47 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-47 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-47 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-47 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #FFC837 !important;
}

body.template-color-47 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #FFC837 !important;
    background-color: #FFC837 !important;
}

body.template-color-47 .icon-box.style-4 .inner:hover .content h5 {
    color: #FFC837 !important;
}

body.template-color-47 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #FFC837 0%, transparent 100%);
}

body.template-color-47 .widget-category-list ul.category-area li a:hover {
    color: #FFC837 !important;
}

body.template-color-47 .widget-category-list ul.category-area li a:hover span {
    background: #FFC837 !important;
}

body.template-color-47 .side-menu .bg-overlay {
    background: rgba(255, 200, 55, 0.9);
}

body.template-color-47 .hue-color,
body.template-color-47 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(43.5deg) !important;
    filter: hue-rotate(43.5deg) !important;
}

body.template-color-47 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-47 .hero-slider .owl-nav .owl-prev:hover span {
    background: #FFC837 !important;
    border-color: #FFC837 !important;
    color: #ffffff;
}

body.template-color-47 .border-color,
body.template-color-47 .hover-border-color:hover,
body.template-color-47 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-47 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-47 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-47 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-47 .radio input:checked~span,
body.template-color-47 .sl-testimonial .pic img {
    border-color: #FFC837 !important;
}

body.template-color-47 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #FFC837;
}

body.template-color-47 .btn .light-color {
    border-color: #FFC837;
    background: rgba(255, 200, 55, 0.11);
}

body.template-color-47 .btn .light-color:hover {
    background: #FFC837;
    color: #ffffff;
}

body.template-color-47 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-47 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-47 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-47 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-47 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-47 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-48 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-48 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-48 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-48 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-48 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-48 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-48 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #f889ab !important;
}

body.template-color-48 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-48 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f889ab !important;
}

body.template-color-48 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-48 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-48 .mini-cart .shopping-cart,
body.template-color-48 .dropdown__menu,
body.template-color-48 .mega-width-fullscreen,
body.template-color-48 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #f889ab !important;
}

body.template-color-48 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-48 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-48 .header-full-menu .social-icons-simple li a:hover,
body.template-color-48 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-48 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f889ab;
}

body.template-color-48 #scroll-top {
    background: #f889ab !important;
    border: 2px solid #f889ab;
}

body.template-color-48 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-48 #scroll-top:hover {
    background: #f889ab;
}

body.template-color-48 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-48 #scroll-top.with-hover {
    border-color: #f889ab !important;
    background: #ffffff !important;
}

body.template-color-48 #scroll-top.with-hover i {
    color: #f889ab !important;
}

body.template-color-48 #scroll-top.with-hover:hover {
    background: #f889ab !important;
}

body.template-color-48 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-48 .salon-prices .price-list {
    border-bottom: 2px solid #f889ab;
    background: linear-gradient(to right, rgba(248, 137, 171, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-48 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-48 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-48 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-48 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-48 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-48 .border-btn {
    color: #f889ab;
}

body.template-color-48 .btn-hover::after {
    border: 2px solid rgba(248, 137, 171, 0.7);
}

body.template-color-48 .beauty-service>[class*="col-"] .item span {
    color: #f889ab;
}

body.template-color-48 .beauty-service>[class*="col-"]:hover {
    background: rgba(248, 137, 171, 0.8);
    border-color: rgba(248, 137, 171, 0.8);
}

body.template-color-48 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-48 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-48 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-48 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-48 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #f889ab;
    width: 50%;
}

body.template-color-48 .bg-color,
body.template-color-48 .hover-bg-color:hover,
body.template-color-48 [data-color-overlay]::after,
body.template-color-48 [data-color-hover-overlay]:hover::after,
body.template-color-48 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-48 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-48 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-48 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-48 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-48 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-48 .post-nav-list .nav-item a:hover,
body.template-color-48 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-48 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-48 .animated-dot .middle-dot,
body.template-color-48 .animated-dot .signal,
body.template-color-48 .animated-dot .signal2,
body.template-color-48 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-48 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-48 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-48 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-48 .pricing-box .header .feature-mark,
body.template-color-48 .sl-testimonial .pic:after,
body.template-color-48 .sl-testimonial .pic:before,
body.template-color-48 #common-footer:before,
body.template-color-48 #common-footer .footer_item:before,
body.template-color-48 #common-footer .footer_menu:before,
body.template-color-48 #common-footer .footer_contacts__item:before,
body.template-color-48 .section-title.under-line h2::after {
    background: #f889ab !important;
}

body.template-color-48 .creative-st-header .side-menu {
    background: #f889ab;
}

body.template-color-48 .scroll-top-arrow {
    background: #f889ab;
}

body.template-color-48 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #f889ab;
}

body.template-color-48 .footer-social li a:hover {
    background-color: #f889ab;
    color: #ffffff;
}

body.template-color-48 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #f889ab !important;
}

body.template-color-48 .pricing-box.hoverable:hover,
body.template-color-48 .pricing-box.hoverable.active {
    background: #f889ab;
}

body.template-color-48 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-48 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #f889ab !important;
    color: #fff;
}

body.template-color-48 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-48 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #f889ab !important;
}

body.template-color-48 .progress-bar span.percent-label:after {
    border-color: #f889ab transparent transparent transparent !important;
}

body.template-color-48 .icon-box.style-5 .inner .inner-icon {
    color: #f889ab;
}

body.template-color-48 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-48 .icon-box.style-5:hover .gradients-button {
    color: #f889ab;
}

body.template-color-48 .team-part .single-blog-item .social-icon a:hover {
    background-color: #f889ab;
    color: #ffffff;
    border-color: #f889ab;
}

body.template-color-48 .chackbox input:checked~span {
    background: #f889ab !important;
    border-color: #f889ab !important;
}

body.template-color-48 .radio span:after {
    background: #f889ab !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-48 .booking_form .img-sec {
        background: #f889ab !important;
    }
}

body.template-color-48 .crypto-table .table {
    border: 8px solid #f889ab;
}

body.template-color-48 .agn-testimonial .carousel-control-next:hover,
body.template-color-48 .agn-testimonial .carousel-control-prev:hover,
body.template-color-48 .agn-testimonial .carousel-control-next:focus,
body.template-color-48 .agn-testimonial .carousel-control-prev:focus {
    background: #f889ab;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-48 .box-team .overlay {
    background-color: rgba(248, 137, 171, 0.75);
}

body.template-color-48 .social-shere:hover {
    border-color: #f889ab !important;
}

body.template-color-48 .social-shere:hover .social-site p {
    color: #f889ab !important;
}

body.template-color-48 .social-shere:hover .icon i {
    color: #f889ab !important;
}

body.template-color-48 .testimonial-slider .carousel-indicators li.active {
    border-color: #f889ab;
}

body.template-color-48 .service-box i {
    color: #f889ab;
}

body.template-color-48 .service-box .readmore {
    color: #f889ab;
}

body.template-color-48 .service-box .readmore:before {
    background-color: #f889ab;
}

body.template-color-48 .service-box:hover {
    background: #f889ab;
}

body.template-color-48 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-48 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-48 .service-box:hover i,
body.template-color-48 .service-box:hover h4,
body.template-color-48 .service-box:hover p {
    color: #ffffff;
}

body.template-color-48 .icon-border-shadow {
    background: #f889ab !important;
}

body.template-color-48 .icon-border-shadow:before {
    background: rgba(248, 137, 171, 0.3) !important;
}

body.template-color-48 .icon-border-shadow:after {
    background: rgba(248, 137, 171, 0.5) !important;
}

body.template-color-48 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #f889ab;
}

body.template-color-48 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-48 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #f889ab !important;
}

body.template-color-48 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-48 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-48 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-48 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-48 .icon-box .inner .icon-3.style-2 {
    background: rgba(248, 137, 171, 0.1) !important;
}

body.template-color-48 .icon-box .inner .icon-3.style-3 {
    background: #f889ab;
}

body.template-color-48 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(248, 137, 171, 0.75) !important;
}

body.template-color-48 .text-color,
body.template-color-48 .hover-text-color:hover,
body.template-color-48 .snail_toolbar .inner a:hover,
body.template-color-48 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-48 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-48 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-48 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-48 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-48 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-48 .blog-tag-list a:hover,
body.template-color-48 .sl-quote::before,
body.template-color-48 .blog-post-return-button a:hover,
body.template-color-48 .portfolio-details-list .details-list span a:hover,
body.template-color-48 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-48 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-48 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-48 .product:hover .product-contain h4,
body.template-color-48 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-48 .mini-cart .shopping-cart .footer .total,
body.template-color-48 .mini-cart .shopping-cart .footer .total span,
body.template-color-48 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-48 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-48 .post.blog2 .post-body h5 a:hover,
body.template-color-48 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-48 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-48 .tab.tabs-links .nav .nav-link a.active,
body.template-color-48 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-48 .blog-post .blog-inner .blog-title a:hover,
body.template-color-48 .footer-part.footer-classic .footer-links a:hover,
body.template-color-48 .music_area .music-artist:hover .show-title,
body.template-color-48 .sl-testimonial .description:after,
body.template-color-48 .sl-testimonial .description:before,
body.template-color-48 .rating li i,
body.template-color-48 .btn .gradients-button.hover-bg-white:hover,
body.template-color-48 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-48 #common-footer .footer_menu__list li a:hover,
body.template-color-48 .icon-box.style-5:hover .gradients-button,
body.template-color-48 .icon-box.style-5.active .gradients-button {
    color: #f889ab !important;
}

body.template-color-48 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-48 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-48 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-48 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #f889ab;
}

body.template-color-48 .footer-part.footer-classic .contact-mata:hover i {
    background: #f889ab;
    color: #fff;
}

body.template-color-48 .comparision-slider .handle::after {
    color: #f889ab;
}

body.template-color-48 .comparision-slider .handle.bordered {
    background: #f889ab;
}

body.template-color-48 .comparision-slider .handle.bordered:after {
    border: 3px solid #f889ab;
}

body.template-color-48 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-48 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-48 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #f889ab !important;
    box-shadow: #f889ab 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-48 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #f889ab !important;
}

body.template-color-48 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-48 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-48 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-48 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #f889ab !important;
}

body.template-color-48 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f889ab !important;
    box-shadow: #f889ab 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-48 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f889ab !important;
    box-shadow: #f889ab 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-48 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #f889ab !important;
}

body.template-color-48 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-48 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-48 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #f889ab !important;
    box-shadow: #f889ab 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-48 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #f889ab !important;
}

body.template-color-48 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-48 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-48 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-48 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #f889ab !important;
}

body.template-color-48 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #f889ab !important;
    background-color: #f889ab !important;
}

body.template-color-48 .icon-box.style-4 .inner:hover .content h5 {
    color: #f889ab !important;
}

body.template-color-48 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #f889ab 0%, transparent 100%);
}

body.template-color-48 .widget-category-list ul.category-area li a:hover {
    color: #f889ab !important;
}

body.template-color-48 .widget-category-list ul.category-area li a:hover span {
    background: #f889ab !important;
}

body.template-color-48 .side-menu .bg-overlay {
    background: rgba(248, 137, 171, 0.9);
}

body.template-color-48 .hue-color,
body.template-color-48 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(341.62162deg) !important;
    filter: hue-rotate(341.62162deg) !important;
}

body.template-color-48 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-48 .hero-slider .owl-nav .owl-prev:hover span {
    background: #f889ab !important;
    border-color: #f889ab !important;
    color: #ffffff;
}

body.template-color-48 .border-color,
body.template-color-48 .hover-border-color:hover,
body.template-color-48 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-48 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-48 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-48 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-48 .radio input:checked~span,
body.template-color-48 .sl-testimonial .pic img {
    border-color: #f889ab !important;
}

body.template-color-48 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #f889ab;
}

body.template-color-48 .btn .light-color {
    border-color: #f889ab;
    background: rgba(248, 137, 171, 0.11);
}

body.template-color-48 .btn .light-color:hover {
    background: #f889ab;
    color: #ffffff;
}

body.template-color-48 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-48 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-48 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-48 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-48 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-48 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-49 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-49 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-49 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-49 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-49 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-49 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-49 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #a400d1 !important;
}

body.template-color-49 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-49 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #a400d1 !important;
}

body.template-color-49 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-49 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-49 .mini-cart .shopping-cart,
body.template-color-49 .dropdown__menu,
body.template-color-49 .mega-width-fullscreen,
body.template-color-49 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #a400d1 !important;
}

body.template-color-49 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-49 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-49 .header-full-menu .social-icons-simple li a:hover,
body.template-color-49 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-49 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #a400d1;
}

body.template-color-49 #scroll-top {
    background: #a400d1 !important;
    border: 2px solid #a400d1;
}

body.template-color-49 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-49 #scroll-top:hover {
    background: #a400d1;
}

body.template-color-49 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-49 #scroll-top.with-hover {
    border-color: #a400d1 !important;
    background: #ffffff !important;
}

body.template-color-49 #scroll-top.with-hover i {
    color: #a400d1 !important;
}

body.template-color-49 #scroll-top.with-hover:hover {
    background: #a400d1 !important;
}

body.template-color-49 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-49 .salon-prices .price-list {
    border-bottom: 2px solid #a400d1;
    background: linear-gradient(to right, rgba(164, 0, 209, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-49 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-49 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-49 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-49 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-49 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-49 .border-btn {
    color: #a400d1;
}

body.template-color-49 .btn-hover::after {
    border: 2px solid rgba(164, 0, 209, 0.7);
}

body.template-color-49 .beauty-service>[class*="col-"] .item span {
    color: #a400d1;
}

body.template-color-49 .beauty-service>[class*="col-"]:hover {
    background: rgba(164, 0, 209, 0.8);
    border-color: rgba(164, 0, 209, 0.8);
}

body.template-color-49 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-49 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-49 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-49 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-49 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #a400d1;
    width: 50%;
}

body.template-color-49 .bg-color,
body.template-color-49 .hover-bg-color:hover,
body.template-color-49 [data-color-overlay]::after,
body.template-color-49 [data-color-hover-overlay]:hover::after,
body.template-color-49 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-49 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-49 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-49 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-49 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-49 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-49 .post-nav-list .nav-item a:hover,
body.template-color-49 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-49 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-49 .animated-dot .middle-dot,
body.template-color-49 .animated-dot .signal,
body.template-color-49 .animated-dot .signal2,
body.template-color-49 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-49 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-49 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-49 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-49 .pricing-box .header .feature-mark,
body.template-color-49 .sl-testimonial .pic:after,
body.template-color-49 .sl-testimonial .pic:before,
body.template-color-49 #common-footer:before,
body.template-color-49 #common-footer .footer_item:before,
body.template-color-49 #common-footer .footer_menu:before,
body.template-color-49 #common-footer .footer_contacts__item:before,
body.template-color-49 .section-title.under-line h2::after {
    background: #a400d1 !important;
}

body.template-color-49 .creative-st-header .side-menu {
    background: #a400d1;
}

body.template-color-49 .scroll-top-arrow {
    background: #a400d1;
}

body.template-color-49 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #a400d1;
}

body.template-color-49 .footer-social li a:hover {
    background-color: #a400d1;
    color: #ffffff;
}

body.template-color-49 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #a400d1 !important;
}

body.template-color-49 .pricing-box.hoverable:hover,
body.template-color-49 .pricing-box.hoverable.active {
    background: #a400d1;
}

body.template-color-49 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-49 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #a400d1 !important;
    color: #fff;
}

body.template-color-49 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-49 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #a400d1 !important;
}

body.template-color-49 .progress-bar span.percent-label:after {
    border-color: #a400d1 transparent transparent transparent !important;
}

body.template-color-49 .icon-box.style-5 .inner .inner-icon {
    color: #a400d1;
}

body.template-color-49 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-49 .icon-box.style-5:hover .gradients-button {
    color: #a400d1;
}

body.template-color-49 .team-part .single-blog-item .social-icon a:hover {
    background-color: #a400d1;
    color: #ffffff;
    border-color: #a400d1;
}

body.template-color-49 .chackbox input:checked~span {
    background: #a400d1 !important;
    border-color: #a400d1 !important;
}

body.template-color-49 .radio span:after {
    background: #a400d1 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-49 .booking_form .img-sec {
        background: #a400d1 !important;
    }
}

body.template-color-49 .crypto-table .table {
    border: 8px solid #a400d1;
}

body.template-color-49 .agn-testimonial .carousel-control-next:hover,
body.template-color-49 .agn-testimonial .carousel-control-prev:hover,
body.template-color-49 .agn-testimonial .carousel-control-next:focus,
body.template-color-49 .agn-testimonial .carousel-control-prev:focus {
    background: #a400d1;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-49 .box-team .overlay {
    background-color: rgba(164, 0, 209, 0.75);
}

body.template-color-49 .social-shere:hover {
    border-color: #a400d1 !important;
}

body.template-color-49 .social-shere:hover .social-site p {
    color: #a400d1 !important;
}

body.template-color-49 .social-shere:hover .icon i {
    color: #a400d1 !important;
}

body.template-color-49 .testimonial-slider .carousel-indicators li.active {
    border-color: #a400d1;
}

body.template-color-49 .service-box i {
    color: #a400d1;
}

body.template-color-49 .service-box .readmore {
    color: #a400d1;
}

body.template-color-49 .service-box .readmore:before {
    background-color: #a400d1;
}

body.template-color-49 .service-box:hover {
    background: #a400d1;
}

body.template-color-49 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-49 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-49 .service-box:hover i,
body.template-color-49 .service-box:hover h4,
body.template-color-49 .service-box:hover p {
    color: #ffffff;
}

body.template-color-49 .icon-border-shadow {
    background: #a400d1 !important;
}

body.template-color-49 .icon-border-shadow:before {
    background: rgba(164, 0, 209, 0.3) !important;
}

body.template-color-49 .icon-border-shadow:after {
    background: rgba(164, 0, 209, 0.5) !important;
}

body.template-color-49 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #a400d1;
}

body.template-color-49 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-49 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #a400d1 !important;
}

body.template-color-49 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-49 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-49 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-49 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-49 .icon-box .inner .icon-3.style-2 {
    background: rgba(164, 0, 209, 0.1) !important;
}

body.template-color-49 .icon-box .inner .icon-3.style-3 {
    background: #a400d1;
}

body.template-color-49 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(164, 0, 209, 0.75) !important;
}

body.template-color-49 .text-color,
body.template-color-49 .hover-text-color:hover,
body.template-color-49 .snail_toolbar .inner a:hover,
body.template-color-49 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-49 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-49 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-49 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-49 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-49 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-49 .blog-tag-list a:hover,
body.template-color-49 .sl-quote::before,
body.template-color-49 .blog-post-return-button a:hover,
body.template-color-49 .portfolio-details-list .details-list span a:hover,
body.template-color-49 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-49 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-49 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-49 .product:hover .product-contain h4,
body.template-color-49 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-49 .mini-cart .shopping-cart .footer .total,
body.template-color-49 .mini-cart .shopping-cart .footer .total span,
body.template-color-49 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-49 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-49 .post.blog2 .post-body h5 a:hover,
body.template-color-49 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-49 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-49 .tab.tabs-links .nav .nav-link a.active,
body.template-color-49 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-49 .blog-post .blog-inner .blog-title a:hover,
body.template-color-49 .footer-part.footer-classic .footer-links a:hover,
body.template-color-49 .music_area .music-artist:hover .show-title,
body.template-color-49 .sl-testimonial .description:after,
body.template-color-49 .sl-testimonial .description:before,
body.template-color-49 .rating li i,
body.template-color-49 .btn .gradients-button.hover-bg-white:hover,
body.template-color-49 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-49 #common-footer .footer_menu__list li a:hover,
body.template-color-49 .icon-box.style-5:hover .gradients-button,
body.template-color-49 .icon-box.style-5.active .gradients-button {
    color: #a400d1 !important;
}

body.template-color-49 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-49 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-49 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-49 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #a400d1;
}

body.template-color-49 .footer-part.footer-classic .contact-mata:hover i {
    background: #a400d1;
    color: #fff;
}

body.template-color-49 .comparision-slider .handle::after {
    color: #a400d1;
}

body.template-color-49 .comparision-slider .handle.bordered {
    background: #a400d1;
}

body.template-color-49 .comparision-slider .handle.bordered:after {
    border: 3px solid #a400d1;
}

body.template-color-49 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-49 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-49 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #a400d1 !important;
    box-shadow: #a400d1 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-49 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #a400d1 !important;
}

body.template-color-49 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-49 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-49 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-49 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #a400d1 !important;
}

body.template-color-49 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #a400d1 !important;
    box-shadow: #a400d1 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-49 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #a400d1 !important;
    box-shadow: #a400d1 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-49 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #a400d1 !important;
}

body.template-color-49 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-49 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-49 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #a400d1 !important;
    box-shadow: #a400d1 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-49 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #a400d1 !important;
}

body.template-color-49 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-49 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-49 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-49 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #a400d1 !important;
}

body.template-color-49 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #a400d1 !important;
    background-color: #a400d1 !important;
}

body.template-color-49 .icon-box.style-4 .inner:hover .content h5 {
    color: #a400d1 !important;
}

body.template-color-49 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #a400d1 0%, transparent 100%);
}

body.template-color-49 .widget-category-list ul.category-area li a:hover {
    color: #a400d1 !important;
}

body.template-color-49 .widget-category-list ul.category-area li a:hover span {
    background: #a400d1 !important;
}

body.template-color-49 .side-menu .bg-overlay {
    background: rgba(164, 0, 209, 0.9);
}

body.template-color-49 .hue-color,
body.template-color-49 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(287.08134deg) !important;
    filter: hue-rotate(287.08134deg) !important;
}

body.template-color-49 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-49 .hero-slider .owl-nav .owl-prev:hover span {
    background: #a400d1 !important;
    border-color: #a400d1 !important;
    color: #ffffff;
}

body.template-color-49 .border-color,
body.template-color-49 .hover-border-color:hover,
body.template-color-49 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-49 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-49 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-49 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-49 .radio input:checked~span,
body.template-color-49 .sl-testimonial .pic img {
    border-color: #a400d1 !important;
}

body.template-color-49 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #a400d1;
}

body.template-color-49 .btn .light-color {
    border-color: #a400d1;
    background: rgba(164, 0, 209, 0.11);
}

body.template-color-49 .btn .light-color:hover {
    background: #a400d1;
    color: #ffffff;
}

body.template-color-49 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-49 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-49 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-49 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-49 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-49 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-50 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-50 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-50 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-50 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-50 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-50 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-50 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #db6260 !important;
}

body.template-color-50 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-50 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #db6260 !important;
}

body.template-color-50 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-50 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-50 .mini-cart .shopping-cart,
body.template-color-50 .dropdown__menu,
body.template-color-50 .mega-width-fullscreen,
body.template-color-50 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #db6260 !important;
}

body.template-color-50 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-50 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-50 .header-full-menu .social-icons-simple li a:hover,
body.template-color-50 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-50 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #db6260;
}

body.template-color-50 #scroll-top {
    background: #db6260 !important;
    border: 2px solid #db6260;
}

body.template-color-50 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-50 #scroll-top:hover {
    background: #db6260;
}

body.template-color-50 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-50 #scroll-top.with-hover {
    border-color: #db6260 !important;
    background: #ffffff !important;
}

body.template-color-50 #scroll-top.with-hover i {
    color: #db6260 !important;
}

body.template-color-50 #scroll-top.with-hover:hover {
    background: #db6260 !important;
}

body.template-color-50 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-50 .salon-prices .price-list {
    border-bottom: 2px solid #db6260;
    background: linear-gradient(to right, rgba(219, 98, 96, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-50 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-50 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-50 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-50 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-50 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-50 .border-btn {
    color: #db6260;
}

body.template-color-50 .btn-hover::after {
    border: 2px solid rgba(219, 98, 96, 0.7);
}

body.template-color-50 .beauty-service>[class*="col-"] .item span {
    color: #db6260;
}

body.template-color-50 .beauty-service>[class*="col-"]:hover {
    background: rgba(219, 98, 96, 0.8);
    border-color: rgba(219, 98, 96, 0.8);
}

body.template-color-50 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-50 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-50 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-50 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-50 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #db6260;
    width: 50%;
}

body.template-color-50 .bg-color,
body.template-color-50 .hover-bg-color:hover,
body.template-color-50 [data-color-overlay]::after,
body.template-color-50 [data-color-hover-overlay]:hover::after,
body.template-color-50 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-50 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-50 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-50 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-50 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-50 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-50 .post-nav-list .nav-item a:hover,
body.template-color-50 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-50 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-50 .animated-dot .middle-dot,
body.template-color-50 .animated-dot .signal,
body.template-color-50 .animated-dot .signal2,
body.template-color-50 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-50 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-50 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-50 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-50 .pricing-box .header .feature-mark,
body.template-color-50 .sl-testimonial .pic:after,
body.template-color-50 .sl-testimonial .pic:before,
body.template-color-50 #common-footer:before,
body.template-color-50 #common-footer .footer_item:before,
body.template-color-50 #common-footer .footer_menu:before,
body.template-color-50 #common-footer .footer_contacts__item:before,
body.template-color-50 .section-title.under-line h2::after {
    background: #db6260 !important;
}

body.template-color-50 .creative-st-header .side-menu {
    background: #db6260;
}

body.template-color-50 .scroll-top-arrow {
    background: #db6260;
}

body.template-color-50 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #db6260;
}

body.template-color-50 .footer-social li a:hover {
    background-color: #db6260;
    color: #ffffff;
}

body.template-color-50 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #db6260 !important;
}

body.template-color-50 .pricing-box.hoverable:hover,
body.template-color-50 .pricing-box.hoverable.active {
    background: #db6260;
}

body.template-color-50 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-50 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #db6260 !important;
    color: #fff;
}

body.template-color-50 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-50 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #db6260 !important;
}

body.template-color-50 .progress-bar span.percent-label:after {
    border-color: #db6260 transparent transparent transparent !important;
}

body.template-color-50 .icon-box.style-5 .inner .inner-icon {
    color: #db6260;
}

body.template-color-50 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-50 .icon-box.style-5:hover .gradients-button {
    color: #db6260;
}

body.template-color-50 .team-part .single-blog-item .social-icon a:hover {
    background-color: #db6260;
    color: #ffffff;
    border-color: #db6260;
}

body.template-color-50 .chackbox input:checked~span {
    background: #db6260 !important;
    border-color: #db6260 !important;
}

body.template-color-50 .radio span:after {
    background: #db6260 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-50 .booking_form .img-sec {
        background: #db6260 !important;
    }
}

body.template-color-50 .crypto-table .table {
    border: 8px solid #db6260;
}

body.template-color-50 .agn-testimonial .carousel-control-next:hover,
body.template-color-50 .agn-testimonial .carousel-control-prev:hover,
body.template-color-50 .agn-testimonial .carousel-control-next:focus,
body.template-color-50 .agn-testimonial .carousel-control-prev:focus {
    background: #db6260;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-50 .box-team .overlay {
    background-color: rgba(219, 98, 96, 0.75);
}

body.template-color-50 .social-shere:hover {
    border-color: #db6260 !important;
}

body.template-color-50 .social-shere:hover .social-site p {
    color: #db6260 !important;
}

body.template-color-50 .social-shere:hover .icon i {
    color: #db6260 !important;
}

body.template-color-50 .testimonial-slider .carousel-indicators li.active {
    border-color: #db6260;
}

body.template-color-50 .service-box i {
    color: #db6260;
}

body.template-color-50 .service-box .readmore {
    color: #db6260;
}

body.template-color-50 .service-box .readmore:before {
    background-color: #db6260;
}

body.template-color-50 .service-box:hover {
    background: #db6260;
}

body.template-color-50 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-50 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-50 .service-box:hover i,
body.template-color-50 .service-box:hover h4,
body.template-color-50 .service-box:hover p {
    color: #ffffff;
}

body.template-color-50 .icon-border-shadow {
    background: #db6260 !important;
}

body.template-color-50 .icon-border-shadow:before {
    background: rgba(219, 98, 96, 0.3) !important;
}

body.template-color-50 .icon-border-shadow:after {
    background: rgba(219, 98, 96, 0.5) !important;
}

body.template-color-50 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #db6260;
}

body.template-color-50 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-50 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #db6260 !important;
}

body.template-color-50 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-50 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-50 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-50 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-50 .icon-box .inner .icon-3.style-2 {
    background: rgba(219, 98, 96, 0.1) !important;
}

body.template-color-50 .icon-box .inner .icon-3.style-3 {
    background: #db6260;
}

body.template-color-50 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(219, 98, 96, 0.75) !important;
}

body.template-color-50 .text-color,
body.template-color-50 .hover-text-color:hover,
body.template-color-50 .snail_toolbar .inner a:hover,
body.template-color-50 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-50 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-50 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-50 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-50 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-50 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-50 .blog-tag-list a:hover,
body.template-color-50 .sl-quote::before,
body.template-color-50 .blog-post-return-button a:hover,
body.template-color-50 .portfolio-details-list .details-list span a:hover,
body.template-color-50 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-50 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-50 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-50 .product:hover .product-contain h4,
body.template-color-50 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-50 .mini-cart .shopping-cart .footer .total,
body.template-color-50 .mini-cart .shopping-cart .footer .total span,
body.template-color-50 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-50 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-50 .post.blog2 .post-body h5 a:hover,
body.template-color-50 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-50 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-50 .tab.tabs-links .nav .nav-link a.active,
body.template-color-50 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-50 .blog-post .blog-inner .blog-title a:hover,
body.template-color-50 .footer-part.footer-classic .footer-links a:hover,
body.template-color-50 .music_area .music-artist:hover .show-title,
body.template-color-50 .sl-testimonial .description:after,
body.template-color-50 .sl-testimonial .description:before,
body.template-color-50 .rating li i,
body.template-color-50 .btn .gradients-button.hover-bg-white:hover,
body.template-color-50 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-50 #common-footer .footer_menu__list li a:hover,
body.template-color-50 .icon-box.style-5:hover .gradients-button,
body.template-color-50 .icon-box.style-5.active .gradients-button {
    color: #db6260 !important;
}

body.template-color-50 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-50 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-50 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-50 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #db6260;
}

body.template-color-50 .footer-part.footer-classic .contact-mata:hover i {
    background: #db6260;
    color: #fff;
}

body.template-color-50 .comparision-slider .handle::after {
    color: #db6260;
}

body.template-color-50 .comparision-slider .handle.bordered {
    background: #db6260;
}

body.template-color-50 .comparision-slider .handle.bordered:after {
    border: 3px solid #db6260;
}

body.template-color-50 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-50 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-50 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #db6260 !important;
    box-shadow: #db6260 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-50 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #db6260 !important;
}

body.template-color-50 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-50 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-50 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-50 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #db6260 !important;
}

body.template-color-50 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #db6260 !important;
    box-shadow: #db6260 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-50 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #db6260 !important;
    box-shadow: #db6260 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-50 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #db6260 !important;
}

body.template-color-50 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-50 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-50 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #db6260 !important;
    box-shadow: #db6260 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-50 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #db6260 !important;
}

body.template-color-50 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-50 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-50 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-50 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #db6260 !important;
}

body.template-color-50 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #db6260 !important;
    background-color: #db6260 !important;
}

body.template-color-50 .icon-box.style-4 .inner:hover .content h5 {
    color: #db6260 !important;
}

body.template-color-50 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #db6260 0%, transparent 100%);
}

body.template-color-50 .widget-category-list ul.category-area li a:hover {
    color: #db6260 !important;
}

body.template-color-50 .widget-category-list ul.category-area li a:hover span {
    background: #db6260 !important;
}

body.template-color-50 .side-menu .bg-overlay {
    background: rgba(219, 98, 96, 0.9);
}

body.template-color-50 .hue-color,
body.template-color-50 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(0.97561deg) !important;
    filter: hue-rotate(0.97561deg) !important;
}

body.template-color-50 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-50 .hero-slider .owl-nav .owl-prev:hover span {
    background: #db6260 !important;
    border-color: #db6260 !important;
    color: #ffffff;
}

body.template-color-50 .border-color,
body.template-color-50 .hover-border-color:hover,
body.template-color-50 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-50 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-50 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-50 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-50 .radio input:checked~span,
body.template-color-50 .sl-testimonial .pic img {
    border-color: #db6260 !important;
}

body.template-color-50 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #db6260;
}

body.template-color-50 .btn .light-color {
    border-color: #db6260;
    background: rgba(219, 98, 96, 0.11);
}

body.template-color-50 .btn .light-color:hover {
    background: #db6260;
    color: #ffffff;
}

body.template-color-50 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-50 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-50 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-50 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-50 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-50 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-51 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-51 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-51 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-51 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-51 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-51 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-51 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #3264f5 !important;
}

body.template-color-51 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-51 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #3264f5 !important;
}

body.template-color-51 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-51 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-51 .mini-cart .shopping-cart,
body.template-color-51 .dropdown__menu,
body.template-color-51 .mega-width-fullscreen,
body.template-color-51 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #3264f5 !important;
}

body.template-color-51 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-51 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-51 .header-full-menu .social-icons-simple li a:hover,
body.template-color-51 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-51 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #3264f5;
}

body.template-color-51 #scroll-top {
    background: #3264f5 !important;
    border: 2px solid #3264f5;
}

body.template-color-51 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-51 #scroll-top:hover {
    background: #3264f5;
}

body.template-color-51 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-51 #scroll-top.with-hover {
    border-color: #3264f5 !important;
    background: #ffffff !important;
}

body.template-color-51 #scroll-top.with-hover i {
    color: #3264f5 !important;
}

body.template-color-51 #scroll-top.with-hover:hover {
    background: #3264f5 !important;
}

body.template-color-51 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-51 .salon-prices .price-list {
    border-bottom: 2px solid #3264f5;
    background: linear-gradient(to right, rgba(50, 100, 245, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-51 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-51 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-51 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-51 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-51 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-51 .border-btn {
    color: #3264f5;
}

body.template-color-51 .btn-hover::after {
    border: 2px solid rgba(50, 100, 245, 0.7);
}

body.template-color-51 .beauty-service>[class*="col-"] .item span {
    color: #3264f5;
}

body.template-color-51 .beauty-service>[class*="col-"]:hover {
    background: rgba(50, 100, 245, 0.8);
    border-color: rgba(50, 100, 245, 0.8);
}

body.template-color-51 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-51 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-51 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-51 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-51 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #3264f5;
    width: 50%;
}

body.template-color-51 .bg-color,
body.template-color-51 .hover-bg-color:hover,
body.template-color-51 [data-color-overlay]::after,
body.template-color-51 [data-color-hover-overlay]:hover::after,
body.template-color-51 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-51 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-51 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-51 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-51 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-51 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-51 .post-nav-list .nav-item a:hover,
body.template-color-51 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-51 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-51 .animated-dot .middle-dot,
body.template-color-51 .animated-dot .signal,
body.template-color-51 .animated-dot .signal2,
body.template-color-51 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-51 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-51 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-51 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-51 .pricing-box .header .feature-mark,
body.template-color-51 .sl-testimonial .pic:after,
body.template-color-51 .sl-testimonial .pic:before,
body.template-color-51 #common-footer:before,
body.template-color-51 #common-footer .footer_item:before,
body.template-color-51 #common-footer .footer_menu:before,
body.template-color-51 #common-footer .footer_contacts__item:before,
body.template-color-51 .section-title.under-line h2::after {
    background: #3264f5 !important;
}

body.template-color-51 .creative-st-header .side-menu {
    background: #3264f5;
}

body.template-color-51 .scroll-top-arrow {
    background: #3264f5;
}

body.template-color-51 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #3264f5;
}

body.template-color-51 .footer-social li a:hover {
    background-color: #3264f5;
    color: #ffffff;
}

body.template-color-51 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #3264f5 !important;
}

body.template-color-51 .pricing-box.hoverable:hover,
body.template-color-51 .pricing-box.hoverable.active {
    background: #3264f5;
}

body.template-color-51 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-51 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #3264f5 !important;
    color: #fff;
}

body.template-color-51 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-51 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #3264f5 !important;
}

body.template-color-51 .progress-bar span.percent-label:after {
    border-color: #3264f5 transparent transparent transparent !important;
}

body.template-color-51 .icon-box.style-5 .inner .inner-icon {
    color: #3264f5;
}

body.template-color-51 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-51 .icon-box.style-5:hover .gradients-button {
    color: #3264f5;
}

body.template-color-51 .team-part .single-blog-item .social-icon a:hover {
    background-color: #3264f5;
    color: #ffffff;
    border-color: #3264f5;
}

body.template-color-51 .chackbox input:checked~span {
    background: #3264f5 !important;
    border-color: #3264f5 !important;
}

body.template-color-51 .radio span:after {
    background: #3264f5 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-51 .booking_form .img-sec {
        background: #3264f5 !important;
    }
}

body.template-color-51 .crypto-table .table {
    border: 8px solid #3264f5;
}

body.template-color-51 .agn-testimonial .carousel-control-next:hover,
body.template-color-51 .agn-testimonial .carousel-control-prev:hover,
body.template-color-51 .agn-testimonial .carousel-control-next:focus,
body.template-color-51 .agn-testimonial .carousel-control-prev:focus {
    background: #3264f5;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-51 .box-team .overlay {
    background-color: rgba(50, 100, 245, 0.75);
}

body.template-color-51 .social-shere:hover {
    border-color: #3264f5 !important;
}

body.template-color-51 .social-shere:hover .social-site p {
    color: #3264f5 !important;
}

body.template-color-51 .social-shere:hover .icon i {
    color: #3264f5 !important;
}

body.template-color-51 .testimonial-slider .carousel-indicators li.active {
    border-color: #3264f5;
}

body.template-color-51 .service-box i {
    color: #3264f5;
}

body.template-color-51 .service-box .readmore {
    color: #3264f5;
}

body.template-color-51 .service-box .readmore:before {
    background-color: #3264f5;
}

body.template-color-51 .service-box:hover {
    background: #3264f5;
}

body.template-color-51 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-51 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-51 .service-box:hover i,
body.template-color-51 .service-box:hover h4,
body.template-color-51 .service-box:hover p {
    color: #ffffff;
}

body.template-color-51 .icon-border-shadow {
    background: #3264f5 !important;
}

body.template-color-51 .icon-border-shadow:before {
    background: rgba(50, 100, 245, 0.3) !important;
}

body.template-color-51 .icon-border-shadow:after {
    background: rgba(50, 100, 245, 0.5) !important;
}

body.template-color-51 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #3264f5;
}

body.template-color-51 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-51 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #3264f5 !important;
}

body.template-color-51 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-51 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-51 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-51 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-51 .icon-box .inner .icon-3.style-2 {
    background: rgba(50, 100, 245, 0.1) !important;
}

body.template-color-51 .icon-box .inner .icon-3.style-3 {
    background: #3264f5;
}

body.template-color-51 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(50, 100, 245, 0.75) !important;
}

body.template-color-51 .text-color,
body.template-color-51 .hover-text-color:hover,
body.template-color-51 .snail_toolbar .inner a:hover,
body.template-color-51 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-51 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-51 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-51 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-51 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-51 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-51 .blog-tag-list a:hover,
body.template-color-51 .sl-quote::before,
body.template-color-51 .blog-post-return-button a:hover,
body.template-color-51 .portfolio-details-list .details-list span a:hover,
body.template-color-51 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-51 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-51 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-51 .product:hover .product-contain h4,
body.template-color-51 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-51 .mini-cart .shopping-cart .footer .total,
body.template-color-51 .mini-cart .shopping-cart .footer .total span,
body.template-color-51 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-51 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-51 .post.blog2 .post-body h5 a:hover,
body.template-color-51 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-51 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-51 .tab.tabs-links .nav .nav-link a.active,
body.template-color-51 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-51 .blog-post .blog-inner .blog-title a:hover,
body.template-color-51 .footer-part.footer-classic .footer-links a:hover,
body.template-color-51 .music_area .music-artist:hover .show-title,
body.template-color-51 .sl-testimonial .description:after,
body.template-color-51 .sl-testimonial .description:before,
body.template-color-51 .rating li i,
body.template-color-51 .btn .gradients-button.hover-bg-white:hover,
body.template-color-51 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-51 #common-footer .footer_menu__list li a:hover,
body.template-color-51 .icon-box.style-5:hover .gradients-button,
body.template-color-51 .icon-box.style-5.active .gradients-button {
    color: #3264f5 !important;
}

body.template-color-51 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-51 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-51 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-51 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #3264f5;
}

body.template-color-51 .footer-part.footer-classic .contact-mata:hover i {
    background: #3264f5;
    color: #fff;
}

body.template-color-51 .comparision-slider .handle::after {
    color: #3264f5;
}

body.template-color-51 .comparision-slider .handle.bordered {
    background: #3264f5;
}

body.template-color-51 .comparision-slider .handle.bordered:after {
    border: 3px solid #3264f5;
}

body.template-color-51 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-51 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-51 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3264f5 !important;
    box-shadow: #3264f5 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-51 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3264f5 !important;
}

body.template-color-51 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-51 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-51 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-51 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #3264f5 !important;
}

body.template-color-51 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #3264f5 !important;
    box-shadow: #3264f5 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-51 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #3264f5 !important;
    box-shadow: #3264f5 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-51 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #3264f5 !important;
}

body.template-color-51 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-51 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-51 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3264f5 !important;
    box-shadow: #3264f5 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-51 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #3264f5 !important;
}

body.template-color-51 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-51 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-51 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-51 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #3264f5 !important;
}

body.template-color-51 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #3264f5 !important;
    background-color: #3264f5 !important;
}

body.template-color-51 .icon-box.style-4 .inner:hover .content h5 {
    color: #3264f5 !important;
}

body.template-color-51 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #3264f5 0%, transparent 100%);
}

body.template-color-51 .widget-category-list ul.category-area li a:hover {
    color: #3264f5 !important;
}

body.template-color-51 .widget-category-list ul.category-area li a:hover span {
    background: #3264f5 !important;
}

body.template-color-51 .side-menu .bg-overlay {
    background: rgba(50, 100, 245, 0.9);
}

body.template-color-51 .hue-color,
body.template-color-51 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(224.61538deg) !important;
    filter: hue-rotate(224.61538deg) !important;
}

body.template-color-51 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-51 .hero-slider .owl-nav .owl-prev:hover span {
    background: #3264f5 !important;
    border-color: #3264f5 !important;
    color: #ffffff;
}

body.template-color-51 .border-color,
body.template-color-51 .hover-border-color:hover,
body.template-color-51 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-51 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-51 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-51 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-51 .radio input:checked~span,
body.template-color-51 .sl-testimonial .pic img {
    border-color: #3264f5 !important;
}

body.template-color-51 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #3264f5;
}

body.template-color-51 .btn .light-color {
    border-color: #3264f5;
    background: rgba(50, 100, 245, 0.11);
}

body.template-color-51 .btn .light-color:hover {
    background: #3264f5;
    color: #ffffff;
}

body.template-color-51 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-51 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-51 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-51 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-51 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-51 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-52 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-52 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-52 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-52 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-52 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-52 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-52 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #7202bb !important;
}

body.template-color-52 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-52 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #7202bb !important;
}

body.template-color-52 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-52 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-52 .mini-cart .shopping-cart,
body.template-color-52 .dropdown__menu,
body.template-color-52 .mega-width-fullscreen,
body.template-color-52 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #7202bb !important;
}

body.template-color-52 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-52 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-52 .header-full-menu .social-icons-simple li a:hover,
body.template-color-52 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-52 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #7202bb;
}

body.template-color-52 #scroll-top {
    background: #7202bb !important;
    border: 2px solid #7202bb;
}

body.template-color-52 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-52 #scroll-top:hover {
    background: #7202bb;
}

body.template-color-52 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-52 #scroll-top.with-hover {
    border-color: #7202bb !important;
    background: #ffffff !important;
}

body.template-color-52 #scroll-top.with-hover i {
    color: #7202bb !important;
}

body.template-color-52 #scroll-top.with-hover:hover {
    background: #7202bb !important;
}

body.template-color-52 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-52 .salon-prices .price-list {
    border-bottom: 2px solid #7202bb;
    background: linear-gradient(to right, rgba(114, 2, 187, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-52 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-52 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-52 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-52 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-52 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-52 .border-btn {
    color: #7202bb;
}

body.template-color-52 .btn-hover::after {
    border: 2px solid rgba(114, 2, 187, 0.7);
}

body.template-color-52 .beauty-service>[class*="col-"] .item span {
    color: #7202bb;
}

body.template-color-52 .beauty-service>[class*="col-"]:hover {
    background: rgba(114, 2, 187, 0.8);
    border-color: rgba(114, 2, 187, 0.8);
}

body.template-color-52 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-52 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-52 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-52 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-52 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #7202bb;
    width: 50%;
}

body.template-color-52 .bg-color,
body.template-color-52 .hover-bg-color:hover,
body.template-color-52 [data-color-overlay]::after,
body.template-color-52 [data-color-hover-overlay]:hover::after,
body.template-color-52 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-52 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-52 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-52 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-52 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-52 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-52 .post-nav-list .nav-item a:hover,
body.template-color-52 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-52 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-52 .animated-dot .middle-dot,
body.template-color-52 .animated-dot .signal,
body.template-color-52 .animated-dot .signal2,
body.template-color-52 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-52 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-52 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-52 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-52 .pricing-box .header .feature-mark,
body.template-color-52 .sl-testimonial .pic:after,
body.template-color-52 .sl-testimonial .pic:before,
body.template-color-52 #common-footer:before,
body.template-color-52 #common-footer .footer_item:before,
body.template-color-52 #common-footer .footer_menu:before,
body.template-color-52 #common-footer .footer_contacts__item:before,
body.template-color-52 .section-title.under-line h2::after {
    background: #7202bb !important;
}

body.template-color-52 .creative-st-header .side-menu {
    background: #7202bb;
}

body.template-color-52 .scroll-top-arrow {
    background: #7202bb;
}

body.template-color-52 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #7202bb;
}

body.template-color-52 .footer-social li a:hover {
    background-color: #7202bb;
    color: #ffffff;
}

body.template-color-52 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #7202bb !important;
}

body.template-color-52 .pricing-box.hoverable:hover,
body.template-color-52 .pricing-box.hoverable.active {
    background: #7202bb;
}

body.template-color-52 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-52 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #7202bb !important;
    color: #fff;
}

body.template-color-52 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-52 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #7202bb !important;
}

body.template-color-52 .progress-bar span.percent-label:after {
    border-color: #7202bb transparent transparent transparent !important;
}

body.template-color-52 .icon-box.style-5 .inner .inner-icon {
    color: #7202bb;
}

body.template-color-52 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-52 .icon-box.style-5:hover .gradients-button {
    color: #7202bb;
}

body.template-color-52 .team-part .single-blog-item .social-icon a:hover {
    background-color: #7202bb;
    color: #ffffff;
    border-color: #7202bb;
}

body.template-color-52 .chackbox input:checked~span {
    background: #7202bb !important;
    border-color: #7202bb !important;
}

body.template-color-52 .radio span:after {
    background: #7202bb !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-52 .booking_form .img-sec {
        background: #7202bb !important;
    }
}

body.template-color-52 .crypto-table .table {
    border: 8px solid #7202bb;
}

body.template-color-52 .agn-testimonial .carousel-control-next:hover,
body.template-color-52 .agn-testimonial .carousel-control-prev:hover,
body.template-color-52 .agn-testimonial .carousel-control-next:focus,
body.template-color-52 .agn-testimonial .carousel-control-prev:focus {
    background: #7202bb;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-52 .box-team .overlay {
    background-color: rgba(114, 2, 187, 0.75);
}

body.template-color-52 .social-shere:hover {
    border-color: #7202bb !important;
}

body.template-color-52 .social-shere:hover .social-site p {
    color: #7202bb !important;
}

body.template-color-52 .social-shere:hover .icon i {
    color: #7202bb !important;
}

body.template-color-52 .testimonial-slider .carousel-indicators li.active {
    border-color: #7202bb;
}

body.template-color-52 .service-box i {
    color: #7202bb;
}

body.template-color-52 .service-box .readmore {
    color: #7202bb;
}

body.template-color-52 .service-box .readmore:before {
    background-color: #7202bb;
}

body.template-color-52 .service-box:hover {
    background: #7202bb;
}

body.template-color-52 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-52 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-52 .service-box:hover i,
body.template-color-52 .service-box:hover h4,
body.template-color-52 .service-box:hover p {
    color: #ffffff;
}

body.template-color-52 .icon-border-shadow {
    background: #7202bb !important;
}

body.template-color-52 .icon-border-shadow:before {
    background: rgba(114, 2, 187, 0.3) !important;
}

body.template-color-52 .icon-border-shadow:after {
    background: rgba(114, 2, 187, 0.5) !important;
}

body.template-color-52 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #7202bb;
}

body.template-color-52 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-52 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #7202bb !important;
}

body.template-color-52 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-52 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-52 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-52 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-52 .icon-box .inner .icon-3.style-2 {
    background: rgba(114, 2, 187, 0.1) !important;
}

body.template-color-52 .icon-box .inner .icon-3.style-3 {
    background: #7202bb;
}

body.template-color-52 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(114, 2, 187, 0.75) !important;
}

body.template-color-52 .text-color,
body.template-color-52 .hover-text-color:hover,
body.template-color-52 .snail_toolbar .inner a:hover,
body.template-color-52 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-52 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-52 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-52 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-52 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-52 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-52 .blog-tag-list a:hover,
body.template-color-52 .sl-quote::before,
body.template-color-52 .blog-post-return-button a:hover,
body.template-color-52 .portfolio-details-list .details-list span a:hover,
body.template-color-52 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-52 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-52 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-52 .product:hover .product-contain h4,
body.template-color-52 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-52 .mini-cart .shopping-cart .footer .total,
body.template-color-52 .mini-cart .shopping-cart .footer .total span,
body.template-color-52 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-52 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-52 .post.blog2 .post-body h5 a:hover,
body.template-color-52 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-52 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-52 .tab.tabs-links .nav .nav-link a.active,
body.template-color-52 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-52 .blog-post .blog-inner .blog-title a:hover,
body.template-color-52 .footer-part.footer-classic .footer-links a:hover,
body.template-color-52 .music_area .music-artist:hover .show-title,
body.template-color-52 .sl-testimonial .description:after,
body.template-color-52 .sl-testimonial .description:before,
body.template-color-52 .rating li i,
body.template-color-52 .btn .gradients-button.hover-bg-white:hover,
body.template-color-52 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-52 #common-footer .footer_menu__list li a:hover,
body.template-color-52 .icon-box.style-5:hover .gradients-button,
body.template-color-52 .icon-box.style-5.active .gradients-button {
    color: #7202bb !important;
}

body.template-color-52 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-52 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-52 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-52 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #7202bb;
}

body.template-color-52 .footer-part.footer-classic .contact-mata:hover i {
    background: #7202bb;
    color: #fff;
}

body.template-color-52 .comparision-slider .handle::after {
    color: #7202bb;
}

body.template-color-52 .comparision-slider .handle.bordered {
    background: #7202bb;
}

body.template-color-52 .comparision-slider .handle.bordered:after {
    border: 3px solid #7202bb;
}

body.template-color-52 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-52 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-52 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #7202bb !important;
    box-shadow: #7202bb 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-52 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #7202bb !important;
}

body.template-color-52 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-52 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-52 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-52 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #7202bb !important;
}

body.template-color-52 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #7202bb !important;
    box-shadow: #7202bb 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-52 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #7202bb !important;
    box-shadow: #7202bb 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-52 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #7202bb !important;
}

body.template-color-52 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-52 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-52 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #7202bb !important;
    box-shadow: #7202bb 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-52 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #7202bb !important;
}

body.template-color-52 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-52 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-52 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-52 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #7202bb !important;
}

body.template-color-52 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #7202bb !important;
    background-color: #7202bb !important;
}

body.template-color-52 .icon-box.style-4 .inner:hover .content h5 {
    color: #7202bb !important;
}

body.template-color-52 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #7202bb 0%, transparent 100%);
}

body.template-color-52 .widget-category-list ul.category-area li a:hover {
    color: #7202bb !important;
}

body.template-color-52 .widget-category-list ul.category-area li a:hover span {
    background: #7202bb !important;
}

body.template-color-52 .side-menu .bg-overlay {
    background: rgba(114, 2, 187, 0.9);
}

body.template-color-52 .hue-color,
body.template-color-52 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(276.32432deg) !important;
    filter: hue-rotate(276.32432deg) !important;
}

body.template-color-52 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-52 .hero-slider .owl-nav .owl-prev:hover span {
    background: #7202bb !important;
    border-color: #7202bb !important;
    color: #ffffff;
}

body.template-color-52 .border-color,
body.template-color-52 .hover-border-color:hover,
body.template-color-52 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-52 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-52 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-52 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-52 .radio input:checked~span,
body.template-color-52 .sl-testimonial .pic img {
    border-color: #7202bb !important;
}

body.template-color-52 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #7202bb;
}

body.template-color-52 .btn .light-color {
    border-color: #7202bb;
    background: rgba(114, 2, 187, 0.11);
}

body.template-color-52 .btn .light-color:hover {
    background: #7202bb;
    color: #ffffff;
}

body.template-color-52 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-52 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-52 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-52 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-52 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-52 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-53 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-53 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-53 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-53 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-53 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-53 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-53 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #f12711 !important;
}

body.template-color-53 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-53 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f12711 !important;
}

body.template-color-53 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-53 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-53 .mini-cart .shopping-cart,
body.template-color-53 .dropdown__menu,
body.template-color-53 .mega-width-fullscreen,
body.template-color-53 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #f12711 !important;
}

body.template-color-53 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-53 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-53 .header-full-menu .social-icons-simple li a:hover,
body.template-color-53 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-53 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f12711;
}

body.template-color-53 #scroll-top {
    background: #f12711 !important;
    border: 2px solid #f12711;
}

body.template-color-53 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-53 #scroll-top:hover {
    background: #f12711;
}

body.template-color-53 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-53 #scroll-top.with-hover {
    border-color: #f12711 !important;
    background: #ffffff !important;
}

body.template-color-53 #scroll-top.with-hover i {
    color: #f12711 !important;
}

body.template-color-53 #scroll-top.with-hover:hover {
    background: #f12711 !important;
}

body.template-color-53 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-53 .salon-prices .price-list {
    border-bottom: 2px solid #f12711;
    background: linear-gradient(to right, rgba(241, 39, 17, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-53 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-53 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-53 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-53 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-53 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-53 .border-btn {
    color: #f12711;
}

body.template-color-53 .btn-hover::after {
    border: 2px solid rgba(241, 39, 17, 0.7);
}

body.template-color-53 .beauty-service>[class*="col-"] .item span {
    color: #f12711;
}

body.template-color-53 .beauty-service>[class*="col-"]:hover {
    background: rgba(241, 39, 17, 0.8);
    border-color: rgba(241, 39, 17, 0.8);
}

body.template-color-53 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-53 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-53 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-53 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-53 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #f12711;
    width: 50%;
}

body.template-color-53 .bg-color,
body.template-color-53 .hover-bg-color:hover,
body.template-color-53 [data-color-overlay]::after,
body.template-color-53 [data-color-hover-overlay]:hover::after,
body.template-color-53 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-53 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-53 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-53 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-53 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-53 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-53 .post-nav-list .nav-item a:hover,
body.template-color-53 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-53 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-53 .animated-dot .middle-dot,
body.template-color-53 .animated-dot .signal,
body.template-color-53 .animated-dot .signal2,
body.template-color-53 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-53 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-53 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-53 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-53 .pricing-box .header .feature-mark,
body.template-color-53 .sl-testimonial .pic:after,
body.template-color-53 .sl-testimonial .pic:before,
body.template-color-53 #common-footer:before,
body.template-color-53 #common-footer .footer_item:before,
body.template-color-53 #common-footer .footer_menu:before,
body.template-color-53 #common-footer .footer_contacts__item:before,
body.template-color-53 .section-title.under-line h2::after {
    background: #f12711 !important;
}

body.template-color-53 .creative-st-header .side-menu {
    background: #f12711;
}

body.template-color-53 .scroll-top-arrow {
    background: #f12711;
}

body.template-color-53 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #f12711;
}

body.template-color-53 .footer-social li a:hover {
    background-color: #f12711;
    color: #ffffff;
}

body.template-color-53 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #f12711 !important;
}

body.template-color-53 .pricing-box.hoverable:hover,
body.template-color-53 .pricing-box.hoverable.active {
    background: #f12711;
}

body.template-color-53 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-53 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #f12711 !important;
    color: #fff;
}

body.template-color-53 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-53 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #f12711 !important;
}

body.template-color-53 .progress-bar span.percent-label:after {
    border-color: #f12711 transparent transparent transparent !important;
}

body.template-color-53 .icon-box.style-5 .inner .inner-icon {
    color: #f12711;
}

body.template-color-53 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-53 .icon-box.style-5:hover .gradients-button {
    color: #f12711;
}

body.template-color-53 .team-part .single-blog-item .social-icon a:hover {
    background-color: #f12711;
    color: #ffffff;
    border-color: #f12711;
}

body.template-color-53 .chackbox input:checked~span {
    background: #f12711 !important;
    border-color: #f12711 !important;
}

body.template-color-53 .radio span:after {
    background: #f12711 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-53 .booking_form .img-sec {
        background: #f12711 !important;
    }
}

body.template-color-53 .crypto-table .table {
    border: 8px solid #f12711;
}

body.template-color-53 .agn-testimonial .carousel-control-next:hover,
body.template-color-53 .agn-testimonial .carousel-control-prev:hover,
body.template-color-53 .agn-testimonial .carousel-control-next:focus,
body.template-color-53 .agn-testimonial .carousel-control-prev:focus {
    background: #f12711;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-53 .box-team .overlay {
    background-color: rgba(241, 39, 17, 0.75);
}

body.template-color-53 .social-shere:hover {
    border-color: #f12711 !important;
}

body.template-color-53 .social-shere:hover .social-site p {
    color: #f12711 !important;
}

body.template-color-53 .social-shere:hover .icon i {
    color: #f12711 !important;
}

body.template-color-53 .testimonial-slider .carousel-indicators li.active {
    border-color: #f12711;
}

body.template-color-53 .service-box i {
    color: #f12711;
}

body.template-color-53 .service-box .readmore {
    color: #f12711;
}

body.template-color-53 .service-box .readmore:before {
    background-color: #f12711;
}

body.template-color-53 .service-box:hover {
    background: #f12711;
}

body.template-color-53 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-53 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-53 .service-box:hover i,
body.template-color-53 .service-box:hover h4,
body.template-color-53 .service-box:hover p {
    color: #ffffff;
}

body.template-color-53 .icon-border-shadow {
    background: #f12711 !important;
}

body.template-color-53 .icon-border-shadow:before {
    background: rgba(241, 39, 17, 0.3) !important;
}

body.template-color-53 .icon-border-shadow:after {
    background: rgba(241, 39, 17, 0.5) !important;
}

body.template-color-53 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #f12711;
}

body.template-color-53 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-53 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #f12711 !important;
}

body.template-color-53 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-53 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-53 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-53 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-53 .icon-box .inner .icon-3.style-2 {
    background: rgba(241, 39, 17, 0.1) !important;
}

body.template-color-53 .icon-box .inner .icon-3.style-3 {
    background: #f12711;
}

body.template-color-53 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(241, 39, 17, 0.75) !important;
}

body.template-color-53 .text-color,
body.template-color-53 .hover-text-color:hover,
body.template-color-53 .snail_toolbar .inner a:hover,
body.template-color-53 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-53 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-53 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-53 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-53 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-53 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-53 .blog-tag-list a:hover,
body.template-color-53 .sl-quote::before,
body.template-color-53 .blog-post-return-button a:hover,
body.template-color-53 .portfolio-details-list .details-list span a:hover,
body.template-color-53 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-53 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-53 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-53 .product:hover .product-contain h4,
body.template-color-53 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-53 .mini-cart .shopping-cart .footer .total,
body.template-color-53 .mini-cart .shopping-cart .footer .total span,
body.template-color-53 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-53 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-53 .post.blog2 .post-body h5 a:hover,
body.template-color-53 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-53 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-53 .tab.tabs-links .nav .nav-link a.active,
body.template-color-53 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-53 .blog-post .blog-inner .blog-title a:hover,
body.template-color-53 .footer-part.footer-classic .footer-links a:hover,
body.template-color-53 .music_area .music-artist:hover .show-title,
body.template-color-53 .sl-testimonial .description:after,
body.template-color-53 .sl-testimonial .description:before,
body.template-color-53 .rating li i,
body.template-color-53 .btn .gradients-button.hover-bg-white:hover,
body.template-color-53 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-53 #common-footer .footer_menu__list li a:hover,
body.template-color-53 .icon-box.style-5:hover .gradients-button,
body.template-color-53 .icon-box.style-5.active .gradients-button {
    color: #f12711 !important;
}

body.template-color-53 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-53 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-53 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-53 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #f12711;
}

body.template-color-53 .footer-part.footer-classic .contact-mata:hover i {
    background: #f12711;
    color: #fff;
}

body.template-color-53 .comparision-slider .handle::after {
    color: #f12711;
}

body.template-color-53 .comparision-slider .handle.bordered {
    background: #f12711;
}

body.template-color-53 .comparision-slider .handle.bordered:after {
    border: 3px solid #f12711;
}

body.template-color-53 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-53 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-53 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #f12711 !important;
    box-shadow: #f12711 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-53 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #f12711 !important;
}

body.template-color-53 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-53 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-53 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-53 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #f12711 !important;
}

body.template-color-53 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f12711 !important;
    box-shadow: #f12711 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-53 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f12711 !important;
    box-shadow: #f12711 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-53 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #f12711 !important;
}

body.template-color-53 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-53 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-53 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #f12711 !important;
    box-shadow: #f12711 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-53 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #f12711 !important;
}

body.template-color-53 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-53 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-53 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-53 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #f12711 !important;
}

body.template-color-53 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #f12711 !important;
    background-color: #f12711 !important;
}

body.template-color-53 .icon-box.style-4 .inner:hover .content h5 {
    color: #f12711 !important;
}

body.template-color-53 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #f12711 0%, transparent 100%);
}

body.template-color-53 .widget-category-list ul.category-area li a:hover {
    color: #f12711 !important;
}

body.template-color-53 .widget-category-list ul.category-area li a:hover span {
    background: #f12711 !important;
}

body.template-color-53 .side-menu .bg-overlay {
    background: rgba(241, 39, 17, 0.9);
}

body.template-color-53 .hue-color,
body.template-color-53 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(5.89286deg) !important;
    filter: hue-rotate(5.89286deg) !important;
}

body.template-color-53 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-53 .hero-slider .owl-nav .owl-prev:hover span {
    background: #f12711 !important;
    border-color: #f12711 !important;
    color: #ffffff;
}

body.template-color-53 .border-color,
body.template-color-53 .hover-border-color:hover,
body.template-color-53 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-53 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-53 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-53 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-53 .radio input:checked~span,
body.template-color-53 .sl-testimonial .pic img {
    border-color: #f12711 !important;
}

body.template-color-53 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #f12711;
}

body.template-color-53 .btn .light-color {
    border-color: #f12711;
    background: rgba(241, 39, 17, 0.11);
}

body.template-color-53 .btn .light-color:hover {
    background: #f12711;
    color: #ffffff;
}

body.template-color-53 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-53 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-53 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-53 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-53 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-53 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-54 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-54 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-54 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-54 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-54 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-54 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-54 .header__digital--broadcast .header-left .sl-menu li:hover a {
    color: #f5af19 !important;
}

body.template-color-54 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-54 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f5af19 !important;
}

body.template-color-54 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-54 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-54 .mini-cart .shopping-cart,
body.template-color-54 .dropdown__menu,
body.template-color-54 .mega-width-fullscreen,
body.template-color-54 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom-color: #f5af19 !important;
}

body.template-color-54 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-54 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-54 .header-full-menu .social-icons-simple li a:hover,
body.template-color-54 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-54 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f5af19;
}

body.template-color-54 #scroll-top {
    background: #f5af19 !important;
    border: 2px solid #f5af19;
}

body.template-color-54 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-54 #scroll-top:hover {
    background: #f5af19;
}

body.template-color-54 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-54 #scroll-top.with-hover {
    border-color: #f5af19 !important;
    background: #ffffff !important;
}

body.template-color-54 #scroll-top.with-hover i {
    color: #f5af19 !important;
}

body.template-color-54 #scroll-top.with-hover:hover {
    background: #f5af19 !important;
}

body.template-color-54 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-54 .salon-prices .price-list {
    border-bottom: 2px solid #f5af19;
    background: linear-gradient(to right, rgba(245, 175, 25, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-54 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-54 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-54 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-54 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-54 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-54 .border-btn {
    color: #f5af19;
}

body.template-color-54 .btn-hover::after {
    border: 2px solid rgba(245, 175, 25, 0.7);
}

body.template-color-54 .beauty-service>[class*="col-"] .item span {
    color: #f5af19;
}

body.template-color-54 .beauty-service>[class*="col-"]:hover {
    background: rgba(245, 175, 25, 0.8);
    border-color: rgba(245, 175, 25, 0.8);
}

body.template-color-54 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-54 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-54 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-54 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-54 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #f5af19;
    width: 50%;
}

body.template-color-54 .bg-color,
body.template-color-54 .hover-bg-color:hover,
body.template-color-54 [data-color-overlay]::after,
body.template-color-54 [data-color-hover-overlay]:hover::after,
body.template-color-54 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-54 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-54 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-54 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-54 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-54 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-54 .post-nav-list .nav-item a:hover,
body.template-color-54 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-54 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-54 .animated-dot .middle-dot,
body.template-color-54 .animated-dot .signal,
body.template-color-54 .animated-dot .signal2,
body.template-color-54 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-54 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-54 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-54 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-54 .pricing-box .header .feature-mark,
body.template-color-54 .sl-testimonial .pic:after,
body.template-color-54 .sl-testimonial .pic:before,
body.template-color-54 #common-footer:before,
body.template-color-54 #common-footer .footer_item:before,
body.template-color-54 #common-footer .footer_menu:before,
body.template-color-54 #common-footer .footer_contacts__item:before,
body.template-color-54 .section-title.under-line h2::after {
    background: #f5af19 !important;
}

body.template-color-54 .creative-st-header .side-menu {
    background: #f5af19;
}

body.template-color-54 .scroll-top-arrow {
    background: #f5af19;
}

body.template-color-54 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    color: #f5af19;
}

body.template-color-54 .footer-social li a:hover {
    background-color: #f5af19;
    color: #ffffff;
}

body.template-color-54 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    background: #f5af19 !important;
}

body.template-color-54 .pricing-box.hoverable:hover,
body.template-color-54 .pricing-box.hoverable.active {
    background: #f5af19;
}

body.template-color-54 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-54 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #f5af19 !important;
    color: #fff;
}

body.template-color-54 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-54 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    color: #f5af19 !important;
}

body.template-color-54 .progress-bar span.percent-label:after {
    border-color: #f5af19 transparent transparent transparent !important;
}

body.template-color-54 .icon-box.style-5 .inner .inner-icon {
    color: #f5af19;
}

body.template-color-54 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-54 .icon-box.style-5:hover .gradients-button {
    color: #f5af19;
}

body.template-color-54 .team-part .single-blog-item .social-icon a:hover {
    background-color: #f5af19;
    color: #ffffff;
    border-color: #f5af19;
}

body.template-color-54 .chackbox input:checked~span {
    background: #f5af19 !important;
    border-color: #f5af19 !important;
}

body.template-color-54 .radio span:after {
    background: #f5af19 !important;
}

@media only screen and (max-width: 767px) {
    body.template-color-54 .booking_form .img-sec {
        background: #f5af19 !important;
    }
}

body.template-color-54 .crypto-table .table {
    border: 8px solid #f5af19;
}

body.template-color-54 .agn-testimonial .carousel-control-next:hover,
body.template-color-54 .agn-testimonial .carousel-control-prev:hover,
body.template-color-54 .agn-testimonial .carousel-control-next:focus,
body.template-color-54 .agn-testimonial .carousel-control-prev:focus {
    background: #f5af19;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-54 .box-team .overlay {
    background-color: rgba(245, 175, 25, 0.75);
}

body.template-color-54 .social-shere:hover {
    border-color: #f5af19 !important;
}

body.template-color-54 .social-shere:hover .social-site p {
    color: #f5af19 !important;
}

body.template-color-54 .social-shere:hover .icon i {
    color: #f5af19 !important;
}

body.template-color-54 .testimonial-slider .carousel-indicators li.active {
    border-color: #f5af19;
}

body.template-color-54 .service-box i {
    color: #f5af19;
}

body.template-color-54 .service-box .readmore {
    color: #f5af19;
}

body.template-color-54 .service-box .readmore:before {
    background-color: #f5af19;
}

body.template-color-54 .service-box:hover {
    background: #f5af19;
}

body.template-color-54 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-54 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-54 .service-box:hover i,
body.template-color-54 .service-box:hover h4,
body.template-color-54 .service-box:hover p {
    color: #ffffff;
}

body.template-color-54 .icon-border-shadow {
    background: #f5af19 !important;
}

body.template-color-54 .icon-border-shadow:before {
    background: rgba(245, 175, 25, 0.3) !important;
}

body.template-color-54 .icon-border-shadow:after {
    background: rgba(245, 175, 25, 0.5) !important;
}

body.template-color-54 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    background-color: #f5af19;
}

body.template-color-54 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-54 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    color: #f5af19 !important;
}

body.template-color-54 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-54 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-54 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-54 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-54 .icon-box .inner .icon-3.style-2 {
    background: rgba(245, 175, 25, 0.1) !important;
}

body.template-color-54 .icon-box .inner .icon-3.style-3 {
    background: #f5af19;
}

body.template-color-54 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(245, 175, 25, 0.75) !important;
}

body.template-color-54 .text-color,
body.template-color-54 .hover-text-color:hover,
body.template-color-54 .snail_toolbar .inner a:hover,
body.template-color-54 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-54 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-54 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-54 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-54 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-54 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-54 .blog-tag-list a:hover,
body.template-color-54 .sl-quote::before,
body.template-color-54 .blog-post-return-button a:hover,
body.template-color-54 .portfolio-details-list .details-list span a:hover,
body.template-color-54 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-54 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-54 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-54 .product:hover .product-contain h4,
body.template-color-54 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-54 .mini-cart .shopping-cart .footer .total,
body.template-color-54 .mini-cart .shopping-cart .footer .total span,
body.template-color-54 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-54 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-54 .post.blog2 .post-body h5 a:hover,
body.template-color-54 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-54 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-54 .tab.tabs-links .nav .nav-link a.active,
body.template-color-54 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-54 .blog-post .blog-inner .blog-title a:hover,
body.template-color-54 .footer-part.footer-classic .footer-links a:hover,
body.template-color-54 .music_area .music-artist:hover .show-title,
body.template-color-54 .sl-testimonial .description:after,
body.template-color-54 .sl-testimonial .description:before,
body.template-color-54 .rating li i,
body.template-color-54 .btn .gradients-button.hover-bg-white:hover,
body.template-color-54 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-54 #common-footer .footer_menu__list li a:hover,
body.template-color-54 .icon-box.style-5:hover .gradients-button,
body.template-color-54 .icon-box.style-5.active .gradients-button {
    color: #f5af19 !important;
}

body.template-color-54 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-54 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-54 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-54 .tab.tabs-links .nav .nav-link:hover a:before {
    background: #f5af19;
}

body.template-color-54 .footer-part.footer-classic .contact-mata:hover i {
    background: #f5af19;
    color: #fff;
}

body.template-color-54 .comparision-slider .handle::after {
    color: #f5af19;
}

body.template-color-54 .comparision-slider .handle.bordered {
    background: #f5af19;
}

body.template-color-54 .comparision-slider .handle.bordered:after {
    border: 3px solid #f5af19;
}

body.template-color-54 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-54 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-54 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #f5af19 !important;
    box-shadow: #f5af19 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-54 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #f5af19 !important;
}

body.template-color-54 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-54 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-54 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-54 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #f5af19 !important;
}

body.template-color-54 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f5af19 !important;
    box-shadow: #f5af19 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-54 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f5af19 !important;
    box-shadow: #f5af19 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-54 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    background: #f5af19 !important;
}

body.template-color-54 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-54 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-54 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #f5af19 !important;
    box-shadow: #f5af19 0 1px 3px 0 inset;
    color: #ffffff !important;
}

body.template-color-54 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #f5af19 !important;
}

body.template-color-54 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-54 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-54 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-54 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #f5af19 !important;
}

body.template-color-54 .mini-cart .shopping-cart .footer a.cart-btn {
    border-color: #f5af19 !important;
    background-color: #f5af19 !important;
}

body.template-color-54 .icon-box.style-4 .inner:hover .content h5 {
    color: #f5af19 !important;
}

body.template-color-54 .fancy-box-travel.overlay-color::after {
    background-image: linear-gradient(to top, #f5af19 0%, transparent 100%);
}

body.template-color-54 .widget-category-list ul.category-area li a:hover {
    color: #f5af19 !important;
}

body.template-color-54 .widget-category-list ul.category-area li a:hover span {
    background: #f5af19 !important;
}

body.template-color-54 .side-menu .bg-overlay {
    background: rgba(245, 175, 25, 0.9);
}

body.template-color-54 .hue-color,
body.template-color-54 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(40.90909deg) !important;
    filter: hue-rotate(40.90909deg) !important;
}

body.template-color-54 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-54 .hero-slider .owl-nav .owl-prev:hover span {
    background: #f5af19 !important;
    border-color: #f5af19 !important;
    color: #ffffff;
}

body.template-color-54 .border-color,
body.template-color-54 .hover-border-color:hover,
body.template-color-54 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-54 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-54 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-54 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-54 .radio input:checked~span,
body.template-color-54 .sl-testimonial .pic img {
    border-color: #f5af19 !important;
}

body.template-color-54 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    border-top-color: #f5af19;
}

body.template-color-54 .btn .light-color {
    border-color: #f5af19;
    background: rgba(245, 175, 25, 0.11);
}

body.template-color-54 .btn .light-color:hover {
    background: #f5af19;
    color: #ffffff;
}

body.template-color-54 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-54 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-54 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-54 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-54 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-54 .hover-text-black:hover {
    color: #000000 !important;
}

body.template-color-55 {
    /* Creative studio */
    /* Light Background Button // Template color wise */
}

body.template-color-55 .header-default.color-hover .mainmenu-wrapper .page_nav ul.mainmenu li:hover a,
body.template-color-55 .header-default.color-hover .mega-width-fullscreen .mega-list li a span:not(.badge):hover,
body.template-color-55 .header-default.color-hover .dropdown__menu li a span:hover,
body.template-color-55 .header-default.color-hover .header-right .mini-cart-button button:hover,
body.template-color-55 .header-default.color-hover .header-right .popup-search-wrap a.btn-search-click:hover,
body.template-color-55 .header__digital--broadcast .header-left .sl-menu li:hover a {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-55 .header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .mega-width-fullscreen .mega-list li a span.badge:hover,
body.template-color-55 .dropdown__menu li a span.badge:hover {
    color: #fff !important;
}

body.template-color-55 .mini-cart .shopping-cart,
body.template-color-55 .dropdown__menu,
body.template-color-55 .mega-width-fullscreen,
body.template-color-55 .dropdown__menu li.drop-lavel--2 .lavel--2 {
    /* border-bottom-color: #2BCB48 !important; */
}

body.template-color-55 .header-full-menu .upper-nav .top-personal-info li a i,
body.template-color-55 .header-full-menu .upper-nav .top-personal-info li a:hover,
body.template-color-55 .header-full-menu .social-icons-simple li a:hover,
body.template-color-55 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-55 .header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    /* color: #2BCB48; */
}

body.template-color-55 #scroll-top {
    background: #FA5555 !important;
    border: 2px solid #FA5555;
}

body.template-color-55 #scroll-top i {
    color: #ffffff !important;
}

body.template-color-55 #scroll-top:hover {
    /* background: #2BCB48; */
}

body.template-color-55 #scroll-top:hover i {
    color: #ffffff;
}

body.template-color-55 #scroll-top.with-hover {
    /* border-color: #2BCB48 !important; */
    background: #ffffff !important;
}

body.template-color-55 #scroll-top.with-hover i {
    /* color: #2BCB48 !important; */
}

body.template-color-55 #scroll-top.with-hover:hover {
    background: #2BCB48 !important;
}

body.template-color-55 #scroll-top.with-hover:hover i {
    color: #ffffff !important;
}

body.template-color-55 .salon-prices .price-list {
    /* border-bottom: 2px solid #2BCB48; */
    background: linear-gradient(to right, rgba(43, 203, 72, 0.8) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

body.template-color-55 .salon-prices .price-list .info h6 {
    transition: all .4s ease-in-out;
}

body.template-color-55 .salon-prices .price-list p.rate {
    transition: all .4s ease-in-out;
}

body.template-color-55 .salon-prices .price-list:hover {
    background-position: left bottom;
}

body.template-color-55 .salon-prices .price-list:hover .info h6 {
    color: #fff !important;
}

body.template-color-55 .salon-prices .price-list:hover p.rate {
    color: #fff !important;
}

body.template-color-55 .border-btn {
    /* color: #2BCB48; */
}

body.template-color-55 .btn-hover::after {
    border: 2px solid rgba(43, 203, 72, 0.7);
}

body.template-color-55 .beauty-service>[class*="col-"] .item span {
    /* color: #2BCB48; */
}

body.template-color-55 .beauty-service>[class*="col-"]:hover {
    background: rgba(43, 203, 72, 0.8);
    border-color: rgba(43, 203, 72, 0.8);
}

body.template-color-55 .beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

body.template-color-55 .beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

body.template-color-55 .beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

body.template-color-55 .beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

body.template-color-55 .box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    /* border: 1px solid #2BCB48; */
    width: 50%;
}

body.template-color-55 .bg-color,
body.template-color-55 .hover-bg-color:hover,
body.template-color-55 [data-color-overlay]::after,
body.template-color-55 [data-color-hover-overlay]:hover::after,
body.template-color-55 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-55 .sl-pagination-wrapper .sl-pagination li:hover a,
body.template-color-55 .blog-post.blog-classic a.post-meta-comments:hover,
body.template-color-55 .widget-social-media .social-icon.icon-solid-rounded li a:hover,
body.template-color-55 .sidebar-wrapper .widget-tag-cloud a:hover,
body.template-color-55 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-55 .post-nav-list .nav-item a:hover,
body.template-color-55 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::after,
body.template-color-55 .isotope-nav ul:not(.gradient-style) li.active,
body.template-color-55 .animated-dot .middle-dot,
body.template-color-55 .animated-dot .signal,
body.template-color-55 .animated-dot .signal2,
body.template-color-55 .feature-slider.owl-carousel .owl-nav button.owl-next:hover,
body.template-color-55 .feature-slider.owl-carousel .owl-nav button.owl-prev:hover,
body.template-color-55 .circle-dots .owl-dots button.owl-dot.active,
body.template-color-55 .social-icon.liquid-animate.theme-color li a:before,
body.template-color-55 .pricing-box .header .feature-mark,
body.template-color-55 .sl-testimonial .pic:after,
body.template-color-55 .sl-testimonial .pic:before,
body.template-color-55 #common-footer:before,
body.template-color-55 #common-footer .footer_item:before,
body.template-color-55 #common-footer .footer_menu:before,
body.template-color-55 #common-footer .footer_contacts__item:before,
body.template-color-55 .section-title.under-line h2::after {
    background: black !important;
}

body.template-color-55 .creative-st-header .side-menu {
    background: #161616;
}

body.template-color-55 .scroll-top-arrow {
    background: #FA5555;
}

body.template-color-55 .creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
    /* color: #2BCB48; */
}

body.template-color-55 .footer-social li a:hover {
    /* background-color: #2BCB48; */
    color: #ffffff;
}

body.template-color-55 .blog-post.blog-classic.with-overlay:hover .blog-img:after {
    /* background: #2BCB48 !important; */
}

body.template-color-55 .pricing-box.hoverable:hover,
body.template-color-55 .pricing-box.hoverable.active {
    /* background: #2BCB48; */
}

body.template-color-55 .restaurant-testimonial .owl-nav button.owl-next:hover,
body.template-color-55 .restaurant-testimonial .owl-nav button.owl-prev:hover {
    /* background: #2BCB48 !important; */
    color: #fff;
}

body.template-color-55 .sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a,
body.template-color-55 .sl-pagination-wrapper .sl-pagination.pagination-numbers li:hover a {
    background: transparent !important;
    /* color: #2BCB48 !important; */
}

body.template-color-55 .progress-bar span.percent-label:after {
    /* border-color: #2BCB48 transparent transparent transparent !important; */
}

body.template-color-55 .icon-box.style-5 .inner .inner-icon {
    /* color: #2BCB48; */
}

body.template-color-55 .icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

body.template-color-55 .icon-box.style-5:hover .gradients-button {
    /* color: #2BCB48; */
}

body.template-color-55 .team-part .single-blog-item .social-icon a:hover {
    /* background-color: #2BCB48; */
    color: #ffffff;
    /* border-color: #2BCB48; */
}

body.template-color-55 .chackbox input:checked~span {
    /* background: #2BCB48 !important;
    border-color: #2BCB48 !important; */
}

body.template-color-55 .radio span:after {
    /* background: #2BCB48 !important; */
}

@media only screen and (max-width: 767px) {
    body.template-color-55 .booking_form .img-sec {
        /* background: #2BCB48 !important; */
    }
}

body.template-color-55 .crypto-table .table {
    /* border: 8px solid #2BCB48; */
}

body.template-color-55 .agn-testimonial .carousel-control-next:hover,
body.template-color-55 .agn-testimonial .carousel-control-prev:hover,
body.template-color-55 .agn-testimonial .carousel-control-next:focus,
body.template-color-55 .agn-testimonial .carousel-control-prev:focus {
    /* background: #2BCB48; */
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

body.template-color-55 .box-team .overlay {
    background-color: rgba(43, 203, 72, 0.75);
}

body.template-color-55 .social-shere:hover {
    /* border-color: #2BCB48 !important; */
}

body.template-color-55 .social-shere:hover .social-site p {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .social-shere:hover .icon i {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .testimonial-slider .carousel-indicators li.active {
    /* border-color: #2BCB48; */
}

body.template-color-55 .service-box i {
    /* color: #2BCB48; */
}

body.template-color-55 .service-box .readmore {
    /* color: #2BCB48; */
}

body.template-color-55 .service-box .readmore:before {
    /* background-color: #2BCB48; */
}

body.template-color-55 .service-box:hover {
    /* background: #2BCB48; */
}

body.template-color-55 .service-box:hover .readmore {
    color: #ffffff;
}

body.template-color-55 .service-box:hover .readmore:before {
    background: #ffffff;
}

body.template-color-55 .service-box:hover i,
body.template-color-55 .service-box:hover h4,
body.template-color-55 .service-box:hover p {
    color: #ffffff;
}

body.template-color-55 .icon-border-shadow {
    /* background: #2BCB48 !important; */
}

body.template-color-55 .icon-border-shadow:before {
    background: rgba(43, 203, 72, 0.3) !important;
}

body.template-color-55 .icon-border-shadow:after {
    background: rgba(43, 203, 72, 0.5) !important;
}

body.template-color-55 .icon-box.effect-1 .inner:hover {
    cursor: pointer;
    /* background-color: #2BCB48; */
}

body.template-color-55 .icon-box.effect-1 .inner:hover .icon-border-shadow {
    background-color: #ffffff !important;
}

body.template-color-55 .icon-box.effect-1 .inner:hover .icon-border-shadow i {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .icon-box.effect-1 .inner:hover .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-55 .icon-box.effect-1 .inner:hover .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body.template-color-55 .icon-box.effect-1 .inner:hover .content h5.heading {
    color: #ffffff;
}

body.template-color-55 .icon-box.effect-1 .inner:hover .content p {
    color: #ffffff;
}

body.template-color-55 .icon-box .inner .icon-3.style-2 {
    background: rgba(43, 203, 72, 0.1) !important;
}

body.template-color-55 .icon-box .inner .icon-3.style-3 {
    /* background: #2BCB48; */
}

body.template-color-55 .sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    background-color: rgba(43, 203, 72, 0.75) !important;
}

body.template-color-55 .text-color,
body.template-color-55 .hover-text-color:hover,
body.template-color-55 .snail_toolbar .inner a:hover,
body.template-color-55 .sidebar-wrapper .widget-tag-links a:hover,
body.template-color-55 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true],
body.template-color-55 .accordion-style-2 .card-header h5 a.acc-btn[aria-expanded=true]::before,
body.template-color-55 .commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover,
body.template-color-55 .blog-post.blog-classic .blog-inner .blog-title:hover a,
body.template-color-55 .blog-modern-pagination .modern-pagination a:hover,
body.template-color-55 .blog-tag-list a:hover,
body.template-color-55 .sl-quote::before,
body.template-color-55 .blog-post-return-button a:hover,
body.template-color-55 .portfolio-details-list .details-list span a:hover,
body.template-color-55 .portfolio-details-list-2 .details-list span a:hover,
body.template-color-55 .portfolio-nav-list .portfolio-page .inner a:hover h3,
body.template-color-55 .portfolio-nav-list .portfolio-page .inner a:hover p,
body.template-color-55 .product:hover .product-contain h4,
body.template-color-55 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover,
body.template-color-55 .mini-cart .shopping-cart .footer .total,
body.template-color-55 .mini-cart .shopping-cart .footer .total span,
body.template-color-55 .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span,
body.template-color-55 .post.blog2.dark-version .post-body h5 a:hover,
body.template-color-55 .post.blog2 .post-body h5 a:hover,
body.template-color-55 .tab.tabs-links-dark .nav .nav-link a.active,
body.template-color-55 .tab.tabs-links-dark .nav .nav-link:hover a,
body.template-color-55 .tab.tabs-links .nav .nav-link a.active,
body.template-color-55 .tab.tabs-links .nav .nav-link:hover a,
body.template-color-55 .blog-post .blog-inner .blog-title a:hover,
body.template-color-55 .footer-part.footer-classic .footer-links a:hover,
body.template-color-55 .music_area .music-artist:hover .show-title,
body.template-color-55 .sl-testimonial .description:after,
body.template-color-55 .sl-testimonial .description:before,
body.template-color-55 .rating li i,
body.template-color-55 .btn .gradients-button.hover-bg-white:hover,
body.template-color-55 .sl-list-2 .list-header.with-ckeck .marker::before,
body.template-color-55 #common-footer .footer_menu__list li a:hover,
body.template-color-55 .icon-box.style-5:hover .gradients-button,
body.template-color-55 .icon-box.style-5.active .gradients-button {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .tab.tabs-links-dark .nav .nav-link a.active:before,
body.template-color-55 .tab.tabs-links-dark .nav .nav-link:hover a:before,
body.template-color-55 .tab.tabs-links .nav .nav-link a.active:before,
body.template-color-55 .tab.tabs-links .nav .nav-link:hover a:before {
    /* background: #2BCB48; */
}

body.template-color-55 .footer-part.footer-classic .contact-mata:hover i {
    /* background: #2BCB48; */
    color: #fff;
}

body.template-color-55 .comparision-slider .handle::after {
    /* color: #2BCB48; */
}

body.template-color-55 .comparision-slider .handle.bordered {
    /* background: #2BCB48; */
}

body.template-color-55 .comparision-slider .handle.bordered:after {
    /* border: 3px solid #2BCB48; */
}

body.template-color-55 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.template-color-55 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.template-color-55 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    /* background: #2BCB48 !important; */
    /* box-shadow: #2BCB48 0 1px 3px 0 inset; */
    color: #ffffff !important;
}

body.template-color-55 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-55 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body.template-color-55 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-55 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    /* background: #2BCB48 !important; */
}

body.template-color-55 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    /* background: #2BCB48 !important; */
    /* box-shadow: #2BCB48 0 1px 3px 0 inset; */
    color: #ffffff !important;
}

body.template-color-55 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    /* background: #2BCB48 !important; */
    /* box-shadow: #2BCB48 0 1px 3px 0 inset; */
    color: #ffffff !important;
}

body.template-color-55 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #ffffff !important;
    /* background: #2BCB48 !important; */
}

body.template-color-55 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
body.template-color-55 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
body.template-color-55 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    /* background: #2BCB48 !important; */
    /* box-shadow: #2BCB48 0 1px 3px 0 inset; */
    color: #ffffff !important;
}

body.template-color-55 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

body.template-color-55 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
body.template-color-55 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
body.template-color-55 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    /* background: #2BCB48 !important; */
}

body.template-color-55 .mini-cart .shopping-cart .footer a.cart-btn {
    /* border-color: #2BCB48 !important; */
    /* background-color: #2BCB48 !important; */
}

body.template-color-55 .icon-box.style-4 .inner:hover .content h5 {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .fancy-box-travel.overlay-color::after {
    /* background-image: linear-gradient(to top, #2BCB48 0%, transparent 100%); */
}

body.template-color-55 .widget-category-list ul.category-area li a:hover {
    /* color: #2BCB48 !important; */
}

body.template-color-55 .widget-category-list ul.category-area li a:hover span {
    /* background: #2BCB48 !important; */
}

body.template-color-55 .side-menu .bg-overlay {
    background: rgba(43, 203, 72, 0.9);
}

body.template-color-55 .hue-color,
body.template-color-55 .brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(130.875deg) !important;
    filter: hue-rotate(130.875deg) !important;
}

body.template-color-55 .hero-slider .owl-nav .owl-next:hover span,
body.template-color-55 .hero-slider .owl-nav .owl-prev:hover span {
    /* background: #2BCB48 !important; */
    /* border-color: #2BCB48 !important; */
    color: #ffffff;
}

body.template-color-55 .border-color,
body.template-color-55 .hover-border-color:hover,
body.template-color-55 .sl-pagination-wrapper .sl-pagination li.active a,
body.template-color-55 .sl-pagination-wrapper .sl-pagination li a,
body.template-color-55 .sidebar-wrapper .widget-search .submit-search:hover,
body.template-color-55 .sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search,
body.template-color-55 .radio input:checked~span,
body.template-color-55 .sl-testimonial .pic img {
    /* border-color: #2BCB48 !important; */
}

body.template-color-55 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {
    /* border-top-color: #2BCB48; */
}

body.template-color-55 .btn .light-color {
    /* border-color: #2BCB48; */
    background: rgba(43, 203, 72, 0.11);
}

body.template-color-55 .btn .light-color:hover {
    /* background: #2BCB48; */
    color: #ffffff;
}

body.template-color-55 .hover-bg-white:hover {
    background: #ffffff !important;
}

body.template-color-55 .hover-border-none:hover {
    border-color: transparent !important;
}

body.template-color-55 .hover-text-white:hover {
    color: #ffffff !important;
}

body.template-color-55 .hover-bg-black:hover {
    background: #000000 !important;
}

body.template-color-55 .hover-bg-none:hover {
    background: transparent !important;
}

body.template-color-55 .hover-text-black:hover {
    color: #000000 !important;
}

.btn .light-color.light-white {
    border-color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.btn .light-color.light-white:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.hover-bg-white:hover {
    background: #ffffff !important;
}

.hover-text-white:hover {
    color: #ffffff !important;
}

.hover-bg-black:hover {
    background: #000000 !important;
}

.hover-text-black:hover {
    color: #000000 !important;
}

/*-------------------------------------------------------------------------------------
    Fonts
---------------------------------------------------------------------------------------*/
/*
Rubik
Montserrat

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Rubik:wght@400;500;600;700;800;900&display=swap');
*/
/*-------------------------------------------------------------------------------------
    Shorcode
---------------------------------------------------------------------------------------*/
.viewport {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.scroll-container {
    width: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.text-black {
    color: #000000;
}

.mfp-wrap {
    z-index: 100003;
}

.fullscreen {
    min-height: 100vh;
    width: 100%;
}

.max-box {
    min-height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.rounded-18 {
    border-radius: 18px;
}

.text-transform-none {
    text-transform: none !important;
}

@media (min-width: 1366px) {
    .h-lg-100v {
        height: 100vh;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .h-custom-15v {
        height: 15vh;
    }

    .h-custom-5v {
        height: 5vh;
    }
}

@media (min-width: 1366px) {
    .h-lg-120v {
        height: 120vh;
    }
}

.text-decoration-underline {
    text-decoration: underline !important;
}

/* Radius class */
.rounded-10 {
    border-radius: 10px;
}

/* image positions */
.bg-cover {
    background-size: cover;
}

.bg-contain {
    background-size: contain;
}

.bg-norepeat {
    background-repeat: no-repeat;
}

.bg-repeat {
    background-repeat: repeat;
}

.bg-top {
    background-position: top;
}

.bg-center {
    background-position: center;
}

.bg-bottom {
    background-position: bottom;
}

.bg-fixed {
    background-attachment: fixed;
}

/* Shadow */
.shadow-default,
.hover-shadow-default:hover {
    box-shadow: 0 1.5rem 4rem rgba(42, 53, 79, 0.05) !important;
}

.shadow-medium,
.medi-service:hover,
.product:hover .product-img,
.product .product-img .product-icon i,
.hover-shadow-medium:hover {
    box-shadow: 0 1rem 3rem rgba(42, 53, 79, 0.2) !important;
}

.shadow-large,
.hover-shadow-large:hover {
    box-shadow: 0 1rem 3rem rgba(42, 53, 79, 0.175) !important;
}

/*-- line-height --*/
.line-height-05 {
    line-height: 0.5 !important;
}

.line-height-06 {
    line-height: 0.6 !important;
}

.line-height-08 {
    line-height: 0.8 !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-12 {
    line-height: 1.2 !important;
}

.line-height-14 {
    line-height: 1.4 !important;
}

.line-height-16 {
    line-height: 1.6 !important;
}

.line-height-18 {
    line-height: 1.8 !important;
}

.line-height-1-95 {
    line-height: 1.95 !important;
}

.line-height-2 {
    line-height: 2 !important;
}

.line-height-22 {
    line-height: 2.2 !important;
}

.line-height-24 {
    line-height: 2.4 !important;
}

.line-height-26 {
    line-height: 2.6 !important;
}

/*-- Font-family --*/
.font-montserrat {
    font-family: "Montserrat", sans-serif;
}

.font-rubik {
    font-family: "Rubik", sans-serif;
}

@media screen and (min-width: 1440px) {
    .demo-container-width {
        max-width: 1350px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1366px) {
    .demo-container-width {
        max-width: 1340px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1280px) {
    .demo-container-width {
        max-width: 1280px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px) {
    .demo-container-width {
        max-width: 1350px;
        margin: 0 auto;
    }
}

/*-- Font-size --*/
.font-size-10 {
    font-size: 10px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-32 {
    font-size: 32px !important;
}

.font-size-34 {
    font-size: 34px !important;
}

.font-size-36 {
    font-size: 36px !important;
}

.font-size-38 {
    font-size: 38px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-42 {
    font-size: 42px !important;
}

.font-size-44 {
    font-size: 44px !important;
}

.font-size-46 {
    font-size: 46px !important;
}

.font-size-48 {
    font-size: 48px !important;
}

.font-size-50 {
    font-size: 50px !important;
}

.font-size-52 {
    font-size: 52px !important;
}

.font-size-54 {
    font-size: 54px !important;
}

.font-size-56 {
    font-size: 56px !important;
}

.font-size-58 {
    font-size: 58px !important;
}

.font-size-60 {
    font-size: 60px !important;
}

.font-size-62 {
    font-size: 62px !important;
}

.font-size-64 {
    font-size: 64px !important;
}

.font-size-66 {
    font-size: 66px !important;
}

.font-size-68 {
    font-size: 68px !important;
}

.font-size-70 {
    font-size: 70px !important;
}

.font-size-72 {
    font-size: 72px !important;
}

.font-size-74 {
    font-size: 74px !important;
}

.font-size-76 {
    font-size: 76px !important;
}

.font-size-78 {
    font-size: 78px !important;
}

.font-size-80 {
    font-size: 80px !important;
}

.font-size-82 {
    font-size: 82px !important;
}

.font-size-84 {
    font-size: 84px !important;
}

.font-size-86 {
    font-size: 86px !important;
}

.font-size-88 {
    font-size: 88px !important;
}

.font-size-90 {
    font-size: 90px !important;
}

.font-size-92 {
    font-size: 92px !important;
}

.font-size-94 {
    font-size: 94px !important;
}

.font-size-96 {
    font-size: 96px !important;
}

.font-size-98 {
    font-size: 98px !important;
}

.font-size-100 {
    font-size: 100px !important;
}

.font-size-102 {
    font-size: 102px !important;
}

.font-size-104 {
    font-size: 104px !important;
}

.font-size-106 {
    font-size: 106px !important;
}

.font-size-108 {
    font-size: 108px !important;
}

.font-size-110 {
    font-size: 110px !important;
}

.font-size-112 {
    font-size: 112px !important;
}

.font-size-114 {
    font-size: 114px !important;
}

.font-size-116 {
    font-size: 116px !important;
}

.font-size-118 {
    font-size: 118px !important;
}

.font-size-120 {
    font-size: 120px !important;
}

.font-size-122 {
    font-size: 122px !important;
}

.font-size-124 {
    font-size: 124px !important;
}

.font-size-126 {
    font-size: 126px !important;
}

.font-size-128 {
    font-size: 128px !important;
}

.font-size-130 {
    font-size: 130px !important;
}

.font-size-132 {
    font-size: 132px !important;
}

.font-size-134 {
    font-size: 134px !important;
}

.font-size-136 {
    font-size: 136px !important;
}

.font-size-138 {
    font-size: 138px !important;
}

.font-size-140 {
    font-size: 140px !important;
}

/*-- z-index --*/
.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.z-index-5 {
    z-index: 5;
}

.z-index-6 {
    z-index: 6;
}

.z-index-7 {
    z-index: 7;
}

.z-index-8 {
    z-index: 8;
}

.z-index-9 {
    z-index: 9;
}

.z-index-10 {
    z-index: 10;
}

.z-index-11 {
    z-index: 11;
}

.z-index-12 {
    z-index: 12;
}

.z-index-13 {
    z-index: 13;
}

.z-index-14 {
    z-index: 14;
}

.z-index-15 {
    z-index: 15;
}

.z-index--1 {
    z-index: -1;
}

.z-index--2 {
    z-index: -2;
}

.z-index--3 {
    z-index: -3;
}

.z-index--4 {
    z-index: -4;
}

.z-index--5 {
    z-index: -5;
}

.z-index--6 {
    z-index: -6;
}

.z-index--7 {
    z-index: -7;
}

.z-index--8 {
    z-index: -8;
}

.z-index--9 {
    z-index: -9;
}

.z-index--10 {
    z-index: -10;
}

.z-index--11 {
    z-index: -11;
}

.z-index--12 {
    z-index: -12;
}

.z-index--13 {
    z-index: -13;
}

.z-index--14 {
    z-index: -14;
}

.z-index--15 {
    z-index: -15;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-none {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-none {
        margin-top: 0 !important;
    }
}

.space_dec-110 {
    margin-top: -110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-110 {
        margin-top: -180px;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-110 {
        margin-top: -180px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-110.space_dec-none {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-110.space_dec-none {
        margin-top: 0 !important;
    }
}

.space_dec-450 {
    margin-top: -450px;
}

@media only screen and (max-width: 767px) {
    .space_dec-450 {
        margin-top: -415px;
    }
}

.space_dec-100 {
    margin-top: -100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-100 {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-100 {
        margin-top: 0 !important;
    }
}

.space_decLeft-170 {
    margin-left: -170px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_decLeft-170 {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .space_decLeft-170 {
        margin-left: 0;
    }
}

.space_dec-70 {
    margin-top: -70px;
}

.space_dec-40 {
    margin-top: -40px;
}

.space_dec-250 {
    margin-top: -250px;
}

.space_dec-270 {
    margin-top: -270px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .space_dec-270 {
        margin-top: -195px;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec-270 {
        margin-top: -80px;
    }
}

@media only screen and (max-width: 767px) {
    .space_dec_sm-none {
        margin-top: 0;
    }
}

/*-- Font weight --*/
.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

/*-- Padding Left --*/
.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-85 {
    padding-left: 85px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-105 {
    padding-left: 105px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-115 {
    padding-left: 115px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-125 {
    padding-left: 125px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-135 {
    padding-left: 135px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-145 {
    padding-left: 145px;
}

.pl-150 {
    padding-left: 150px;
}

.pl-155 {
    padding-left: 155px;
}

.pl-160 {
    padding-left: 160px;
}

.pl-165 {
    padding-left: 165px;
}

.pl-170 {
    padding-left: 170px;
}

.pl-175 {
    padding-left: 175px;
}

.pl-180 {
    padding-left: 180px;
}

.pl-185 {
    padding-left: 185px;
}

.pl-190 {
    padding-left: 190px;
}

.pl-195 {
    padding-left: 195px;
}

.pl-200 {
    padding-left: 200px;
}

.pl-205 {
    padding-left: 205px;
}

.pl-210 {
    padding-left: 210px;
}

.pl-215 {
    padding-left: 215px;
}

.pl-220 {
    padding-left: 220px;
}

.pl-225 {
    padding-left: 225px;
}

.pl-230 {
    padding-left: 230px;
}

.pl-235 {
    padding-left: 235px;
}

.pl-240 {
    padding-left: 240px;
}

.pl-245 {
    padding-left: 245px;
}

.pl-250 {
    padding-left: 250px;
}

.pl-255 {
    padding-left: 255px;
}

.pl-260 {
    padding-left: 260px;
}

.pl-265 {
    padding-left: 265px;
}

.pl-270 {
    padding-left: 270px;
}

.pl-275 {
    padding-left: 275px;
}

.pl-280 {
    padding-left: 280px;
}

.pl-285 {
    padding-left: 285px;
}

.pl-290 {
    padding-left: 290px;
}

.pl-295 {
    padding-left: 295px;
}

.pl-300 {
    padding-left: 300px;
}

.pl-305 {
    padding-left: 305px;
}

.pl-310 {
    padding-left: 310px;
}

.pl-315 {
    padding-left: 315px;
}

.pl-320 {
    padding-left: 320px;
}

.pl-325 {
    padding-left: 325px;
}

.pl-330 {
    padding-left: 330px;
}

.pl-335 {
    padding-left: 335px;
}

.pl-340 {
    padding-left: 340px;
}

.pl-345 {
    padding-left: 345px;
}

.pl-350 {
    padding-left: 350px;
}

.pl-355 {
    padding-left: 355px;
}

.pl-360 {
    padding-left: 360px;
}

.pl-365 {
    padding-left: 365px;
}

.pl-370 {
    padding-left: 370px;
}

.pl-375 {
    padding-left: 375px;
}

.pl-380 {
    padding-left: 380px;
}

.pl-385 {
    padding-left: 385px;
}

.pl-390 {
    padding-left: 390px;
}

.pl-395 {
    padding-left: 395px;
}

.pl-400 {
    padding-left: 400px;
}

.pl-405 {
    padding-left: 405px;
}

.pl-410 {
    padding-left: 410px;
}

.pl-415 {
    padding-left: 415px;
}

.pl-420 {
    padding-left: 420px;
}

.pl-425 {
    padding-left: 425px;
}

.pl-430 {
    padding-left: 430px;
}

.pl-435 {
    padding-left: 435px;
}

.pl-440 {
    padding-left: 440px;
}

.pl-445 {
    padding-left: 445px;
}

.pl-450 {
    padding-left: 450px;
}

/*-- Padding Right --*/
.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-85 {
    padding-right: 85px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-95 {
    padding-right: 95px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-105 {
    padding-right: 105px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-115 {
    padding-right: 115px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-125 {
    padding-right: 125px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-135 {
    padding-right: 135px;
}

.pr-140 {
    padding-right: 140px;
}

.pr-145 {
    padding-right: 145px;
}

.pr-150 {
    padding-right: 150px;
}

.pr-155 {
    padding-right: 155px;
}

.pr-160 {
    padding-right: 160px;
}

.pr-165 {
    padding-right: 165px;
}

.pr-170 {
    padding-right: 170px;
}

.pr-175 {
    padding-right: 175px;
}

.pr-180 {
    padding-right: 180px;
}

.pr-185 {
    padding-right: 185px;
}

.pr-190 {
    padding-right: 190px;
}

.pr-195 {
    padding-right: 195px;
}

.pr-200 {
    padding-right: 200px;
}

.pr-205 {
    padding-right: 205px;
}

.pr-210 {
    padding-right: 210px;
}

.pr-215 {
    padding-right: 215px;
}

.pr-220 {
    padding-right: 220px;
}

.pr-225 {
    padding-right: 225px;
}

.pr-230 {
    padding-right: 230px;
}

.pr-235 {
    padding-right: 235px;
}

.pr-240 {
    padding-right: 240px;
}

.pr-245 {
    padding-right: 245px;
}

.pr-250 {
    padding-right: 250px;
}

/*-- Padding Top Bottom --*/
.ptb-5 {
    padding: 5px 0;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.ptb-10 {
    padding: 10px 0;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.ptb-15 {
    padding: 15px 0;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.ptb-20 {
    padding: 20px 0;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.ptb-25 {
    padding: 25px 0;
}

.pt-25 {
    padding-top: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}

.ptb-30 {
    padding: 30px 0;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.ptb-35 {
    padding: 35px 0;
}

.pt-35 {
    padding-top: 35px;
}

.pb-35 {
    padding-bottom: 35px;
}

.ptb-40 {
    padding: 40px 0;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.ptb-45 {
    padding: 45px 0;
}

.pt-45 {
    padding-top: 45px;
}

.pb-45 {
    padding-bottom: 45px;
}

.ptb-50 {
    padding: 50px 0;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.ptb-55 {
    padding: 55px 0;
}

.pt-55 {
    padding-top: 55px;
}

.pb-55 {
    padding-bottom: 55px;
}

.ptb-60 {
    padding: 60px 0;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.ptb-65 {
    padding: 65px 0;
}

.pt-65 {
    padding-top: 65px;
}

.pb-65 {
    padding-bottom: 65px;
}

.ptb-70 {
    padding: 70px 0;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.ptb-75 {
    padding: 75px 0;
}

.pt-75 {
    padding-top: 75px;
}

.pb-75 {
    padding-bottom: 75px;
}

.ptb-80 {
    padding: 80px 0;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.ptb-85 {
    padding: 85px 0;
}

.pt-85 {
    padding-top: 85px;
}

.pb-85 {
    padding-bottom: 85px;
}

.ptb-90 {
    padding: 90px 0;
}

.pt-90 {
    padding-top: 90px;
}

.pb-90 {
    padding-bottom: 90px;
}

.ptb-95 {
    padding: 95px 0;
}

.pt-95 {
    padding-top: 95px;
}

.pb-95 {
    padding-bottom: 95px;
}

.ptb-100 {
    padding: 100px 0;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.ptb-105 {
    padding: 105px 0;
}

.pt-105 {
    padding-top: 105px;
}

.pb-105 {
    padding-bottom: 105px;
}

.ptb-110 {
    padding: 110px 0;
}

.pt-110 {
    padding-top: 110px;
}

.pb-110 {
    padding-bottom: 110px;
}

.ptb-115 {
    padding: 115px 0;
}

.pt-115 {
    padding-top: 115px;
}

.pb-115 {
    padding-bottom: 115px;
}

.ptb-120 {
    padding: 120px 0;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.ptb-125 {
    padding: 125px 0;
}

.pt-125 {
    padding-top: 125px;
}

.pb-125 {
    padding-bottom: 125px;
}

.ptb-130 {
    padding: 130px 0;
}

.pt-130 {
    padding-top: 130px;
}

.pb-130 {
    padding-bottom: 130px;
}

.ptb-135 {
    padding: 135px 0;
}

.pt-135 {
    padding-top: 135px;
}

.pb-135 {
    padding-bottom: 135px;
}

.ptb-140 {
    padding: 140px 0;
}

.pt-140 {
    padding-top: 140px;
}

.pb-140 {
    padding-bottom: 140px;
}

.ptb-145 {
    padding: 145px 0;
}

.pt-145 {
    padding-top: 145px;
}

.pb-145 {
    padding-bottom: 145px;
}

.ptb-150 {
    padding: 150px 0;
}

.pt-150 {
    padding-top: 150px;
}

.pb-150 {
    padding-bottom: 150px;
}

.ptb-155 {
    padding: 155px 0;
}

.pt-155 {
    padding-top: 155px;
}

.pb-155 {
    padding-bottom: 155px;
}

.ptb-160 {
    padding: 160px 0;
}

.pt-160 {
    padding-top: 160px;
}

.pb-160 {
    padding-bottom: 160px;
}

.ptb-165 {
    padding: 165px 0;
}

.pt-165 {
    padding-top: 165px;
}

.pb-165 {
    padding-bottom: 165px;
}

.ptb-170 {
    padding: 170px 0;
}

.pt-170 {
    padding-top: 170px;
}

.pb-170 {
    padding-bottom: 170px;
}

.ptb-175 {
    padding: 175px 0;
}

.pt-175 {
    padding-top: 175px;
}

.pb-175 {
    padding-bottom: 175px;
}

.ptb-180 {
    padding: 180px 0;
}

.pt-180 {
    padding-top: 180px;
}

.pb-180 {
    padding-bottom: 180px;
}

.ptb-185 {
    padding: 185px 0;
}

.pt-185 {
    padding-top: 185px;
}

.pb-185 {
    padding-bottom: 185px;
}

.ptb-190 {
    padding: 190px 0;
}

.pt-190 {
    padding-top: 190px;
}

.pb-190 {
    padding-bottom: 190px;
}

.ptb-195 {
    padding: 195px 0;
}

.pt-195 {
    padding-top: 195px;
}

.pb-195 {
    padding-bottom: 195px;
}

.ptb-200 {
    padding: 200px 0;
}

.pt-200 {
    padding-top: 200px;
}

.pb-200 {
    padding-bottom: 200px;
}

.ptb-205 {
    padding: 205px 0;
}

.pt-205 {
    padding-top: 205px;
}

.pb-205 {
    padding-bottom: 205px;
}

.ptb-210 {
    padding: 210px 0;
}

.pt-210 {
    padding-top: 210px;
}

.pb-210 {
    padding-bottom: 210px;
}

.ptb-215 {
    padding: 215px 0;
}

.pt-215 {
    padding-top: 215px;
}

.pb-215 {
    padding-bottom: 215px;
}

.ptb-220 {
    padding: 220px 0;
}

.pt-220 {
    padding-top: 220px;
}

.pb-220 {
    padding-bottom: 220px;
}

.ptb-225 {
    padding: 225px 0;
}

.pt-225 {
    padding-top: 225px;
}

.pb-225 {
    padding-bottom: 225px;
}

.ptb-230 {
    padding: 230px 0;
}

.pt-230 {
    padding-top: 230px;
}

.pb-230 {
    padding-bottom: 230px;
}

.ptb-235 {
    padding: 235px 0;
}

.pt-235 {
    padding-top: 235px;
}

.pb-235 {
    padding-bottom: 235px;
}

.ptb-240 {
    padding: 240px 0;
}

.pt-240 {
    padding-top: 240px;
}

.pb-240 {
    padding-bottom: 240px;
}

.ptb-245 {
    padding: 245px 0;
}

.pt-245 {
    padding-top: 245px;
}

.pb-245 {
    padding-bottom: 245px;
}

.ptb-250 {
    padding: 250px 0;
}

.pt-250 {
    padding-top: 250px;
}

.pb-250 {
    padding-bottom: 250px;
}

.ptb-255 {
    padding: 255px 0;
}

.pt-255 {
    padding-top: 255px;
}

.pb-255 {
    padding-bottom: 255px;
}

.ptb-260 {
    padding: 260px 0;
}

.pt-260 {
    padding-top: 260px;
}

.pb-260 {
    padding-bottom: 260px;
}

.ptb-265 {
    padding: 265px 0;
}

.pt-265 {
    padding-top: 265px;
}

.pb-265 {
    padding-bottom: 265px;
}

.ptb-270 {
    padding: 270px 0;
}

.pt-270 {
    padding-top: 270px;
}

.pb-270 {
    padding-bottom: 270px;
}

.ptb-275 {
    padding: 275px 0;
}

.pt-275 {
    padding-top: 275px;
}

.pb-275 {
    padding-bottom: 275px;
}

.ptb-280 {
    padding: 280px 0;
}

.pt-280 {
    padding-top: 280px;
}

.pb-280 {
    padding-bottom: 280px;
}

.ptb-285 {
    padding: 285px 0;
}

.pt-285 {
    padding-top: 285px;
}

.pb-285 {
    padding-bottom: 285px;
}

.ptb-290 {
    padding: 290px 0;
}

.pt-290 {
    padding-top: 290px;
}

.pb-290 {
    padding-bottom: 290px;
}

.ptb-295 {
    padding: 295px 0;
}

.pt-295 {
    padding-top: 295px;
}

.pb-295 {
    padding-bottom: 295px;
}

.ptb-300 {
    padding: 300px 0;
}

.pt-300 {
    padding-top: 300px;
}

.pb-300 {
    padding-bottom: 300px;
}

.ptb-305 {
    padding: 305px 0;
}

.pt-305 {
    padding-top: 305px;
}

.pb-305 {
    padding-bottom: 305px;
}

.ptb-310 {
    padding: 310px 0;
}

.pt-310 {
    padding-top: 310px;
}

.pb-310 {
    padding-bottom: 310px;
}

.ptb-315 {
    padding: 315px 0;
}

.pt-315 {
    padding-top: 315px;
}

.pb-315 {
    padding-bottom: 315px;
}

.ptb-320 {
    padding: 320px 0;
}

.pt-320 {
    padding-top: 320px;
}

.pb-320 {
    padding-bottom: 320px;
}

.ptb-325 {
    padding: 325px 0;
}

.pt-325 {
    padding-top: 325px;
}

.pb-325 {
    padding-bottom: 325px;
}

.ptb-330 {
    padding: 330px 0;
}

.pt-330 {
    padding-top: 330px;
}

.pb-330 {
    padding-bottom: 330px;
}

.ptb-335 {
    padding: 335px 0;
}

.pt-335 {
    padding-top: 335px;
}

.pb-335 {
    padding-bottom: 335px;
}

.ptb-340 {
    padding: 340px 0;
}

.pt-340 {
    padding-top: 340px;
}

.pb-340 {
    padding-bottom: 340px;
}

.ptb-345 {
    padding: 345px 0;
}

.pt-345 {
    padding-top: 345px;
}

.pb-345 {
    padding-bottom: 345px;
}

.ptb-350 {
    padding: 350px 0;
}

.pt-350 {
    padding-top: 350px;
}

.pb-350 {
    padding-bottom: 350px;
}

.pt-400 {
    padding-top: 400px;
}

.pb-500 {
    padding-bottom: 500px;
}

/* =================================
    Responsive Spacing Css 
====================================*/
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .pb_lp-5 {
        padding-bottom: 5px;
    }

    .pr_lp-5 {
        padding-right: 5px;
    }

    .pl_lp-5 {
        padding-left: 5px;
    }

    .pt_lp-5 {
        padding-top: 5px;
    }

    .ptb_lp-5 {
        padding: 5px 0;
    }

    .pb_lp-10 {
        padding-bottom: 10px;
    }

    .pr_lp-10 {
        padding-right: 10px;
    }

    .pl_lp-10 {
        padding-left: 10px;
    }

    .pt_lp-10 {
        padding-top: 10px;
    }

    .ptb_lp-10 {
        padding: 10px 0;
    }

    .pb_lp-15 {
        padding-bottom: 15px;
    }

    .pr_lp-15 {
        padding-right: 15px;
    }

    .pl_lp-15 {
        padding-left: 15px;
    }

    .pt_lp-15 {
        padding-top: 15px;
    }

    .ptb_lp-15 {
        padding: 15px 0;
    }

    .pb_lp-20 {
        padding-bottom: 20px;
    }

    .pr_lp-20 {
        padding-right: 20px;
    }

    .pl_lp-20 {
        padding-left: 20px;
    }

    .pt_lp-20 {
        padding-top: 20px;
    }

    .ptb_lp-20 {
        padding: 20px 0;
    }

    .pb_lp-25 {
        padding-bottom: 25px;
    }

    .pr_lp-25 {
        padding-right: 25px;
    }

    .pl_lp-25 {
        padding-left: 25px;
    }

    .pt_lp-25 {
        padding-top: 25px;
    }

    .ptb_lp-25 {
        padding: 25px 0;
    }

    .pb_lp-30 {
        padding-bottom: 30px;
    }

    .pr_lp-30 {
        padding-right: 30px;
    }

    .pl_lp-30 {
        padding-left: 30px;
    }

    .pt_lp-30 {
        padding-top: 30px;
    }

    .ptb_lp-30 {
        padding: 30px 0;
    }

    .pb_lp-35 {
        padding-bottom: 35px;
    }

    .pr_lp-35 {
        padding-right: 35px;
    }

    .pl_lp-35 {
        padding-left: 35px;
    }

    .pt_lp-35 {
        padding-top: 35px;
    }

    .ptb_lp-35 {
        padding: 35px 0;
    }

    .pb_lp-40 {
        padding-bottom: 40px;
    }

    .pr_lp-40 {
        padding-right: 40px;
    }

    .pl_lp-40 {
        padding-left: 40px;
    }

    .pt_lp-40 {
        padding-top: 40px;
    }

    .ptb_lp-40 {
        padding: 40px 0;
    }

    .pb_lp-45 {
        padding-bottom: 45px;
    }

    .pr_lp-45 {
        padding-right: 45px;
    }

    .pl_lp-45 {
        padding-left: 45px;
    }

    .pt_lp-45 {
        padding-top: 45px;
    }

    .ptb_lp-45 {
        padding: 45px 0;
    }

    .pb_lp-50 {
        padding-bottom: 50px;
    }

    .pr_lp-50 {
        padding-right: 50px;
    }

    .pl_lp-50 {
        padding-left: 50px;
    }

    .pt_lp-50 {
        padding-top: 50px;
    }

    .ptb_lp-50 {
        padding: 50px 0;
    }

    .pb_lp-55 {
        padding-bottom: 55px;
    }

    .pr_lp-55 {
        padding-right: 55px;
    }

    .pl_lp-55 {
        padding-left: 55px;
    }

    .pt_lp-55 {
        padding-top: 55px;
    }

    .ptb_lp-55 {
        padding: 55px 0;
    }

    .pb_lp-60 {
        padding-bottom: 60px;
    }

    .pr_lp-60 {
        padding-right: 60px;
    }

    .pl_lp-60 {
        padding-left: 60px;
    }

    .pt_lp-60 {
        padding-top: 60px;
    }

    .ptb_lp-60 {
        padding: 60px 0;
    }

    .pb_lp-65 {
        padding-bottom: 65px;
    }

    .pr_lp-65 {
        padding-right: 65px;
    }

    .pl_lp-65 {
        padding-left: 65px;
    }

    .pt_lp-65 {
        padding-top: 65px;
    }

    .ptb_lp-65 {
        padding: 65px 0;
    }

    .pb_lp-70 {
        padding-bottom: 70px;
    }

    .pr_lp-70 {
        padding-right: 70px;
    }

    .pl_lp-70 {
        padding-left: 70px;
    }

    .pt_lp-70 {
        padding-top: 70px;
    }

    .ptb_lp-70 {
        padding: 70px 0;
    }

    .pb_lp-75 {
        padding-bottom: 75px;
    }

    .pr_lp-75 {
        padding-right: 75px;
    }

    .pl_lp-75 {
        padding-left: 75px;
    }

    .pt_lp-75 {
        padding-top: 75px;
    }

    .ptb_lp-75 {
        padding: 75px 0;
    }

    .pb_lp-80 {
        padding-bottom: 80px;
    }

    .pr_lp-80 {
        padding-right: 80px;
    }

    .pl_lp-80 {
        padding-left: 80px;
    }

    .pt_lp-80 {
        padding-top: 80px;
    }

    .ptb_lp-80 {
        padding: 80px 0;
    }

    .pb_lp-85 {
        padding-bottom: 85px;
    }

    .pr_lp-85 {
        padding-right: 85px;
    }

    .pl_lp-85 {
        padding-left: 85px;
    }

    .pt_lp-85 {
        padding-top: 85px;
    }

    .ptb_lp-85 {
        padding: 85px 0;
    }

    .pb_lp-90 {
        padding-bottom: 90px;
    }

    .pr_lp-90 {
        padding-right: 90px;
    }

    .pl_lp-90 {
        padding-left: 90px;
    }

    .pt_lp-90 {
        padding-top: 90px;
    }

    .ptb_lp-90 {
        padding: 90px 0;
    }

    .pb_lp-95 {
        padding-bottom: 95px;
    }

    .pr_lp-95 {
        padding-right: 95px;
    }

    .pl_lp-95 {
        padding-left: 95px;
    }

    .pt_lp-95 {
        padding-top: 95px;
    }

    .ptb_lp-95 {
        padding: 95px 0;
    }

    .pb_lp-100 {
        padding-bottom: 100px;
    }

    .pr_lp-100 {
        padding-right: 100px;
    }

    .pl_lp-100 {
        padding-left: 100px;
    }

    .pt_lp-100 {
        padding-top: 100px;
    }

    .ptb_lp-100 {
        padding: 100px 0;
    }

    .pb_lp-105 {
        padding-bottom: 105px;
    }

    .pr_lp-105 {
        padding-right: 105px;
    }

    .pl_lp-105 {
        padding-left: 105px;
    }

    .pt_lp-105 {
        padding-top: 105px;
    }

    .ptb_lp-105 {
        padding: 105px 0;
    }

    .pb_lp-110 {
        padding-bottom: 110px;
    }

    .pr_lp-110 {
        padding-right: 110px;
    }

    .pl_lp-110 {
        padding-left: 110px;
    }

    .pt_lp-110 {
        padding-top: 110px;
    }

    .ptb_lp-110 {
        padding: 110px 0;
    }

    .pb_lp-115 {
        padding-bottom: 115px;
    }

    .pr_lp-115 {
        padding-right: 115px;
    }

    .pl_lp-115 {
        padding-left: 115px;
    }

    .pt_lp-115 {
        padding-top: 115px;
    }

    .ptb_lp-115 {
        padding: 115px 0;
    }

    .pb_lp-120 {
        padding-bottom: 120px;
    }

    .pr_lp-120 {
        padding-right: 120px;
    }

    .pl_lp-120 {
        padding-left: 120px;
    }

    .pt_lp-120 {
        padding-top: 120px;
    }

    .ptb_lp-120 {
        padding: 120px 0;
    }

    .pb_lp-125 {
        padding-bottom: 125px;
    }

    .pr_lp-125 {
        padding-right: 125px;
    }

    .pl_lp-125 {
        padding-left: 125px;
    }

    .pt_lp-125 {
        padding-top: 125px;
    }

    .ptb_lp-125 {
        padding: 125px 0;
    }

    .pb_lp-130 {
        padding-bottom: 130px;
    }

    .pr_lp-130 {
        padding-right: 130px;
    }

    .pl_lp-130 {
        padding-left: 130px;
    }

    .pt_lp-130 {
        padding-top: 130px;
    }

    .ptb_lp-130 {
        padding: 130px 0;
    }

    .pb_lp-135 {
        padding-bottom: 135px;
    }

    .pr_lp-135 {
        padding-right: 135px;
    }

    .pl_lp-135 {
        padding-left: 135px;
    }

    .pt_lp-135 {
        padding-top: 135px;
    }

    .ptb_lp-135 {
        padding: 135px 0;
    }

    .pb_lp-140 {
        padding-bottom: 140px;
    }

    .pr_lp-140 {
        padding-right: 140px;
    }

    .pl_lp-140 {
        padding-left: 140px;
    }

    .pt_lp-140 {
        padding-top: 140px;
    }

    .ptb_lp-140 {
        padding: 140px 0;
    }

    .pb_lp-145 {
        padding-bottom: 145px;
    }

    .pr_lp-145 {
        padding-right: 145px;
    }

    .pl_lp-145 {
        padding-left: 145px;
    }

    .pt_lp-145 {
        padding-top: 145px;
    }

    .ptb_lp-145 {
        padding: 145px 0;
    }

    .pb_lp-150 {
        padding-bottom: 150px;
    }

    .pr_lp-150 {
        padding-right: 150px;
    }

    .pl_lp-150 {
        padding-left: 150px;
    }

    .pt_lp-150 {
        padding-top: 150px;
    }

    .ptb_lp-150 {
        padding: 150px 0;
    }

    .pb_lp-155 {
        padding-bottom: 155px;
    }

    .pr_lp-155 {
        padding-right: 155px;
    }

    .pl_lp-155 {
        padding-left: 155px;
    }

    .pt_lp-155 {
        padding-top: 155px;
    }

    .ptb_lp-155 {
        padding: 155px 0;
    }

    .pb_lp-160 {
        padding-bottom: 160px;
    }

    .pr_lp-160 {
        padding-right: 160px;
    }

    .pl_lp-160 {
        padding-left: 160px;
    }

    .pt_lp-160 {
        padding-top: 160px;
    }

    .ptb_lp-160 {
        padding: 160px 0;
    }

    .pb_lp-165 {
        padding-bottom: 165px;
    }

    .pr_lp-165 {
        padding-right: 165px;
    }

    .pl_lp-165 {
        padding-left: 165px;
    }

    .pt_lp-165 {
        padding-top: 165px;
    }

    .ptb_lp-165 {
        padding: 165px 0;
    }

    .pb_lp-170 {
        padding-bottom: 170px;
    }

    .pr_lp-170 {
        padding-right: 170px;
    }

    .pl_lp-170 {
        padding-left: 170px;
    }

    .pt_lp-170 {
        padding-top: 170px;
    }

    .ptb_lp-170 {
        padding: 170px 0;
    }
}

/*-- Padding Left Right --*/
.plr-5 {
    padding: 0 5px;
}

.plr-10 {
    padding: 0 10px;
}

.plr-15 {
    padding: 0 15px;
}

.plr-20 {
    padding: 0 20px;
}

.plr-25 {
    padding: 0 25px;
}

.plr-30 {
    padding: 0 30px;
}

.plr-35 {
    padding: 0 35px;
}

.plr-40 {
    padding: 0 40px;
}

.plr-45 {
    padding: 0 45px;
}

.plr-50 {
    padding: 0 50px;
}

.plr-55 {
    padding: 0 55px;
}

.plr-60 {
    padding: 0 60px;
}

.plr-65 {
    padding: 0 65px;
}

.plr-70 {
    padding: 0 70px;
}

.plr-75 {
    padding: 0 75px;
}

.plr-80 {
    padding: 0 80px;
}

.plr-85 {
    padding: 0 85px;
}

.plr-90 {
    padding: 0 90px;
}

.plr-95 {
    padding: 0 95px;
}

.plr-100 {
    padding: 0 100px;
}

.plr-105 {
    padding: 0 105px;
}

.plr-110 {
    padding: 0 110px;
}

.plr-115 {
    padding: 0 115px;
}

.plr-120 {
    padding: 0 120px;
}

.plr-125 {
    padding: 0 125px;
}

.plr-130 {
    padding: 0 130px;
}

.plr-135 {
    padding: 0 135px;
}

.plr-140 {
    padding: 0 140px;
}

.plr-145 {
    padding: 0 145px;
}

.plr-150 {
    padding: 0 150px;
}

.plr-155 {
    padding: 0 155px;
}

.plr-160 {
    padding: 0 160px;
}

.plr-165 {
    padding: 0 165px;
}

.plr-170 {
    padding: 0 170px;
}

.plr-175 {
    padding: 0 175px;
}

.plr-180 {
    padding: 0 180px;
}

.plr-185 {
    padding: 0 185px;
}

.plr-190 {
    padding: 0 190px;
}

.plr-195 {
    padding: 0 195px;
}

.plr-200 {
    padding: 0 200px;
}

.plr-205 {
    padding: 0 205px;
}

.plr-210 {
    padding: 0 210px;
}

.plr-215 {
    padding: 0 215px;
}

.plr-220 {
    padding: 0 220px;
}

.plr-225 {
    padding: 0 225px;
}

.plr-230 {
    padding: 0 230px;
}

.plr-235 {
    padding: 0 235px;
}

.plr-240 {
    padding: 0 240px;
}

.plr-245 {
    padding: 0 245px;
}

.plr-250 {
    padding: 0 250px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .plr_lg-5 {
        padding: 0 5px;
    }

    .plr_lg-10 {
        padding: 0 10px;
    }

    .plr_lg-15 {
        padding: 0 15px;
    }

    .plr_lg-20 {
        padding: 0 20px;
    }

    .plr_lg-25 {
        padding: 0 25px;
    }

    .plr_lg-30 {
        padding: 0 30px;
    }

    .plr_lg-35 {
        padding: 0 35px;
    }

    .plr_lg-40 {
        padding: 0 40px;
    }

    .plr_lg-45 {
        padding: 0 45px;
    }

    .plr_lg-50 {
        padding: 0 50px;
    }

    .plr_lg-55 {
        padding: 0 55px;
    }

    .plr_lg-60 {
        padding: 0 60px;
    }

    .plr_lg-65 {
        padding: 0 65px;
    }

    .plr_lg-70 {
        padding: 0 70px;
    }

    .plr_lg-75 {
        padding: 0 75px;
    }

    .plr_lg-80 {
        padding: 0 80px;
    }

    .plr_lg-85 {
        padding: 0 85px;
    }

    .plr_lg-90 {
        padding: 0 90px;
    }

    .plr_lg-95 {
        padding: 0 95px;
    }

    .plr_lg-100 {
        padding: 0 100px;
    }

    .plr_lg-105 {
        padding: 0 105px;
    }

    .plr_lg-110 {
        padding: 0 110px;
    }

    .plr_lg-115 {
        padding: 0 115px;
    }

    .plr_lg-120 {
        padding: 0 120px;
    }

    .plr_lg-125 {
        padding: 0 125px;
    }

    .plr_lg-130 {
        padding: 0 130px;
    }

    .plr_lg-135 {
        padding: 0 135px;
    }

    .plr_lg-140 {
        padding: 0 140px;
    }

    .plr_lg-145 {
        padding: 0 145px;
    }

    .plr_lg-150 {
        padding: 0 150px;
    }

    .plr_lg-155 {
        padding: 0 155px;
    }

    .plr_lg-160 {
        padding: 0 160px;
    }

    .plr_lg-165 {
        padding: 0 165px;
    }

    .plr_lg-170 {
        padding: 0 170px;
    }

    .plr_lg-175 {
        padding: 0 175px;
    }

    .plr_lg-180 {
        padding: 0 180px;
    }

    .plr_lg-185 {
        padding: 0 185px;
    }

    .plr_lg-190 {
        padding: 0 190px;
    }

    .plr_lg-195 {
        padding: 0 195px;
    }

    .plr_lg-200 {
        padding: 0 200px;
    }

    .plr_lg-205 {
        padding: 0 205px;
    }

    .plr_lg-210 {
        padding: 0 210px;
    }

    .plr_lg-215 {
        padding: 0 215px;
    }

    .plr_lg-220 {
        padding: 0 220px;
    }

    .plr_lg-225 {
        padding: 0 225px;
    }

    .plr_lg-230 {
        padding: 0 230px;
    }

    .plr_lg-235 {
        padding: 0 235px;
    }

    .plr_lg-240 {
        padding: 0 240px;
    }

    .plr_lg-245 {
        padding: 0 245px;
    }

    .plr_lg-250 {
        padding: 0 250px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .plr_lp-5 {
        padding: 0 5px;
    }

    .plr_lp-10 {
        padding: 0 10px;
    }

    .plr_lp-15 {
        padding: 0 15px;
    }

    .plr_lp-20 {
        padding: 0 20px;
    }

    .plr_lp-25 {
        padding: 0 25px;
    }

    .plr_lp-30 {
        padding: 0 30px;
    }

    .plr_lp-35 {
        padding: 0 35px;
    }

    .plr_lp-40 {
        padding: 0 40px;
    }

    .plr_lp-45 {
        padding: 0 45px;
    }

    .plr_lp-50 {
        padding: 0 50px;
    }

    .plr_lp-55 {
        padding: 0 55px;
    }

    .plr_lp-60 {
        padding: 0 60px;
    }

    .plr_lp-65 {
        padding: 0 65px;
    }

    .plr_lp-70 {
        padding: 0 70px;
    }

    .plr_lp-75 {
        padding: 0 75px;
    }

    .plr_lp-80 {
        padding: 0 80px;
    }

    .plr_lp-85 {
        padding: 0 85px;
    }

    .plr_lp-90 {
        padding: 0 90px;
    }

    .plr_lp-95 {
        padding: 0 95px;
    }

    .plr_lp-100 {
        padding: 0 100px;
    }

    .plr_lp-105 {
        padding: 0 105px;
    }

    .plr_lp-110 {
        padding: 0 110px;
    }

    .plr_lp-115 {
        padding: 0 115px;
    }

    .plr_lp-120 {
        padding: 0 120px;
    }

    .plr_lp-125 {
        padding: 0 125px;
    }

    .plr_lp-130 {
        padding: 0 130px;
    }

    .plr_lp-135 {
        padding: 0 135px;
    }

    .plr_lp-140 {
        padding: 0 140px;
    }

    .plr_lp-145 {
        padding: 0 145px;
    }

    .plr_lp-150 {
        padding: 0 150px;
    }

    .plr_lp-155 {
        padding: 0 155px;
    }

    .plr_lp-160 {
        padding: 0 160px;
    }

    .plr_lp-165 {
        padding: 0 165px;
    }

    .plr_lp-170 {
        padding: 0 170px;
    }

    .plr_lp-175 {
        padding: 0 175px;
    }

    .plr_lp-180 {
        padding: 0 180px;
    }

    .plr_lp-185 {
        padding: 0 185px;
    }

    .plr_lp-190 {
        padding: 0 190px;
    }

    .plr_lp-195 {
        padding: 0 195px;
    }

    .plr_lp-200 {
        padding: 0 200px;
    }

    .plr_lp-205 {
        padding: 0 205px;
    }

    .plr_lp-210 {
        padding: 0 210px;
    }

    .plr_lp-215 {
        padding: 0 215px;
    }

    .plr_lp-220 {
        padding: 0 220px;
    }

    .plr_lp-225 {
        padding: 0 225px;
    }

    .plr_lp-230 {
        padding: 0 230px;
    }

    .plr_lp-235 {
        padding: 0 235px;
    }

    .plr_lp-240 {
        padding: 0 240px;
    }

    .plr_lp-245 {
        padding: 0 245px;
    }

    .plr_lp-250 {
        padding: 0 250px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .plr_lp-5 {
        padding: 0 5px;
    }

    .plr_lp-10 {
        padding: 0 10px;
    }

    .plr_lp-15 {
        padding: 0 15px;
    }

    .plr_lp-20 {
        padding: 0 20px;
    }

    .plr_lp-25 {
        padding: 0 25px;
    }

    .plr_lp-30 {
        padding: 0 30px;
    }

    .plr_lp-35 {
        padding: 0 35px;
    }

    .plr_lp-40 {
        padding: 0 40px;
    }

    .plr_lp-45 {
        padding: 0 45px;
    }

    .plr_lp-50 {
        padding: 0 50px;
    }

    .plr_lp-55 {
        padding: 0 55px;
    }

    .plr_lp-60 {
        padding: 0 60px;
    }

    .plr_lp-65 {
        padding: 0 65px;
    }

    .plr_lp-70 {
        padding: 0 70px;
    }

    .plr_lp-75 {
        padding: 0 75px;
    }

    .plr_lp-80 {
        padding: 0 80px;
    }

    .plr_lp-85 {
        padding: 0 85px;
    }

    .plr_lp-90 {
        padding: 0 90px;
    }

    .plr_lp-95 {
        padding: 0 95px;
    }

    .plr_lp-100 {
        padding: 0 100px;
    }

    .plr_lp-105 {
        padding: 0 105px;
    }

    .plr_lp-110 {
        padding: 0 110px;
    }

    .plr_lp-115 {
        padding: 0 115px;
    }

    .plr_lp-120 {
        padding: 0 120px;
    }

    .plr_lp-125 {
        padding: 0 125px;
    }

    .plr_lp-130 {
        padding: 0 130px;
    }

    .plr_lp-135 {
        padding: 0 135px;
    }

    .plr_lp-140 {
        padding: 0 140px;
    }

    .plr_lp-145 {
        padding: 0 145px;
    }

    .plr_lp-150 {
        padding: 0 150px;
    }

    .plr_lp-155 {
        padding: 0 155px;
    }

    .plr_lp-160 {
        padding: 0 160px;
    }

    .plr_lp-165 {
        padding: 0 165px;
    }

    .plr_lp-170 {
        padding: 0 170px;
    }

    .plr_lp-175 {
        padding: 0 175px;
    }

    .plr_lp-180 {
        padding: 0 180px;
    }

    .plr_lp-185 {
        padding: 0 185px;
    }

    .plr_lp-190 {
        padding: 0 190px;
    }

    .plr_lp-195 {
        padding: 0 195px;
    }

    .plr_lp-200 {
        padding: 0 200px;
    }

    .plr_lp-205 {
        padding: 0 205px;
    }

    .plr_lp-210 {
        padding: 0 210px;
    }

    .plr_lp-215 {
        padding: 0 215px;
    }

    .plr_lp-220 {
        padding: 0 220px;
    }

    .plr_lp-225 {
        padding: 0 225px;
    }

    .plr_lp-230 {
        padding: 0 230px;
    }

    .plr_lp-235 {
        padding: 0 235px;
    }

    .plr_lp-240 {
        padding: 0 240px;
    }

    .plr_lp-245 {
        padding: 0 245px;
    }

    .plr_lp-250 {
        padding: 0 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .plr_md-5 {
        padding: 0 5px;
    }

    .plr_md-10 {
        padding: 0 10px;
    }

    .plr_md-15 {
        padding: 0 15px;
    }

    .plr_md-20 {
        padding: 0 20px;
    }

    .plr_md-25 {
        padding: 0 25px;
    }

    .plr_md-30 {
        padding: 0 30px;
    }

    .plr_md-35 {
        padding: 0 35px;
    }

    .plr_md-40 {
        padding: 0 40px;
    }

    .plr_md-45 {
        padding: 0 45px;
    }

    .plr_md-50 {
        padding: 0 50px;
    }

    .plr_md-55 {
        padding: 0 55px;
    }

    .plr_md-60 {
        padding: 0 60px;
    }

    .plr_md-65 {
        padding: 0 65px;
    }

    .plr_md-70 {
        padding: 0 70px;
    }

    .plr_md-75 {
        padding: 0 75px;
    }

    .plr_md-80 {
        padding: 0 80px;
    }

    .plr_md-85 {
        padding: 0 85px;
    }

    .plr_md-90 {
        padding: 0 90px;
    }

    .plr_md-95 {
        padding: 0 95px;
    }

    .plr_md-100 {
        padding: 0 100px;
    }

    .plr_md-105 {
        padding: 0 105px;
    }

    .plr_md-110 {
        padding: 0 110px;
    }

    .plr_md-115 {
        padding: 0 115px;
    }

    .plr_md-120 {
        padding: 0 120px;
    }

    .plr_md-125 {
        padding: 0 125px;
    }

    .plr_md-130 {
        padding: 0 130px;
    }

    .plr_md-135 {
        padding: 0 135px;
    }

    .plr_md-140 {
        padding: 0 140px;
    }

    .plr_md-145 {
        padding: 0 145px;
    }

    .plr_md-150 {
        padding: 0 150px;
    }

    .plr_md-155 {
        padding: 0 155px;
    }

    .plr_md-160 {
        padding: 0 160px;
    }

    .plr_md-165 {
        padding: 0 165px;
    }

    .plr_md-170 {
        padding: 0 170px;
    }

    .plr_md-175 {
        padding: 0 175px;
    }

    .plr_md-180 {
        padding: 0 180px;
    }

    .plr_md-185 {
        padding: 0 185px;
    }

    .plr_md-190 {
        padding: 0 190px;
    }

    .plr_md-195 {
        padding: 0 195px;
    }

    .plr_md-200 {
        padding: 0 200px;
    }

    .plr_md-205 {
        padding: 0 205px;
    }

    .plr_md-210 {
        padding: 0 210px;
    }

    .plr_md-215 {
        padding: 0 215px;
    }

    .plr_md-220 {
        padding: 0 220px;
    }

    .plr_md-225 {
        padding: 0 225px;
    }

    .plr_md-230 {
        padding: 0 230px;
    }

    .plr_md-235 {
        padding: 0 235px;
    }

    .plr_md-240 {
        padding: 0 240px;
    }

    .plr_md-245 {
        padding: 0 245px;
    }

    .plr_md-250 {
        padding: 0 250px;
    }
}

@media only screen and (max-width: 767px) {
    .plr_sm-5 {
        padding: 0 5px;
    }

    .plr_sm-10 {
        padding: 0 10px;
    }

    .plr_sm-15 {
        padding: 0 15px;
    }

    .plr_sm-20 {
        padding: 0 20px;
    }

    .plr_sm-25 {
        padding: 0 25px;
    }

    .plr_sm-30 {
        padding: 0 30px;
    }

    .plr_sm-35 {
        padding: 0 35px;
    }

    .plr_sm-40 {
        padding: 0 40px;
    }

    .plr_sm-45 {
        padding: 0 45px;
    }

    .plr_sm-50 {
        padding: 0 50px;
    }

    .plr_sm-55 {
        padding: 0 55px;
    }

    .plr_sm-60 {
        padding: 0 60px;
    }

    .plr_sm-65 {
        padding: 0 65px;
    }

    .plr_sm-70 {
        padding: 0 70px;
    }

    .plr_sm-75 {
        padding: 0 75px;
    }

    .plr_sm-80 {
        padding: 0 80px;
    }

    .plr_sm-85 {
        padding: 0 85px;
    }

    .plr_sm-90 {
        padding: 0 90px;
    }

    .plr_sm-95 {
        padding: 0 95px;
    }

    .plr_sm-100 {
        padding: 0 100px;
    }

    .plr_sm-105 {
        padding: 0 105px;
    }

    .plr_sm-110 {
        padding: 0 110px;
    }

    .plr_sm-115 {
        padding: 0 115px;
    }

    .plr_sm-120 {
        padding: 0 120px;
    }

    .plr_sm-125 {
        padding: 0 125px;
    }

    .plr_sm-130 {
        padding: 0 130px;
    }

    .plr_sm-135 {
        padding: 0 135px;
    }

    .plr_sm-140 {
        padding: 0 140px;
    }

    .plr_sm-145 {
        padding: 0 145px;
    }

    .plr_sm-150 {
        padding: 0 150px;
    }

    .plr_sm-155 {
        padding: 0 155px;
    }

    .plr_sm-160 {
        padding: 0 160px;
    }

    .plr_sm-165 {
        padding: 0 165px;
    }

    .plr_sm-170 {
        padding: 0 170px;
    }

    .plr_sm-175 {
        padding: 0 175px;
    }

    .plr_sm-180 {
        padding: 0 180px;
    }

    .plr_sm-185 {
        padding: 0 185px;
    }

    .plr_sm-190 {
        padding: 0 190px;
    }

    .plr_sm-195 {
        padding: 0 195px;
    }

    .plr_sm-200 {
        padding: 0 200px;
    }

    .plr_sm-205 {
        padding: 0 205px;
    }

    .plr_sm-210 {
        padding: 0 210px;
    }

    .plr_sm-215 {
        padding: 0 215px;
    }

    .plr_sm-220 {
        padding: 0 220px;
    }

    .plr_sm-225 {
        padding: 0 225px;
    }

    .plr_sm-230 {
        padding: 0 230px;
    }

    .plr_sm-235 {
        padding: 0 235px;
    }

    .plr_sm-240 {
        padding: 0 240px;
    }

    .plr_sm-245 {
        padding: 0 245px;
    }

    .plr_sm-250 {
        padding: 0 250px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pr_lg-0 {
        padding-right: 0;
    }

    .pl_lg-0 {
        padding-left: 0;
    }

    .pb_lg-5 {
        padding-bottom: 5px;
    }

    .pt_lg-5 {
        padding-top: 5px;
    }

    .pb_lg-10 {
        padding-bottom: 10px;
    }

    .pt_lg-10 {
        padding-top: 10px;
    }

    .pb_lg-15 {
        padding-bottom: 15px;
    }

    .pt_lg-15 {
        padding-top: 15px;
    }

    .pb_lg-20 {
        padding-bottom: 20px;
    }

    .pt_lg-20 {
        padding-top: 20px;
    }

    .pb_lg-25 {
        padding-bottom: 25px;
    }

    .pt_lg-25 {
        padding-top: 25px;
    }

    .pb_lg-30 {
        padding-bottom: 30px;
    }

    .pt_lg-30 {
        padding-top: 30px;
    }

    .pb_lg-35 {
        padding-bottom: 35px;
    }

    .pt_lg-35 {
        padding-top: 35px;
    }

    .pb_lg-40 {
        padding-bottom: 40px;
    }

    .pt_lg-40 {
        padding-top: 40px;
    }

    .pb_lg-45 {
        padding-bottom: 45px;
    }

    .pt_lg-45 {
        padding-top: 45px;
    }

    .pb_lg-50 {
        padding-bottom: 50px;
    }

    .pt_lg-50 {
        padding-top: 50px;
    }

    .pb_lg-55 {
        padding-bottom: 55px;
    }

    .pt_lg-55 {
        padding-top: 55px;
    }

    .pb_lg-60 {
        padding-bottom: 60px;
    }

    .pt_lg-60 {
        padding-top: 60px;
    }

    .pb_lg-65 {
        padding-bottom: 65px;
    }

    .pt_lg-65 {
        padding-top: 65px;
    }

    .pb_lg-70 {
        padding-bottom: 70px;
    }

    .pt_lg-70 {
        padding-top: 70px;
    }

    .pb_lg-75 {
        padding-bottom: 75px;
    }

    .pt_lg-75 {
        padding-top: 75px;
    }

    .pb_lg-80 {
        padding-bottom: 80px;
    }

    .pt_lg-80 {
        padding-top: 80px;
    }

    .pb_lg-85 {
        padding-bottom: 85px;
    }

    .pt_lg-85 {
        padding-top: 85px;
    }

    .pb_lg-90 {
        padding-bottom: 90px;
    }

    .pt_lg-90 {
        padding-top: 90px;
    }

    .pb_lg-95 {
        padding-bottom: 95px;
    }

    .pt_lg-95 {
        padding-top: 95px;
    }

    .pb_lg-100 {
        padding-bottom: 100px;
    }

    .pt_lg-100 {
        padding-top: 100px;
    }

    .pb_lg-105 {
        padding-bottom: 105px;
    }

    .pt_lg-105 {
        padding-top: 105px;
    }

    .pb_lg-110 {
        padding-bottom: 110px;
    }

    .pt_lg-110 {
        padding-top: 110px;
    }

    .pb_lg-115 {
        padding-bottom: 115px;
    }

    .pt_lg-115 {
        padding-top: 115px;
    }

    .pb_lg-120 {
        padding-bottom: 120px;
    }

    .pt_lg-120 {
        padding-top: 120px;
    }

    .pb_lg-125 {
        padding-bottom: 125px;
    }

    .pt_lg-125 {
        padding-top: 125px;
    }

    .pb_lg-130 {
        padding-bottom: 130px;
    }

    .pt_lg-130 {
        padding-top: 130px;
    }

    .pb_lg-135 {
        padding-bottom: 135px;
    }

    .pt_lg-135 {
        padding-top: 135px;
    }

    .pb_lg-140 {
        padding-bottom: 140px;
    }

    .pt_lg-140 {
        padding-top: 140px;
    }

    .pb_lg-145 {
        padding-bottom: 145px;
    }

    .pt_lg-145 {
        padding-top: 145px;
    }

    .pb_lg-150 {
        padding-bottom: 150px;
    }

    .pt_lg-150 {
        padding-top: 150px;
    }

    .pb_lg-155 {
        padding-bottom: 155px;
    }

    .pt_lg-155 {
        padding-top: 155px;
    }

    .pb_lg-160 {
        padding-bottom: 160px;
    }

    .pt_lg-160 {
        padding-top: 160px;
    }

    .pb_lg-165 {
        padding-bottom: 165px;
    }

    .pt_lg-165 {
        padding-top: 165px;
    }

    .pb_lg-170 {
        padding-bottom: 170px;
    }

    .pt_lg-170 {
        padding-top: 170px;
    }

    .pb_lg-175 {
        padding-bottom: 175px;
    }

    .pt_lg-175 {
        padding-top: 175px;
    }

    .pb_lg-180 {
        padding-bottom: 180px;
    }

    .pt_lg-180 {
        padding-top: 180px;
    }

    .pb_lg-185 {
        padding-bottom: 185px;
    }

    .pt_lg-185 {
        padding-top: 185px;
    }

    .pb_lg-190 {
        padding-bottom: 190px;
    }

    .pt_lg-190 {
        padding-top: 190px;
    }

    .pb_lg-195 {
        padding-bottom: 195px;
    }

    .pt_lg-195 {
        padding-top: 195px;
    }

    .pb_lg-200 {
        padding-bottom: 200px;
    }

    .pt_lg-200 {
        padding-top: 200px;
    }

    .pb_lg-205 {
        padding-bottom: 205px;
    }

    .pt_lg-205 {
        padding-top: 205px;
    }

    .pb_lg-210 {
        padding-bottom: 210px;
    }

    .pt_lg-210 {
        padding-top: 210px;
    }

    .pb_lg-215 {
        padding-bottom: 215px;
    }

    .pt_lg-215 {
        padding-top: 215px;
    }

    .pb_lg-220 {
        padding-bottom: 220px;
    }

    .pt_lg-220 {
        padding-top: 220px;
    }

    .pb_lg-225 {
        padding-bottom: 225px;
    }

    .pt_lg-225 {
        padding-top: 225px;
    }

    .pb_lg-230 {
        padding-bottom: 230px;
    }

    .pt_lg-230 {
        padding-top: 230px;
    }

    .pb_lg-235 {
        padding-bottom: 235px;
    }

    .pt_lg-235 {
        padding-top: 235px;
    }

    .pb_lg-240 {
        padding-bottom: 240px;
    }

    .pt_lg-240 {
        padding-top: 240px;
    }

    .pb_lg-245 {
        padding-bottom: 245px;
    }

    .pt_lg-245 {
        padding-top: 245px;
    }

    .pb_lg-250 {
        padding-bottom: 250px;
    }

    .pt_lg-250 {
        padding-top: 250px;
    }

    .pb_lg-255 {
        padding-bottom: 255px;
    }

    .pt_lg-255 {
        padding-top: 255px;
    }

    .pb_lg-260 {
        padding-bottom: 260px;
    }

    .pt_lg-260 {
        padding-top: 260px;
    }

    .pb_lg-265 {
        padding-bottom: 265px;
    }

    .pt_lg-265 {
        padding-top: 265px;
    }

    .pb_lg-270 {
        padding-bottom: 270px;
    }

    .pt_lg-270 {
        padding-top: 270px;
    }

    .pb_lg-275 {
        padding-bottom: 275px;
    }

    .pt_lg-275 {
        padding-top: 275px;
    }

    .pb_lg-280 {
        padding-bottom: 280px;
    }

    .pt_lg-280 {
        padding-top: 280px;
    }

    .pb_lg-285 {
        padding-bottom: 285px;
    }

    .pt_lg-285 {
        padding-top: 285px;
    }

    .pb_lg-290 {
        padding-bottom: 290px;
    }

    .pt_lg-290 {
        padding-top: 290px;
    }

    .pb_lg-295 {
        padding-bottom: 295px;
    }

    .pt_lg-295 {
        padding-top: 295px;
    }

    .pb_lg-300 {
        padding-bottom: 300px;
    }

    .pt_lg-300 {
        padding-top: 300px;
    }

    .pt_lg-300 {
        padding-top: 300px;
    }

    .pl_lg-5 {
        padding-left: 5px;
    }

    .pr_lg-5 {
        padding-right: 5px;
    }

    .ptb-lg-5 {
        padding: 5px 0;
    }

    .pl_lg-10 {
        padding-left: 10px;
    }

    .pr_lg-10 {
        padding-right: 10px;
    }

    .ptb-lg-10 {
        padding: 10px 0;
    }

    .pl_lg-15 {
        padding-left: 15px;
    }

    .pr_lg-15 {
        padding-right: 15px;
    }

    .ptb-lg-15 {
        padding: 15px 0;
    }

    .pl_lg-20 {
        padding-left: 20px;
    }

    .pr_lg-20 {
        padding-right: 20px;
    }

    .ptb-lg-20 {
        padding: 20px 0;
    }

    .pl_lg-25 {
        padding-left: 25px;
    }

    .pr_lg-25 {
        padding-right: 25px;
    }

    .ptb-lg-25 {
        padding: 25px 0;
    }

    .pl_lg-30 {
        padding-left: 30px;
    }

    .pr_lg-30 {
        padding-right: 30px;
    }

    .ptb-lg-30 {
        padding: 30px 0;
    }

    .pl_lg-35 {
        padding-left: 35px;
    }

    .pr_lg-35 {
        padding-right: 35px;
    }

    .ptb-lg-35 {
        padding: 35px 0;
    }

    .pl_lg-40 {
        padding-left: 40px;
    }

    .pr_lg-40 {
        padding-right: 40px;
    }

    .ptb-lg-40 {
        padding: 40px 0;
    }

    .pl_lg-45 {
        padding-left: 45px;
    }

    .pr_lg-45 {
        padding-right: 45px;
    }

    .ptb-lg-45 {
        padding: 45px 0;
    }

    .pl_lg-50 {
        padding-left: 50px;
    }

    .pr_lg-50 {
        padding-right: 50px;
    }

    .ptb-lg-50 {
        padding: 50px 0;
    }

    .pl_lg-55 {
        padding-left: 55px;
    }

    .pr_lg-55 {
        padding-right: 55px;
    }

    .ptb-lg-55 {
        padding: 55px 0;
    }

    .pl_lg-60 {
        padding-left: 60px;
    }

    .pr_lg-60 {
        padding-right: 60px;
    }

    .ptb-lg-60 {
        padding: 60px 0;
    }

    .pl_lg-65 {
        padding-left: 65px;
    }

    .pr_lg-65 {
        padding-right: 65px;
    }

    .ptb-lg-65 {
        padding: 65px 0;
    }

    .pl_lg-70 {
        padding-left: 70px;
    }

    .pr_lg-70 {
        padding-right: 70px;
    }

    .ptb-lg-70 {
        padding: 70px 0;
    }

    .pl_lg-75 {
        padding-left: 75px;
    }

    .pr_lg-75 {
        padding-right: 75px;
    }

    .ptb-lg-75 {
        padding: 75px 0;
    }

    .pl_lg-80 {
        padding-left: 80px;
    }

    .pr_lg-80 {
        padding-right: 80px;
    }

    .ptb-lg-80 {
        padding: 80px 0;
    }

    .pl_lg-85 {
        padding-left: 85px;
    }

    .pr_lg-85 {
        padding-right: 85px;
    }

    .ptb-lg-85 {
        padding: 85px 0;
    }

    .pl_lg-90 {
        padding-left: 90px;
    }

    .pr_lg-90 {
        padding-right: 90px;
    }

    .ptb-lg-90 {
        padding: 90px 0;
    }

    .pl_lg-95 {
        padding-left: 95px;
    }

    .pr_lg-95 {
        padding-right: 95px;
    }

    .ptb-lg-95 {
        padding: 95px 0;
    }

    .pl_lg-100 {
        padding-left: 100px;
    }

    .pr_lg-100 {
        padding-right: 100px;
    }

    .ptb-lg-100 {
        padding: 100px 0;
    }

    .pl_lg-105 {
        padding-left: 105px;
    }

    .pr_lg-105 {
        padding-right: 105px;
    }

    .ptb-lg-105 {
        padding: 105px 0;
    }

    .pl_lg-110 {
        padding-left: 110px;
    }

    .pr_lg-110 {
        padding-right: 110px;
    }

    .ptb-lg-110 {
        padding: 110px 0;
    }

    .pl_lg-115 {
        padding-left: 115px;
    }

    .pr_lg-115 {
        padding-right: 115px;
    }

    .ptb-lg-115 {
        padding: 115px 0;
    }

    .pl_lg-120 {
        padding-left: 120px;
    }

    .pr_lg-120 {
        padding-right: 120px;
    }

    .ptb-lg-120 {
        padding: 120px 0;
    }

    .pl_lg-125 {
        padding-left: 125px;
    }

    .pr_lg-125 {
        padding-right: 125px;
    }

    .ptb-lg-125 {
        padding: 125px 0;
    }

    .pl_lg-130 {
        padding-left: 130px;
    }

    .pr_lg-130 {
        padding-right: 130px;
    }

    .ptb-lg-130 {
        padding: 130px 0;
    }

    .pl_lg-135 {
        padding-left: 135px;
    }

    .pr_lg-135 {
        padding-right: 135px;
    }

    .ptb-lg-135 {
        padding: 135px 0;
    }

    .pl_lg-140 {
        padding-left: 140px;
    }

    .pr_lg-140 {
        padding-right: 140px;
    }

    .ptb-lg-140 {
        padding: 140px 0;
    }

    .pl_lg-145 {
        padding-left: 145px;
    }

    .pr_lg-145 {
        padding-right: 145px;
    }

    .ptb-lg-145 {
        padding: 145px 0;
    }

    .pl_lg-150 {
        padding-left: 150px;
    }

    .pr_lg-150 {
        padding-right: 150px;
    }

    .ptb-lg-150 {
        padding: 150px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pr_md-0 {
        padding-right: 0;
    }

    .pl_md-0 {
        padding-left: 0;
    }

    .pb_md-335 {
        padding-bottom: 360px;
    }

    .pb_md-5 {
        padding-bottom: 5px;
    }

    .pb_md-10 {
        padding-bottom: 10px;
    }

    .pb_md-15 {
        padding-bottom: 15px;
    }

    .pb_md-20 {
        padding-bottom: 20px;
    }

    .pb_md-25 {
        padding-bottom: 25px;
    }

    .pb_md-30 {
        padding-bottom: 30px;
    }

    .pb_md-35 {
        padding-bottom: 35px;
    }

    .pb_md-40 {
        padding-bottom: 40px;
    }

    .pb_md-45 {
        padding-bottom: 45px;
    }

    .pb_md-50 {
        padding-bottom: 50px;
    }

    .pb_md-55 {
        padding-bottom: 55px;
    }

    .pb_md-60 {
        padding-bottom: 60px;
    }

    .pb_md-65 {
        padding-bottom: 65px;
    }

    .pb_md-70 {
        padding-bottom: 70px;
    }

    .pb_md-75 {
        padding-bottom: 75px;
    }

    .pb_md-80 {
        padding-bottom: 80px;
    }

    .pb_md-85 {
        padding-bottom: 85px;
    }

    .pb_md-90 {
        padding-bottom: 90px;
    }

    .pb_md-95 {
        padding-bottom: 95px;
    }

    .pb_md-100 {
        padding-bottom: 100px;
    }

    .pb_md-105 {
        padding-bottom: 105px;
    }

    .pb_md-110 {
        padding-bottom: 110px;
    }

    .pb_md-115 {
        padding-bottom: 115px;
    }

    .pb_md-120 {
        padding-bottom: 120px;
    }

    .pb_md-125 {
        padding-bottom: 125px;
    }

    .pb_md-130 {
        padding-bottom: 130px;
    }

    .pb_md-135 {
        padding-bottom: 135px;
    }

    .pb_md-140 {
        padding-bottom: 140px;
    }

    .pb_md-145 {
        padding-bottom: 145px;
    }

    .pb_md-150 {
        padding-bottom: 150px;
    }

    .pb_md-155 {
        padding-bottom: 155px;
    }

    .pb_md-160 {
        padding-bottom: 160px;
    }

    .pb_md-165 {
        padding-bottom: 165px;
    }

    .pb_md-170 {
        padding-bottom: 170px;
    }

    .pb_md-175 {
        padding-bottom: 175px;
    }

    .pb_md-180 {
        padding-bottom: 180px;
    }

    .pb_md-185 {
        padding-bottom: 185px;
    }

    .pb_md-190 {
        padding-bottom: 190px;
    }

    .pb_md-195 {
        padding-bottom: 195px;
    }

    .pb_md-200 {
        padding-bottom: 200px;
    }

    .pl_md-5 {
        padding-left: 5px;
    }

    .pr_md-5 {
        padding-right: 5px;
    }

    .pl_md-10 {
        padding-left: 10px;
    }

    .pr_md-10 {
        padding-right: 10px;
    }

    .pl_md-15 {
        padding-left: 15px;
    }

    .pr_md-15 {
        padding-right: 15px;
    }

    .pl_md-20 {
        padding-left: 20px;
    }

    .pr_md-20 {
        padding-right: 20px;
    }

    .pl_md-25 {
        padding-left: 25px;
    }

    .pr_md-25 {
        padding-right: 25px;
    }

    .pl_md-30 {
        padding-left: 30px;
    }

    .pr_md-30 {
        padding-right: 30px;
    }

    .pl_md-35 {
        padding-left: 35px;
    }

    .pr_md-35 {
        padding-right: 35px;
    }

    .pl_md-40 {
        padding-left: 40px;
    }

    .pr_md-40 {
        padding-right: 40px;
    }

    .pl_md-45 {
        padding-left: 45px;
    }

    .pr_md-45 {
        padding-right: 45px;
    }

    .pl_md-50 {
        padding-left: 50px;
    }

    .pr_md-50 {
        padding-right: 50px;
    }

    .pl_md-55 {
        padding-left: 55px;
    }

    .pr_md-55 {
        padding-right: 55px;
    }

    .pl_md-60 {
        padding-left: 60px;
    }

    .pr_md-60 {
        padding-right: 60px;
    }

    .pl_md-65 {
        padding-left: 65px;
    }

    .pr_md-65 {
        padding-right: 65px;
    }

    .pl_md-70 {
        padding-left: 70px;
    }

    .pr_md-70 {
        padding-right: 70px;
    }

    .pl_md-75 {
        padding-left: 75px;
    }

    .pr_md-75 {
        padding-right: 75px;
    }

    .pl_md-80 {
        padding-left: 80px;
    }

    .pr_md-80 {
        padding-right: 80px;
    }

    .pl_md-85 {
        padding-left: 85px;
    }

    .pr_md-85 {
        padding-right: 85px;
    }

    .pl_md-90 {
        padding-left: 90px;
    }

    .pr_md-90 {
        padding-right: 90px;
    }

    .pl_md-95 {
        padding-left: 95px;
    }

    .pr_md-95 {
        padding-right: 95px;
    }

    .pl_md-100 {
        padding-left: 100px;
    }

    .pr_md-100 {
        padding-right: 100px;
    }

    .pt_md-5 {
        padding-top: 5px;
    }

    .pt_md-10 {
        padding-top: 10px;
    }

    .pt_md-15 {
        padding-top: 15px;
    }

    .pt_md-20 {
        padding-top: 20px;
    }

    .pt_md-25 {
        padding-top: 25px;
    }

    .pt_md-30 {
        padding-top: 30px;
    }

    .pt_md-35 {
        padding-top: 35px;
    }

    .pt_md-40 {
        padding-top: 40px;
    }

    .pt_md-45 {
        padding-top: 45px;
    }

    .pt_md-50 {
        padding-top: 50px;
    }

    .pt_md-55 {
        padding-top: 55px;
    }

    .pt_md-60 {
        padding-top: 60px;
    }

    .pt_md-65 {
        padding-top: 65px;
    }

    .pt_md-70 {
        padding-top: 70px;
    }

    .pt_md-75 {
        padding-top: 75px;
    }

    .pt_md-80 {
        padding-top: 80px;
    }

    .pt_md-85 {
        padding-top: 85px;
    }

    .pt_md-90 {
        padding-top: 90px;
    }

    .pt_md-95 {
        padding-top: 95px;
    }

    .pt_md-100 {
        padding-top: 100px;
    }

    .pt_md-105 {
        padding-top: 105px;
    }

    .pt_md-110 {
        padding-top: 110px;
    }

    .pt_md-115 {
        padding-top: 115px;
    }

    .pt_md-120 {
        padding-top: 120px;
    }

    .pt_md-125 {
        padding-top: 125px;
    }

    .pt_md-130 {
        padding-top: 130px;
    }

    .pt_md-135 {
        padding-top: 135px;
    }

    .pt_md-140 {
        padding-top: 140px;
    }

    .pt_md-145 {
        padding-top: 145px;
    }

    .pt_md-150 {
        padding-top: 150px;
    }

    .pt_md-155 {
        padding-top: 155px;
    }

    .pt_md-160 {
        padding-top: 160px;
    }

    .pt_md-165 {
        padding-top: 165px;
    }

    .pt_md-170 {
        padding-top: 170px;
    }

    .pt_md-175 {
        padding-top: 175px;
    }

    .pt_md-180 {
        padding-top: 180px;
    }

    .pt_md-185 {
        padding-top: 185px;
    }

    .pt_md-190 {
        padding-top: 190px;
    }

    .pt_md-195 {
        padding-top: 195px;
    }

    .pt_md-200 {
        padding-top: 200px;
    }

    .pt_md-205 {
        padding-top: 205px;
    }

    .pt_md-210 {
        padding-top: 210px;
    }

    .pt_md-215 {
        padding-top: 215px;
    }

    .pt_md-220 {
        padding-top: 220px;
    }

    .pt_md-225 {
        padding-top: 225px;
    }

    .pt_md-230 {
        padding-top: 230px;
    }

    .pt_md-235 {
        padding-top: 235px;
    }

    .pt_md-240 {
        padding-top: 240px;
    }

    .pt_md-245 {
        padding-top: 245px;
    }

    .pt_md-250 {
        padding-top: 250px;
    }

    .pt_md-255 {
        padding-top: 255px;
    }

    .pt_md-260 {
        padding-top: 260px;
    }

    .pt_md-265 {
        padding-top: 265px;
    }

    .pt_md-270 {
        padding-top: 270px;
    }

    .pt_md-275 {
        padding-top: 275px;
    }

    .pt_md-280 {
        padding-top: 280px;
    }

    .pt_md-285 {
        padding-top: 285px;
    }

    .pt_md-290 {
        padding-top: 290px;
    }

    .pt_md-295 {
        padding-top: 295px;
    }

    .pt_md-300 {
        padding-top: 300px;
    }

    .ptb-md-5 {
        padding: 5px 0;
    }

    .ptb-md-10 {
        padding: 10px 0;
    }

    .ptb-md-15 {
        padding: 15px 0;
    }

    .ptb-md-20 {
        padding: 20px 0;
    }

    .ptb-md-25 {
        padding: 25px 0;
    }

    .ptb-md-30 {
        padding: 30px 0;
    }

    .ptb-md-35 {
        padding: 35px 0;
    }

    .ptb-md-40 {
        padding: 40px 0;
    }

    .ptb-md-45 {
        padding: 45px 0;
    }

    .ptb-md-50 {
        padding: 50px 0;
    }

    .ptb-md-55 {
        padding: 55px 0;
    }

    .ptb-md-60 {
        padding: 60px 0;
    }

    .ptb-md-65 {
        padding: 65px 0;
    }

    .ptb-md-70 {
        padding: 70px 0;
    }

    .ptb-md-75 {
        padding: 75px 0;
    }

    .ptb-md-80 {
        padding: 80px 0;
    }

    .ptb-md-85 {
        padding: 85px 0;
    }

    .ptb-md-90 {
        padding: 90px 0;
    }

    .ptb-md-95 {
        padding: 95px 0;
    }

    .ptb-md-100 {
        padding: 100px 0;
    }

    .ptb-md-105 {
        padding: 105px 0;
    }

    .ptb-md-110 {
        padding: 110px 0;
    }

    .ptb-md-115 {
        padding: 115px 0;
    }

    .ptb-md-120 {
        padding: 120px 0;
    }

    .ptb-md-125 {
        padding: 125px 0;
    }

    .ptb-md-130 {
        padding: 130px 0;
    }

    .ptb-md-135 {
        padding: 135px 0;
    }

    .ptb-md-140 {
        padding: 140px 0;
    }

    .ptb-md-145 {
        padding: 145px 0;
    }

    .ptb-md-150 {
        padding: 150px 0;
    }

    .space_dec_md-180 {
        margin-top: -180px;
    }
}

.ptb-md-320 {
    padding: 320px 0;
}

@media only screen and (max-width: 767px) {
    .pb_sm-360 {
        padding-bottom: 360px;
    }

    .pr_sm-0 {
        padding-right: 0;
    }

    .pl_sm-0 {
        padding-left: 0;
    }

    .pb_sm-5 {
        padding-bottom: 5px;
    }

    .pb_sm-10 {
        padding-bottom: 10px;
    }

    .pb_sm-15 {
        padding-bottom: 15px;
    }

    .pb_sm-20 {
        padding-bottom: 20px;
    }

    .pb_sm-25 {
        padding-bottom: 25px;
    }

    .pb_sm-30 {
        padding-bottom: 30px;
    }

    .pb_sm-35 {
        padding-bottom: 35px;
    }

    .pb_sm-40 {
        padding-bottom: 40px;
    }

    .pb_sm-45 {
        padding-bottom: 45px;
    }

    .pb_sm-50 {
        padding-bottom: 50px;
    }

    .pb_sm-55 {
        padding-bottom: 55px;
    }

    .pb_sm-60 {
        padding-bottom: 60px;
    }

    .pb_sm-65 {
        padding-bottom: 65px;
    }

    .pb_sm-70 {
        padding-bottom: 70px;
    }

    .pb_sm-75 {
        padding-bottom: 75px;
    }

    .pb_sm-80 {
        padding-bottom: 80px;
    }

    .pb_sm-85 {
        padding-bottom: 85px;
    }

    .pb_sm-90 {
        padding-bottom: 90px;
    }

    .pb_sm-95 {
        padding-bottom: 95px;
    }

    .pb_sm-100 {
        padding-bottom: 100px;
    }

    .pb_sm-105 {
        padding-bottom: 105px;
    }

    .pb_sm-110 {
        padding-bottom: 110px;
    }

    .pb_sm-115 {
        padding-bottom: 115px;
    }

    .pb_sm-120 {
        padding-bottom: 120px;
    }

    .pb_sm-125 {
        padding-bottom: 125px;
    }

    .pb_sm-130 {
        padding-bottom: 130px;
    }

    .pb_sm-135 {
        padding-bottom: 135px;
    }

    .pb_sm-140 {
        padding-bottom: 140px;
    }

    .pb_sm-145 {
        padding-bottom: 145px;
    }

    .pb_sm-150 {
        padding-bottom: 150px;
    }

    .pb_sm-155 {
        padding-bottom: 155px;
    }

    .pb_sm-160 {
        padding-bottom: 160px;
    }

    .pb_sm-165 {
        padding-bottom: 165px;
    }

    .pb_sm-170 {
        padding-bottom: 170px;
    }

    .pb_sm-175 {
        padding-bottom: 175px;
    }

    .pb_sm-180 {
        padding-bottom: 180px;
    }

    .pb_sm-185 {
        padding-bottom: 185px;
    }

    .pb_sm-190 {
        padding-bottom: 190px;
    }

    .pb_sm-195 {
        padding-bottom: 195px;
    }

    .pb_sm-200 {
        padding-bottom: 200px;
    }

    .pl_sm-5 {
        padding-left: 5px;
    }

    .pl_sm-10 {
        padding-left: 10px;
    }

    .pl_sm-15 {
        padding-left: 15px;
    }

    .pl_sm-20 {
        padding-left: 20px;
    }

    .pl_sm-25 {
        padding-left: 25px;
    }

    .pl_sm-30 {
        padding-left: 30px;
    }

    .pl_sm-35 {
        padding-left: 35px;
    }

    .pl_sm-40 {
        padding-left: 40px;
    }

    .pl_sm-45 {
        padding-left: 45px;
    }

    .pl_sm-50 {
        padding-left: 50px;
    }

    .pl_sm-55 {
        padding-left: 55px;
    }

    .pl_sm-60 {
        padding-left: 60px;
    }

    .pl_sm-65 {
        padding-left: 65px;
    }

    .pl_sm-70 {
        padding-left: 70px;
    }

    .pl_sm-75 {
        padding-left: 75px;
    }

    .pl_sm-80 {
        padding-left: 80px;
    }

    .pl_sm-85 {
        padding-left: 85px;
    }

    .pl_sm-90 {
        padding-left: 90px;
    }

    .pl_sm-95 {
        padding-left: 95px;
    }

    .pl_sm-100 {
        padding-left: 100px;
    }

    .pr_sm-5 {
        padding-right: 5px;
    }

    .pr_sm-10 {
        padding-right: 10px;
    }

    .pr_sm-15 {
        padding-right: 15px;
    }

    .pr_sm-20 {
        padding-right: 20px;
    }

    .pr_sm-25 {
        padding-right: 25px;
    }

    .pr_sm-30 {
        padding-right: 30px;
    }

    .pr_sm-35 {
        padding-right: 35px;
    }

    .pr_sm-40 {
        padding-right: 40px;
    }

    .pr_sm-45 {
        padding-right: 45px;
    }

    .pr_sm-50 {
        padding-right: 50px;
    }

    .pr_sm-55 {
        padding-right: 55px;
    }

    .pr_sm-60 {
        padding-right: 60px;
    }

    .pr_sm-65 {
        padding-right: 65px;
    }

    .pr_sm-70 {
        padding-right: 70px;
    }

    .pr_sm-75 {
        padding-right: 75px;
    }

    .pr_sm-80 {
        padding-right: 80px;
    }

    .pr_sm-85 {
        padding-right: 85px;
    }

    .pr_sm-90 {
        padding-right: 90px;
    }

    .pr_sm-95 {
        padding-right: 95px;
    }

    .pr_sm-100 {
        padding-right: 100px;
    }

    .pt_sm-5 {
        padding-top: 5px;
    }

    .pt_sm-10 {
        padding-top: 10px;
    }

    .pt_sm-15 {
        padding-top: 15px;
    }

    .pt_sm-20 {
        padding-top: 20px;
    }

    .pt_sm-25 {
        padding-top: 25px;
    }

    .pt_sm-30 {
        padding-top: 30px;
    }

    .pt_sm-35 {
        padding-top: 35px;
    }

    .pt_sm-40 {
        padding-top: 40px;
    }

    .pt_sm-45 {
        padding-top: 45px;
    }

    .pt_sm-50 {
        padding-top: 50px;
    }

    .pt_sm-55 {
        padding-top: 55px;
    }

    .pt_sm-60 {
        padding-top: 60px;
    }

    .pt_sm-65 {
        padding-top: 65px;
    }

    .pt_sm-70 {
        padding-top: 70px;
    }

    .pt_sm-75 {
        padding-top: 75px;
    }

    .pt_sm-80 {
        padding-top: 80px;
    }

    .pt_sm-85 {
        padding-top: 85px;
    }

    .pt_sm-90 {
        padding-top: 90px;
    }

    .pt_sm-95 {
        padding-top: 95px;
    }

    .pt_sm-100 {
        padding-top: 100px;
    }

    .pt_sm-105 {
        padding-top: 105px;
    }

    .pt_sm-110 {
        padding-top: 110px;
    }

    .pt_sm-115 {
        padding-top: 115px;
    }

    .pt_sm-120 {
        padding-top: 120px;
    }

    .pt_sm-125 {
        padding-top: 125px;
    }

    .pt_sm-130 {
        padding-top: 130px;
    }

    .pt_sm-135 {
        padding-top: 135px;
    }

    .pt_sm-140 {
        padding-top: 140px;
    }

    .pt_sm-145 {
        padding-top: 145px;
    }

    .pt_sm-150 {
        padding-top: 150px;
    }

    .pt_sm-155 {
        padding-top: 155px;
    }

    .pt_sm-160 {
        padding-top: 160px;
    }

    .pt_sm-165 {
        padding-top: 165px;
    }

    .pt_sm-170 {
        padding-top: 170px;
    }

    .pt_sm-175 {
        padding-top: 175px;
    }

    .pt_sm-180 {
        padding-top: 180px;
    }

    .pt_sm-185 {
        padding-top: 185px;
    }

    .pt_sm-190 {
        padding-top: 190px;
    }

    .pt_sm-195 {
        padding-top: 195px;
    }

    .pt_sm-200 {
        padding-top: 200px;
    }

    .ptb-sm-5 {
        padding: 5px 0;
    }

    .ptb-sm-10 {
        padding: 10px 0;
    }

    .ptb-sm-15 {
        padding: 15px 0;
    }

    .ptb-sm-20 {
        padding: 20px 0;
    }

    .ptb-sm-25 {
        padding: 25px 0;
    }

    .ptb-sm-30 {
        padding: 30px 0;
    }

    .ptb-sm-35 {
        padding: 35px 0;
    }

    .ptb-sm-40 {
        padding: 40px 0;
    }

    .ptb-sm-45 {
        padding: 45px 0;
    }

    .ptb-sm-50 {
        padding: 50px 0;
    }

    .ptb-sm-55 {
        padding: 55px 0;
    }

    .ptb-sm-60 {
        padding: 60px 0;
    }

    .ptb-sm-65 {
        padding: 65px 0;
    }

    .ptb-sm-70 {
        padding: 70px 0;
    }

    .ptb-sm-75 {
        padding: 75px 0;
    }

    .ptb-sm-80 {
        padding: 80px 0;
    }

    .ptb-sm-85 {
        padding: 85px 0;
    }

    .ptb-sm-90 {
        padding: 90px 0;
    }

    .ptb-sm-95 {
        padding: 95px 0;
    }

    .ptb-sm-100 {
        padding: 100px 0;
    }

    .ptb-sm-105 {
        padding: 105px 0;
    }

    .ptb-sm-110 {
        padding: 110px 0;
    }

    .ptb-sm-115 {
        padding: 115px 0;
    }

    .ptb-sm-120 {
        padding: 120px 0;
    }

    .ptb-sm-125 {
        padding: 125px 0;
    }

    .ptb-sm-130 {
        padding: 130px 0;
    }

    .ptb-sm-135 {
        padding: 135px 0;
    }

    .ptb-sm-140 {
        padding: 140px 0;
    }

    .ptb-sm-145 {
        padding: 145px 0;
    }

    .ptb-sm-150 {
        padding: 150px 0;
    }
}

@media only screen and (max-width: 575px) {
    .pb_mobile-5 {
        padding-bottom: 5px;
    }

    .pl_mobile-5 {
        padding-left: 5px;
    }

    .pr_mobile-5 {
        padding-right: 5px;
    }

    .pt_mobile-5 {
        padding-top: 5px;
    }

    .pb_mobile-5 {
        padding-bottom: 5px;
    }

    .pb_mobile-10 {
        padding-bottom: 10px;
    }

    .pl_mobile-10 {
        padding-left: 10px;
    }

    .pr_mobile-10 {
        padding-right: 10px;
    }

    .pt_mobile-10 {
        padding-top: 10px;
    }

    .pb_mobile-10 {
        padding-bottom: 10px;
    }

    .pb_mobile-15 {
        padding-bottom: 15px;
    }

    .pl_mobile-15 {
        padding-left: 15px;
    }

    .pr_mobile-15 {
        padding-right: 15px;
    }

    .pt_mobile-15 {
        padding-top: 15px;
    }

    .pb_mobile-15 {
        padding-bottom: 15px;
    }

    .pb_mobile-20 {
        padding-bottom: 20px;
    }

    .pl_mobile-20 {
        padding-left: 20px;
    }

    .pr_mobile-20 {
        padding-right: 20px;
    }

    .pt_mobile-20 {
        padding-top: 20px;
    }

    .pb_mobile-20 {
        padding-bottom: 20px;
    }

    .pb_mobile-25 {
        padding-bottom: 25px;
    }

    .pl_mobile-25 {
        padding-left: 25px;
    }

    .pr_mobile-25 {
        padding-right: 25px;
    }

    .pt_mobile-25 {
        padding-top: 25px;
    }

    .pb_mobile-25 {
        padding-bottom: 25px;
    }

    .pb_mobile-30 {
        padding-bottom: 30px;
    }

    .pl_mobile-30 {
        padding-left: 30px;
    }

    .pr_mobile-30 {
        padding-right: 30px;
    }

    .pt_mobile-30 {
        padding-top: 30px;
    }

    .pb_mobile-30 {
        padding-bottom: 30px;
    }

    .pb_mobile-35 {
        padding-bottom: 35px;
    }

    .pl_mobile-35 {
        padding-left: 35px;
    }

    .pr_mobile-35 {
        padding-right: 35px;
    }

    .pt_mobile-35 {
        padding-top: 35px;
    }

    .pb_mobile-35 {
        padding-bottom: 35px;
    }

    .pb_mobile-40 {
        padding-bottom: 40px;
    }

    .pl_mobile-40 {
        padding-left: 40px;
    }

    .pr_mobile-40 {
        padding-right: 40px;
    }

    .pt_mobile-40 {
        padding-top: 40px;
    }

    .pb_mobile-40 {
        padding-bottom: 40px;
    }

    .pb_mobile-45 {
        padding-bottom: 45px;
    }

    .pl_mobile-45 {
        padding-left: 45px;
    }

    .pr_mobile-45 {
        padding-right: 45px;
    }

    .pt_mobile-45 {
        padding-top: 45px;
    }

    .pb_mobile-45 {
        padding-bottom: 45px;
    }

    .pb_mobile-50 {
        padding-bottom: 50px;
    }

    .pl_mobile-50 {
        padding-left: 50px;
    }

    .pr_mobile-50 {
        padding-right: 50px;
    }

    .pt_mobile-50 {
        padding-top: 50px;
    }

    .pb_mobile-50 {
        padding-bottom: 50px;
    }

    .pb_mobile-55 {
        padding-bottom: 55px;
    }

    .pl_mobile-55 {
        padding-left: 55px;
    }

    .pr_mobile-55 {
        padding-right: 55px;
    }

    .pt_mobile-55 {
        padding-top: 55px;
    }

    .pb_mobile-55 {
        padding-bottom: 55px;
    }

    .pb_mobile-60 {
        padding-bottom: 60px;
    }

    .pl_mobile-60 {
        padding-left: 60px;
    }

    .pr_mobile-60 {
        padding-right: 60px;
    }

    .pt_mobile-60 {
        padding-top: 60px;
    }

    .pb_mobile-60 {
        padding-bottom: 60px;
    }

    .pb_mobile-65 {
        padding-bottom: 65px;
    }

    .pl_mobile-65 {
        padding-left: 65px;
    }

    .pr_mobile-65 {
        padding-right: 65px;
    }

    .pt_mobile-65 {
        padding-top: 65px;
    }

    .pb_mobile-65 {
        padding-bottom: 65px;
    }

    .pb_mobile-70 {
        padding-bottom: 70px;
    }

    .pl_mobile-70 {
        padding-left: 70px;
    }

    .pr_mobile-70 {
        padding-right: 70px;
    }

    .pt_mobile-70 {
        padding-top: 70px;
    }

    .pb_mobile-70 {
        padding-bottom: 70px;
    }

    .pb_mobile-75 {
        padding-bottom: 75px;
    }

    .pl_mobile-75 {
        padding-left: 75px;
    }

    .pr_mobile-75 {
        padding-right: 75px;
    }

    .pt_mobile-75 {
        padding-top: 75px;
    }

    .pb_mobile-75 {
        padding-bottom: 75px;
    }

    .pb_mobile-80 {
        padding-bottom: 80px;
    }

    .pl_mobile-80 {
        padding-left: 80px;
    }

    .pr_mobile-80 {
        padding-right: 80px;
    }

    .pt_mobile-80 {
        padding-top: 80px;
    }

    .pb_mobile-80 {
        padding-bottom: 80px;
    }

    .pb_mobile-85 {
        padding-bottom: 85px;
    }

    .pl_mobile-85 {
        padding-left: 85px;
    }

    .pr_mobile-85 {
        padding-right: 85px;
    }

    .pt_mobile-85 {
        padding-top: 85px;
    }

    .pb_mobile-85 {
        padding-bottom: 85px;
    }

    .pb_mobile-90 {
        padding-bottom: 90px;
    }

    .pl_mobile-90 {
        padding-left: 90px;
    }

    .pr_mobile-90 {
        padding-right: 90px;
    }

    .pt_mobile-90 {
        padding-top: 90px;
    }

    .pb_mobile-90 {
        padding-bottom: 90px;
    }

    .pb_mobile-95 {
        padding-bottom: 95px;
    }

    .pl_mobile-95 {
        padding-left: 95px;
    }

    .pr_mobile-95 {
        padding-right: 95px;
    }

    .pt_mobile-95 {
        padding-top: 95px;
    }

    .pb_mobile-95 {
        padding-bottom: 95px;
    }

    .pb_mobile-100 {
        padding-bottom: 100px;
    }

    .pl_mobile-100 {
        padding-left: 100px;
    }

    .pr_mobile-100 {
        padding-right: 100px;
    }

    .pt_mobile-100 {
        padding-top: 100px;
    }

    .pb_mobile-100 {
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .pb_lp-5 {
        padding-bottom: 5px;
    }

    .pl_lp-5 {
        padding-left: 5px;
    }

    .pr_lp-5 {
        padding-right: 5px;
    }

    .pt_lp-5 {
        padding-top: 5px;
    }

    .pb_lp-5 {
        padding-bottom: 5px;
    }

    .pb_lp-10 {
        padding-bottom: 10px;
    }

    .pl_lp-10 {
        padding-left: 10px;
    }

    .pr_lp-10 {
        padding-right: 10px;
    }

    .pt_lp-10 {
        padding-top: 10px;
    }

    .pb_lp-10 {
        padding-bottom: 10px;
    }

    .pb_lp-15 {
        padding-bottom: 15px;
    }

    .pl_lp-15 {
        padding-left: 15px;
    }

    .pr_lp-15 {
        padding-right: 15px;
    }

    .pt_lp-15 {
        padding-top: 15px;
    }

    .pb_lp-15 {
        padding-bottom: 15px;
    }

    .pb_lp-20 {
        padding-bottom: 20px;
    }

    .pl_lp-20 {
        padding-left: 20px;
    }

    .pr_lp-20 {
        padding-right: 20px;
    }

    .pt_lp-20 {
        padding-top: 20px;
    }

    .pb_lp-20 {
        padding-bottom: 20px;
    }

    .pb_lp-25 {
        padding-bottom: 25px;
    }

    .pl_lp-25 {
        padding-left: 25px;
    }

    .pr_lp-25 {
        padding-right: 25px;
    }

    .pt_lp-25 {
        padding-top: 25px;
    }

    .pb_lp-25 {
        padding-bottom: 25px;
    }

    .pb_lp-30 {
        padding-bottom: 30px;
    }

    .pl_lp-30 {
        padding-left: 30px;
    }

    .pr_lp-30 {
        padding-right: 30px;
    }

    .pt_lp-30 {
        padding-top: 30px;
    }

    .pb_lp-30 {
        padding-bottom: 30px;
    }

    .pb_lp-35 {
        padding-bottom: 35px;
    }

    .pl_lp-35 {
        padding-left: 35px;
    }

    .pr_lp-35 {
        padding-right: 35px;
    }

    .pt_lp-35 {
        padding-top: 35px;
    }

    .pb_lp-35 {
        padding-bottom: 35px;
    }

    .pb_lp-40 {
        padding-bottom: 40px;
    }

    .pl_lp-40 {
        padding-left: 40px;
    }

    .pr_lp-40 {
        padding-right: 40px;
    }

    .pt_lp-40 {
        padding-top: 40px;
    }

    .pb_lp-40 {
        padding-bottom: 40px;
    }

    .pb_lp-45 {
        padding-bottom: 45px;
    }

    .pl_lp-45 {
        padding-left: 45px;
    }

    .pr_lp-45 {
        padding-right: 45px;
    }

    .pt_lp-45 {
        padding-top: 45px;
    }

    .pb_lp-45 {
        padding-bottom: 45px;
    }

    .pb_lp-50 {
        padding-bottom: 50px;
    }

    .pl_lp-50 {
        padding-left: 50px;
    }

    .pr_lp-50 {
        padding-right: 50px;
    }

    .pt_lp-50 {
        padding-top: 50px;
    }

    .pb_lp-50 {
        padding-bottom: 50px;
    }

    .pb_lp-55 {
        padding-bottom: 55px;
    }

    .pl_lp-55 {
        padding-left: 55px;
    }

    .pr_lp-55 {
        padding-right: 55px;
    }

    .pt_lp-55 {
        padding-top: 55px;
    }

    .pb_lp-55 {
        padding-bottom: 55px;
    }

    .pb_lp-60 {
        padding-bottom: 60px;
    }

    .pl_lp-60 {
        padding-left: 60px;
    }

    .pr_lp-60 {
        padding-right: 60px;
    }

    .pt_lp-60 {
        padding-top: 60px;
    }

    .pb_lp-60 {
        padding-bottom: 60px;
    }

    .pb_lp-65 {
        padding-bottom: 65px;
    }

    .pl_lp-65 {
        padding-left: 65px;
    }

    .pr_lp-65 {
        padding-right: 65px;
    }

    .pt_lp-65 {
        padding-top: 65px;
    }

    .pb_lp-65 {
        padding-bottom: 65px;
    }

    .pb_lp-70 {
        padding-bottom: 70px;
    }

    .pl_lp-70 {
        padding-left: 70px;
    }

    .pr_lp-70 {
        padding-right: 70px;
    }

    .pt_lp-70 {
        padding-top: 70px;
    }

    .pb_lp-70 {
        padding-bottom: 70px;
    }

    .pb_lp-75 {
        padding-bottom: 75px;
    }

    .pl_lp-75 {
        padding-left: 75px;
    }

    .pr_lp-75 {
        padding-right: 75px;
    }

    .pt_lp-75 {
        padding-top: 75px;
    }

    .pb_lp-75 {
        padding-bottom: 75px;
    }

    .pb_lp-80 {
        padding-bottom: 80px;
    }

    .pl_lp-80 {
        padding-left: 80px;
    }

    .pr_lp-80 {
        padding-right: 80px;
    }

    .pt_lp-80 {
        padding-top: 80px;
    }

    .pb_lp-80 {
        padding-bottom: 80px;
    }

    .pb_lp-85 {
        padding-bottom: 85px;
    }

    .pl_lp-85 {
        padding-left: 85px;
    }

    .pr_lp-85 {
        padding-right: 85px;
    }

    .pt_lp-85 {
        padding-top: 85px;
    }

    .pb_lp-85 {
        padding-bottom: 85px;
    }

    .pb_lp-90 {
        padding-bottom: 90px;
    }

    .pl_lp-90 {
        padding-left: 90px;
    }

    .pr_lp-90 {
        padding-right: 90px;
    }

    .pt_lp-90 {
        padding-top: 90px;
    }

    .pb_lp-90 {
        padding-bottom: 90px;
    }

    .pb_lp-95 {
        padding-bottom: 95px;
    }

    .pl_lp-95 {
        padding-left: 95px;
    }

    .pr_lp-95 {
        padding-right: 95px;
    }

    .pt_lp-95 {
        padding-top: 95px;
    }

    .pb_lp-95 {
        padding-bottom: 95px;
    }

    .pb_lp-100 {
        padding-bottom: 100px;
    }

    .pl_lp-100 {
        padding-left: 100px;
    }

    .pr_lp-100 {
        padding-right: 100px;
    }

    .pt_lp-100 {
        padding-top: 100px;
    }

    .pb_lp-100 {
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .pb_llp-5 {
        padding-bottom: 5px;
    }

    .pr_llp-5 {
        padding-right: 5px;
    }

    .pl_llp-5 {
        padding-left: 5px;
    }

    .pt_llp-5 {
        padding-top: 5px;
    }

    .ptb_llp-5 {
        padding: 5px 0;
    }

    .pb_llp-10 {
        padding-bottom: 10px;
    }

    .pr_llp-10 {
        padding-right: 10px;
    }

    .pl_llp-10 {
        padding-left: 10px;
    }

    .pt_llp-10 {
        padding-top: 10px;
    }

    .ptb_llp-10 {
        padding: 10px 0;
    }

    .pb_llp-15 {
        padding-bottom: 15px;
    }

    .pr_llp-15 {
        padding-right: 15px;
    }

    .pl_llp-15 {
        padding-left: 15px;
    }

    .pt_llp-15 {
        padding-top: 15px;
    }

    .ptb_llp-15 {
        padding: 15px 0;
    }

    .pb_llp-20 {
        padding-bottom: 20px;
    }

    .pr_llp-20 {
        padding-right: 20px;
    }

    .pl_llp-20 {
        padding-left: 20px;
    }

    .pt_llp-20 {
        padding-top: 20px;
    }

    .ptb_llp-20 {
        padding: 20px 0;
    }

    .pb_llp-25 {
        padding-bottom: 25px;
    }

    .pr_llp-25 {
        padding-right: 25px;
    }

    .pl_llp-25 {
        padding-left: 25px;
    }

    .pt_llp-25 {
        padding-top: 25px;
    }

    .ptb_llp-25 {
        padding: 25px 0;
    }

    .pb_llp-30 {
        padding-bottom: 30px;
    }

    .pr_llp-30 {
        padding-right: 30px;
    }

    .pl_llp-30 {
        padding-left: 30px;
    }

    .pt_llp-30 {
        padding-top: 30px;
    }

    .ptb_llp-30 {
        padding: 30px 0;
    }

    .pb_llp-35 {
        padding-bottom: 35px;
    }

    .pr_llp-35 {
        padding-right: 35px;
    }

    .pl_llp-35 {
        padding-left: 35px;
    }

    .pt_llp-35 {
        padding-top: 35px;
    }

    .ptb_llp-35 {
        padding: 35px 0;
    }

    .pb_llp-40 {
        padding-bottom: 40px;
    }

    .pr_llp-40 {
        padding-right: 40px;
    }

    .pl_llp-40 {
        padding-left: 40px;
    }

    .pt_llp-40 {
        padding-top: 40px;
    }

    .ptb_llp-40 {
        padding: 40px 0;
    }

    .pb_llp-45 {
        padding-bottom: 45px;
    }

    .pr_llp-45 {
        padding-right: 45px;
    }

    .pl_llp-45 {
        padding-left: 45px;
    }

    .pt_llp-45 {
        padding-top: 45px;
    }

    .ptb_llp-45 {
        padding: 45px 0;
    }

    .pb_llp-50 {
        padding-bottom: 50px;
    }

    .pr_llp-50 {
        padding-right: 50px;
    }

    .pl_llp-50 {
        padding-left: 50px;
    }

    .pt_llp-50 {
        padding-top: 50px;
    }

    .ptb_llp-50 {
        padding: 50px 0;
    }

    .pb_llp-55 {
        padding-bottom: 55px;
    }

    .pr_llp-55 {
        padding-right: 55px;
    }

    .pl_llp-55 {
        padding-left: 55px;
    }

    .pt_llp-55 {
        padding-top: 55px;
    }

    .ptb_llp-55 {
        padding: 55px 0;
    }

    .pb_llp-60 {
        padding-bottom: 60px;
    }

    .pr_llp-60 {
        padding-right: 60px;
    }

    .pl_llp-60 {
        padding-left: 60px;
    }

    .pt_llp-60 {
        padding-top: 60px;
    }

    .ptb_llp-60 {
        padding: 60px 0;
    }

    .pb_llp-65 {
        padding-bottom: 65px;
    }

    .pr_llp-65 {
        padding-right: 65px;
    }

    .pl_llp-65 {
        padding-left: 65px;
    }

    .pt_llp-65 {
        padding-top: 65px;
    }

    .ptb_llp-65 {
        padding: 65px 0;
    }

    .pb_llp-70 {
        padding-bottom: 70px;
    }

    .pr_llp-70 {
        padding-right: 70px;
    }

    .pl_llp-70 {
        padding-left: 70px;
    }

    .pt_llp-70 {
        padding-top: 70px;
    }

    .ptb_llp-70 {
        padding: 70px 0;
    }

    .pb_llp-75 {
        padding-bottom: 75px;
    }

    .pr_llp-75 {
        padding-right: 75px;
    }

    .pl_llp-75 {
        padding-left: 75px;
    }

    .pt_llp-75 {
        padding-top: 75px;
    }

    .ptb_llp-75 {
        padding: 75px 0;
    }

    .pb_llp-80 {
        padding-bottom: 80px;
    }

    .pr_llp-80 {
        padding-right: 80px;
    }

    .pl_llp-80 {
        padding-left: 80px;
    }

    .pt_llp-80 {
        padding-top: 80px;
    }

    .ptb_llp-80 {
        padding: 80px 0;
    }

    .pb_llp-85 {
        padding-bottom: 85px;
    }

    .pr_llp-85 {
        padding-right: 85px;
    }

    .pl_llp-85 {
        padding-left: 85px;
    }

    .pt_llp-85 {
        padding-top: 85px;
    }

    .ptb_llp-85 {
        padding: 85px 0;
    }

    .pb_llp-90 {
        padding-bottom: 90px;
    }

    .pr_llp-90 {
        padding-right: 90px;
    }

    .pl_llp-90 {
        padding-left: 90px;
    }

    .pt_llp-90 {
        padding-top: 90px;
    }

    .ptb_llp-90 {
        padding: 90px 0;
    }

    .pb_llp-95 {
        padding-bottom: 95px;
    }

    .pr_llp-95 {
        padding-right: 95px;
    }

    .pl_llp-95 {
        padding-left: 95px;
    }

    .pt_llp-95 {
        padding-top: 95px;
    }

    .ptb_llp-95 {
        padding: 95px 0;
    }

    .pb_llp-100 {
        padding-bottom: 100px;
    }

    .pr_llp-100 {
        padding-right: 100px;
    }

    .pl_llp-100 {
        padding-left: 100px;
    }

    .pt_llp-100 {
        padding-top: 100px;
    }

    .ptb_llp-100 {
        padding: 100px 0;
    }

    .pb_llp-105 {
        padding-bottom: 105px;
    }

    .pr_llp-105 {
        padding-right: 105px;
    }

    .pl_llp-105 {
        padding-left: 105px;
    }

    .pt_llp-105 {
        padding-top: 105px;
    }

    .ptb_llp-105 {
        padding: 105px 0;
    }

    .pb_llp-110 {
        padding-bottom: 110px;
    }

    .pr_llp-110 {
        padding-right: 110px;
    }

    .pl_llp-110 {
        padding-left: 110px;
    }

    .pt_llp-110 {
        padding-top: 110px;
    }

    .ptb_llp-110 {
        padding: 110px 0;
    }

    .pb_llp-115 {
        padding-bottom: 115px;
    }

    .pr_llp-115 {
        padding-right: 115px;
    }

    .pl_llp-115 {
        padding-left: 115px;
    }

    .pt_llp-115 {
        padding-top: 115px;
    }

    .ptb_llp-115 {
        padding: 115px 0;
    }

    .pb_llp-120 {
        padding-bottom: 120px;
    }

    .pr_llp-120 {
        padding-right: 120px;
    }

    .pl_llp-120 {
        padding-left: 120px;
    }

    .pt_llp-120 {
        padding-top: 120px;
    }

    .ptb_llp-120 {
        padding: 120px 0;
    }

    .pb_llp-125 {
        padding-bottom: 125px;
    }

    .pr_llp-125 {
        padding-right: 125px;
    }

    .pl_llp-125 {
        padding-left: 125px;
    }

    .pt_llp-125 {
        padding-top: 125px;
    }

    .ptb_llp-125 {
        padding: 125px 0;
    }

    .pb_llp-130 {
        padding-bottom: 130px;
    }

    .pr_llp-130 {
        padding-right: 130px;
    }

    .pl_llp-130 {
        padding-left: 130px;
    }

    .pt_llp-130 {
        padding-top: 130px;
    }

    .ptb_llp-130 {
        padding: 130px 0;
    }

    .pb_llp-135 {
        padding-bottom: 135px;
    }

    .pr_llp-135 {
        padding-right: 135px;
    }

    .pl_llp-135 {
        padding-left: 135px;
    }

    .pt_llp-135 {
        padding-top: 135px;
    }

    .ptb_llp-135 {
        padding: 135px 0;
    }

    .pb_llp-140 {
        padding-bottom: 140px;
    }

    .pr_llp-140 {
        padding-right: 140px;
    }

    .pl_llp-140 {
        padding-left: 140px;
    }

    .pt_llp-140 {
        padding-top: 140px;
    }

    .ptb_llp-140 {
        padding: 140px 0;
    }

    .pb_llp-145 {
        padding-bottom: 145px;
    }

    .pr_llp-145 {
        padding-right: 145px;
    }

    .pl_llp-145 {
        padding-left: 145px;
    }

    .pt_llp-145 {
        padding-top: 145px;
    }

    .ptb_llp-145 {
        padding: 145px 0;
    }

    .pb_llp-150 {
        padding-bottom: 150px;
    }

    .pr_llp-150 {
        padding-right: 150px;
    }

    .pl_llp-150 {
        padding-left: 150px;
    }

    .pt_llp-150 {
        padding-top: 150px;
    }

    .ptb_llp-150 {
        padding: 150px 0;
    }

    .pb_llp-155 {
        padding-bottom: 155px;
    }

    .pr_llp-155 {
        padding-right: 155px;
    }

    .pl_llp-155 {
        padding-left: 155px;
    }

    .pt_llp-155 {
        padding-top: 155px;
    }

    .ptb_llp-155 {
        padding: 155px 0;
    }

    .pb_llp-160 {
        padding-bottom: 160px;
    }

    .pr_llp-160 {
        padding-right: 160px;
    }

    .pl_llp-160 {
        padding-left: 160px;
    }

    .pt_llp-160 {
        padding-top: 160px;
    }

    .ptb_llp-160 {
        padding: 160px 0;
    }

    .pb_llp-165 {
        padding-bottom: 165px;
    }

    .pr_llp-165 {
        padding-right: 165px;
    }

    .pl_llp-165 {
        padding-left: 165px;
    }

    .pt_llp-165 {
        padding-top: 165px;
    }

    .ptb_llp-165 {
        padding: 165px 0;
    }

    .pb_llp-170 {
        padding-bottom: 170px;
    }

    .pr_llp-170 {
        padding-right: 170px;
    }

    .pl_llp-170 {
        padding-left: 170px;
    }

    .pt_llp-170 {
        padding-top: 170px;
    }

    .ptb_llp-170 {
        padding: 170px 0;
    }

    .pb_llp-175 {
        padding-bottom: 175px;
    }

    .pr_llp-175 {
        padding-right: 175px;
    }

    .pl_llp-175 {
        padding-left: 175px;
    }

    .pt_llp-175 {
        padding-top: 175px;
    }

    .ptb_llp-175 {
        padding: 175px 0;
    }

    .pb_llp-180 {
        padding-bottom: 180px;
    }

    .pr_llp-180 {
        padding-right: 180px;
    }

    .pl_llp-180 {
        padding-left: 180px;
    }

    .pt_llp-180 {
        padding-top: 180px;
    }

    .ptb_llp-180 {
        padding: 180px 0;
    }

    .pb_llp-185 {
        padding-bottom: 185px;
    }

    .pr_llp-185 {
        padding-right: 185px;
    }

    .pl_llp-185 {
        padding-left: 185px;
    }

    .pt_llp-185 {
        padding-top: 185px;
    }

    .ptb_llp-185 {
        padding: 185px 0;
    }

    .pb_llp-190 {
        padding-bottom: 190px;
    }

    .pr_llp-190 {
        padding-right: 190px;
    }

    .pl_llp-190 {
        padding-left: 190px;
    }

    .pt_llp-190 {
        padding-top: 190px;
    }

    .ptb_llp-190 {
        padding: 190px 0;
    }

    .pb_llp-195 {
        padding-bottom: 195px;
    }

    .pr_llp-195 {
        padding-right: 195px;
    }

    .pl_llp-195 {
        padding-left: 195px;
    }

    .pt_llp-195 {
        padding-top: 195px;
    }

    .ptb_llp-195 {
        padding: 195px 0;
    }

    .pb_llp-200 {
        padding-bottom: 200px;
    }

    .pr_llp-200 {
        padding-right: 200px;
    }

    .pl_llp-200 {
        padding-left: 200px;
    }

    .pt_llp-200 {
        padding-top: 200px;
    }

    .ptb_llp-200 {
        padding: 200px 0;
    }

    .pb_llp-205 {
        padding-bottom: 205px;
    }

    .pr_llp-205 {
        padding-right: 205px;
    }

    .pl_llp-205 {
        padding-left: 205px;
    }

    .pt_llp-205 {
        padding-top: 205px;
    }

    .ptb_llp-205 {
        padding: 205px 0;
    }

    .pb_llp-210 {
        padding-bottom: 210px;
    }

    .pr_llp-210 {
        padding-right: 210px;
    }

    .pl_llp-210 {
        padding-left: 210px;
    }

    .pt_llp-210 {
        padding-top: 210px;
    }

    .ptb_llp-210 {
        padding: 210px 0;
    }

    .pb_llp-215 {
        padding-bottom: 215px;
    }

    .pr_llp-215 {
        padding-right: 215px;
    }

    .pl_llp-215 {
        padding-left: 215px;
    }

    .pt_llp-215 {
        padding-top: 215px;
    }

    .ptb_llp-215 {
        padding: 215px 0;
    }

    .pb_llp-220 {
        padding-bottom: 220px;
    }

    .pr_llp-220 {
        padding-right: 220px;
    }

    .pl_llp-220 {
        padding-left: 220px;
    }

    .pt_llp-220 {
        padding-top: 220px;
    }

    .ptb_llp-220 {
        padding: 220px 0;
    }

    .pb_llp-225 {
        padding-bottom: 225px;
    }

    .pr_llp-225 {
        padding-right: 225px;
    }

    .pl_llp-225 {
        padding-left: 225px;
    }

    .pt_llp-225 {
        padding-top: 225px;
    }

    .ptb_llp-225 {
        padding: 225px 0;
    }

    .pb_llp-230 {
        padding-bottom: 230px;
    }

    .pr_llp-230 {
        padding-right: 230px;
    }

    .pl_llp-230 {
        padding-left: 230px;
    }

    .pt_llp-230 {
        padding-top: 230px;
    }

    .ptb_llp-230 {
        padding: 230px 0;
    }

    .pb_llp-235 {
        padding-bottom: 235px;
    }

    .pr_llp-235 {
        padding-right: 235px;
    }

    .pl_llp-235 {
        padding-left: 235px;
    }

    .pt_llp-235 {
        padding-top: 235px;
    }

    .ptb_llp-235 {
        padding: 235px 0;
    }

    .pb_llp-240 {
        padding-bottom: 240px;
    }

    .pr_llp-240 {
        padding-right: 240px;
    }

    .pl_llp-240 {
        padding-left: 240px;
    }

    .pt_llp-240 {
        padding-top: 240px;
    }

    .ptb_llp-240 {
        padding: 240px 0;
    }

    .pb_llp-245 {
        padding-bottom: 245px;
    }

    .pr_llp-245 {
        padding-right: 245px;
    }

    .pl_llp-245 {
        padding-left: 245px;
    }

    .pt_llp-245 {
        padding-top: 245px;
    }

    .ptb_llp-245 {
        padding: 245px 0;
    }

    .pb_llp-250 {
        padding-bottom: 250px;
    }

    .pr_llp-250 {
        padding-right: 250px;
    }

    .pl_llp-250 {
        padding-left: 250px;
    }

    .pt_llp-250 {
        padding-top: 250px;
    }

    .ptb_llp-250 {
        padding: 250px 0;
    }
}

/*-- Margin Spacing --*/
/*-- Margin Top --*/
.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

/*-- Padding Left --*/
.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-85 {
    margin-left: 85px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-105 {
    margin-left: 105px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-115 {
    margin-left: 115px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-135 {
    margin-left: 135px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-155 {
    margin-left: 155px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-165 {
    margin-left: 165px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-175 {
    margin-left: 175px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-185 {
    margin-left: 185px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-195 {
    margin-left: 195px;
}

.ml-200 {
    margin-left: 200px;
}

.ml-205 {
    margin-left: 205px;
}

.ml-210 {
    margin-left: 210px;
}

.ml-215 {
    margin-left: 215px;
}

.ml-220 {
    margin-left: 220px;
}

.ml-225 {
    margin-left: 225px;
}

.ml-230 {
    margin-left: 230px;
}

.ml-235 {
    margin-left: 235px;
}

.ml-240 {
    margin-left: 240px;
}

.ml-245 {
    margin-left: 245px;
}

.ml-250 {
    margin-left: 250px;
}

.ml-255 {
    margin-left: 255px;
}

.ml-260 {
    margin-left: 260px;
}

.ml-265 {
    margin-left: 265px;
}

.ml-270 {
    margin-left: 270px;
}

.ml-275 {
    margin-left: 275px;
}

.ml-280 {
    margin-left: 280px;
}

.ml-285 {
    margin-left: 285px;
}

.ml-290 {
    margin-left: 290px;
}

.ml-295 {
    margin-left: 295px;
}

.ml-300 {
    margin-left: 300px;
}

.ml-305 {
    margin-left: 305px;
}

.ml-310 {
    margin-left: 310px;
}

.ml-315 {
    margin-left: 315px;
}

.ml-320 {
    margin-left: 320px;
}

.ml-325 {
    margin-left: 325px;
}

.ml-330 {
    margin-left: 330px;
}

.ml-335 {
    margin-left: 335px;
}

.ml-340 {
    margin-left: 340px;
}

.ml-345 {
    margin-left: 345px;
}

.ml-350 {
    margin-left: 350px;
}

.ml-355 {
    margin-left: 355px;
}

.ml-360 {
    margin-left: 360px;
}

.ml-365 {
    margin-left: 365px;
}

.ml-370 {
    margin-left: 370px;
}

.ml-375 {
    margin-left: 375px;
}

.ml-380 {
    margin-left: 380px;
}

.ml-385 {
    margin-left: 385px;
}

.ml-390 {
    margin-left: 390px;
}

.ml-395 {
    margin-left: 395px;
}

.ml-400 {
    margin-left: 400px;
}

.ml-405 {
    margin-left: 405px;
}

.ml-410 {
    margin-left: 410px;
}

.ml-415 {
    margin-left: 415px;
}

.ml-420 {
    margin-left: 420px;
}

.ml-425 {
    margin-left: 425px;
}

.ml-430 {
    margin-left: 430px;
}

.ml-435 {
    margin-left: 435px;
}

.ml-440 {
    margin-left: 440px;
}

.ml-445 {
    margin-left: 445px;
}

.ml-450 {
    margin-left: 450px;
}

/*-- Padding Right --*/
.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-85 {
    margin-right: 85px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-105 {
    margin-right: 105px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-115 {
    margin-right: 115px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-125 {
    margin-right: 125px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-135 {
    margin-right: 135px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-145 {
    margin-right: 145px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-155 {
    margin-right: 155px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-165 {
    margin-right: 165px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-175 {
    margin-right: 175px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-185 {
    margin-right: 185px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-195 {
    margin-right: 195px;
}

.mr-200 {
    margin-right: 200px;
}

.mr-205 {
    margin-right: 205px;
}

.mr-210 {
    margin-right: 210px;
}

.mr-215 {
    margin-right: 215px;
}

.mr-220 {
    margin-right: 220px;
}

.mr-225 {
    margin-right: 225px;
}

.mr-230 {
    margin-right: 230px;
}

.mr-235 {
    margin-right: 235px;
}

.mr-240 {
    margin-right: 240px;
}

.mr-245 {
    margin-right: 245px;
}

.mr-250 {
    margin-right: 250px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mb_lg-5 {
        margin-bottom: 5px;
    }

    .ml_lg-5 {
        margin-left: 5px;
    }

    .mr_lg-5 {
        margin-right: 5px;
    }

    .mt_lg-5 {
        margin-top: 5px;
    }

    .mb_lg-10 {
        margin-bottom: 10px;
    }

    .ml_lg-10 {
        margin-left: 10px;
    }

    .mr_lg-10 {
        margin-right: 10px;
    }

    .mt_lg-10 {
        margin-top: 10px;
    }

    .mb_lg-15 {
        margin-bottom: 15px;
    }

    .ml_lg-15 {
        margin-left: 15px;
    }

    .mr_lg-15 {
        margin-right: 15px;
    }

    .mt_lg-15 {
        margin-top: 15px;
    }

    .mb_lg-20 {
        margin-bottom: 20px;
    }

    .ml_lg-20 {
        margin-left: 20px;
    }

    .mr_lg-20 {
        margin-right: 20px;
    }

    .mt_lg-20 {
        margin-top: 20px;
    }

    .mb_lg-25 {
        margin-bottom: 25px;
    }

    .ml_lg-25 {
        margin-left: 25px;
    }

    .mr_lg-25 {
        margin-right: 25px;
    }

    .mt_lg-25 {
        margin-top: 25px;
    }

    .mb_lg-30 {
        margin-bottom: 30px;
    }

    .ml_lg-30 {
        margin-left: 30px;
    }

    .mr_lg-30 {
        margin-right: 30px;
    }

    .mt_lg-30 {
        margin-top: 30px;
    }

    .mb_lg-35 {
        margin-bottom: 35px;
    }

    .ml_lg-35 {
        margin-left: 35px;
    }

    .mr_lg-35 {
        margin-right: 35px;
    }

    .mt_lg-35 {
        margin-top: 35px;
    }

    .mb_lg-40 {
        margin-bottom: 40px;
    }

    .ml_lg-40 {
        margin-left: 40px;
    }

    .mr_lg-40 {
        margin-right: 40px;
    }

    .mt_lg-40 {
        margin-top: 40px;
    }

    .mb_lg-45 {
        margin-bottom: 45px;
    }

    .ml_lg-45 {
        margin-left: 45px;
    }

    .mr_lg-45 {
        margin-right: 45px;
    }

    .mt_lg-45 {
        margin-top: 45px;
    }

    .mb_lg-50 {
        margin-bottom: 50px;
    }

    .ml_lg-50 {
        margin-left: 50px;
    }

    .mr_lg-50 {
        margin-right: 50px;
    }

    .mt_lg-50 {
        margin-top: 50px;
    }

    .mb_lg-55 {
        margin-bottom: 55px;
    }

    .ml_lg-55 {
        margin-left: 55px;
    }

    .mr_lg-55 {
        margin-right: 55px;
    }

    .mt_lg-55 {
        margin-top: 55px;
    }

    .mb_lg-60 {
        margin-bottom: 60px;
    }

    .ml_lg-60 {
        margin-left: 60px;
    }

    .mr_lg-60 {
        margin-right: 60px;
    }

    .mt_lg-60 {
        margin-top: 60px;
    }

    .mb_lg-65 {
        margin-bottom: 65px;
    }

    .ml_lg-65 {
        margin-left: 65px;
    }

    .mr_lg-65 {
        margin-right: 65px;
    }

    .mt_lg-65 {
        margin-top: 65px;
    }

    .mb_lg-70 {
        margin-bottom: 70px;
    }

    .ml_lg-70 {
        margin-left: 70px;
    }

    .mr_lg-70 {
        margin-right: 70px;
    }

    .mt_lg-70 {
        margin-top: 70px;
    }

    .mb_lg-75 {
        margin-bottom: 75px;
    }

    .ml_lg-75 {
        margin-left: 75px;
    }

    .mr_lg-75 {
        margin-right: 75px;
    }

    .mt_lg-75 {
        margin-top: 75px;
    }

    .mb_lg-80 {
        margin-bottom: 80px;
    }

    .ml_lg-80 {
        margin-left: 80px;
    }

    .mr_lg-80 {
        margin-right: 80px;
    }

    .mt_lg-80 {
        margin-top: 80px;
    }

    .mb_lg-85 {
        margin-bottom: 85px;
    }

    .ml_lg-85 {
        margin-left: 85px;
    }

    .mr_lg-85 {
        margin-right: 85px;
    }

    .mt_lg-85 {
        margin-top: 85px;
    }

    .mb_lg-90 {
        margin-bottom: 90px;
    }

    .ml_lg-90 {
        margin-left: 90px;
    }

    .mr_lg-90 {
        margin-right: 90px;
    }

    .mt_lg-90 {
        margin-top: 90px;
    }

    .mb_lg-95 {
        margin-bottom: 95px;
    }

    .ml_lg-95 {
        margin-left: 95px;
    }

    .mr_lg-95 {
        margin-right: 95px;
    }

    .mt_lg-95 {
        margin-top: 95px;
    }

    .mb_lg-100 {
        margin-bottom: 100px;
    }

    .ml_lg-100 {
        margin-left: 100px;
    }

    .mr_lg-100 {
        margin-right: 100px;
    }

    .mt_lg-100 {
        margin-top: 100px;
    }

    .ml_lg-0 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mb_md-5 {
        margin-bottom: 5px;
    }

    .ml_md-5 {
        margin-left: 5px;
    }

    .mr_md-5 {
        margin-right: 5px;
    }

    .mt_md-5 {
        margin-top: 5px;
    }

    .mb_md-10 {
        margin-bottom: 10px;
    }

    .ml_md-10 {
        margin-left: 10px;
    }

    .mr_md-10 {
        margin-right: 10px;
    }

    .mt_md-10 {
        margin-top: 10px;
    }

    .mb_md-15 {
        margin-bottom: 15px;
    }

    .ml_md-15 {
        margin-left: 15px;
    }

    .mr_md-15 {
        margin-right: 15px;
    }

    .mt_md-15 {
        margin-top: 15px;
    }

    .mb_md-20 {
        margin-bottom: 20px;
    }

    .ml_md-20 {
        margin-left: 20px;
    }

    .mr_md-20 {
        margin-right: 20px;
    }

    .mt_md-20 {
        margin-top: 20px;
    }

    .mb_md-25 {
        margin-bottom: 25px;
    }

    .ml_md-25 {
        margin-left: 25px;
    }

    .mr_md-25 {
        margin-right: 25px;
    }

    .mt_md-25 {
        margin-top: 25px;
    }

    .mb_md-30 {
        margin-bottom: 30px;
    }

    .ml_md-30 {
        margin-left: 30px;
    }

    .mr_md-30 {
        margin-right: 30px;
    }

    .mt_md-30 {
        margin-top: 30px;
    }

    .mb_md-35 {
        margin-bottom: 35px;
    }

    .ml_md-35 {
        margin-left: 35px;
    }

    .mr_md-35 {
        margin-right: 35px;
    }

    .mt_md-35 {
        margin-top: 35px;
    }

    .mb_md-40 {
        margin-bottom: 40px;
    }

    .ml_md-40 {
        margin-left: 40px;
    }

    .mr_md-40 {
        margin-right: 40px;
    }

    .mt_md-40 {
        margin-top: 40px;
    }

    .mb_md-45 {
        margin-bottom: 45px;
    }

    .ml_md-45 {
        margin-left: 45px;
    }

    .mr_md-45 {
        margin-right: 45px;
    }

    .mt_md-45 {
        margin-top: 45px;
    }

    .mb_md-50 {
        margin-bottom: 50px;
    }

    .ml_md-50 {
        margin-left: 50px;
    }

    .mr_md-50 {
        margin-right: 50px;
    }

    .mt_md-50 {
        margin-top: 50px;
    }

    .mb_md-55 {
        margin-bottom: 55px;
    }

    .ml_md-55 {
        margin-left: 55px;
    }

    .mr_md-55 {
        margin-right: 55px;
    }

    .mt_md-55 {
        margin-top: 55px;
    }

    .mb_md-60 {
        margin-bottom: 60px;
    }

    .ml_md-60 {
        margin-left: 60px;
    }

    .mr_md-60 {
        margin-right: 60px;
    }

    .mt_md-60 {
        margin-top: 60px;
    }

    .mb_md-65 {
        margin-bottom: 65px;
    }

    .ml_md-65 {
        margin-left: 65px;
    }

    .mr_md-65 {
        margin-right: 65px;
    }

    .mt_md-65 {
        margin-top: 65px;
    }

    .mb_md-70 {
        margin-bottom: 70px;
    }

    .ml_md-70 {
        margin-left: 70px;
    }

    .mr_md-70 {
        margin-right: 70px;
    }

    .mt_md-70 {
        margin-top: 70px;
    }

    .mb_md-75 {
        margin-bottom: 75px;
    }

    .ml_md-75 {
        margin-left: 75px;
    }

    .mr_md-75 {
        margin-right: 75px;
    }

    .mt_md-75 {
        margin-top: 75px;
    }

    .mb_md-80 {
        margin-bottom: 80px;
    }

    .ml_md-80 {
        margin-left: 80px;
    }

    .mr_md-80 {
        margin-right: 80px;
    }

    .mt_md-80 {
        margin-top: 80px;
    }

    .mb_md-85 {
        margin-bottom: 85px;
    }

    .ml_md-85 {
        margin-left: 85px;
    }

    .mr_md-85 {
        margin-right: 85px;
    }

    .mt_md-85 {
        margin-top: 85px;
    }

    .mb_md-90 {
        margin-bottom: 90px;
    }

    .ml_md-90 {
        margin-left: 90px;
    }

    .mr_md-90 {
        margin-right: 90px;
    }

    .mt_md-90 {
        margin-top: 90px;
    }

    .mb_md-95 {
        margin-bottom: 95px;
    }

    .ml_md-95 {
        margin-left: 95px;
    }

    .mr_md-95 {
        margin-right: 95px;
    }

    .mt_md-95 {
        margin-top: 95px;
    }

    .mb_md-100 {
        margin-bottom: 100px;
    }

    .ml_md-100 {
        margin-left: 100px;
    }

    .mr_md-100 {
        margin-right: 100px;
    }

    .mt_md-100 {
        margin-top: 100px;
    }

    .mb_md-105 {
        margin-bottom: 105px;
    }

    .ml_md-105 {
        margin-left: 105px;
    }

    .mr_md-105 {
        margin-right: 105px;
    }

    .mt_md-105 {
        margin-top: 105px;
    }

    .mb_md-110 {
        margin-bottom: 110px;
    }

    .ml_md-110 {
        margin-left: 110px;
    }

    .mr_md-110 {
        margin-right: 110px;
    }

    .mt_md-110 {
        margin-top: 110px;
    }

    .mb_md-115 {
        margin-bottom: 115px;
    }

    .ml_md-115 {
        margin-left: 115px;
    }

    .mr_md-115 {
        margin-right: 115px;
    }

    .mt_md-115 {
        margin-top: 115px;
    }

    .mb_md-120 {
        margin-bottom: 120px;
    }

    .ml_md-120 {
        margin-left: 120px;
    }

    .mr_md-120 {
        margin-right: 120px;
    }

    .mt_md-120 {
        margin-top: 120px;
    }

    .mb_md-125 {
        margin-bottom: 125px;
    }

    .ml_md-125 {
        margin-left: 125px;
    }

    .mr_md-125 {
        margin-right: 125px;
    }

    .mt_md-125 {
        margin-top: 125px;
    }

    .mb_md-130 {
        margin-bottom: 130px;
    }

    .ml_md-130 {
        margin-left: 130px;
    }

    .mr_md-130 {
        margin-right: 130px;
    }

    .mt_md-130 {
        margin-top: 130px;
    }

    .mb_md-135 {
        margin-bottom: 135px;
    }

    .ml_md-135 {
        margin-left: 135px;
    }

    .mr_md-135 {
        margin-right: 135px;
    }

    .mt_md-135 {
        margin-top: 135px;
    }

    .mb_md-140 {
        margin-bottom: 140px;
    }

    .ml_md-140 {
        margin-left: 140px;
    }

    .mr_md-140 {
        margin-right: 140px;
    }

    .mt_md-140 {
        margin-top: 140px;
    }

    .mb_md-145 {
        margin-bottom: 145px;
    }

    .ml_md-145 {
        margin-left: 145px;
    }

    .mr_md-145 {
        margin-right: 145px;
    }

    .mt_md-145 {
        margin-top: 145px;
    }

    .mb_md-150 {
        margin-bottom: 150px;
    }

    .ml_md-150 {
        margin-left: 150px;
    }

    .mr_md-150 {
        margin-right: 150px;
    }

    .mt_md-150 {
        margin-top: 150px;
    }

    .mb_md-155 {
        margin-bottom: 155px;
    }

    .ml_md-155 {
        margin-left: 155px;
    }

    .mr_md-155 {
        margin-right: 155px;
    }

    .mt_md-155 {
        margin-top: 155px;
    }

    .mb_md-160 {
        margin-bottom: 160px;
    }

    .ml_md-160 {
        margin-left: 160px;
    }

    .mr_md-160 {
        margin-right: 160px;
    }

    .mt_md-160 {
        margin-top: 160px;
    }

    .mb_md-165 {
        margin-bottom: 165px;
    }

    .ml_md-165 {
        margin-left: 165px;
    }

    .mr_md-165 {
        margin-right: 165px;
    }

    .mt_md-165 {
        margin-top: 165px;
    }

    .mb_md-170 {
        margin-bottom: 170px;
    }

    .ml_md-170 {
        margin-left: 170px;
    }

    .mr_md-170 {
        margin-right: 170px;
    }

    .mt_md-170 {
        margin-top: 170px;
    }

    .mb_md-175 {
        margin-bottom: 175px;
    }

    .ml_md-175 {
        margin-left: 175px;
    }

    .mr_md-175 {
        margin-right: 175px;
    }

    .mt_md-175 {
        margin-top: 175px;
    }

    .mb_md-180 {
        margin-bottom: 180px;
    }

    .ml_md-180 {
        margin-left: 180px;
    }

    .mr_md-180 {
        margin-right: 180px;
    }

    .mt_md-180 {
        margin-top: 180px;
    }

    .mb_md-185 {
        margin-bottom: 185px;
    }

    .ml_md-185 {
        margin-left: 185px;
    }

    .mr_md-185 {
        margin-right: 185px;
    }

    .mt_md-185 {
        margin-top: 185px;
    }

    .mb_md-190 {
        margin-bottom: 190px;
    }

    .ml_md-190 {
        margin-left: 190px;
    }

    .mr_md-190 {
        margin-right: 190px;
    }

    .mt_md-190 {
        margin-top: 190px;
    }

    .mb_md-195 {
        margin-bottom: 195px;
    }

    .ml_md-195 {
        margin-left: 195px;
    }

    .mr_md-195 {
        margin-right: 195px;
    }

    .mt_md-195 {
        margin-top: 195px;
    }

    .mb_md-200 {
        margin-bottom: 200px;
    }

    .ml_md-200 {
        margin-left: 200px;
    }

    .mr_md-200 {
        margin-right: 200px;
    }

    .mt_md-200 {
        margin-top: 200px;
    }

    .ml_md-0 {
        margin-left: 0;
    }

    .mb_md-0 {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .mb_sm-5 {
        margin-bottom: 5px;
    }

    .ml_sm-5 {
        margin-left: 5px;
    }

    .mr_sm-5 {
        margin-right: 5px;
    }

    .mt_sm-5 {
        margin-top: 5px;
    }

    .mb_sm-10 {
        margin-bottom: 10px;
    }

    .ml_sm-10 {
        margin-left: 10px;
    }

    .mr_sm-10 {
        margin-right: 10px;
    }

    .mt_sm-10 {
        margin-top: 10px;
    }

    .mb_sm-15 {
        margin-bottom: 15px;
    }

    .ml_sm-15 {
        margin-left: 15px;
    }

    .mr_sm-15 {
        margin-right: 15px;
    }

    .mt_sm-15 {
        margin-top: 15px;
    }

    .mb_sm-20 {
        margin-bottom: 20px;
    }

    .ml_sm-20 {
        margin-left: 20px;
    }

    .mr_sm-20 {
        margin-right: 20px;
    }

    .mt_sm-20 {
        margin-top: 20px;
    }

    .mb_sm-25 {
        margin-bottom: 25px;
    }

    .ml_sm-25 {
        margin-left: 25px;
    }

    .mr_sm-25 {
        margin-right: 25px;
    }

    .mt_sm-25 {
        margin-top: 25px;
    }

    .mb_sm-30 {
        margin-bottom: 30px;
    }

    .ml_sm-30 {
        margin-left: 30px;
    }

    .mr_sm-30 {
        margin-right: 30px;
    }

    .mt_sm-30 {
        margin-top: 30px;
    }

    .mb_sm-35 {
        margin-bottom: 35px;
    }

    .ml_sm-35 {
        margin-left: 35px;
    }

    .mr_sm-35 {
        margin-right: 35px;
    }

    .mt_sm-35 {
        margin-top: 35px;
    }

    .mb_sm-40 {
        margin-bottom: 40px;
    }

    .ml_sm-40 {
        margin-left: 40px;
    }

    .mr_sm-40 {
        margin-right: 40px;
    }

    .mt_sm-40 {
        margin-top: 40px;
    }

    .mb_sm-45 {
        margin-bottom: 45px;
    }

    .ml_sm-45 {
        margin-left: 45px;
    }

    .mr_sm-45 {
        margin-right: 45px;
    }

    .mt_sm-45 {
        margin-top: 45px;
    }

    .mb_sm-50 {
        margin-bottom: 50px;
    }

    .ml_sm-50 {
        margin-left: 50px;
    }

    .mr_sm-50 {
        margin-right: 50px;
    }

    .mt_sm-50 {
        margin-top: 50px;
    }

    .mb_sm-55 {
        margin-bottom: 55px;
    }

    .ml_sm-55 {
        margin-left: 55px;
    }

    .mr_sm-55 {
        margin-right: 55px;
    }

    .mt_sm-55 {
        margin-top: 55px;
    }

    .mb_sm-60 {
        margin-bottom: 60px;
    }

    .ml_sm-60 {
        margin-left: 60px;
    }

    .mr_sm-60 {
        margin-right: 60px;
    }

    .mt_sm-60 {
        margin-top: 60px;
    }

    .mb_sm-65 {
        margin-bottom: 65px;
    }

    .ml_sm-65 {
        margin-left: 65px;
    }

    .mr_sm-65 {
        margin-right: 65px;
    }

    .mt_sm-65 {
        margin-top: 65px;
    }

    .mb_sm-70 {
        margin-bottom: 70px;
    }

    .ml_sm-70 {
        margin-left: 70px;
    }

    .mr_sm-70 {
        margin-right: 70px;
    }

    .mt_sm-70 {
        margin-top: 70px;
    }

    .mb_sm-75 {
        margin-bottom: 75px;
    }

    .ml_sm-75 {
        margin-left: 75px;
    }

    .mr_sm-75 {
        margin-right: 75px;
    }

    .mt_sm-75 {
        margin-top: 75px;
    }

    .mb_sm-80 {
        margin-bottom: 80px;
    }

    .ml_sm-80 {
        margin-left: 80px;
    }

    .mr_sm-80 {
        margin-right: 80px;
    }

    .mt_sm-80 {
        margin-top: 80px;
    }

    .mb_sm-85 {
        margin-bottom: 85px;
    }

    .ml_sm-85 {
        margin-left: 85px;
    }

    .mr_sm-85 {
        margin-right: 85px;
    }

    .mt_sm-85 {
        margin-top: 85px;
    }

    .mb_sm-90 {
        margin-bottom: 90px;
    }

    .ml_sm-90 {
        margin-left: 90px;
    }

    .mr_sm-90 {
        margin-right: 90px;
    }

    .mt_sm-90 {
        margin-top: 90px;
    }

    .mb_sm-95 {
        margin-bottom: 95px;
    }

    .ml_sm-95 {
        margin-left: 95px;
    }

    .mr_sm-95 {
        margin-right: 95px;
    }

    .mt_sm-95 {
        margin-top: 95px;
    }

    .mb_sm-100 {
        margin-bottom: 100px;
    }

    .ml_sm-100 {
        margin-left: 100px;
    }

    .mr_sm-100 {
        margin-right: 100px;
    }

    .mt_sm-100 {
        margin-top: 100px;
    }

    .mb_sm-105 {
        margin-bottom: 105px;
    }

    .ml_sm-105 {
        margin-left: 105px;
    }

    .mr_sm-105 {
        margin-right: 105px;
    }

    .mt_sm-105 {
        margin-top: 105px;
    }

    .mb_sm-110 {
        margin-bottom: 110px;
    }

    .ml_sm-110 {
        margin-left: 110px;
    }

    .mr_sm-110 {
        margin-right: 110px;
    }

    .mt_sm-110 {
        margin-top: 110px;
    }

    .mb_sm-115 {
        margin-bottom: 115px;
    }

    .ml_sm-115 {
        margin-left: 115px;
    }

    .mr_sm-115 {
        margin-right: 115px;
    }

    .mt_sm-115 {
        margin-top: 115px;
    }

    .mb_sm-120 {
        margin-bottom: 120px;
    }

    .ml_sm-120 {
        margin-left: 120px;
    }

    .mr_sm-120 {
        margin-right: 120px;
    }

    .mt_sm-120 {
        margin-top: 120px;
    }

    .mb_sm-125 {
        margin-bottom: 125px;
    }

    .ml_sm-125 {
        margin-left: 125px;
    }

    .mr_sm-125 {
        margin-right: 125px;
    }

    .mt_sm-125 {
        margin-top: 125px;
    }

    .mb_sm-130 {
        margin-bottom: 130px;
    }

    .ml_sm-130 {
        margin-left: 130px;
    }

    .mr_sm-130 {
        margin-right: 130px;
    }

    .mt_sm-130 {
        margin-top: 130px;
    }

    .mb_sm-135 {
        margin-bottom: 135px;
    }

    .ml_sm-135 {
        margin-left: 135px;
    }

    .mr_sm-135 {
        margin-right: 135px;
    }

    .mt_sm-135 {
        margin-top: 135px;
    }

    .mb_sm-140 {
        margin-bottom: 140px;
    }

    .ml_sm-140 {
        margin-left: 140px;
    }

    .mr_sm-140 {
        margin-right: 140px;
    }

    .mt_sm-140 {
        margin-top: 140px;
    }

    .mb_sm-145 {
        margin-bottom: 145px;
    }

    .ml_sm-145 {
        margin-left: 145px;
    }

    .mr_sm-145 {
        margin-right: 145px;
    }

    .mt_sm-145 {
        margin-top: 145px;
    }

    .mb_sm-150 {
        margin-bottom: 150px;
    }

    .ml_sm-150 {
        margin-left: 150px;
    }

    .mr_sm-150 {
        margin-right: 150px;
    }

    .mt_sm-150 {
        margin-top: 150px;
    }

    .mb_sm-155 {
        margin-bottom: 155px;
    }

    .ml_sm-155 {
        margin-left: 155px;
    }

    .mr_sm-155 {
        margin-right: 155px;
    }

    .mt_sm-155 {
        margin-top: 155px;
    }

    .mb_sm-160 {
        margin-bottom: 160px;
    }

    .ml_sm-160 {
        margin-left: 160px;
    }

    .mr_sm-160 {
        margin-right: 160px;
    }

    .mt_sm-160 {
        margin-top: 160px;
    }

    .mb_sm-165 {
        margin-bottom: 165px;
    }

    .ml_sm-165 {
        margin-left: 165px;
    }

    .mr_sm-165 {
        margin-right: 165px;
    }

    .mt_sm-165 {
        margin-top: 165px;
    }

    .mb_sm-170 {
        margin-bottom: 170px;
    }

    .ml_sm-170 {
        margin-left: 170px;
    }

    .mr_sm-170 {
        margin-right: 170px;
    }

    .mt_sm-170 {
        margin-top: 170px;
    }

    .mb_sm-175 {
        margin-bottom: 175px;
    }

    .ml_sm-175 {
        margin-left: 175px;
    }

    .mr_sm-175 {
        margin-right: 175px;
    }

    .mt_sm-175 {
        margin-top: 175px;
    }

    .ml_sm-0 {
        margin-left: 0;
    }

    .mb_sm-0 {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 575px) {
    .mb_mobile-5 {
        margin-bottom: 5px;
    }

    .ml_mobile-5 {
        margin-left: 5px;
    }

    .mr_mobile-5 {
        margin-right: 5px;
    }

    .mt_mobile-5 {
        margin-top: 5px;
    }

    .mb_mobile-10 {
        margin-bottom: 10px;
    }

    .ml_mobile-10 {
        margin-left: 10px;
    }

    .mr_mobile-10 {
        margin-right: 10px;
    }

    .mt_mobile-10 {
        margin-top: 10px;
    }

    .mb_mobile-15 {
        margin-bottom: 15px;
    }

    .ml_mobile-15 {
        margin-left: 15px;
    }

    .mr_mobile-15 {
        margin-right: 15px;
    }

    .mt_mobile-15 {
        margin-top: 15px;
    }

    .mb_mobile-20 {
        margin-bottom: 20px;
    }

    .ml_mobile-20 {
        margin-left: 20px;
    }

    .mr_mobile-20 {
        margin-right: 20px;
    }

    .mt_mobile-20 {
        margin-top: 20px;
    }

    .mb_mobile-25 {
        margin-bottom: 25px;
    }

    .ml_mobile-25 {
        margin-left: 25px;
    }

    .mr_mobile-25 {
        margin-right: 25px;
    }

    .mt_mobile-25 {
        margin-top: 25px;
    }

    .mb_mobile-30 {
        margin-bottom: 30px;
    }

    .ml_mobile-30 {
        margin-left: 30px;
    }

    .mr_mobile-30 {
        margin-right: 30px;
    }

    .mt_mobile-30 {
        margin-top: 30px;
    }

    .mb_mobile-35 {
        margin-bottom: 35px;
    }

    .ml_mobile-35 {
        margin-left: 35px;
    }

    .mr_mobile-35 {
        margin-right: 35px;
    }

    .mt_mobile-35 {
        margin-top: 35px;
    }

    .mb_mobile-40 {
        margin-bottom: 40px;
    }

    .ml_mobile-40 {
        margin-left: 40px;
    }

    .mr_mobile-40 {
        margin-right: 40px;
    }

    .mt_mobile-40 {
        margin-top: 40px;
    }

    .mb_mobile-45 {
        margin-bottom: 45px;
    }

    .ml_mobile-45 {
        margin-left: 45px;
    }

    .mr_mobile-45 {
        margin-right: 45px;
    }

    .mt_mobile-45 {
        margin-top: 45px;
    }

    .mb_mobile-50 {
        margin-bottom: 50px;
    }

    .ml_mobile-50 {
        margin-left: 50px;
    }

    .mr_mobile-50 {
        margin-right: 50px;
    }

    .mt_mobile-50 {
        margin-top: 50px;
    }

    .mb_mobile-55 {
        margin-bottom: 55px;
    }

    .ml_mobile-55 {
        margin-left: 55px;
    }

    .mr_mobile-55 {
        margin-right: 55px;
    }

    .mt_mobile-55 {
        margin-top: 55px;
    }

    .mb_mobile-60 {
        margin-bottom: 60px;
    }

    .ml_mobile-60 {
        margin-left: 60px;
    }

    .mr_mobile-60 {
        margin-right: 60px;
    }

    .mt_mobile-60 {
        margin-top: 60px;
    }

    .mb_mobile-65 {
        margin-bottom: 65px;
    }

    .ml_mobile-65 {
        margin-left: 65px;
    }

    .mr_mobile-65 {
        margin-right: 65px;
    }

    .mt_mobile-65 {
        margin-top: 65px;
    }

    .mb_mobile-70 {
        margin-bottom: 70px;
    }

    .ml_mobile-70 {
        margin-left: 70px;
    }

    .mr_mobile-70 {
        margin-right: 70px;
    }

    .mt_mobile-70 {
        margin-top: 70px;
    }

    .mb_mobile-75 {
        margin-bottom: 75px;
    }

    .ml_mobile-75 {
        margin-left: 75px;
    }

    .mr_mobile-75 {
        margin-right: 75px;
    }

    .mt_mobile-75 {
        margin-top: 75px;
    }

    .mb_mobile-80 {
        margin-bottom: 80px;
    }

    .ml_mobile-80 {
        margin-left: 80px;
    }

    .mr_mobile-80 {
        margin-right: 80px;
    }

    .mt_mobile-80 {
        margin-top: 80px;
    }

    .mb_mobile-85 {
        margin-bottom: 85px;
    }

    .ml_mobile-85 {
        margin-left: 85px;
    }

    .mr_mobile-85 {
        margin-right: 85px;
    }

    .mt_mobile-85 {
        margin-top: 85px;
    }

    .mb_mobile-90 {
        margin-bottom: 90px;
    }

    .ml_mobile-90 {
        margin-left: 90px;
    }

    .mr_mobile-90 {
        margin-right: 90px;
    }

    .mt_mobile-90 {
        margin-top: 90px;
    }

    .mb_mobile-95 {
        margin-bottom: 95px;
    }

    .ml_mobile-95 {
        margin-left: 95px;
    }

    .mr_mobile-95 {
        margin-right: 95px;
    }

    .mt_mobile-95 {
        margin-top: 95px;
    }

    .mb_mobile-100 {
        margin-bottom: 100px;
    }

    .ml_mobile-100 {
        margin-left: 100px;
    }

    .mr_mobile-100 {
        margin-right: 100px;
    }

    .mt_mobile-100 {
        margin-top: 100px;
    }
}

/*---------------------------
Section Separation  
----------------------------*/
.sl-separator-5 {
    height: 5px;
}

.sl-separator-10 {
    height: 10px;
}

.sl-separator-15 {
    height: 15px;
}

.sl-separator-20 {
    height: 20px;
}

.sl-separator-25 {
    height: 25px;
}

.sl-separator-30 {
    height: 30px;
}

.sl-separator-35 {
    height: 35px;
}

.sl-separator-40 {
    height: 40px;
}

.sl-separator-45 {
    height: 45px;
}

.sl-separator-50 {
    height: 50px;
}

.sl-separator-55 {
    height: 55px;
}

.sl-separator-60 {
    height: 60px;
}

.sl-separator-65 {
    height: 65px;
}

.sl-separator-70 {
    height: 70px;
}

.sl-separator-75 {
    height: 75px;
}

.sl-separator-80 {
    height: 80px;
}

.sl-separator-85 {
    height: 85px;
}

.sl-separator-90 {
    height: 90px;
}

.sl-separator-95 {
    height: 95px;
}

.sl-separator-100 {
    height: 100px;
}

.sl-separator-105 {
    height: 105px;
}

.sl-separator-110 {
    height: 110px;
}

.sl-separator-115 {
    height: 115px;
}

.sl-separator-120 {
    height: 120px;
}

.sl-separator-125 {
    height: 125px;
}

.sl-separator-130 {
    height: 130px;
}

.sl-separator-135 {
    height: 135px;
}

.sl-separator-140 {
    height: 140px;
}

.sl-separator-145 {
    height: 145px;
}

.sl-separator-150 {
    height: 150px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl-separator-lg-5 {
        height: 5px;
    }

    .sl-separator-lg-10 {
        height: 10px;
    }

    .sl-separator-lg-15 {
        height: 15px;
    }

    .sl-separator-lg-20 {
        height: 20px;
    }

    .sl-separator-lg-25 {
        height: 25px;
    }

    .sl-separator-lg-30 {
        height: 30px;
    }

    .sl-separator-lg-35 {
        height: 35px;
    }

    .sl-separator-lg-40 {
        height: 40px;
    }

    .sl-separator-lg-45 {
        height: 45px;
    }

    .sl-separator-lg-50 {
        height: 50px;
    }

    .sl-separator-lg-55 {
        height: 55px;
    }

    .sl-separator-lg-60 {
        height: 60px;
    }

    .sl-separator-lg-65 {
        height: 65px;
    }

    .sl-separator-lg-70 {
        height: 70px;
    }

    .sl-separator-lg-75 {
        height: 75px;
    }

    .sl-separator-lg-80 {
        height: 80px;
    }

    .sl-separator-lg-85 {
        height: 85px;
    }

    .sl-separator-lg-90 {
        height: 90px;
    }

    .sl-separator-lg-95 {
        height: 95px;
    }

    .sl-separator-lg-100 {
        height: 100px;
    }

    .sl-separator-lg-105 {
        height: 105px;
    }

    .sl-separator-lg-110 {
        height: 110px;
    }

    .sl-separator-lg-115 {
        height: 115px;
    }

    .sl-separator-lg-120 {
        height: 120px;
    }

    .sl-separator-lg-125 {
        height: 125px;
    }

    .sl-separator-lg-130 {
        height: 130px;
    }

    .sl-separator-lg-135 {
        height: 135px;
    }

    .sl-separator-lg-140 {
        height: 140px;
    }

    .sl-separator-lg-145 {
        height: 145px;
    }

    .sl-separator-lg-150 {
        height: 150px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl-separator-md-5 {
        height: 5px;
    }

    .sl-separator-md-10 {
        height: 10px;
    }

    .sl-separator-md-15 {
        height: 15px;
    }

    .sl-separator-md-20 {
        height: 20px;
    }

    .sl-separator-md-25 {
        height: 25px;
    }

    .sl-separator-md-30 {
        height: 30px;
    }

    .sl-separator-md-35 {
        height: 35px;
    }

    .sl-separator-md-40 {
        height: 40px;
    }

    .sl-separator-md-45 {
        height: 45px;
    }

    .sl-separator-md-50 {
        height: 50px;
    }

    .sl-separator-md-55 {
        height: 55px;
    }

    .sl-separator-md-60 {
        height: 60px;
    }

    .sl-separator-md-65 {
        height: 65px;
    }

    .sl-separator-md-70 {
        height: 70px;
    }

    .sl-separator-md-75 {
        height: 75px;
    }

    .sl-separator-md-80 {
        height: 80px;
    }

    .sl-separator-md-85 {
        height: 85px;
    }

    .sl-separator-md-90 {
        height: 90px;
    }

    .sl-separator-md-95 {
        height: 95px;
    }

    .sl-separator-md-100 {
        height: 100px;
    }

    .sl-separator-md-105 {
        height: 105px;
    }

    .sl-separator-md-110 {
        height: 110px;
    }

    .sl-separator-md-115 {
        height: 115px;
    }

    .sl-separator-md-120 {
        height: 120px;
    }

    .sl-separator-md-125 {
        height: 125px;
    }

    .sl-separator-md-130 {
        height: 130px;
    }

    .sl-separator-md-135 {
        height: 135px;
    }

    .sl-separator-md-140 {
        height: 140px;
    }

    .sl-separator-md-145 {
        height: 145px;
    }

    .sl-separator-md-150 {
        height: 150px;
    }
}

@media only screen and (max-width: 767px) {
    .sl-separator-sm-5 {
        height: 5px;
    }

    .sl-separator-sm-10 {
        height: 10px;
    }

    .sl-separator-sm-15 {
        height: 15px;
    }

    .sl-separator-sm-20 {
        height: 20px;
    }

    .sl-separator-sm-25 {
        height: 25px;
    }

    .sl-separator-sm-30 {
        height: 30px;
    }

    .sl-separator-sm-35 {
        height: 35px;
    }

    .sl-separator-sm-40 {
        height: 40px;
    }

    .sl-separator-sm-45 {
        height: 45px;
    }

    .sl-separator-sm-50 {
        height: 50px;
    }

    .sl-separator-sm-55 {
        height: 55px;
    }

    .sl-separator-sm-60 {
        height: 60px;
    }

    .sl-separator-sm-65 {
        height: 65px;
    }

    .sl-separator-sm-70 {
        height: 70px;
    }

    .sl-separator-sm-75 {
        height: 75px;
    }

    .sl-separator-sm-80 {
        height: 80px;
    }

    .sl-separator-sm-85 {
        height: 85px;
    }

    .sl-separator-sm-90 {
        height: 90px;
    }

    .sl-separator-sm-95 {
        height: 95px;
    }

    .sl-separator-sm-100 {
        height: 100px;
    }

    .sl-separator-sm-105 {
        height: 105px;
    }

    .sl-separator-sm-110 {
        height: 110px;
    }

    .sl-separator-sm-115 {
        height: 115px;
    }

    .sl-separator-sm-120 {
        height: 120px;
    }

    .sl-separator-sm-125 {
        height: 125px;
    }

    .sl-separator-sm-130 {
        height: 130px;
    }

    .sl-separator-sm-135 {
        height: 135px;
    }

    .sl-separator-sm-140 {
        height: 140px;
    }

    .sl-separator-sm-145 {
        height: 145px;
    }

    .sl-separator-sm-150 {
        height: 150px;
    }
}

body {
    font-family: "Montserrat", sans-serif;
}

body .h1,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .sl-caption-prop-title,
body .section-title h3,
body .heading {
    font-family: "Rubik", sans-serif;
    letter-spacing: .4px;
    text-transform: capitalize;
}

body .quote-text {
    font-family: "Montserrat", sans-serif;
    letter-spacing: .5px;
}

body .section-title h2 {
    font-size: 2.375rem;
    line-height: 1.3;
    text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body .section-title h2 {
        font-size: 2.25rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body .section-title h2 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 767px) {
    body .section-title h2 {
        font-size: 1.75rem;
    }
}

@media only screen and (max-width: 320px) {
    body .section-title h2 {
        font-size: 1.7rem;
    }
}

body p,
body button,
body a.btn,
body .btn,
body .sl-cta,
body .sl-caption-prop-features,
body input,
body textarea,
body select,
body .select,
body .field-wrapper {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: .8px;
}

body .btn .gradients-button {
    letter-spacing: .8px;
}

body.placeholder {
    font-family: "Montserrat", sans-serif;
}

body:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

body::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

body::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}

/* Restaurant */
.font-style-2 {
    font-family: "Rubik", sans-serif;
}

.font-style-2 .h1,
.font-style-2 .h2,
.font-style-2 .h3,
.font-style-2 .h4,
.font-style-2 .h5,
.font-style-2 .h6,
.font-style-2 h1,
.font-style-2 h2,
.font-style-2 h3,
.font-style-2 h4,
.font-style-2 h5,
.font-style-2 h6,
.font-style-2 .sl-caption-prop-title,
.font-style-2 .section-title h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: .4px;
}

.font-style-2 h3.cursive,
.font-style-2 p.cursive {
    font-family: "Montserrat", sans-serif;
}

.font-style-2 .section-title.dark-version p {
    color: #bfbfbf;
}

.font-style-2 .section-title h2 {
    line-height: 1.2;
    font-size: 1.875rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .font-style-2 .section-title h2 {
        font-size: 1.875rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .font-style-2 .section-title h2 {
        font-size: 1.875rem;
    }

    .font-style-2 .section-title h2 br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .font-style-2 .section-title h2 {
        font-size: 1.625rem;
    }
}

.font-style-2 p,
.font-style-2 button,
.font-style-2 a.btn,
.font-style-2 .btn,
.font-style-2 .sl-cta,
.font-style-2 .sl-caption-prop-features,
.font-style-2 input,
.font-style-2 textarea,
.font-style-2 select,
.font-style-2 .select,
.font-style-2 .field-wrapper {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: .6px;
}

.font-style-2.placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-2:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-2::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-2::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}

/* Music */
.font-style-3 {
    font-family: "Montserrat", sans-serif;
}

.font-style-3 .h1,
.font-style-3 .h2,
.font-style-3 .h3,
.font-style-3 .h4,
.font-style-3 .h5,
.font-style-3 .h6,
.font-style-3 h1,
.font-style-3 h2,
.font-style-3 h3,
.font-style-3 h4,
.font-style-3 h5,
.font-style-3 h6,
.font-style-3 .sl-caption-prop-title,
.font-style-3 .section-title h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.font-style-3 .section-title h2 {
    font-size: 2.75rem;
    text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
    .font-style-3 .section-title h2 {
        font-size: 2rem;
    }
}

.font-style-3 p,
.font-style-3 button,
.font-style-3 a.btn,
.font-style-3 .btn,
.font-style-3 .sl-cta,
.font-style-3 .sl-caption-prop-features,
.font-style-3 input,
.font-style-3 textarea,
.font-style-3 select,
.font-style-3 .select,
.font-style-3 .field-wrapper {
    font-family: "Montserrat", sans-serif;
    line-height: 1.8;
    font-size: 1rem;
}

.font-style-3.placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-3:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-3::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-3::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}

/* Magazine */
.font-style-4 {
    font-family: "Montserrat", sans-serif;
}

.font-style-4 .h1,
.font-style-4 .h2,
.font-style-4 .h3,
.font-style-4 .h4,
.font-style-4 .h5,
.font-style-4 .h6,
.font-style-4 h1,
.font-style-4 h2,
.font-style-4 h3,
.font-style-4 h4,
.font-style-4 h5,
.font-style-4 h6,
.font-style-4 .sl-caption-prop-title,
.font-style-4 .section-title h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
}

.font-style-4 .section-title h2 {
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: capitalize;
}

@media (max-width: 991px) {
    .font-style-4 .section-title h2 {
        font-size: 1.125rem;
        font-weight: bold;
    }
}

@media only screen and (max-width: 767px) {
    .font-style-4 .section-title h2 {
        font-size: 1rem;
        font-weight: bold;
    }
}

.font-style-4 p,
.font-style-4 button,
.font-style-4 a.btn,
.font-style-4 .btn,
.font-style-4 .sl-cta,
.font-style-4 .sl-caption-prop-features,
.font-style-4 input,
.font-style-4 textarea,
.font-style-4 select,
.font-style-4 .select,
.font-style-4 .field-wrapper {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    letter-spacing: .8px;
}

.font-style-4.placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-4:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-4::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-4::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}

/* Personal Portfolio */
.font-style-5 .h1,
.font-style-5 .h2,
.font-style-5 .h3,
.font-style-5 .h4,
.font-style-5 .h5,
.font-style-5 .h6,
.font-style-5 h1,
.font-style-5 h2,
.font-style-5 h3,
.font-style-5 h4,
.font-style-5 h5,
.font-style-5 h6,
.font-style-5 .sl-caption-prop-title,
.font-style-5 .section-title h3,
.font-style-5 .heading,
.font-style-5 .quote-text {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    letter-spacing: .6px;
}

.font-style-5 .section-title h2 {
    font-size: 1.625rem;
    text-transform: capitalize;
}

@media (max-width: 991px) {
    .font-style-5 .section-title h2 {
        font-size: 1.625rem;
    }
}

@media only screen and (max-width: 767px) {
    .font-style-5 .section-title h2 {
        font-size: 1.5rem;
    }
}

.font-style-5 p,
.font-style-5 button,
.font-style-5 a.btn,
.font-style-5 .btn,
.font-style-5 .sl-cta,
.font-style-5 .sl-caption-prop-features,
.font-style-5 input,
.font-style-5 textarea,
.font-style-5 select,
.font-style-5 .select,
.font-style-5 .field-wrapper {
    font-family: "Montserrat", sans-serif;
    line-height: 1.8;
    letter-spacing: .8px;
}

.font-style-5.placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-5:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-5::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-5::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-6 .h1,
.font-style-6 .h2,
.font-style-6 .h3,
.font-style-6 .h4,
.font-style-6 .h5,
.font-style-6 .h6,
.font-style-6 h1,
.font-style-6 h2,
.font-style-6 h3,
.font-style-6 h4,
.font-style-6 h5,
.font-style-6 h6,
.font-style-6 .sl-caption-prop-title,
.font-style-6 .section-title h3,
.font-style-6 .heading,
.font-style-6 .quote-text {
    font-family: "Poppins", sans-serif;
}

.font-style-6 .section-title h2 {
    font-family: "Poppins", sans-serif;
}

.font-style-6 p,
.font-style-6 button,
.font-style-6 a.btn,
.font-style-6 .btn,
.font-style-6 .sl-cta,
.font-style-6 .sl-caption-prop-features,
.font-style-6 input,
.font-style-6 textarea,
.font-style-6 select,
.font-style-6 .select,
.font-style-6 .field-wrapper {
    font-family: "Montserrat", sans-serif;
}

.font-style-6.placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-6:-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-6::-moz-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-6::-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
}

.font-style-7 {
    font-family: 'Muli', sans-serif;
}

.font-style-7 .h1,
.font-style-7 h1,
.font-style-7 h2,
.font-style-7 h3,
.font-style-7 h4,
.font-style-7 h5,
.font-style-7 h6,
.font-style-7 .sl-caption-prop-title,
.font-style-7 .section-title h3,
.font-style-7 .heading {
    font-family: 'Muli', sans-serif;
}

.font-style-7 .quote-text {
    font-family: 'Muli', sans-serif;
}

.font-style-7 p,
.font-style-7 button,
.font-style-7 a.btn,
.font-style-7 .btn,
.font-style-7 .sl-cta,
.font-style-7 .sl-caption-prop-features,
.font-style-7 input,
.font-style-7 textarea,
.font-style-7 select,
.font-style-7 .select,
.font-style-7 .field-wrapper {
    font-family: 'Muli', sans-serif;
}

.font-style-7.placeholder {
    font-family: 'Muli', sans-serif;
}

.font-style-7:-moz-placeholder {
    font-family: 'Muli', sans-serif;
}

.font-style-7::-moz-placeholder {
    font-family: 'Muli', sans-serif;
}

.font-style-7::-webkit-input-placeholder {
    font-family: 'Muli', sans-serif;
}

.font-style-8 {
    font-family: "Poppins", sans-serif;
}

.font-style-8 .h1,
.font-style-8 h1,
.font-style-8 h2,
.font-style-8 h3,
.font-style-8 h4,
.font-style-8 h5,
.font-style-8 h6,
.font-style-8 .sl-caption-prop-title,
.font-style-8 .section-title h3,
.font-style-8 .heading {
    font-family: "Roboto", sans-serif;
}

.font-style-8 .quote-text {
    font-family: "Roboto", sans-serif;
}

.font-style-8 .section-title h2 {
    font-size: 2.5rem;
    text-transform: capitalize;
}

@media (max-width: 991px) {
    .font-style-8 .section-title h2 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 767px) {
    .font-style-8 .section-title h2 {
        font-size: 1.8rem;
    }
}

.font-style-8 p,
.font-style-8 button,
.font-style-8 a.btn,
.font-style-8 .btn,
.font-style-8 .sl-cta,
.font-style-8 .sl-caption-prop-features,
.font-style-8 input,
.font-style-8 textarea,
.font-style-8 select,
.font-style-8 .select,
.font-style-8 .field-wrapper {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.font-style-8.placeholder {
    font-family: "Poppins", sans-serif;
}

.font-style-8:-moz-placeholder {
    font-family: "Poppins", sans-serif;
}

.font-style-8::-moz-placeholder {
    font-family: "Poppins", sans-serif;
}

.font-style-8::-webkit-input-placeholder {
    font-family: "Poppins", sans-serif;
}

/*-------------------------------------------------------------------------------------
    Custom Animation
---------------------------------------------------------------------------------------*/
/* Header slide down Animation */
@-webkit-keyframes headerSlideDown {
    0% {
        margin-top: -100px;
    }

    to {
        margin-top: 0;
    }
}

@keyframes headerSlideDown {
    0% {
        margin-top: -100px;
    }

    to {
        margin-top: 0;
    }
}

/* Show Animation */
@-webkit-keyframes show-animation {
    0% {
        -webkit-transform: translateY(60px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes show-animation {
    0% {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/* --------------------------------------
    Custom Slide Out To Right
---------------------------------------*/
@-webkit-keyframes slide-out-to-right {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(40px);
        opacity: 0;
    }
}

@keyframes slide-out-to-right {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(40px);
        opacity: 0;
    }
}

/* --------------------------------------
    Custom Slide Out To Left
---------------------------------------*/
@-webkit-keyframes slide-in-to-left {
    0% {
        -webkit-transform: translateX(60px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-to-left {
    0% {
        -webkit-transform: translateX(60px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

/* ------------------------
    Separator Bounce 
---------------------------*/
@-webkit-keyframes separator-bounce {

    0%,
    80%,
    to {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes separator-bounce {

    0%,
    80%,
    to {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Pulse Animation */
.pulsing {
    -webkit-animation-name: pulsing;
    animation-name: pulsing;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes pulsing {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    }

    100% {
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@keyframes pulsing {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    }

    100% {
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        transform: translate(-50%, -50%) translateZ(0) scale(1);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(0.5);
        transform: translate(-50%, -50%) translateZ(0) scale(0.5);
        opacity: 0.1;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        transform: translate(-50%, -50%) translateZ(0) scale(1);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(0.5);
        transform: translate(-50%, -50%) translateZ(0) scale(0.5);
        opacity: 0.1;
    }
}

/* Blink zoom effect */
@-webkit-keyframes pulse-zoom {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse-zoom {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Scale up animation*/
@-webkit-keyframes scale-up-one {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes scale-up-one {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

/* Button Link Animation out */
@-webkit-keyframes sl-link-arrow-effect-animation-out {
    0% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }

    70% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    71% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }
}

@keyframes sl-link-arrow-effect-animation-out {
    0% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }

    70% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    71% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }
}

/* Button Link Animation in*/
@-webkit-keyframes sl-link-arrow-effect-animation-in {
    0% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }

    70% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    71% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }
}

@keyframes sl-link-arrow-effect-animation-in {
    0% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }

    70% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    71% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0.2);
        transform: scaleX(0.2);
    }
}

/* Radias box animation */
@-webkit-keyframes morph {
    0% {
        border-radius: 30% 70% 60% 40% / 44% 30% 70% 56%;
    }

    50% {
        border-radius: 54% 46% 49% 51% / 66% 68% 32% 34%;
    }

    100% {
        border-radius: 40% 60%;
    }
}

@keyframes morph {
    0% {
        border-radius: 30% 70% 60% 40% / 44% 30% 70% 56%;
    }

    50% {
        border-radius: 54% 46% 49% 51% / 66% 68% 32% 34%;
    }

    100% {
        border-radius: 40% 60%;
    }
}

/* Rotate box animation */
@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

/* Tooltip Animation */
@-webkit-keyframes tip_jump {
    0% {
        box-shadow: 0 0 0 0 rgba(108, 132, 251, 0.4), 0 0 0 0 rgba(108, 132, 251, 0.4);
    }

    25% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 6px rgba(108, 132, 251, 0.4);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 12px rgba(108, 132, 251, 0.4);
    }

    75% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 6px rgba(108, 132, 251, 0.4);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(108, 132, 251, 0.4), 0 0 0 0 rgba(108, 132, 251, 0.4);
    }
}

@keyframes tip_jump {
    0% {
        box-shadow: 0 0 0 0 rgba(108, 132, 251, 0.4), 0 0 0 0 rgba(108, 132, 251, 0.4);
    }

    25% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 6px rgba(108, 132, 251, 0.4);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 12px rgba(108, 132, 251, 0.4);
    }

    75% {
        box-shadow: 0 0 0 6px rgba(108, 132, 251, 0.4), 0 0 0 6px rgba(108, 132, 251, 0.4);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(108, 132, 251, 0.4), 0 0 0 0 rgba(108, 132, 251, 0.4);
    }
}

.staggered-rise-in {
    position: relative;
    display: -webkit-flex;
    display: flex;
    white-space: pre;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.staggered-rise-in span {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: rise-in 1s forwards;
    animation: rise-in 1s forwards;
}

@-webkit-keyframes rise-in {
    to {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%);
    }
}

@keyframes rise-in {
    to {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%);
    }
}

/* Reveal Scroll animation  */
.block-reveal {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.block-reveal img {
    width: 100%;
}

.block-reveal-inner:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: -.1rem;
    bottom: 0;
    left: -.1rem;
    background-color: #000000;
    -webkit-animation-duration: 1.15s;
    animation-duration: 1.15s;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: translateZ(0) scaleY(1) scaleX(0);
    transform: translateZ(0) scaleY(1) scaleX(0);
}

.block-reveal-inner:after {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99);
    animation-timing-function: cubic-bezier(0.81, 0.15, 0.26, 0.99);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.block-reveal .img-fluid {
    max-width: 100%;
    height: auto;
}

.block-reveal-inner:after {
    opacity: 1;
    transition-duration: 0s;
    -webkit-animation: swipeIn-right 1.5s cubic-bezier(0.2, 1, 0.3, 1) forwards;
    animation: swipeIn-right 1.5s cubic-bezier(0.2, 1, 0.3, 1) forwards;
}

.block-reveal-inner-left:after {
    opacity: 1;
    transition-duration: 0s;
    -webkit-animation: swipeIn-left 1.5s cubic-bezier(0.2, 1, 0.3, 1) forwards;
    animation: swipeIn-left 1.5s cubic-bezier(0.2, 1, 0.3, 1) forwards;
}

/*...........*/
.already-visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: none;
    animation: none;
}

/*....Swipe......*/
@-webkit-keyframes swipeIn-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes swipeIn-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes swipeIn-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes swipeIn-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

/*-- slider Animations  --*/
@-webkit-keyframes arrowPCLeft {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(20%, -50%);
        transform: translate(20%, -50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@keyframes arrowPCLeft {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(20%, -50%);
        transform: translate(20%, -50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@-webkit-keyframes arrowPCRight {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(30%, -50%);
        transform: translate(30%, -50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@keyframes arrowPCRight {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    25% {
        opacity: 0;
        -webkit-transform: translate(30%, -50%);
        transform: translate(30%, -50%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

/* Custom blurIn Animation */
@-webkit-keyframes blurIn {
    0% {
        opacity: 0;
        -webkit-filter: blur(7px);
        filter: blur(7px);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes blurIn {
    0% {
        opacity: 0;
        -webkit-filter: blur(7px);
        filter: blur(7px);
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.blurIn {
    -webkit-animation-name: blurIn;
    animation-name: blurIn;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
}

.image-slide {
    -webkit-animation-name: image-slide;
    animation-name: image-slide;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes image-slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -2000px 0;
    }
}

@keyframes image-slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -2000px 0;
    }
}

@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.img-zoom-in {
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
}

.img-zoom-in .img.zoom-effect {
    transition: all .3s ease-in-out;
}

.img-zoom-in:hover .img.zoom-effect {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

@-webkit-keyframes zoomInImage {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        transition: 1s;
    }

    to {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s;
    }
}

@keyframes zoomInImage {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        transition: 1s;
    }

    to {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s;
    }
}

@-webkit-keyframes zoomOutImage {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s;
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        transition: 1s;
    }
}

@keyframes zoomOutImage {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s;
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        transition: 1s;
    }
}

@-webkit-keyframes stroke {
    52% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        stroke-dashoffset: 0;
    }

    52.1% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        stroke-dashoffset: 0;
    }

    100% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        stroke-dashoffset: 126;
    }
}

@keyframes stroke {
    52% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        stroke-dashoffset: 0;
    }

    52.1% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        stroke-dashoffset: 0;
    }

    100% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        stroke-dashoffset: 126;
    }
}

@-webkit-keyframes arrow {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    23% {
        -webkit-transform: translateX(17px);
        transform: translateX(17px);
        opacity: 1;
    }

    24%,
    80% {
        -webkit-transform: translateX(-22px);
        transform: translateX(-22px);
        opacity: 0;
    }

    81% {
        opacity: 1;
        -webkit-transform: translateX(-22px);
        transform: translateX(-22px);
    }
}

@keyframes arrow {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    23% {
        -webkit-transform: translateX(17px);
        transform: translateX(17px);
        opacity: 1;
    }

    24%,
    80% {
        -webkit-transform: translateX(-22px);
        transform: translateX(-22px);
        opacity: 0;
    }

    81% {
        opacity: 1;
        -webkit-transform: translateX(-22px);
        transform: translateX(-22px);
    }
}

@-webkit-keyframes arrowUp {

    0%,
    100% {
        -webkit-transform: rotate(-40deg) scaleX(1);
        transform: rotate(-40deg) scaleX(1);
    }

    20%,
    80% {
        -webkit-transform: rotate(0deg) scaleX(0.1);
        transform: rotate(0deg) scaleX(0.1);
    }
}

@keyframes arrowUp {

    0%,
    100% {
        -webkit-transform: rotate(-40deg) scaleX(1);
        transform: rotate(-40deg) scaleX(1);
    }

    20%,
    80% {
        -webkit-transform: rotate(0deg) scaleX(0.1);
        transform: rotate(0deg) scaleX(0.1);
    }
}

@-webkit-keyframes arrowDown {

    0%,
    100% {
        -webkit-transform: rotate(40deg) scaleX(1);
        transform: rotate(40deg) scaleX(1);
    }

    20%,
    80% {
        -webkit-transform: rotate(0deg) scaleX(0.1);
        transform: rotate(0deg) scaleX(0.1);
    }
}

@keyframes arrowDown {

    0%,
    100% {
        -webkit-transform: rotate(40deg) scaleX(1);
        transform: rotate(40deg) scaleX(1);
    }

    20%,
    80% {
        -webkit-transform: rotate(0deg) scaleX(0.1);
        transform: rotate(0deg) scaleX(0.1);
    }
}

/*-------------------------------------------------------------------------------------
    Text- Animations
---------------------------------------------------------------------------------------*/
/* Text animation scaleY */
.text-anime-scaleY {
    position: relative;
    display: -webkit-flex;
    display: flex;
}

.text-anime-scaleY .text-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.text-anime-scaleY .letter {
    display: inline-block;
    line-height: 1em;
    text-transform: lowercase;
}

.text-anime-scaleY .letter:first-child {
    text-transform: uppercase;
}

/*====================================
	Elements Styles
=====================================*/
/*-------------------------------------------------------------------------------------
    Section Title
---------------------------------------------------------------------------------------*/
.text-clip {
    color: #fcff00;
    background: linear-gradient(to right, #b10741 0, #740088 51%, #9C27B0 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.section-title {
    position: relative;
}

.section-title h3:not(.min-title) {
    color: #1040C6;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.43;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 10px;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .section-title h3:not(.min-title) {
        margin-bottom: 16px;
    }
}

.section-title h2 {
    font-size: 48px;
    line-height: 1.25;
    margin: 0;
    margin-bottom: 18px;
    word-wrap: break-word;
    max-width: 100%;
    color: #222222;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title h2 {
        font-size: 38px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title h2 {
        font-size: 38px;
    }

    .section-title h2 br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .section-title h2 {
        font-size: 26px;
    }

    .section-title h2 br {
        display: none;
    }
}

.section-title p {
    margin: 0;
}

.section-title .circle-shape::after {
    content: '';
    background-image: url(../img/shape/title-shape-1.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-top: 6px;
    margin-left: 15px;
    position: absolute;
}

@media only screen and (max-width: 767px) {
    .section-title .circle-shape::after {
        display: none;
    }
}

.section-title .line {
    position: relative;
    font-size: 18px;
    color: #CACAE4;
    font-weight: 400;
    margin-left: 30px;
}

.section-title .line:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 1px;
    background: #CACAE4;
}

@media only screen and (max-width: 767px) {
    .section-title .line:before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .section-title .line {
        margin-left: 0px;
    }
}

.section-title .line-vertical {
    position: relative;
    font-size: 28px;
    color: #000;
    font-weight: 500;
    margin-left: 15px;
}

.section-title .line-vertical:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -16px;
    width: 5px;
    height: 64%;
    background: #000000;
}

.section-title .section-title-shadow {
    color: #f0f0f0;
    font-size: 72px;
    font-weight: 900;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    right: 0;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 767px) {
    .section-title .section-title-shadow {
        font-size: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title .section-title-shadow {
        font-size: 56px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title .section-title-shadow {
        font-size: 56px;
    }
}

@media only screen and (max-width: 575px) {
    .section-title .section-title-shadow {
        font-size: 38px;
    }
}

.section-title.white-text h3 {
    color: #ffffff;
}

.section-title.white-text h2 {
    color: #ffffff;
}

.section-title.normal-text h2 {
    font-weight: 400;
}

.section-title.dark-version .line {
    color: #CACAE4;
}

.section-title.dark-version .line-vertical:before {
    background: #ffffff;
}

.section-title.dark-version .section-title-shadow {
    color: #1e1b29;
}

.section-title.dark-version h2 {
    color: #ffffff;
}

.section-title.dark-version h3 {
    color: #383838;
}

.section-title.dark-version p {
    color: #fff;
    opacity: .8;
}

/*-------------------------------------------------------------------------------------
    Buttons
---------------------------------------------------------------------------------------*/
.btn {
    -webkit-transition: all .3s ease;
    text-transform: capitalize;
    /*icon button*/
    /* Wedding buttons */
    /* Gradient Buttons */
    /* Gradient Buttons */
}

.btn:focus,
.btn:hover {
    box-shadow: none;
    outline: none;
}

.btn .sl-btn-ex-small {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    border: 2px solid #3353FC;
    background-color: #ffffff;
    border-radius: 40px;
    padding: 1em 1.8em;
    transition: all .3s ease;
}

.btn .sl-btn-ex-small:hover {
    font-weight: 600;
    color: #ffffff;
    background-color: #3353FC;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .btn-left-slide::after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn .btn-left-slide:hover::after {
    width: 100%;
    opacity: 1;
}

.btn .btn-top-bottom-slide:after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn .btn-cross-slide:after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn .btn-cross-slide:hover:after {
    height: 260%;
    opacity: 1;
}

.btn .btn-top-bottom-slide:hover:after {
    height: 100%;
    opacity: 1;
}

.btn .sl-btn-small {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    border: 2px solid #3353FC;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 1em 2.8em;
    transition: all .3s ease;
}

.btn .sl-btn-small:hover,
.btn .sl-btn-small.active {
    font-weight: 600;
    color: #ffffff;
    background-color: #3353FC;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .sl-btn-large {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #3353FC;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 1.2em 2.8em;
    transition: all .3s ease;
}

.btn .sl-btn-large:hover {
    font-weight: 600;
    color: #ffffff;
    background-color: #3353FC;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .sl-btn-ex-large {
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    border: 2px solid #3353FC;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 1.2em 3.2em;
    transition: all .3s ease;
}

.btn .sl-btn-ex-large:hover {
    font-weight: 600;
    color: #ffffff;
    background-color: #3353FC;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .icon-button-rl {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #F0263F;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 0.5em 1.4em;
    transition: all .3s ease;
    position: relative;
}

.btn .icon-button-rl span {
    left: 0;
    display: inline-block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    position: relative;
}

.btn .icon-button-rl:hover,
.btn .icon-button-rl.active {
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .icon-button-rl .fa-arrow-right {
    right: 14px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 40px;
    margin-left: 10px;
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: rgba(255, 16, 83, 0.24) 0px 8px 15px;
}

.btn .icon-button-rl.btn-link {
    border: none;
    padding: 0em 0em;
    color: #F0263F;
    background: transparent;
    text-decoration: none;
}

.btn .icon-button-rl.btn-link .fa-arrow-right {
    background: transparent;
    border: 1px solid #F0263F;
    color: #F0263F;
    box-shadow: none;
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.btn .icon-button-rl.btn-link span {
    font-weight: 600;
    letter-spacing: .6px;
}

.btn .icon-button-rl.btn-link:hover,
.btn .icon-button-rl.btn-link.active {
    color: #F0263F;
    background-color: transparent;
    box-shadow: none;
    text-decoration: none;
    -webkit-transform: none;
    transform: none;
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.btn .icon-button-rl.btn-link:hover .fa-arrow-right,
.btn .icon-button-rl.btn-link.active .fa-arrow-right {
    background: transparent;
    border: 1px solid #F0263F;
    color: #F0263F;
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.btn .icon-button-rl.btn-link.white-hover:hover,
.btn .icon-button-rl.btn-link.white-hover.active {
    color: #ffffff !important;
    background-color: transparent;
}

.btn .icon-button-rl.btn-link.white-hover:hover .fa-arrow-right,
.btn .icon-button-rl.btn-link.white-hover.active .fa-arrow-right {
    background: transparent;
    border: 1px solid #F0263F;
    color: #ffffff !important;
}

.btn .icon-button-lr {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #F0263F;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 0.5em 1.4em;
    transition: all .3s ease;
    position: relative;
}

.btn .icon-button-lr i,
.btn .icon-button-lr svg {
    right: 14px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 32px;
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 40px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: rgba(255, 16, 83, 0.24) 0px 8px 15px;
}

.btn .icon-button-lr:hover {
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .icon-button-naked {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border: none;
    background-color: #ffffff;
    border-radius: 40em;
    padding: 0.5em 1.4em;
    transition: all .3s ease;
    position: relative;
}

.btn .icon-button-naked i,
.btn .icon-button-naked svg {
    right: 14px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 40px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #F0263F;
    box-shadow: rgba(255, 16, 83, 0.24) 0px 8px 15px;
}

.btn .icon-button-naked i.medium,
.btn .icon-button-naked svg.medium {
    width: 40px;
    height: 40px;
    line-height: 38px;
}

.btn .icon-button-naked i.large,
.btn .icon-button-naked svg.large {
    width: 50px;
    height: 50px;
    line-height: 48px;
}

.btn .icon-button-naked i.ex-large,
.btn .icon-button-naked svg.ex-large {
    width: 60px;
    height: 60px;
    line-height: 58px;
}

.btn .wedding-btn {
    font-size: 16px;
    color: #C40A1E;
    border: none;
    border-radius: 10px 0px 10px 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

.btn .wedding-btn:hover {
    background: linear-gradient(90deg, #D32C3D 0%, #C40A1E 100%);
    color: #ffffff;
}

.btn .btn-ex-small {
    font-size: 12px;
    padding: 1em 1.8em !important;
}

.btn .btn-small {
    font-size: 14px;
    padding: 1em 2.8em !important;
}

.btn .btn-large {
    font-size: 16px;
    padding: 1.2em 2.8em !important;
}

.btn .btn-ex-large {
    font-size: 18px;
    padding: 1.2em 3.2em !important;
}

.btn .gradients-button {
    position: relative;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    font-weight: 600;
    border-radius: 40em;
    padding: 1em 2.8em;
    background-size: 200% auto;
    color: white;
    text-transform: capitalize;
}

.btn .gradients-button:hover {
    background-position: right center;
    /* change the direction of the change here */
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .gradients-button.btn-ex-small {
    font-size: 12px;
    padding: 1em 1.8em;
}

.btn .gradients-button.btn-small {
    font-size: 14px;
    padding: 1em 2.8em;
}

@media (max-width: 991px) {
    .btn .gradients-button.btn-small.btn-sm-ex-small {
        font-size: 12px;
        padding: 1em 1.8em !important;
    }
}

.btn .gradients-button.btn-large {
    font-size: 16px;
    padding: 1.2em 2.8em;
}

.btn .gradients-button.btn-ex-large {
    font-size: 18px;
    padding: 1.2em 3.2em;
}

.btn .gradients-button.outline {
    position: relative;
    background: #ffffff;
    -webkit-transform: none;
    transform: none;
}

.btn .gradients-button.outline:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-size: 200% auto;
    border-radius: 40em;
    z-index: -2;
}

.btn .gradients-button.outline:hover {
    color: #ffffff !important;
    background: #fff;
}

.btn .gradients-button.outline.no-radius {
    border-radius: 0px;
}

.btn .gradients-button.outline.no-radius:after {
    border-radius: 0px;
}

.btn .gradients-button.outline.rounded {
    border-radius: 4px !important;
}

.btn .gradients-button.outline.rounded:after {
    border-radius: 5px !important;
}

.btn .gradients-button.hover-bg-white:hover {
    background: #ffffff !important;
    color: #0069FF;
}

.btn .gradients-button.bg-white {
    background: #ffffff !important;
}

.btn .animated-gradient-button {
    position: relative;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    font-weight: 600;
    border-radius: 40em;
    padding: 1em 2.8em;
    color: white;
    text-transform: capitalize;
    z-index: 3;
    overflow: hidden;
}

.btn .animated-gradient-button span.animated {
    position: absolute;
    z-index: -1;
}

.btn .animated-gradient-button span.animated.top-bottom-slide {
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn .animated-gradient-button:hover span.animated.top-bottom-slide {
    height: 100%;
    opacity: 1;
}

.btn .animated-gradient-button:hover {
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.btn .animated-gradient-button.btn-ex-small {
    font-size: 12px;
    padding: 1em 1.8em;
}

.btn .animated-gradient-button.btn-small {
    font-size: 14px;
    padding: 1em 2.8em;
}

@media (max-width: 991px) {
    .btn .animated-gradient-button.btn-small.btn-sm-ex-small {
        font-size: 12px;
        padding: 1em 1.8em !important;
    }
}

.btn .animated-gradient-button.btn-large {
    font-size: 16px;
    padding: 1.2em 2.8em;
}

.btn .animated-gradient-button.btn-ex-large {
    font-size: 18px;
    padding: 1.2em 3.2em;
}

.btn .grad-btn-1 {
    background-image: linear-gradient(to right, #1CD8D2 0%, #93EDC7 51%, #1CD8D2 100%);
}

.btn .grad-btn-1:after,
.btn .grad-btn-1.outline:hover,
.btn .grad-btn-1.outline.active {
    background-image: linear-gradient(to right, #1CD8D2 0%, #93EDC7 51%, #1CD8D2 100%);
    background-size: 200% auto;
}

.btn .grad-btn-2 {
    background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%);
}

.btn .grad-btn-2:after,
.btn .grad-btn-2.outline:hover,
.btn .grad-btn-2.outline.active {
    background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%);
    background-size: 200% auto;
}

.btn .grad-btn-3 {
    background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371 51%, #FF5F6D 100%);
}

.btn .grad-btn-3:after,
.btn .grad-btn-3.outline:hover,
.btn .grad-btn-3.outline.active {
    background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371 51%, #FF5F6D 100%);
    background-size: 200% auto;
}

.btn .grad-btn-4 {
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
}

.btn .grad-btn-4:after,
.btn .grad-btn-4.outline:hover,
.btn .grad-btn-4.outline.active {
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
    background-size: 200% auto;
}

.btn .grad-btn-5 {
    background-image: linear-gradient(to right, #1040C6 0, #09AEFF 51%, #1040C6 100%);
}

.btn .grad-btn-5:after,
.btn .grad-btn-5.outline:hover,
.btn .grad-btn-5.outline.active {
    background-image: linear-gradient(to right, #1040C6 0, #09AEFF 51%, #1040C6 100%);
    background-size: 200% auto;
}

.btn .grad-btn-6 {
    background-image: linear-gradient(to right, #FF9456 0, #FE2B60 51%, #FF9456 100%);
}

.btn .grad-btn-6:after,
.btn .grad-btn-6.outline:hover,
.btn .grad-btn-6.outline.active {
    background-image: linear-gradient(to right, #FF9456 0, #FE2B60 51%, #FF9456 100%);
    background-size: 200% auto;
}

.btn .grad-btn-7 {
    background-image: linear-gradient(to right, #4776E6 0, #8E54E9 51%, #4776E6 100%);
}

.btn .grad-btn-7:after,
.btn .grad-btn-7.outline:hover,
.btn .grad-btn-7.outline.active {
    background-image: linear-gradient(to right, #4776E6 0, #8E54E9 51%, #4776E6 100%);
    background-size: 200% auto;
}

.btn .grad-btn-8 {
    background-image: linear-gradient(to right, #02C873 0, #00CBFF 51%, #02C873 100%);
}

.btn .grad-btn-8:after,
.btn .grad-btn-8.outline:hover,
.btn .grad-btn-8.outline.active {
    background-image: linear-gradient(to right, #02C873 0, #00CBFF 51%, #02C873 100%);
    background-size: 200% auto;
}

.btn .grad-btn-9 {
    background-image: linear-gradient(to right, #06C6DC 0, #04F1EF 51%, #06C6DC 100%);
}

.btn .grad-btn-9:after,
.btn .grad-btn-9.outline:hover,
.btn .grad-btn-9.outline.active {
    background-image: linear-gradient(to right, #06C6DC 0, #04F1EF 51%, #06C6DC 100%);
    background-size: 200% auto;
}

.btn .grad-btn-10 {
    background-image: linear-gradient(to right, #7478fa 0, #6DD456 51%, #7478fa 100%);
}

.btn .grad-btn-10:after,
.btn .grad-btn-10.outline:hover,
.btn .grad-btn-10.outline.active {
    background-image: linear-gradient(to right, #7478fa 0, #6DD456 51%, #7478fa 100%);
    background-size: 200% auto;
}

.btn .grad-btn-11 {
    background-image: linear-gradient(to right, #FC0044 0, #4D2BFE 51%, #FC0044 100%);
}

.btn .grad-btn-11:after,
.btn .grad-btn-11.outline:hover,
.btn .grad-btn-11.outline.active {
    background-image: linear-gradient(to right, #FC0044 0, #4D2BFE 51%, #FC0044 100%);
    background-size: 200% auto;
}

.btn .grad-btn-12 {
    background-image: linear-gradient(to right, #FE5532 0, #FE0633 51%, #FE5532 100%);
}

.btn .grad-btn-12:after,
.btn .grad-btn-12.outline:hover,
.btn .grad-btn-12.outline.active {
    background-image: linear-gradient(to right, #FE5532 0, #FE0633 51%, #FE5532 100%);
    background-size: 200% auto;
}

.btn .grad-btn-13 {
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
}

.btn .grad-btn-13:after,
.btn .grad-btn-13.outline:hover,
.btn .grad-btn-13.outline.active {
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
    background-size: 200% auto;
}

.btn .grad-btn-14 {
    background-image: linear-gradient(to right, #b10741 0, #740088 51%, #9C27B0 100%);
}

.btn .grad-btn-14:after,
.btn .grad-btn-14.outline:hover,
.btn .grad-btn-14.outline.active {
    background-image: linear-gradient(to right, #b10741 0, #740088 51%, #9C27B0 100%);
    background-size: 200% auto;
}

.btn .grad-btn-15 {
    background-image: linear-gradient(to right, #00d563 0%, #7fffc9 51%, #00d563 100%);
}

.btn .grad-btn-15:after,
.btn .grad-btn-15.outline:hover,
.btn .grad-btn-15.outline.active {
    background-image: linear-gradient(to right, #00d563 0%, #7fffc9 51%, #00d563 100%);
    background-size: 200% auto;
}

.btn .grad-btn-16 {
    background-image: linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%);
}

.btn .grad-btn-16:after,
.btn .grad-btn-16.outline:hover,
.btn .grad-btn-16.outline.active {
    background-image: linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%);
    background-size: 200% auto;
}

.btn .grad-btn-17 {
    background-image: linear-gradient(270deg, #FF8008 0%, #FFC837 51%, #FF8008 100%);
}

.btn .grad-btn-17:after,
.btn .grad-btn-17.outline:hover,
.btn .grad-btn-17.outline.active {
    background-image: linear-gradient(270deg, #FF8008 0%, #FFC837 51%, #FF8008 100%);
    background-size: 200% auto;
}

.btn .grad-btn-18 {
    background-image: linear-gradient(270deg, #f889ab 0%, #a400d1 51%, #f889ab 100%);
}

.btn .grad-btn-18:after,
.btn .grad-btn-18.outline:hover,
.btn .grad-btn-18.outline.active {
    background-image: linear-gradient(270deg, #f889ab 0%, #a400d1 51%, #f889ab 100%);
    background-size: 200% auto;
}

.btn .grad-btn-19 {
    background-image: linear-gradient(270deg, #3264f5 0%, #7202bb 51%, #3264f5 100%);
}

.btn .grad-btn-19:after,
.btn .grad-btn-19.outline:hover,
.btn .grad-btn-19.outline.active {
    background-image: linear-gradient(270deg, #3264f5 0%, #7202bb 51%, #3264f5 100%);
    background-size: 200% auto;
}

.btn .light-color {
    position: relative;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    border: 1px solid #000;
    border-radius: 40em;
    padding: 1em 2.8em;
    background-size: 200% auto;
    color: #000;
    background: rgba(0, 0, 0, 0.11);
}

.btn .light-color:hover {
    background: rgba(0, 0, 0, 0.11);
}

.btn .light-color.btn-ex-small {
    font-size: 12px;
    padding: 1em 1.8em;
}

.btn .light-color.btn-small {
    font-size: 14px;
    padding: 1em 2.8em;
}

.btn .light-color.btn-large {
    font-size: 16px;
    padding: 1.2em 2.8em;
}

.btn .light-color.btn-ex-large {
    font-size: 18px;
    padding: 1.2em 3.2em;
}

.gradients-button.grad-btn-5.outline.active {
    background-image: linear-gradient(to right, #1040C6 0, #09AEFF 51%, #1040C6 100%) !important;
    background-size: 200% auto !important;
    color: #ffffff !important;
}

.btn-search {
    background: #000;
    border-radius: 50%;
    padding: 16px 18px;
}

.input-group input[type=search] {
    border-radius: 30px;
}

.ytp-play-button {
    fill: #000;
    opacity: 0.85;
}

.ytp-play-button:hover {
    cursor: pointer;
    opacity: 1;
}

/* Stroke Button */
.stroke-button {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.stroke-button svg {
    height: 55px;
    width: 150px;
    fill: none;
    stroke-width: 5;
}

.stroke-button svg .o1 {
    stroke: rgba(0, 78, 146, 0.7);
    fill: rgba(0, 78, 146, 0.3);
    transition: all 1s ease-in-out;
}

.stroke-button svg .o2 {
    stroke: white;
    stroke-dasharray: 20 420;
    stroke-dashoffset: 20;
    transition: all 1s ease-in-out;
}

.stroke-button span {
    position: absolute;
    margin: auto 0;
    text-transform: uppercase;
    color: #ffffff;
    transition: all 1s ease-in-out;
}

.stroke-button:hover .o1 {
    fill: #004e92;
}

.stroke-button:hover .o2 {
    stroke-dashoffset: -420;
}

.stroke-button.light span {
    color: #004e92;
}

.stroke-button.light .o1 {
    fill: rgba(0, 78, 146, 0.1);
}

.stroke-button.light:hover span {
    color: #ffffff;
}

.stroke-button.light:hover .o1 {
    fill: #004e92;
}

.stroke-button.btn-restaurent svg {
    stroke-width: 3;
}

.stroke-button.btn-restaurent svg .o1 {
    stroke: rgba(196, 149, 107, 0.7);
    fill: rgba(196, 149, 107, 0);
}

.stroke-button.btn-restaurent span {
    text-transform: capitalize;
}

.stroke-button.btn-restaurent:hover .o1 {
    fill: #C4956B;
}

.stroke-button.white-style svg {
    stroke-width: 3;
}

.stroke-button.white-style svg .o1 {
    stroke: rgba(255, 255, 255, 0.7);
    fill: rgba(255, 255, 255, 0);
}

.stroke-button.white-style span {
    text-transform: capitalize;
}

.stroke-button.white-style:hover .o1 {
    fill: #ffffff;
}

.stroke-button.white-style:hover span {
    color: #0069FF;
}

.video-player {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.play-button {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 0;
}

.video-btn {
    text-align: center;
}

.video-btn.breadcrumb-video-position {
    position: absolute;
    left: 58%;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .video-btn.breadcrumb-video-position {
        position: static;
    }
}

.video-btn a.video-icon,
.video-btn a .video-icon {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #0069FF;
    transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

.video-btn a.video-icon::before,
.video-btn a .video-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translate(-6px, -9px);
    transform: translate(-6px, -9px);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 15px solid #fff;
}

.video-btn a.video-icon.second-icon,
.video-btn a .video-icon.second-icon {
    width: 90px;
    height: 90px;
}

.video-btn a.video-icon.second-icon::before,
.video-btn a .video-icon.second-icon::before {
    border-top-width: 11px;
    border-bottom-width: 11px;
    border-left-width: 19px;
    -webkit-transform: translate(-6px, -12px);
    transform: translate(-6px, -12px);
}

.video-btn a.video-icon.third-icon,
.video-btn a .video-icon.third-icon {
    width: 110px;
    height: 110px;
}

.video-btn a.video-icon.third-icon::before,
.video-btn a .video-icon.third-icon::before {
    border-top-width: 14px;
    border-bottom-width: 14px;
    border-left-width: 24px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-btn a.video-icon.four-icon,
.video-btn a .video-icon.four-icon {
    width: 130px;
    height: 130px;
}

.video-btn a.video-icon.four-icon::before,
.video-btn a .video-icon.four-icon::before {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 28px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-btn a.video-icon.third-icon.brown-color,
.video-btn a .video-icon.third-icon.brown-color {
    background: #fff;
}

.video-btn a.video-icon.third-icon.brown-color::before,
.video-btn a .video-icon.third-icon.brown-color::before {
    border-left: 24px solid currentColor;
}

.video-btn a.video-icon:hover,
.video-btn a .video-icon:hover {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
}

.border-btn {
    position: relative;
    display: inline-block;
    padding: 12px 20px;
    line-height: 24px;
    transition: all 0.3s;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #0069FF;
    z-index: 3;
}

.border-btn::after,
.border-btn::before {
    content: '';
    position: absolute;
    transition: all 0.3s;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.border-btn.white {
    color: #ffffff !important;
}

.border-btn.white.btn-hover::before {
    background: rgba(255, 255, 255, 0.2);
}

.border-btn.white.btn-hover::after {
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.btn-hover::before {
    left: 4px;
    opacity: 0;
    background: rgba(255, 255, 255, 0.2);
    -webkit-transform: scale(0.1, 1);
    transform: scale(0.1, 1);
}

.btn-hover.beauty-style:hover {
    color: #fff !important;
}

.btn-hover.beauty-style:hover::before {
    background-image: linear-gradient(to left, #f12711 60%, #f5af19 100%);
}

.btn-hover::after {
    transition: all 0.3s;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.btn-hover:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-hover:hover::after {
    -webkit-transform: scale(1, 0.1);
    transform: scale(1, 0.1);
    opacity: 0;
}

/*-------------------------------------------------------------------------------------
    Accordian
---------------------------------------------------------------------------------------*/
.accordion .card {
    border: 0 none;
    margin-bottom: 30px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.accordion .card-header {
    position: relative;
    background: transparent;
    padding: 0;
    border: 0 none;
}

.accordion .card-header h5 a.acc-btn {
    color: #111;
    font-size: 18px;
    line-height: 1.4;
    padding: 0;
    font-weight: 600;
    border: 0 none;
    font-family: "Montserrat", sans-serif;
    -webkit-appearance: none;
    display: block;
    background: #f7f7f7;
    padding: 20px 26px;
    margin: -1px -1px 0;
    border: 0 none;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.accordion .card-header h5 a.acc-btn::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f105";
    right: 16px;
    font-size: 16px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.accordion .card-header h5 a.acc-btn[aria-expanded="true"] {
    background: #0069FF;
    color: #ffffff;
}

.accordion .card-header h5 a.acc-btn[aria-expanded="true"]::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.accordion .card-body {
    padding: 27px 25px 39px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 1.8;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    border: 0 none;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 0 0 5px 5px;
}

.accordion.gradient-style .card-header {
    position: relative;
    background: transparent;
    padding: 0;
    border: 0 none;
}

.accordion.gradient-style .card-header h5 a.acc-btn[aria-expanded="true"] {
    background-image: linear-gradient(to right, #1040C6 0%, #09AEFF 100%);
    color: #ffffff;
}

.accordion.gradient-style .card-header h5 a.acc-btn[aria-expanded="true"]::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

/* Accordion Style 02 */
.accordion-style-2 .card {
    border: 0 none;
    margin-bottom: 7px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.accordion-style-2 .card-header {
    position: relative;
    background: transparent;
    padding: 0;
    border: 0 none;
}

.accordion-style-2 .card-header h5 a.acc-btn {
    color: #111;
    padding: 0;
    font-weight: 600;
    border: 0 none;
    font-family: "Montserrat", sans-serif;
    -webkit-appearance: none;
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    padding: 14px 0 14px 26px;
}

.accordion-style-2 .card-header h5 a.acc-btn.black-bg::before {
    color: #ffffff;
}

.accordion-style-2 .card-header h5 a.acc-btn::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: themify;
    font-weight: 900;
    content: '\e61a';
    left: 0;
    font-size: 18px;
    color: #222222;
    font-weight: 700;
}

.accordion-style-2 .card-header h5 a.acc-btn[aria-expanded="true"] {
    background: transparent;
    color: #0069FF;
}

.accordion-style-2 .card-header h5 a.acc-btn[aria-expanded="true"]::before {
    content: '\e622';
    color: #0069FF;
}

.accordion-style-2 .card-body {
    padding: 5px 0 21px 26px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.8px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    border: 0 none;
    box-shadow: inherit;
    border-radius: inherit;
}

/*-------------------------------------------------------------------------------------
    Deviders Area
---------------------------------------------------------------------------------------*/
.dividers-inner .space {
    height: 90px;
}

.basic-separator {
    display: inline-block;
    height: 2px;
    width: 120px;
    background: #222;
}

.basic-separator.line-3 {
    height: 3px;
}

.basic-thine-line {
    border-bottom: 1px solid #ddd;
}

.basic-dark-line-1px {
    border-bottom: 1px solid #333;
}

.basic-dark2-line-1px {
    border-bottom: 1px solid #eeeeee;
}

.basic-thick-line {
    border-bottom: 2px solid #ddd;
}

.basic-dark-line {
    border-bottom: 2px solid #222;
}

.basic-thick-line-theme-4 {
    border-top: 4px solid #0069FF;
}

.basic-dash-line {
    border-bottom: 1px dashed #ddd;
}

.basic-short-line {
    width: 120px;
    background: #222;
    height: 3px;
    display: inline-block;
}

.basic-modern-dots {
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
}

.basic-modern-dots .dot {
    background-color: #0069FF;
    border-radius: 50%;
    box-shadow: 0 0 12px #def0ff;
    -webkit-animation: separator-bounce 1.4s ease-in-out 0s infinite both;
    animation: separator-bounce 1.4s ease-in-out 0s infinite both;
    width: 14px;
    height: 14px;
}

.basic-modern-dots .dot.second-circle {
    margin-top: 18px;
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}

.basic-modern-dots .dot.third-circle {
    margin-top: 14px;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.basic-modern-dots.white-dots .dot {
    background-color: #ffffff;
    box-shadow: 0 0 12px #ffffff;
}

/*-------------------------------------------------------------------------------------
    Alert Box
---------------------------------------------------------------------------------------*/
.alert-box {
    position: relative;
    padding: 37px 30px 37px 70px;
}

.alert-box .icon {
    position: absolute;
    top: 40px;
    left: 41px;
    font-size: 16px;
    line-height: 1;
}

.alert-box .content {
    font-weight: 500;
    line-height: 1.58;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.alert-box.bg_cat-1 {
    background: #eee;
}

.alert-box.bg_cat-1 .icon {
    color: #222;
}

.alert-box.bg_cat-2 {
    background: #f9e2e5;
}

.alert-box.bg_cat-2 .icon {
    color: #d0021b;
}

.alert-box.bg_cat-2 .content {
    color: #d0021b;
}

.alert-box.bg_cat-3 {
    background: #edf9e1;
}

.alert-box.bg_cat-3 .icon {
    color: #6ca928;
}

.alert-box.bg_cat-3 .content {
    color: #6ca928;
}

.alert-box.bg_cat-4 {
    background: #0069FF;
}

.alert-box.bg_cat-4 .icon {
    color: #ffffff;
}

.alert-box.bg_cat-4 .content {
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Icon Boxes
---------------------------------------------------------------------------------------*/
.black-bg {
    background-color: #000000 !important;
}

.icon-border-shadow {
    width: 70px;
    height: 70px;
    margin: 0 auto 50px;
    line-height: 75px;
    position: relative;
    border-radius: 50%;
    background-color: #0069FF;
    color: #fff;
    font-size: 40px;
    z-index: 9;
}

.icon-border-shadow:before {
    width: 125px;
    height: 125px;
    position: absolute;
    content: '';
    top: -27px;
    left: -28px;
    z-index: -1;
    border-radius: 50%;
    background-color: rgba(0, 105, 255, 0.5);
}

.icon-border-shadow:after {
    width: 100px;
    height: 100px;
    position: absolute;
    content: '';
    top: -14px;
    left: -15px;
    border-radius: 50%;
    background-color: rgba(0, 105, 255, 0.5);
    z-index: -1;
}

.icon-box.effect-1.dark-version .inner {
    background: #202633;
}

.icon-box.effect-1.dark-version .inner .content h5.heading {
    color: #ffffff;
}

.icon-box.effect-1.dark-version .inner .content p {
    color: #ffffff;
    opacity: .8;
}

.icon-box.effect-1:hover .inner {
    background-color: #0069FF;
}

.icon-box.effect-1:hover .inner .icon-border-shadow {
    background-color: #ffffff;
}

.icon-box.effect-1:hover .inner .icon-border-shadow:before {
    background-color: rgba(255, 255, 255, 0.5);
}

.icon-box.effect-1:hover .inner .icon-border-shadow:after {
    background-color: rgba(255, 255, 255, 0.5);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl-icon-boxes-area .space_dec--110 {
        margin-top: 0;
        padding-top: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .sl-icon-boxes-area .space_dec--110 {
        margin-top: 0;
        padding-top: 80px;
    }
}

.icons-box {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.icons-box .icon {
    width: 70px;
    margin: auto;
}

.icon-box.horizontal-icon-box.no-border .inner {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.icon-box.horizontal-icon-box.no-border .inner:hover {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.icon-box:hover .polygon-shape {
    top: -25px;
    right: -5px;
}

.icon-box .polygon-shape {
    position: absolute;
    top: -10px;
    right: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.icon-box.bg-transparant .inner {
    background: transparent;
}

.icon-box.style-6 .inner-icon i {
    font-size: 64px;
    display: -webkit-inline-flex;
    display: inline-flex;
    background-image: linear-gradient(244deg, #39ec73 0%, #0086f8 100%);
    color: transparent;
    -webkit-background-clip: text;
}

.icon-box.style-6 .slide {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all .3s ease-in-out;
}

.icon-box.style-6 .inner:hover {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}

.icon-box.style-6:hover .inner-icon i {
    background-image: none;
    color: #fff !important;
}

.icon-box.style-6:hover .slide {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.icon-box.style-border-bottom {
    border-radius: 12px;
    margin: 30px;
    border-bottom: 5px solid transparent;
}

.icon-box.style-border-bottom:hover {
    border-bottom: 5px solid #02C873;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.icon-box.style-border-bottom img {
    width: 38px;
}

.icon-box.style-border-bottom h4 {
    font-size: 1rem;
    font-weight: 400;
}

@media only screen and (max-width: 575px) {
    .icon-box.style-border-bottom h4 {
        font-size: 0.875rem;
    }
}

.icon-box .inner {
    position: relative;
    padding: 60px 35px 64px;
    background: #fff;
    border-radius: 10px;
    z-index: 2;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 575px) {
    .icon-box .inner {
        padding: 51px 24px 54px;
    }
}

.icon-box .inner::before {
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    opacity: 1;
    visibility: visible;
    z-index: -1;
}

.icon-box .inner .icon {
    font-size: 80px;
    margin-bottom: 22px;
    color: #0069FF;
}

.icon-box .inner .icon.brown-color {
    color: #CE8F4F;
}

.icon-box .inner .icon-2 {
    font-size: 34px;
    margin-bottom: 22px;
    color: #ffffff;
    width: 99px;
    height: 74px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.icon-box .inner .icon-2 i {
    font-size: 34px;
    position: absolute;
    left: 48px;
}

@media only screen and (max-width: 575px) {
    .icon-box .inner .icon-2 i {
        left: 30px;
    }
}

.icon-box .inner .icon-2 i::before {
    font-size: 40px;
}

.icon-box .inner .icon-2.icon2 i {
    color: #09AEFF;
    left: auto;
    margin-top: 27px;
}

@media only screen and (max-width: 575px) {
    .icon-box .inner .icon-2.icon2 i {
        margin-top: 30px;
    }
}

.icon-box .inner .icon-3 {
    width: 60px;
    height: 60px;
    background: rgba(0, 105, 255, 0.1);
    display: -webkit-flex;
    display: flex;
    margin-right: 15px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 26px;
}

.icon-box .inner .icon-3.style-2 {
    background: rgba(2, 200, 115, 0.1);
}

.icon-box .inner .icon-3.style-3 {
    background: #02C873;
}

.icon-box .inner .time {
    font-size: 18px;
    position: absolute;
    top: 24px;
    right: 30px;
}

@media only screen and (max-width: 575px) {
    .icon-box .inner .time {
        font-size: 14px;
    }
}

.icon-box .inner .price-box .price {
    font-size: 28px;
}

.icon-box .inner .svg-icon .tm-svg {
    padding: 10px 0 12px;
    width: 60px;
    margin: 0 auto;
}

.icon-box .inner .content h5.heading {
    margin-bottom: 18px;
}

.icon-box .inner .content a.icon-btn {
    margin-top: 46px;
    display: inline-block;
    color: #222222;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.icon-box .inner .content a.icon-btn span {
    padding: 5px 0;
    font-weight: 600;
    font-size: 14px;
}

.icon-box .inner .content a.icon-btn i {
    font-size: 12px;
    color: #0069FF;
    padding-left: 14px;
}

.icon-box .inner .content a.icon-btn:hover {
    color: #0069FF;
}

.icon-box .inner .content a.icon-btn.color-red i {
    color: #F0263F;
}

.icon-box .inner .content a.icon-btn.color-red:hover {
    color: #F0263F;
}

.icon-box .inner:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .icon-box.medium .inner {
        padding: 60px 24px 64px;
    }
}

.icon-box.no-border .inner {
    padding: 0;
}

.icon-box.no-border .inner::before {
    display: none;
}

.icon-box.no-border .inner:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: inherit;
}

.icon-box.with-padding .inner {
    padding: 60px 35px 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .icon-box.with-padding .inner {
        padding: 50px 21px 26px;
    }
}

@media only screen and (max-width: 767px) {
    .icon-box.with-padding .inner {
        padding: 60px 8px 32px;
    }
}

.icon-box.icon-box-style-2 .icon {
    -webkit-flex: 0 0 74px;
    flex: 0 0 74px;
    width: 74px;
    height: 74px;
    margin-bottom: 35px;
    margin-right: 35px;
}

.icon-box.icon-box-style-2 .content h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 15px;
}

.icon-box.style-4 .inner .icon-3 {
    width: 100px;
    height: 100px;
    background: #E2E2E2 !important;
    color: #000;
    font-size: 40px;
    transition: all .3s ease-in-out;
}

.icon-box.style-4 .inner:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.icon-box.style-4 .inner:hover .icon-3 {
    box-shadow: 0 1rem 3rem rgba(42, 53, 79, 0.2);
    background-image: linear-gradient(244deg, #3C53D7 0%, #1A1B6E 100%) !important;
    color: #fff;
}

.icon-box.style-4 .inner:hover .content h5 {
    color: #0069FF;
}

.icon-box.style-5 .inner .inner-icon {
    line-height: normal;
    color: #0069FF;
}

.icon-box.style-5 .inner .inner-icon i {
    font-size: 63px;
}

.icon-box.style-5:hover .inner {
    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 51%, #3C53D7 100%);
    background-size: 200% auto;
}

.icon-box.style-5:hover .inner .inner-icon {
    color: #fff;
}

.icon-box.style-5:hover h5,
.icon-box.style-5:hover p {
    color: #fff;
}

.icon-box.style-5:hover .gradients-button {
    background: #fff;
    color: #0069FF;
}

.icon-box.style-5 .inner .inner-icon {
    line-height: normal;
    color: #0069FF;
}

.icon-box.style-5 .inner .inner-icon i {
    font-size: 63px;
}

.icon-box.style-5:hover .inner,
.icon-box.style-5.active .inner {
    background-image: linear-gradient(to right, #FF8008 0, #FFC837 51%, #FF8008 100%);
    background-size: 200% auto;
}

.icon-box.style-5:hover .inner .inner-icon,
.icon-box.style-5.active .inner .inner-icon {
    color: #fff !important;
}

.icon-box.style-5:hover h5,
.icon-box.style-5:hover p,
.icon-box.style-5.active h5,
.icon-box.style-5.active p {
    color: #fff;
}

.icon-box.style-5:hover .gradients-button,
.icon-box.style-5.active .gradients-button {
    background: #fff;
    color: #0069FF;
}

/* =====================
    Icon Box Style 
========================*/
.icon-grid-box {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    width: 760px;
    display: -ms-grid;
    display: grid;
    margin: auto;
    margin-top: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .icon-grid-box {
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .icon-grid-box {
        width: auto;
        grid-row-gap: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .icon-grid-box {
        grid-template-columns: repeat(1, 1fr);
    }
}

.icon-grid-box .bk-icon {
    max-width: 160px;
}

@media only screen and (max-width: 575px) {
    .icon-grid-box .bk-icon {
        max-width: inherit;
    }
}

.icon-grid-box .bk-icon .icon {
    font-size: 80px;
    width: 160px;
    height: 160px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .icon-grid-box .bk-icon .icon {
        width: 110px;
        height: 110px;
        font-size: 50px;
    }
}

.icon-grid-box .bk-icon .icon.bg-color-1 {
    background: #e71361;
}

.icon-grid-box .bk-icon .icon.bg-color-2 {
    background: #ecb505;
}

.icon-grid-box .bk-icon .icon.bg-color-3 {
    background: #116cd7;
}

.icon-grid-box .bk-icon .icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vibrate-style .icon i {
    font-size: 30px;
}

.vibrate-style .content h5 {
    font-size: 20px;
    font-weight: 500;
}

.vibrate-style .content p {
    font-size: 16px;
    line-height: 1.75;
    color: #777;
    font-weight: 400;
}

.vibrate-style:hover .inner {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.single-svg-icon-box {
    position: relative;
    height: 100%;
    padding: 37px 30px 34px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    z-index: 9;
}

.single-svg-icon-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.single-svg-icon-box .grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #222;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #000000;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box .inner {
    position: relative;
    z-index: 5;
}

.single-svg-icon-box .svg-icon {
    width: 60px;
    margin-bottom: 22px;
}

.single-svg-icon-box .svg-icon svg * {
    stroke: #68AE4A;
}

.single-svg-icon-box .content h5 {
    font-size: 20px;
    margin-bottom: 18px;
    font-weight: 500;
}

.single-svg-icon-box:hover {
    background: none;
}

.single-svg-icon-box:hover::before {
    opacity: 0.5;
}

.single-svg-icon-box:hover .grid-overlay {
    opacity: 1;
    visibility: visible;
}

.single-svg-icon-box:hover .svg-icon svg * {
    stroke: #ffffff;
}

.single-svg-icon-box:hover .content h5 {
    color: #ffffff;
}

.single-svg-icon-box:hover .content p {
    color: #ffffff;
}

.single-svg-icon-box.business-icon-box {
    position: relative;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .grid-overlay {
    opacity: 1;
    visibility: visible;
}

.single-svg-icon-box.business-icon-box .svg-icon {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 22px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .svg-icon svg * {
    stroke: #ffffff !important;
}

.single-svg-icon-box.business-icon-box .content {
    position: relative;
    z-index: 1;
}

.single-svg-icon-box.business-icon-box .content h5 {
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .content p {
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .br-icon-box-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    padding-right: 0;
    display: block;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.single-svg-icon-box.business-icon-box .br-icon-box-btn a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 0;
    display: block;
}

.single-svg-icon-box.business-icon-box:hover {
    background-image: none;
    background: none;
    box-shadow: 0 0 30px -15px rgba(51, 51, 51, 0.25);
    background: #c75353;
}

.single-svg-icon-box.business-icon-box:hover::before {
    display: none;
}

.single-svg-icon-box.business-icon-box:hover .grid-overlay {
    opacity: 0;
    visibility: hidden;
}

.single-svg-icon-box.business-icon-box:hover .svg-icon {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
}

.single-svg-icon-box.business-icon-box:hover .content h5 {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
}

.single-svg-icon-box.business-icon-box:hover .content p {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px);
}

.single-svg-icon-box.business-icon-box:hover .br-icon-box-btn {
    -webkit-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
    opacity: 1;
    visibility: visible;
}

.box-icon-classic {
    text-align: center;
}

.box-icon-classic-header {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: -12px;
    margin-left: -12px;
}

.box-icon-classic-header:empty {
    margin-bottom: 0;
    margin-left: 0;
}

.box-icon-classic-header>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 12px;
    margin-left: 12px;
}

.box-icon-classic-icon {
    position: relative;
    font-size: 50px;
    line-height: 1;
    color: #000;
}

.box-icon-classic-icon::after {
    position: absolute;
    content: '';
    top: 6px;
    right: -6px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: rgba(196, 149, 106, 0.5);
}

.box-icon-classic-title {
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
}

.box-icon-classic-title::after {
    position: absolute;
    content: '';
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 1px solid;
    transition: inherit;
}

.box-icon-classic-title a:hover {
    color: inherit;
}

.box-icon-classic-title:hover {
    -webkit-transform: none;
    transform: none;
}

.box-icon-classic-title:hover::after {
    width: 100%;
}

*+.box-icon-classic-text {
    margin-top: 12px;
}

@media (min-width: 768px) {
    .box-icon-classic {
        text-align: left;
    }

    .box-icon-classic-header {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

/*-------------------------------------------------------------------------------------
    Social Icons
---------------------------------------------------------------------------------------*/
.social-shere {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #CACAE4;
    padding: 20px;
    border-radius: 10px;
    transition: all .5s ease;
}

.social-shere .social-site {
    transition: all .5s ease;
}

.social-shere .social-site h3 {
    color: #000000;
}

.social-shere .social-site h3 a {
    color: #000000;
}

.social-shere .social-site h3 a:hover {
    color: #000000;
}

.social-shere .social-site p {
    transition: all .5s ease;
}

.social-shere .icon i {
    transition: all .5s ease;
}

.social-shere.dark-varsion .social-site h3 {
    color: #ffffff;
}

.social-shere.dark-varsion .social-site h3 a {
    color: #ffffff;
}

.social-shere.dark-varsion .icon i {
    color: #CACAE4;
}

.social-shere.dark-varsion:hover {
    border-color: #0069FF;
}

.social-shere.dark-varsion:hover .social-site h3 {
    color: #ffffff;
}

.social-shere.dark-varsion:hover .social-site h3 a {
    color: #ffffff;
}

.social-shere:hover {
    border-color: #0069FF;
}

.social-shere:hover .social-site h3 {
    color: #000000;
}

.social-shere:hover .social-site h3 a {
    color: #000000;
}

.social-shere:hover .social-site p {
    color: #0069FF;
}

.social-shere:hover .icon i {
    color: #0069FF;
}

.social-shere.style-2 .link {
    width: 40px;
    height: 40px;
    line-height: 42px;
}

.social-icon {
    padding: 0;
    margin: 0 -15px;
}

.social-icon li {
    display: inline-block;
}

.social-icon li a {
    padding: 5px 15px;
    color: #fff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.liquid-animate li {
    margin: 5px;
}

.social-icon.liquid-animate li a {
    display: block;
    text-align: center;
    height: 55px;
    width: 55px;
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.21);
    border-radius: 50%;
    line-height: 52px;
    position: relative;
    border-color: rgba(255, 255, 255, 0.21);
    padding: 0;
    transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow: hidden;
}

.social-icon.liquid-animate li a::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    transition: .5s;
    z-index: 2;
}

.social-icon.liquid-animate li a:hover {
    border-color: #fff;
    background-color: #fff;
    color: #fff;
}

.social-icon.liquid-animate li a:hover::before {
    top: 0;
}

.social-icon.liquid-animate li a i {
    position: relative;
    transition: .5s;
    z-index: 3;
}

.social-icon.liquid-animate li.facebook a::before {
    background: #3b5998;
}

.social-icon.liquid-animate li.instagram a::before {
    background: #e4405f;
}

.social-icon.liquid-animate li.twitter a::before {
    background: #55acee;
}

.social-icon.liquid-animate li.dribbble a::before {
    background: #ea4c89;
}

.social-icon.liquid-animate li.pinterest a::before {
    background: #bd081c;
}

.social-icon.liquid-animate.theme-color li a:before {
    background: #0069FF;
}

.social-icon.icon-light-version li a {
    color: #000000;
    border-color: rgba(0, 0, 0, 0.21);
    transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.icon-light-version li a:hover {
    border-color: rgba(0, 0, 0, 0.21);
    background-color: #fff;
    color: #fff;
}

.social-icon.social-vertical {
    margin: 0;
}

.social-icon.social-vertical li {
    display: block;
    margin: 10px;
}

.social-icon.social-vertical li a {
    display: block;
}

.social-icon.text-dark li a {
    color: #222222;
}

.social-icon.text-dark.tooltip-layout li a {
    color: #222222;
}

.social-icon.text-dark.tooltip-layout li a:hover {
    color: #0069FF;
}

.social-icon.icon-size-large li a {
    font-size: 30px;
}

.social-icon.icon-size-medium li a {
    font-size: 20px;
}

.social-icon.icon-size-small li .link {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
}

.social-icon.social-text li a span {
    font-size: 15px;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #ffffff;
    line-height: 2;
}

.social-icon.social-text li a span::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.social-icon.social-text li a span:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.social-icon.social-text.text-dark li a span {
    color: #999999;
}

.social-icon.social-text.text-dark li a span:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.social-icon.social-text.second-font li a {
    font-family: "Rubik", sans-serif;
}

.social-icon.tooltip-layout.text-dark li a {
    color: #333333;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.tooltip-layout.text-dark li a:hover {
    color: #222222;
}

.social-icon.tooltip-layout.text-dark-2 li a {
    color: #222222;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.tooltip-layout.text-dark-2 li a:hover {
    color: #222222;
}

.social-icon.tooltip-layout li a {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #fff;
}

.social-icon.tooltip-layout li a[class*=tooltip-] {
    position: relative;
    display: inline-block;
    line-height: 2;
}

.social-icon.tooltip-layout li a.tooltip-bounce:after,
.social-icon.tooltip-layout li a.tooltip-bounce:before {
    transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.social-icon.tooltip-layout li a[class*=tooltip-]:after,
.social-icon.tooltip-layout li a[class*=tooltip-]:before {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: .3s ease;
    transition-delay: 0ms;
}

.social-icon.tooltip-layout li a.tooltip-top:after,
.social-icon.tooltip-layout li a.tooltip-top:before {
    bottom: 100%;
    left: 50%;
}

.social-icon.tooltip-layout li a.tooltip-top:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.social-icon.tooltip-layout li a.tooltip-top:before {
    left: calc(50% - 7px);
    margin-bottom: -13px;
}

.social-icon.tooltip-layout li a.tooltip-bottom:after,
.social-icon.tooltip-layout li a.tooltip-bottom:before {
    top: 100%;
    left: 50%;
}

.social-icon.tooltip-layout li a.tooltip-bottom:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.social-icon.tooltip-layout li a[class*=tooltip-]:before {
    content: "";
    position: absolute;
    background: transparent;
    border: 7px solid transparent;
    z-index: 1000001;
}

.social-icon.tooltip-layout li a[class*=tooltip-][aria-label]:after {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.23;
    content: attr(aria-label);
}

.social-icon.tooltip-layout li a[class*=tooltip-]:after {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    padding: 8px 10px;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 5px;
}

.social-icon.tooltip-layout li a.tooltip-white[aria-label]::before {
    border-top-color: #fff;
}

.social-icon.tooltip-layout li a.tooltip-theme[aria-label]::after {
    background: #0069FF;
    color: #ffffff;
    text-shadow: none;
}

.social-icon.tooltip-layout li a.tooltip-theme[aria-label]::before {
    border-top-color: #0069FF;
}

.social-icon.tooltip-layout li a.tooltip-dark[aria-label]::after {
    background: #222222;
    color: #ffffff;
    text-shadow: none;
}

.social-icon.tooltip-layout li a.tooltip-dark[aria-label]::before {
    border-top-color: #222222;
}

.social-icon.tooltip-layout li a.tooltip-white[aria-label]::after {
    background: #fff;
    color: #111;
    text-shadow: none;
}

.social-icon.tooltip-layout li a.tooltip-bottom::before {
    left: calc(50% - 7px);
    margin-top: -13px;
    border-bottom-color: #000000;
    border-top-color: transparent !important;
}

.social-icon.tooltip-layout li a.tooltip-bottom.tooltip-white[aria-label]::before {
    border-bottom-color: #ffffff;
}

.social-icon.tooltip-layout li a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.social-icon.tooltip-layout li a:hover.tooltip-top[class*=tooltip-]:after,
.social-icon.tooltip-layout li a:hover.tooltip-top[class*=tooltip-]:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

.social-icon.tooltip-layout li a:hover.tooltip-top::before {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.social-icon.tooltip-layout li a:hover.tooltip-top::after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px);
}

.social-icon.tooltip-layout li a:hover.tooltip-bottom[class*=tooltip-]:after,
.social-icon.tooltip-layout li a:hover.tooltip-bottom[class*=tooltip-]:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

.social-icon.tooltip-layout li a:hover.tooltip-bottom::before {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

.social-icon.tooltip-layout li a:hover.tooltip-bottom::after {
    -webkit-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px);
}

.social-icon.icon-solid-rounded li {
    margin: 5px;
}

.social-icon.icon-solid-rounded li a {
    font-size: 20px;
    display: block;
    text-align: center;
    height: 50px;
    width: 50px;
    background: #eee;
    color: #222;
    line-height: 51px;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 0;
}

.social-icon.icon-solid-rounded li a:hover {
    background-color: #0069FF;
    color: #ffffff !important;
}

.social-icon.icon-border-rounded.social-vertical li {
    margin: 20px;
}

.social-icon.icon-border-rounded li {
    margin: 5px;
}

.social-icon.icon-border-rounded li a {
    display: block;
    text-align: center;
    height: 55px;
    width: 55px;
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.21);
    border-radius: 50%;
    line-height: 52px;
    position: relative;
    border-color: rgba(255, 255, 255, 0.21);
    padding: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.icon-border-rounded li a:hover {
    border-color: #fff;
    background-color: #fff;
    color: #222;
}

.social-icon.icon-border-rounded.text-dark-2 li a {
    color: #222222;
    border: 1px solid #eee;
}

.social-icon.icon-border-rounded.text-dark-2 li a:hover {
    border-color: #222222;
    background-color: #222222;
    color: #ffffff;
}

.social-icon.icon-border-rounded.style-solid-thin-rounded-icon li a {
    color: #222;
    border: 1px solid #eee;
}

.social-icon.icon-border-rounded.style-solid-thin-rounded-icon li a:hover {
    color: #fff;
    border-color: #222;
    background: #222;
}

.social-icon.style-solid-rounded-icon {
    margin: -10px;
}

.social-icon.style-solid-rounded-icon li {
    margin: 10px;
}

@media only screen and (max-width: 767px) {
    .social-icon.style-solid-rounded-icon li {
        margin: 6px;
    }
}

.social-icon.style-solid-rounded-icon li a {
    font-size: 20px;
    display: block;
    text-align: center;
    height: 55px;
    line-height: 42px;
    width: 55px;
    color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.21);
    border-radius: 50%;
    position: relative;
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.18);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.social-icon.style-solid-rounded-icon li a:hover {
    border-color: transparent;
    background-color: #fff;
    color: #222222;
}

a {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

a[class*=tooltip-] {
    position: relative;
}

a.tooltip-bounce:after,
a.tooltip-bounce:before {
    transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

a[class*=tooltip-]:after,
a[class*=tooltip-]:before {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: .3s ease;
    transition-delay: 0ms;
}

a.tooltip-top:after,
a.tooltip-top:before {
    bottom: 100%;
    left: 50%;
}

a.tooltip-top:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

a.tooltip-top:before {
    left: calc(50% - 7px);
    margin-bottom: -13px;
}

a.tooltip-bottom:after,
a.tooltip-bottom:before {
    top: 100%;
    left: 50%;
}

a.tooltip-bottom:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

a[class*=tooltip-]:before {
    content: "";
    position: absolute;
    background: transparent;
    border: 7px solid transparent;
    z-index: 1000001;
}

a[class*=tooltip-][aria-label]:after {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.23;
    content: attr(aria-label);
}

a[class*=tooltip-]:after {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    padding: 8px 10px;
    font-size: 14px;
    white-space: normal;
    border-radius: 5px;
    max-width: 160px;
    min-width: 120px;
    text-align: center;
}

a.tooltip-white[aria-label]::before {
    border-top-color: #fff;
}

a.tooltip-theme[aria-label]::after {
    background: #0069FF;
    color: #ffffff;
    text-shadow: none;
}

a.tooltip-theme[aria-label]::before {
    border-top-color: #0069FF;
}

a.tooltip-dark[aria-label]::after {
    background: #222222;
    color: #ffffff;
    text-shadow: none;
}

a.tooltip-dark[aria-label]::before {
    border-top-color: #222222;
}

a.tooltip-white[aria-label]::after {
    background: #fff;
    color: #111;
    text-shadow: none;
}

a.tooltip-bottom::before {
    left: calc(50% - 7px);
    margin-top: -13px;
    border-bottom-color: #000000;
    border-top-color: transparent !important;
}

a.tooltip-bottom.tooltip-white[aria-label]::before {
    border-bottom-color: #ffffff;
}

a:hover {
    color: rgba(255, 255, 255, 0.5);
}

a:hover.tooltip-top[class*=tooltip-]:after,
a:hover.tooltip-top[class*=tooltip-]:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

a:hover.tooltip-top::before {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

a:hover.tooltip-top::after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px);
}

a:hover.tooltip-bottom[class*=tooltip-]:after,
a:hover.tooltip-bottom[class*=tooltip-]:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

a:hover.tooltip-bottom::before {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

a:hover.tooltip-bottom::after {
    -webkit-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px);
}

/*-------------------------------------------------------------------------------------
    Tabs
---------------------------------------------------------------------------------------*/
.tab,
.scrollspy {
    border: 2px solid #dadada;
    padding: 30px;
}

.nav-pills .nav-link {
    color: #222222;
    letter-spacing: .8px;
}

.tab-content>.tab-pane {
    font-size: 14px;
    letter-spacing: .8px;
}

.tab .nav .nav-link {
    color: #000000;
}

.tab .nav .nav-link:hover {
    color: #0069FF;
    background: #fff;
}

.nav-item.active .nav-link,
.tab .nav .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background: #0069FF;
}

.tab.gradient-style .nav-item.active .nav-link,
.tab.gradient-style .nav .nav-link.active,
.tab.gradient-style .nav-pills .show>.nav-link {
    background-image: linear-gradient(to right, #1040C6 0%, #09AEFF 100%);
}

.tab.vertical .tab-nav {
    -webkit-flex-basis: 200px;
    flex-basis: 200px;
}

@media only screen and (max-width: 767px) {
    .tab.vertical .tab-nav {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
}

.tab.vertical .tab-content {
    -webkit-flex-basis: calc(100% - 200px);
    flex-basis: calc(100% - 200px);
    padding-left: 30px;
    padding-right: 30px;
}

@media only screen and (max-width: 767px) {
    .tab.vertical .tab-content {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 10px;
    }
}

.tab.tabs-links .nav .nav-link {
    background: transparent;
}

.tab.tabs-links .nav .nav-link a {
    position: relative;
    color: #000;
    padding: 0 8px;
}

.tab.tabs-links .nav .nav-link a:before {
    content: '';
    width: 4px;
    height: 100%;
    background: #000000;
    position: absolute;
    left: 0;
    top: 0;
}

.tab.tabs-links .nav .nav-link a.active {
    color: #0069FF;
}

.tab.tabs-links .nav .nav-link:hover {
    background: transparent;
}

.tab.tabs-links .nav .nav-link:hover a {
    color: #0069FF;
}

.tab.tabs-links .nav .nav-link:hover a:before {
    color: #0069FF;
}

.tab.tabs-links-dark .nav .nav-link {
    background: transparent;
}

.tab.tabs-links-dark .nav .nav-link a {
    color: #fff;
    position: relative;
    padding: 0 8px;
}

.tab.tabs-links-dark .nav .nav-link a:before {
    content: '';
    width: 4px;
    height: 100%;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
}

.tab.tabs-links-dark .nav .nav-link a.active {
    color: #0069FF;
}

.tab.tabs-links-dark .nav .nav-link:hover {
    background: transparent;
}

.tab.tabs-links-dark .nav .nav-link:hover a {
    color: #0069FF;
}

.tab.tabs-links-dark .nav .nav-link:hover a:before {
    color: #0069FF;
}

@media (min-width: 768px) {
    .flex-md-column {
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
    }
}

/*-------------------------------------------------------------------------------------
    Deviders Area
---------------------------------------------------------------------------------------*/
.dividers-inner .space {
    height: 90px;
}

.basic-separator {
    display: inline-block;
    height: 2px;
    width: 120px;
    background: #222;
}

.basic-separator.line-3 {
    height: 3px;
}

.basic-thine-line {
    border-bottom: 1px solid #ddd;
}

.basic-dark-line-1px {
    border-bottom: 1px solid #333;
}

.basic-dark2-line-1px {
    border-bottom: 1px solid #eeeeee;
}

.basic-thick-line {
    border-bottom: 2px solid #ddd;
}

.basic-dark-line {
    border-bottom: 2px solid #222;
}

.basic-thick-line-theme-4 {
    border-top: 4px solid #0069FF;
}

.basic-dash-line {
    border-bottom: 1px dashed #ddd;
}

.basic-short-line {
    width: 120px;
    background: #222;
    height: 3px;
    display: inline-block;
}

.basic-modern-dots {
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
}

.basic-modern-dots .dot {
    background-color: #0069FF;
    border-radius: 50%;
    box-shadow: 0 0 12px #def0ff;
    -webkit-animation: separator-bounce 1.4s ease-in-out 0s infinite both;
    animation: separator-bounce 1.4s ease-in-out 0s infinite both;
    width: 14px;
    height: 14px;
}

.basic-modern-dots .dot.second-circle {
    margin-top: 18px;
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}

.basic-modern-dots .dot.third-circle {
    margin-top: 14px;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.basic-modern-dots.white-dots .dot {
    background-color: #ffffff;
    box-shadow: 0 0 12px #ffffff;
}

/*-------------------------------------------------------------------------------------
    Form 
---------------------------------------------------------------------------------------*/
.form-on-map {
    position: absolute;
}

@media only screen and (max-width: 767px) {
    .form-on-map {
        position: static;
    }
}

.form-group input {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
    width: 100%;
    height: 50px;
}

.form-group input.placeholder {
    font-size: 14px;
}

.form-group input:-moz-placeholder {
    font-size: 14px;
}

.form-group input::-moz-placeholder {
    font-size: 14px;
}

.form-group input::-webkit-input-placeholder {
    font-size: 14px;
}

.form-group textarea {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
}

.form-group textarea.placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-group textarea:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-group textarea::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-group textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
}

.form-group select {
    border: 1px solid #DADCE0;
    background: transparent;
    padding: 15px;
    border-radius: 4px;
    color: #ffffff;
    height: 50px;
}

.form-group select.placeholder {
    font-size: 14px;
}

.form-group select:-moz-placeholder {
    font-size: 14px;
}

.form-group select::-moz-placeholder {
    font-size: 14px;
}

.form-group select::-webkit-input-placeholder {
    font-size: 14px;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    box-shadow: none;
    outline: none;
    border-color: #0069FF;
}

.span_pseudo {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

/* ChackBox Design */
.chackbox {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.chackbox span:before,
.chackbox span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.chackbox input {
    display: none;
}

.chackbox input:checked~span {
    background: #0069FF;
    border-color: #0069FF;
}

.chackbox input:checked~span:before {
    width: 1rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
}

.chackbox input:checked~span:after {
    width: 0.4rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
}

.chackbox input:disabled~span {
    background: #ececec;
    border-color: #dcdcdc;
}

.chackbox input:disabled~label {
    color: #dcdcdc;
}

.chackbox input:disabled~label:hover {
    cursor: default;
}

.chackbox label {
    padding-left: 2rem;
    font-size: 14px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom: 0;
}

.chackbox span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #DADCE0;
    position: absolute;
    left: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
}

.chackbox span:before {
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
    top: 1rem;
    left: 0.37rem;
}

.chackbox span:after {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    bottom: 0.35rem;
    left: 0.2rem;
}

/* Radio Design */
/* The radio */
.radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
}

.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio label {
    font-size: 14px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom: 0;
}

.radio span {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #DADCE0;
    border-radius: 50%;
    transition: all 0.2s;
}

.radio input:checked~span {
    background-color: #fff;
}

.radio span:after {
    content: "";
    position: absolute;
    display: none;
}

.radio input:checked~span:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.1s;
    transition-delay: 0.2s;
}

.radio span:after {
    display: block;
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0069FF;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 0.1s;
    transition-delay: 0.2s;
}

/* Style the indicator (dot/circle) */
.dark-style-1 input {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
    background: transparent;
    width: 100%;
    height: 50px;
    color: #ffffff;
}

.dark-style-1 input.placeholder {
    font-size: 14px;
}

.dark-style-1 input:-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 input::-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 input::-webkit-input-placeholder {
    font-size: 14px;
}

.dark-style-1 textarea {
    border: 1px solid #DADCE0;
    background: transparent;
    padding: 15px;
    border-radius: 4px;
    color: #ffffff;
}

.dark-style-1 textarea.placeholder {
    font-size: 14px;
}

.dark-style-1 textarea:-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 textarea::-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 textarea::-webkit-input-placeholder {
    font-size: 14px;
}

.dark-style-1 select {
    border: 1px solid #DADCE0;
    background: transparent;
    padding: 15px;
    border-radius: 4px;
    color: #ffffff;
    height: 50px;
}

.dark-style-1 select.placeholder {
    font-size: 14px;
}

.dark-style-1 select:-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 select::-moz-placeholder {
    font-size: 14px;
}

.dark-style-1 select::-webkit-input-placeholder {
    font-size: 14px;
}

.dark-style-1 input:focus,
.dark-style-1 textarea:focus,
.dark-style-1 select:focus {
    color: #ffffff;
    box-shadow: none;
    outline: none;
    background: transparent;
}

.border-style .form-group input {
    border: none;
    border-bottom: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 0;
    width: 100%;
    height: 50px;
}

.border-style .form-group textarea {
    border: none;
    border-bottom: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 0;
}

.field-wrapper {
    position: relative;
    z-index: 2;
    /* Change autocomplete styles in WebKit */
}

.field-wrapper input {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
    width: 100%;
    height: 50px;
}

.field-wrapper textarea {
    border: 1px solid #DADCE0;
    padding: 15px;
    border-radius: 4px;
}

.field-wrapper input:focus,
.field-wrapper textarea:focus {
    box-shadow: none;
    outline: none;
    border-color: #0069FF;
}

.field-wrapper .field-placeholder {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 24px;
    left: 1em;
    background-color: #fff;
    font-size: 16px;
    color: #b3b3b3;
    font-weight: 400;
    cursor: text;
    pointer-events: none;
}

.field-wrapper input:not([disabled]):focus~.field-placeholder,
.field-wrapper textarea:not([disabled]):focus~.field-placeholder {
    z-index: 1;
    top: 0;
    font-size: 13px;
    padding: 0 .3em;
    color: #0069FF;
}

.field-wrapper.hasValue input:not([disabled])~.field-placeholder,
.field-wrapper.hasValue textarea:not([disabled])~.field-placeholder {
    z-index: 1;
    top: 0;
    font-size: 13px;
    padding: 0 .3em;
}

body.template-color-1 input:not([disabled]):focus~.field-placeholder,
body.template-color-1 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-1 .nice-select:focus,
body.template-color-1 select {
    /* color: #0069FF !important; */
}

body.template-color-1 input:not([disabled]):focus,
body.template-color-1 textarea:not([disabled]):focus,
body.template-color-1 .nice-select:focus,
body.template-color-1 select:focus,
body.template-color-1 .nice-select.open {
    border-color: #0069FF;
}

body.template-color-1 .form-style-1 input:-webkit-autofill,
body.template-color-1 .form-style-1 input:-webkit-autofill:hover,
body.template-color-1 .form-style-1 input:-webkit-autofill:focus,
body.template-color-1 .form-style-1 textarea:-webkit-autofill,
body.template-color-1 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-1 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-1 .form-style-1 select:-webkit-autofill,
body.template-color-1 .form-style-1 select:-webkit-autofill:hover,
body.template-color-1 .form-style-1 select:-webkit-autofill:focus {
    border-color: #0069FF;
}

body.template-color-2 input:not([disabled]):focus~.field-placeholder,
body.template-color-2 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-2 .nice-select:focus,
body.template-color-2 select {
    color: #FE378C !important;
}

body.template-color-2 input:not([disabled]):focus,
body.template-color-2 textarea:not([disabled]):focus,
body.template-color-2 .nice-select:focus,
body.template-color-2 select:focus,
body.template-color-2 .nice-select.open {
    border-color: #FE378C;
}

body.template-color-2 .form-style-1 input:-webkit-autofill,
body.template-color-2 .form-style-1 input:-webkit-autofill:hover,
body.template-color-2 .form-style-1 input:-webkit-autofill:focus,
body.template-color-2 .form-style-1 textarea:-webkit-autofill,
body.template-color-2 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-2 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-2 .form-style-1 select:-webkit-autofill,
body.template-color-2 .form-style-1 select:-webkit-autofill:hover,
body.template-color-2 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FE378C;
}

body.template-color-3 input:not([disabled]):focus~.field-placeholder,
body.template-color-3 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-3 .nice-select:focus,
body.template-color-3 select {
    color: #F0263F !important;
}

body.template-color-3 input:not([disabled]):focus,
body.template-color-3 textarea:not([disabled]):focus,
body.template-color-3 .nice-select:focus,
body.template-color-3 select:focus,
body.template-color-3 .nice-select.open {
    border-color: #F0263F;
}

body.template-color-3 .form-style-1 input:-webkit-autofill,
body.template-color-3 .form-style-1 input:-webkit-autofill:hover,
body.template-color-3 .form-style-1 input:-webkit-autofill:focus,
body.template-color-3 .form-style-1 textarea:-webkit-autofill,
body.template-color-3 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-3 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-3 .form-style-1 select:-webkit-autofill,
body.template-color-3 .form-style-1 select:-webkit-autofill:hover,
body.template-color-3 .form-style-1 select:-webkit-autofill:focus {
    border-color: #F0263F;
}

body.template-color-4 input:not([disabled]):focus~.field-placeholder,
body.template-color-4 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-4 .nice-select:focus,
body.template-color-4 select {
    color: #FCB72B !important;
}

body.template-color-4 input:not([disabled]):focus,
body.template-color-4 textarea:not([disabled]):focus,
body.template-color-4 .nice-select:focus,
body.template-color-4 select:focus,
body.template-color-4 .nice-select.open {
    border-color: #FCB72B;
}

body.template-color-4 .form-style-1 input:-webkit-autofill,
body.template-color-4 .form-style-1 input:-webkit-autofill:hover,
body.template-color-4 .form-style-1 input:-webkit-autofill:focus,
body.template-color-4 .form-style-1 textarea:-webkit-autofill,
body.template-color-4 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-4 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-4 .form-style-1 select:-webkit-autofill,
body.template-color-4 .form-style-1 select:-webkit-autofill:hover,
body.template-color-4 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FCB72B;
}

body.template-color-5 input:not([disabled]):focus~.field-placeholder,
body.template-color-5 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-5 .nice-select:focus,
body.template-color-5 select {
    color: #F8A440 !important;
}

body.template-color-5 input:not([disabled]):focus,
body.template-color-5 textarea:not([disabled]):focus,
body.template-color-5 .nice-select:focus,
body.template-color-5 select:focus,
body.template-color-5 .nice-select.open {
    border-color: #F8A440;
}

body.template-color-5 .form-style-1 input:-webkit-autofill,
body.template-color-5 .form-style-1 input:-webkit-autofill:hover,
body.template-color-5 .form-style-1 input:-webkit-autofill:focus,
body.template-color-5 .form-style-1 textarea:-webkit-autofill,
body.template-color-5 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-5 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-5 .form-style-1 select:-webkit-autofill,
body.template-color-5 .form-style-1 select:-webkit-autofill:hover,
body.template-color-5 .form-style-1 select:-webkit-autofill:focus {
    border-color: #F8A440;
}

body.template-color-6 input:not([disabled]):focus~.field-placeholder,
body.template-color-6 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-6 .nice-select:focus,
body.template-color-6 select {
    color: #F05874 !important;
}

body.template-color-6 input:not([disabled]):focus,
body.template-color-6 textarea:not([disabled]):focus,
body.template-color-6 .nice-select:focus,
body.template-color-6 select:focus,
body.template-color-6 .nice-select.open {
    border-color: #F05874;
}

body.template-color-6 .form-style-1 input:-webkit-autofill,
body.template-color-6 .form-style-1 input:-webkit-autofill:hover,
body.template-color-6 .form-style-1 input:-webkit-autofill:focus,
body.template-color-6 .form-style-1 textarea:-webkit-autofill,
body.template-color-6 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-6 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-6 .form-style-1 select:-webkit-autofill,
body.template-color-6 .form-style-1 select:-webkit-autofill:hover,
body.template-color-6 .form-style-1 select:-webkit-autofill:focus {
    border-color: #F05874;
}

body.template-color-7 input:not([disabled]):focus~.field-placeholder,
body.template-color-7 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-7 .nice-select:focus,
body.template-color-7 select {
    color: #1040C6 !important;
}

body.template-color-7 input:not([disabled]):focus,
body.template-color-7 textarea:not([disabled]):focus,
body.template-color-7 .nice-select:focus,
body.template-color-7 select:focus,
body.template-color-7 .nice-select.open {
    border-color: #1040C6;
}

body.template-color-7 .form-style-1 input:-webkit-autofill,
body.template-color-7 .form-style-1 input:-webkit-autofill:hover,
body.template-color-7 .form-style-1 input:-webkit-autofill:focus,
body.template-color-7 .form-style-1 textarea:-webkit-autofill,
body.template-color-7 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-7 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-7 .form-style-1 select:-webkit-autofill,
body.template-color-7 .form-style-1 select:-webkit-autofill:hover,
body.template-color-7 .form-style-1 select:-webkit-autofill:focus {
    border-color: #1040C6;
}

body.template-color-8 input:not([disabled]):focus~.field-placeholder,
body.template-color-8 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-8 .nice-select:focus,
body.template-color-8 select {
    color: #09AEFF !important;
}

body.template-color-8 input:not([disabled]):focus,
body.template-color-8 textarea:not([disabled]):focus,
body.template-color-8 .nice-select:focus,
body.template-color-8 select:focus,
body.template-color-8 .nice-select.open {
    border-color: #09AEFF;
}

body.template-color-8 .form-style-1 input:-webkit-autofill,
body.template-color-8 .form-style-1 input:-webkit-autofill:hover,
body.template-color-8 .form-style-1 input:-webkit-autofill:focus,
body.template-color-8 .form-style-1 textarea:-webkit-autofill,
body.template-color-8 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-8 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-8 .form-style-1 select:-webkit-autofill,
body.template-color-8 .form-style-1 select:-webkit-autofill:hover,
body.template-color-8 .form-style-1 select:-webkit-autofill:focus {
    border-color: #09AEFF;
}

body.template-color-9 input:not([disabled]):focus~.field-placeholder,
body.template-color-9 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-9 .nice-select:focus,
body.template-color-9 select {
    color: #7478fa !important;
}

body.template-color-9 input:not([disabled]):focus,
body.template-color-9 textarea:not([disabled]):focus,
body.template-color-9 .nice-select:focus,
body.template-color-9 select:focus,
body.template-color-9 .nice-select.open {
    border-color: #7478fa;
}

body.template-color-9 .form-style-1 input:-webkit-autofill,
body.template-color-9 .form-style-1 input:-webkit-autofill:hover,
body.template-color-9 .form-style-1 input:-webkit-autofill:focus,
body.template-color-9 .form-style-1 textarea:-webkit-autofill,
body.template-color-9 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-9 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-9 .form-style-1 select:-webkit-autofill,
body.template-color-9 .form-style-1 select:-webkit-autofill:hover,
body.template-color-9 .form-style-1 select:-webkit-autofill:focus {
    border-color: #7478fa;
}

body.template-color-10 input:not([disabled]):focus~.field-placeholder,
body.template-color-10 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-10 .nice-select:focus,
body.template-color-10 select {
    color: #6DD456 !important;
}

body.template-color-10 input:not([disabled]):focus,
body.template-color-10 textarea:not([disabled]):focus,
body.template-color-10 .nice-select:focus,
body.template-color-10 select:focus,
body.template-color-10 .nice-select.open {
    border-color: #6DD456;
}

body.template-color-10 .form-style-1 input:-webkit-autofill,
body.template-color-10 .form-style-1 input:-webkit-autofill:hover,
body.template-color-10 .form-style-1 input:-webkit-autofill:focus,
body.template-color-10 .form-style-1 textarea:-webkit-autofill,
body.template-color-10 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-10 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-10 .form-style-1 select:-webkit-autofill,
body.template-color-10 .form-style-1 select:-webkit-autofill:hover,
body.template-color-10 .form-style-1 select:-webkit-autofill:focus {
    border-color: #6DD456;
}

body.template-color-11 input:not([disabled]):focus~.field-placeholder,
body.template-color-11 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-11 .nice-select:focus,
body.template-color-11 select {
    color: #FF9456 !important;
}

body.template-color-11 input:not([disabled]):focus,
body.template-color-11 textarea:not([disabled]):focus,
body.template-color-11 .nice-select:focus,
body.template-color-11 select:focus,
body.template-color-11 .nice-select.open {
    border-color: #FF9456;
}

body.template-color-11 .form-style-1 input:-webkit-autofill,
body.template-color-11 .form-style-1 input:-webkit-autofill:hover,
body.template-color-11 .form-style-1 input:-webkit-autofill:focus,
body.template-color-11 .form-style-1 textarea:-webkit-autofill,
body.template-color-11 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-11 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-11 .form-style-1 select:-webkit-autofill,
body.template-color-11 .form-style-1 select:-webkit-autofill:hover,
body.template-color-11 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FF9456;
}

body.template-color-12 input:not([disabled]):focus~.field-placeholder,
body.template-color-12 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-12 .nice-select:focus,
body.template-color-12 select {
    color: #FE2B60 !important;
}

body.template-color-12 input:not([disabled]):focus,
body.template-color-12 textarea:not([disabled]):focus,
body.template-color-12 .nice-select:focus,
body.template-color-12 select:focus,
body.template-color-12 .nice-select.open {
    border-color: #FE2B60;
}

body.template-color-12 .form-style-1 input:-webkit-autofill,
body.template-color-12 .form-style-1 input:-webkit-autofill:hover,
body.template-color-12 .form-style-1 input:-webkit-autofill:focus,
body.template-color-12 .form-style-1 textarea:-webkit-autofill,
body.template-color-12 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-12 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-12 .form-style-1 select:-webkit-autofill,
body.template-color-12 .form-style-1 select:-webkit-autofill:hover,
body.template-color-12 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FE2B60;
}

body.template-color-13 input:not([disabled]):focus~.field-placeholder,
body.template-color-13 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-13 .nice-select:focus,
body.template-color-13 select {
    color: #4776E6 !important;
}

body.template-color-13 input:not([disabled]):focus,
body.template-color-13 textarea:not([disabled]):focus,
body.template-color-13 .nice-select:focus,
body.template-color-13 select:focus,
body.template-color-13 .nice-select.open {
    border-color: #4776E6;
}

body.template-color-13 .form-style-1 input:-webkit-autofill,
body.template-color-13 .form-style-1 input:-webkit-autofill:hover,
body.template-color-13 .form-style-1 input:-webkit-autofill:focus,
body.template-color-13 .form-style-1 textarea:-webkit-autofill,
body.template-color-13 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-13 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-13 .form-style-1 select:-webkit-autofill,
body.template-color-13 .form-style-1 select:-webkit-autofill:hover,
body.template-color-13 .form-style-1 select:-webkit-autofill:focus {
    border-color: #4776E6;
}

body.template-color-14 input:not([disabled]):focus~.field-placeholder,
body.template-color-14 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-14 .nice-select:focus,
body.template-color-14 select {
    color: #8E54E9 !important;
}

body.template-color-14 input:not([disabled]):focus,
body.template-color-14 textarea:not([disabled]):focus,
body.template-color-14 .nice-select:focus,
body.template-color-14 select:focus,
body.template-color-14 .nice-select.open {
    border-color: #8E54E9;
}

body.template-color-14 .form-style-1 input:-webkit-autofill,
body.template-color-14 .form-style-1 input:-webkit-autofill:hover,
body.template-color-14 .form-style-1 input:-webkit-autofill:focus,
body.template-color-14 .form-style-1 textarea:-webkit-autofill,
body.template-color-14 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-14 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-14 .form-style-1 select:-webkit-autofill,
body.template-color-14 .form-style-1 select:-webkit-autofill:hover,
body.template-color-14 .form-style-1 select:-webkit-autofill:focus {
    border-color: #8E54E9;
}

body.template-color-15 input:not([disabled]):focus~.field-placeholder,
body.template-color-15 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-15 .nice-select:focus,
body.template-color-15 select {
    color: #C4956B !important;
}

body.template-color-15 input:not([disabled]):focus,
body.template-color-15 textarea:not([disabled]):focus,
body.template-color-15 .nice-select:focus,
body.template-color-15 select:focus,
body.template-color-15 .nice-select.open {
    border-color: #C4956B;
}

body.template-color-15 .form-style-1 input:-webkit-autofill,
body.template-color-15 .form-style-1 input:-webkit-autofill:hover,
body.template-color-15 .form-style-1 input:-webkit-autofill:focus,
body.template-color-15 .form-style-1 textarea:-webkit-autofill,
body.template-color-15 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-15 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-15 .form-style-1 select:-webkit-autofill,
body.template-color-15 .form-style-1 select:-webkit-autofill:hover,
body.template-color-15 .form-style-1 select:-webkit-autofill:focus {
    border-color: #C4956B;
}

body.template-color-16 input:not([disabled]):focus~.field-placeholder,
body.template-color-16 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-16 .nice-select:focus,
body.template-color-16 select {
    color: #02C873 !important;
}

body.template-color-16 input:not([disabled]):focus,
body.template-color-16 textarea:not([disabled]):focus,
body.template-color-16 .nice-select:focus,
body.template-color-16 select:focus,
body.template-color-16 .nice-select.open {
    border-color: #02C873;
}

body.template-color-16 .form-style-1 input:-webkit-autofill,
body.template-color-16 .form-style-1 input:-webkit-autofill:hover,
body.template-color-16 .form-style-1 input:-webkit-autofill:focus,
body.template-color-16 .form-style-1 textarea:-webkit-autofill,
body.template-color-16 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-16 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-16 .form-style-1 select:-webkit-autofill,
body.template-color-16 .form-style-1 select:-webkit-autofill:hover,
body.template-color-16 .form-style-1 select:-webkit-autofill:focus {
    border-color: #02C873;
}

body.template-color-17 input:not([disabled]):focus~.field-placeholder,
body.template-color-17 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-17 .nice-select:focus,
body.template-color-17 select {
    color: #00CBFF !important;
}

body.template-color-17 input:not([disabled]):focus,
body.template-color-17 textarea:not([disabled]):focus,
body.template-color-17 .nice-select:focus,
body.template-color-17 select:focus,
body.template-color-17 .nice-select.open {
    border-color: #00CBFF;
}

body.template-color-17 .form-style-1 input:-webkit-autofill,
body.template-color-17 .form-style-1 input:-webkit-autofill:hover,
body.template-color-17 .form-style-1 input:-webkit-autofill:focus,
body.template-color-17 .form-style-1 textarea:-webkit-autofill,
body.template-color-17 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-17 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-17 .form-style-1 select:-webkit-autofill,
body.template-color-17 .form-style-1 select:-webkit-autofill:hover,
body.template-color-17 .form-style-1 select:-webkit-autofill:focus {
    border-color: #00CBFF;
}

body.template-color-18 input:not([disabled]):focus~.field-placeholder,
body.template-color-18 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-18 .nice-select:focus,
body.template-color-18 select {
    color: #C4956B !important;
}

body.template-color-18 input:not([disabled]):focus,
body.template-color-18 textarea:not([disabled]):focus,
body.template-color-18 .nice-select:focus,
body.template-color-18 select:focus,
body.template-color-18 .nice-select.open {
    border-color: #C4956B;
}

body.template-color-18 .form-style-1 input:-webkit-autofill,
body.template-color-18 .form-style-1 input:-webkit-autofill:hover,
body.template-color-18 .form-style-1 input:-webkit-autofill:focus,
body.template-color-18 .form-style-1 textarea:-webkit-autofill,
body.template-color-18 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-18 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-18 .form-style-1 select:-webkit-autofill,
body.template-color-18 .form-style-1 select:-webkit-autofill:hover,
body.template-color-18 .form-style-1 select:-webkit-autofill:focus {
    border-color: #C4956B;
}

body.template-color-19 input:not([disabled]):focus~.field-placeholder,
body.template-color-19 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-19 .nice-select:focus,
body.template-color-19 select {
    color: #06C6DC !important;
}

body.template-color-19 input:not([disabled]):focus,
body.template-color-19 textarea:not([disabled]):focus,
body.template-color-19 .nice-select:focus,
body.template-color-19 select:focus,
body.template-color-19 .nice-select.open {
    border-color: #06C6DC;
}

body.template-color-19 .form-style-1 input:-webkit-autofill,
body.template-color-19 .form-style-1 input:-webkit-autofill:hover,
body.template-color-19 .form-style-1 input:-webkit-autofill:focus,
body.template-color-19 .form-style-1 textarea:-webkit-autofill,
body.template-color-19 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-19 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-19 .form-style-1 select:-webkit-autofill,
body.template-color-19 .form-style-1 select:-webkit-autofill:hover,
body.template-color-19 .form-style-1 select:-webkit-autofill:focus {
    border-color: #06C6DC;
}

body.template-color-20 input:not([disabled]):focus~.field-placeholder,
body.template-color-20 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-20 .nice-select:focus,
body.template-color-20 select {
    color: #04F1EF !important;
}

body.template-color-20 input:not([disabled]):focus,
body.template-color-20 textarea:not([disabled]):focus,
body.template-color-20 .nice-select:focus,
body.template-color-20 select:focus,
body.template-color-20 .nice-select.open {
    border-color: #04F1EF;
}

body.template-color-20 .form-style-1 input:-webkit-autofill,
body.template-color-20 .form-style-1 input:-webkit-autofill:hover,
body.template-color-20 .form-style-1 input:-webkit-autofill:focus,
body.template-color-20 .form-style-1 textarea:-webkit-autofill,
body.template-color-20 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-20 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-20 .form-style-1 select:-webkit-autofill,
body.template-color-20 .form-style-1 select:-webkit-autofill:hover,
body.template-color-20 .form-style-1 select:-webkit-autofill:focus {
    border-color: #04F1EF;
}

body.template-color-21 input:not([disabled]):focus~.field-placeholder,
body.template-color-21 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-21 .nice-select:focus,
body.template-color-21 select {
    color: #004e92 !important;
}

body.template-color-21 input:not([disabled]):focus,
body.template-color-21 textarea:not([disabled]):focus,
body.template-color-21 .nice-select:focus,
body.template-color-21 select:focus,
body.template-color-21 .nice-select.open {
    border-color: #004e92;
}

body.template-color-21 .form-style-1 input:-webkit-autofill,
body.template-color-21 .form-style-1 input:-webkit-autofill:hover,
body.template-color-21 .form-style-1 input:-webkit-autofill:focus,
body.template-color-21 .form-style-1 textarea:-webkit-autofill,
body.template-color-21 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-21 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-21 .form-style-1 select:-webkit-autofill,
body.template-color-21 .form-style-1 select:-webkit-autofill:hover,
body.template-color-21 .form-style-1 select:-webkit-autofill:focus {
    border-color: #004e92;
}

body.template-color-22 input:not([disabled]):focus~.field-placeholder,
body.template-color-22 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-22 .nice-select:focus,
body.template-color-22 select {
    color: #000428 !important;
}

body.template-color-22 input:not([disabled]):focus,
body.template-color-22 textarea:not([disabled]):focus,
body.template-color-22 .nice-select:focus,
body.template-color-22 select:focus,
body.template-color-22 .nice-select.open {
    border-color: #000428;
}

body.template-color-22 .form-style-1 input:-webkit-autofill,
body.template-color-22 .form-style-1 input:-webkit-autofill:hover,
body.template-color-22 .form-style-1 input:-webkit-autofill:focus,
body.template-color-22 .form-style-1 textarea:-webkit-autofill,
body.template-color-22 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-22 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-22 .form-style-1 select:-webkit-autofill,
body.template-color-22 .form-style-1 select:-webkit-autofill:hover,
body.template-color-22 .form-style-1 select:-webkit-autofill:focus {
    border-color: #000428;
}

body.template-color-23 input:not([disabled]):focus~.field-placeholder,
body.template-color-23 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-23 .nice-select:focus,
body.template-color-23 select {
    color: #FC0044 !important;
}

body.template-color-23 input:not([disabled]):focus,
body.template-color-23 textarea:not([disabled]):focus,
body.template-color-23 .nice-select:focus,
body.template-color-23 select:focus,
body.template-color-23 .nice-select.open {
    border-color: #FC0044;
}

body.template-color-23 .form-style-1 input:-webkit-autofill,
body.template-color-23 .form-style-1 input:-webkit-autofill:hover,
body.template-color-23 .form-style-1 input:-webkit-autofill:focus,
body.template-color-23 .form-style-1 textarea:-webkit-autofill,
body.template-color-23 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-23 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-23 .form-style-1 select:-webkit-autofill,
body.template-color-23 .form-style-1 select:-webkit-autofill:hover,
body.template-color-23 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FC0044;
}

body.template-color-24 input:not([disabled]):focus~.field-placeholder,
body.template-color-24 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-24 .nice-select:focus,
body.template-color-24 select {
    color: #4D2BFE !important;
}

body.template-color-24 input:not([disabled]):focus,
body.template-color-24 textarea:not([disabled]):focus,
body.template-color-24 .nice-select:focus,
body.template-color-24 select:focus,
body.template-color-24 .nice-select.open {
    border-color: #4D2BFE;
}

body.template-color-24 .form-style-1 input:-webkit-autofill,
body.template-color-24 .form-style-1 input:-webkit-autofill:hover,
body.template-color-24 .form-style-1 input:-webkit-autofill:focus,
body.template-color-24 .form-style-1 textarea:-webkit-autofill,
body.template-color-24 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-24 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-24 .form-style-1 select:-webkit-autofill,
body.template-color-24 .form-style-1 select:-webkit-autofill:hover,
body.template-color-24 .form-style-1 select:-webkit-autofill:focus {
    border-color: #4D2BFE;
}

body.template-color-25 input:not([disabled]):focus~.field-placeholder,
body.template-color-25 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-25 .nice-select:focus,
body.template-color-25 select {
    color: #FF5F6D !important;
}

body.template-color-25 input:not([disabled]):focus,
body.template-color-25 textarea:not([disabled]):focus,
body.template-color-25 .nice-select:focus,
body.template-color-25 select:focus,
body.template-color-25 .nice-select.open {
    border-color: #FF5F6D;
}

body.template-color-25 .form-style-1 input:-webkit-autofill,
body.template-color-25 .form-style-1 input:-webkit-autofill:hover,
body.template-color-25 .form-style-1 input:-webkit-autofill:focus,
body.template-color-25 .form-style-1 textarea:-webkit-autofill,
body.template-color-25 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-25 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-25 .form-style-1 select:-webkit-autofill,
body.template-color-25 .form-style-1 select:-webkit-autofill:hover,
body.template-color-25 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FF5F6D;
}

body.template-color-26 input:not([disabled]):focus~.field-placeholder,
body.template-color-26 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-26 .nice-select:focus,
body.template-color-26 select {
    color: #FFC371 !important;
}

body.template-color-26 input:not([disabled]):focus,
body.template-color-26 textarea:not([disabled]):focus,
body.template-color-26 .nice-select:focus,
body.template-color-26 select:focus,
body.template-color-26 .nice-select.open {
    border-color: #FFC371;
}

body.template-color-26 .form-style-1 input:-webkit-autofill,
body.template-color-26 .form-style-1 input:-webkit-autofill:hover,
body.template-color-26 .form-style-1 input:-webkit-autofill:focus,
body.template-color-26 .form-style-1 textarea:-webkit-autofill,
body.template-color-26 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-26 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-26 .form-style-1 select:-webkit-autofill,
body.template-color-26 .form-style-1 select:-webkit-autofill:hover,
body.template-color-26 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FFC371;
}

body.template-color-27 input:not([disabled]):focus~.field-placeholder,
body.template-color-27 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-27 .nice-select:focus,
body.template-color-27 select {
    color: #FFAF23 !important;
}

body.template-color-27 input:not([disabled]):focus,
body.template-color-27 textarea:not([disabled]):focus,
body.template-color-27 .nice-select:focus,
body.template-color-27 select:focus,
body.template-color-27 .nice-select.open {
    border-color: #FFAF23;
}

body.template-color-27 .form-style-1 input:-webkit-autofill,
body.template-color-27 .form-style-1 input:-webkit-autofill:hover,
body.template-color-27 .form-style-1 input:-webkit-autofill:focus,
body.template-color-27 .form-style-1 textarea:-webkit-autofill,
body.template-color-27 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-27 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-27 .form-style-1 select:-webkit-autofill,
body.template-color-27 .form-style-1 select:-webkit-autofill:hover,
body.template-color-27 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FFAF23;
}

body.template-color-28 input:not([disabled]):focus~.field-placeholder,
body.template-color-28 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-28 .nice-select:focus,
body.template-color-28 select {
    color: #9B24E9 !important;
}

body.template-color-28 input:not([disabled]):focus,
body.template-color-28 textarea:not([disabled]):focus,
body.template-color-28 .nice-select:focus,
body.template-color-28 select:focus,
body.template-color-28 .nice-select.open {
    border-color: #9B24E9;
}

body.template-color-28 .form-style-1 input:-webkit-autofill,
body.template-color-28 .form-style-1 input:-webkit-autofill:hover,
body.template-color-28 .form-style-1 input:-webkit-autofill:focus,
body.template-color-28 .form-style-1 textarea:-webkit-autofill,
body.template-color-28 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-28 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-28 .form-style-1 select:-webkit-autofill,
body.template-color-28 .form-style-1 select:-webkit-autofill:hover,
body.template-color-28 .form-style-1 select:-webkit-autofill:focus {
    border-color: #9B24E9;
}

body.template-color-29 input:not([disabled]):focus~.field-placeholder,
body.template-color-29 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-29 .nice-select:focus,
body.template-color-29 select {
    color: #FE5532 !important;
}

body.template-color-29 input:not([disabled]):focus,
body.template-color-29 textarea:not([disabled]):focus,
body.template-color-29 .nice-select:focus,
body.template-color-29 select:focus,
body.template-color-29 .nice-select.open {
    border-color: #FE5532;
}

body.template-color-29 .form-style-1 input:-webkit-autofill,
body.template-color-29 .form-style-1 input:-webkit-autofill:hover,
body.template-color-29 .form-style-1 input:-webkit-autofill:focus,
body.template-color-29 .form-style-1 textarea:-webkit-autofill,
body.template-color-29 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-29 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-29 .form-style-1 select:-webkit-autofill,
body.template-color-29 .form-style-1 select:-webkit-autofill:hover,
body.template-color-29 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FE5532;
}

body.template-color-30 input:not([disabled]):focus~.field-placeholder,
body.template-color-30 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-30 .nice-select:focus,
body.template-color-30 select {
    color: #FE0633 !important;
}

body.template-color-30 input:not([disabled]):focus,
body.template-color-30 textarea:not([disabled]):focus,
body.template-color-30 .nice-select:focus,
body.template-color-30 select:focus,
body.template-color-30 .nice-select.open {
    border-color: #FE0633;
}

body.template-color-30 .form-style-1 input:-webkit-autofill,
body.template-color-30 .form-style-1 input:-webkit-autofill:hover,
body.template-color-30 .form-style-1 input:-webkit-autofill:focus,
body.template-color-30 .form-style-1 textarea:-webkit-autofill,
body.template-color-30 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-30 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-30 .form-style-1 select:-webkit-autofill,
body.template-color-30 .form-style-1 select:-webkit-autofill:hover,
body.template-color-30 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FE0633;
}

body.template-color-31 input:not([disabled]):focus~.field-placeholder,
body.template-color-31 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-31 .nice-select:focus,
body.template-color-31 select {
    color: #C40A1E !important;
}

body.template-color-31 input:not([disabled]):focus,
body.template-color-31 textarea:not([disabled]):focus,
body.template-color-31 .nice-select:focus,
body.template-color-31 select:focus,
body.template-color-31 .nice-select.open {
    border-color: #C40A1E;
}

body.template-color-31 .form-style-1 input:-webkit-autofill,
body.template-color-31 .form-style-1 input:-webkit-autofill:hover,
body.template-color-31 .form-style-1 input:-webkit-autofill:focus,
body.template-color-31 .form-style-1 textarea:-webkit-autofill,
body.template-color-31 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-31 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-31 .form-style-1 select:-webkit-autofill,
body.template-color-31 .form-style-1 select:-webkit-autofill:hover,
body.template-color-31 .form-style-1 select:-webkit-autofill:focus {
    border-color: #C40A1E;
}

body.template-color-32 input:not([disabled]):focus~.field-placeholder,
body.template-color-32 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-32 .nice-select:focus,
body.template-color-32 select {
    color: #FE0633 !important;
}

body.template-color-32 input:not([disabled]):focus,
body.template-color-32 textarea:not([disabled]):focus,
body.template-color-32 .nice-select:focus,
body.template-color-32 select:focus,
body.template-color-32 .nice-select.open {
    border-color: #FE0633;
}

body.template-color-32 .form-style-1 input:-webkit-autofill,
body.template-color-32 .form-style-1 input:-webkit-autofill:hover,
body.template-color-32 .form-style-1 input:-webkit-autofill:focus,
body.template-color-32 .form-style-1 textarea:-webkit-autofill,
body.template-color-32 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-32 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-32 .form-style-1 select:-webkit-autofill,
body.template-color-32 .form-style-1 select:-webkit-autofill:hover,
body.template-color-32 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FE0633;
}

body.template-color-33 input:not([disabled]):focus~.field-placeholder,
body.template-color-33 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-33 .nice-select:focus,
body.template-color-33 select {
    color: #3C53D7 !important;
}

body.template-color-33 input:not([disabled]):focus,
body.template-color-33 textarea:not([disabled]):focus,
body.template-color-33 .nice-select:focus,
body.template-color-33 select:focus,
body.template-color-33 .nice-select.open {
    border-color: #3C53D7;
}

body.template-color-33 .form-style-1 input:-webkit-autofill,
body.template-color-33 .form-style-1 input:-webkit-autofill:hover,
body.template-color-33 .form-style-1 input:-webkit-autofill:focus,
body.template-color-33 .form-style-1 textarea:-webkit-autofill,
body.template-color-33 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-33 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-33 .form-style-1 select:-webkit-autofill,
body.template-color-33 .form-style-1 select:-webkit-autofill:hover,
body.template-color-33 .form-style-1 select:-webkit-autofill:focus {
    border-color: #3C53D7;
}

body.template-color-34 input:not([disabled]):focus~.field-placeholder,
body.template-color-34 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-34 .nice-select:focus,
body.template-color-34 select {
    color: #1A1B6E !important;
}

body.template-color-34 input:not([disabled]):focus,
body.template-color-34 textarea:not([disabled]):focus,
body.template-color-34 .nice-select:focus,
body.template-color-34 select:focus,
body.template-color-34 .nice-select.open {
    border-color: #1A1B6E;
}

body.template-color-34 .form-style-1 input:-webkit-autofill,
body.template-color-34 .form-style-1 input:-webkit-autofill:hover,
body.template-color-34 .form-style-1 input:-webkit-autofill:focus,
body.template-color-34 .form-style-1 textarea:-webkit-autofill,
body.template-color-34 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-34 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-34 .form-style-1 select:-webkit-autofill,
body.template-color-34 .form-style-1 select:-webkit-autofill:hover,
body.template-color-34 .form-style-1 select:-webkit-autofill:focus {
    border-color: #1A1B6E;
}

body.template-color-35 input:not([disabled]):focus~.field-placeholder,
body.template-color-35 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-35 .nice-select:focus,
body.template-color-35 select {
    color: #2F3C9E !important;
}

body.template-color-35 input:not([disabled]):focus,
body.template-color-35 textarea:not([disabled]):focus,
body.template-color-35 .nice-select:focus,
body.template-color-35 select:focus,
body.template-color-35 .nice-select.open {
    border-color: #2F3C9E;
}

body.template-color-35 .form-style-1 input:-webkit-autofill,
body.template-color-35 .form-style-1 input:-webkit-autofill:hover,
body.template-color-35 .form-style-1 input:-webkit-autofill:focus,
body.template-color-35 .form-style-1 textarea:-webkit-autofill,
body.template-color-35 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-35 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-35 .form-style-1 select:-webkit-autofill,
body.template-color-35 .form-style-1 select:-webkit-autofill:hover,
body.template-color-35 .form-style-1 select:-webkit-autofill:focus {
    border-color: #2F3C9E;
}

body.template-color-36 input:not([disabled]):focus~.field-placeholder,
body.template-color-36 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-36 .nice-select:focus,
body.template-color-36 select {
    color: #0A113B !important;
}

body.template-color-36 input:not([disabled]):focus,
body.template-color-36 textarea:not([disabled]):focus,
body.template-color-36 .nice-select:focus,
body.template-color-36 select:focus,
body.template-color-36 .nice-select.open {
    border-color: #0A113B;
}

body.template-color-36 .form-style-1 input:-webkit-autofill,
body.template-color-36 .form-style-1 input:-webkit-autofill:hover,
body.template-color-36 .form-style-1 input:-webkit-autofill:focus,
body.template-color-36 .form-style-1 textarea:-webkit-autofill,
body.template-color-36 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-36 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-36 .form-style-1 select:-webkit-autofill,
body.template-color-36 .form-style-1 select:-webkit-autofill:hover,
body.template-color-36 .form-style-1 select:-webkit-autofill:focus {
    border-color: #0A113B;
}

body.template-color-37 input:not([disabled]):focus~.field-placeholder,
body.template-color-37 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-37 .nice-select:focus,
body.template-color-37 select {
    color: #00d563 !important;
}

body.template-color-37 input:not([disabled]):focus,
body.template-color-37 textarea:not([disabled]):focus,
body.template-color-37 .nice-select:focus,
body.template-color-37 select:focus,
body.template-color-37 .nice-select.open {
    border-color: #00d563;
}

body.template-color-37 .form-style-1 input:-webkit-autofill,
body.template-color-37 .form-style-1 input:-webkit-autofill:hover,
body.template-color-37 .form-style-1 input:-webkit-autofill:focus,
body.template-color-37 .form-style-1 textarea:-webkit-autofill,
body.template-color-37 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-37 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-37 .form-style-1 select:-webkit-autofill,
body.template-color-37 .form-style-1 select:-webkit-autofill:hover,
body.template-color-37 .form-style-1 select:-webkit-autofill:focus {
    border-color: #00d563;
}

body.template-color-38 input:not([disabled]):focus~.field-placeholder,
body.template-color-38 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-38 .nice-select:focus,
body.template-color-38 select {
    color: #fe8c00 !important;
}

body.template-color-38 input:not([disabled]):focus,
body.template-color-38 textarea:not([disabled]):focus,
body.template-color-38 .nice-select:focus,
body.template-color-38 select:focus,
body.template-color-38 .nice-select.open {
    border-color: #fe8c00;
}

body.template-color-38 .form-style-1 input:-webkit-autofill,
body.template-color-38 .form-style-1 input:-webkit-autofill:hover,
body.template-color-38 .form-style-1 input:-webkit-autofill:focus,
body.template-color-38 .form-style-1 textarea:-webkit-autofill,
body.template-color-38 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-38 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-38 .form-style-1 select:-webkit-autofill,
body.template-color-38 .form-style-1 select:-webkit-autofill:hover,
body.template-color-38 .form-style-1 select:-webkit-autofill:focus {
    border-color: #fe8c00;
}

body.template-color-39 input:not([disabled]):focus~.field-placeholder,
body.template-color-39 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-39 .nice-select:focus,
body.template-color-39 select {
    color: #f83600 !important;
}

body.template-color-39 input:not([disabled]):focus,
body.template-color-39 textarea:not([disabled]):focus,
body.template-color-39 .nice-select:focus,
body.template-color-39 select:focus,
body.template-color-39 .nice-select.open {
    border-color: #f83600;
}

body.template-color-39 .form-style-1 input:-webkit-autofill,
body.template-color-39 .form-style-1 input:-webkit-autofill:hover,
body.template-color-39 .form-style-1 input:-webkit-autofill:focus,
body.template-color-39 .form-style-1 textarea:-webkit-autofill,
body.template-color-39 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-39 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-39 .form-style-1 select:-webkit-autofill,
body.template-color-39 .form-style-1 select:-webkit-autofill:hover,
body.template-color-39 .form-style-1 select:-webkit-autofill:focus {
    border-color: #f83600;
}

body.template-color-40 input:not([disabled]):focus~.field-placeholder,
body.template-color-40 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-40 .nice-select:focus,
body.template-color-40 select {
    color: #39ec73 !important;
}

body.template-color-40 input:not([disabled]):focus,
body.template-color-40 textarea:not([disabled]):focus,
body.template-color-40 .nice-select:focus,
body.template-color-40 select:focus,
body.template-color-40 .nice-select.open {
    border-color: #39ec73;
}

body.template-color-40 .form-style-1 input:-webkit-autofill,
body.template-color-40 .form-style-1 input:-webkit-autofill:hover,
body.template-color-40 .form-style-1 input:-webkit-autofill:focus,
body.template-color-40 .form-style-1 textarea:-webkit-autofill,
body.template-color-40 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-40 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-40 .form-style-1 select:-webkit-autofill,
body.template-color-40 .form-style-1 select:-webkit-autofill:hover,
body.template-color-40 .form-style-1 select:-webkit-autofill:focus {
    border-color: #39ec73;
}

body.template-color-41 input:not([disabled]):focus~.field-placeholder,
body.template-color-41 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-41 .nice-select:focus,
body.template-color-41 select {
    color: #0086f8 !important;
}

body.template-color-41 input:not([disabled]):focus,
body.template-color-41 textarea:not([disabled]):focus,
body.template-color-41 .nice-select:focus,
body.template-color-41 select:focus,
body.template-color-41 .nice-select.open {
    border-color: #0086f8;
}

body.template-color-41 .form-style-1 input:-webkit-autofill,
body.template-color-41 .form-style-1 input:-webkit-autofill:hover,
body.template-color-41 .form-style-1 input:-webkit-autofill:focus,
body.template-color-41 .form-style-1 textarea:-webkit-autofill,
body.template-color-41 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-41 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-41 .form-style-1 select:-webkit-autofill,
body.template-color-41 .form-style-1 select:-webkit-autofill:hover,
body.template-color-41 .form-style-1 select:-webkit-autofill:focus {
    border-color: #0086f8;
}

body.template-color-42 input:not([disabled]):focus~.field-placeholder,
body.template-color-42 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-42 .nice-select:focus,
body.template-color-42 select {
    color: #031034 !important;
}

body.template-color-42 input:not([disabled]):focus,
body.template-color-42 textarea:not([disabled]):focus,
body.template-color-42 .nice-select:focus,
body.template-color-42 select:focus,
body.template-color-42 .nice-select.open {
    border-color: #031034;
}

body.template-color-42 .form-style-1 input:-webkit-autofill,
body.template-color-42 .form-style-1 input:-webkit-autofill:hover,
body.template-color-42 .form-style-1 input:-webkit-autofill:focus,
body.template-color-42 .form-style-1 textarea:-webkit-autofill,
body.template-color-42 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-42 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-42 .form-style-1 select:-webkit-autofill,
body.template-color-42 .form-style-1 select:-webkit-autofill:hover,
body.template-color-42 .form-style-1 select:-webkit-autofill:focus {
    border-color: #031034;
}

body.template-color-43 input:not([disabled]):focus~.field-placeholder,
body.template-color-43 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-43 .nice-select:focus,
body.template-color-43 select {
    color: #28dbe9 !important;
}

body.template-color-43 input:not([disabled]):focus,
body.template-color-43 textarea:not([disabled]):focus,
body.template-color-43 .nice-select:focus,
body.template-color-43 select:focus,
body.template-color-43 .nice-select.open {
    border-color: #28dbe9;
}

body.template-color-43 .form-style-1 input:-webkit-autofill,
body.template-color-43 .form-style-1 input:-webkit-autofill:hover,
body.template-color-43 .form-style-1 input:-webkit-autofill:focus,
body.template-color-43 .form-style-1 textarea:-webkit-autofill,
body.template-color-43 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-43 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-43 .form-style-1 select:-webkit-autofill,
body.template-color-43 .form-style-1 select:-webkit-autofill:hover,
body.template-color-43 .form-style-1 select:-webkit-autofill:focus {
    border-color: #28dbe9;
}

body.template-color-44 input:not([disabled]):focus~.field-placeholder,
body.template-color-44 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-44 .nice-select:focus,
body.template-color-44 select {
    color: #FF8008 !important;
}

body.template-color-44 input:not([disabled]):focus,
body.template-color-44 textarea:not([disabled]):focus,
body.template-color-44 .nice-select:focus,
body.template-color-44 select:focus,
body.template-color-44 .nice-select.open {
    border-color: #FF8008;
}

body.template-color-44 .form-style-1 input:-webkit-autofill,
body.template-color-44 .form-style-1 input:-webkit-autofill:hover,
body.template-color-44 .form-style-1 input:-webkit-autofill:focus,
body.template-color-44 .form-style-1 textarea:-webkit-autofill,
body.template-color-44 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-44 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-44 .form-style-1 select:-webkit-autofill,
body.template-color-44 .form-style-1 select:-webkit-autofill:hover,
body.template-color-44 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FF8008;
}

body.template-color-45 input:not([disabled]):focus~.field-placeholder,
body.template-color-45 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-45 .nice-select:focus,
body.template-color-45 select {
    color: #FFC837 !important;
}

body.template-color-45 input:not([disabled]):focus,
body.template-color-45 textarea:not([disabled]):focus,
body.template-color-45 .nice-select:focus,
body.template-color-45 select:focus,
body.template-color-45 .nice-select.open {
    border-color: #FFC837;
}

body.template-color-45 .form-style-1 input:-webkit-autofill,
body.template-color-45 .form-style-1 input:-webkit-autofill:hover,
body.template-color-45 .form-style-1 input:-webkit-autofill:focus,
body.template-color-45 .form-style-1 textarea:-webkit-autofill,
body.template-color-45 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-45 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-45 .form-style-1 select:-webkit-autofill,
body.template-color-45 .form-style-1 select:-webkit-autofill:hover,
body.template-color-45 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FFC837;
}

body.template-color-46 input:not([disabled]):focus~.field-placeholder,
body.template-color-46 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-46 .nice-select:focus,
body.template-color-46 select {
    color: #FF8008 !important;
}

body.template-color-46 input:not([disabled]):focus,
body.template-color-46 textarea:not([disabled]):focus,
body.template-color-46 .nice-select:focus,
body.template-color-46 select:focus,
body.template-color-46 .nice-select.open {
    border-color: #FF8008;
}

body.template-color-46 .form-style-1 input:-webkit-autofill,
body.template-color-46 .form-style-1 input:-webkit-autofill:hover,
body.template-color-46 .form-style-1 input:-webkit-autofill:focus,
body.template-color-46 .form-style-1 textarea:-webkit-autofill,
body.template-color-46 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-46 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-46 .form-style-1 select:-webkit-autofill,
body.template-color-46 .form-style-1 select:-webkit-autofill:hover,
body.template-color-46 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FF8008;
}

body.template-color-47 input:not([disabled]):focus~.field-placeholder,
body.template-color-47 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-47 .nice-select:focus,
body.template-color-47 select {
    color: #FFC837 !important;
}

body.template-color-47 input:not([disabled]):focus,
body.template-color-47 textarea:not([disabled]):focus,
body.template-color-47 .nice-select:focus,
body.template-color-47 select:focus,
body.template-color-47 .nice-select.open {
    border-color: #FFC837;
}

body.template-color-47 .form-style-1 input:-webkit-autofill,
body.template-color-47 .form-style-1 input:-webkit-autofill:hover,
body.template-color-47 .form-style-1 input:-webkit-autofill:focus,
body.template-color-47 .form-style-1 textarea:-webkit-autofill,
body.template-color-47 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-47 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-47 .form-style-1 select:-webkit-autofill,
body.template-color-47 .form-style-1 select:-webkit-autofill:hover,
body.template-color-47 .form-style-1 select:-webkit-autofill:focus {
    border-color: #FFC837;
}

body.template-color-48 input:not([disabled]):focus~.field-placeholder,
body.template-color-48 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-48 .nice-select:focus,
body.template-color-48 select {
    color: #f889ab !important;
}

body.template-color-48 input:not([disabled]):focus,
body.template-color-48 textarea:not([disabled]):focus,
body.template-color-48 .nice-select:focus,
body.template-color-48 select:focus,
body.template-color-48 .nice-select.open {
    border-color: #f889ab;
}

body.template-color-48 .form-style-1 input:-webkit-autofill,
body.template-color-48 .form-style-1 input:-webkit-autofill:hover,
body.template-color-48 .form-style-1 input:-webkit-autofill:focus,
body.template-color-48 .form-style-1 textarea:-webkit-autofill,
body.template-color-48 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-48 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-48 .form-style-1 select:-webkit-autofill,
body.template-color-48 .form-style-1 select:-webkit-autofill:hover,
body.template-color-48 .form-style-1 select:-webkit-autofill:focus {
    border-color: #f889ab;
}

body.template-color-49 input:not([disabled]):focus~.field-placeholder,
body.template-color-49 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-49 .nice-select:focus,
body.template-color-49 select {
    color: #a400d1 !important;
}

body.template-color-49 input:not([disabled]):focus,
body.template-color-49 textarea:not([disabled]):focus,
body.template-color-49 .nice-select:focus,
body.template-color-49 select:focus,
body.template-color-49 .nice-select.open {
    border-color: #a400d1;
}

body.template-color-49 .form-style-1 input:-webkit-autofill,
body.template-color-49 .form-style-1 input:-webkit-autofill:hover,
body.template-color-49 .form-style-1 input:-webkit-autofill:focus,
body.template-color-49 .form-style-1 textarea:-webkit-autofill,
body.template-color-49 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-49 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-49 .form-style-1 select:-webkit-autofill,
body.template-color-49 .form-style-1 select:-webkit-autofill:hover,
body.template-color-49 .form-style-1 select:-webkit-autofill:focus {
    border-color: #a400d1;
}

body.template-color-50 input:not([disabled]):focus~.field-placeholder,
body.template-color-50 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-50 .nice-select:focus,
body.template-color-50 select {
    color: #db6260 !important;
}

body.template-color-50 input:not([disabled]):focus,
body.template-color-50 textarea:not([disabled]):focus,
body.template-color-50 .nice-select:focus,
body.template-color-50 select:focus,
body.template-color-50 .nice-select.open {
    border-color: #db6260;
}

body.template-color-50 .form-style-1 input:-webkit-autofill,
body.template-color-50 .form-style-1 input:-webkit-autofill:hover,
body.template-color-50 .form-style-1 input:-webkit-autofill:focus,
body.template-color-50 .form-style-1 textarea:-webkit-autofill,
body.template-color-50 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-50 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-50 .form-style-1 select:-webkit-autofill,
body.template-color-50 .form-style-1 select:-webkit-autofill:hover,
body.template-color-50 .form-style-1 select:-webkit-autofill:focus {
    border-color: #db6260;
}

body.template-color-51 input:not([disabled]):focus~.field-placeholder,
body.template-color-51 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-51 .nice-select:focus,
body.template-color-51 select {
    color: #3264f5 !important;
}

body.template-color-51 input:not([disabled]):focus,
body.template-color-51 textarea:not([disabled]):focus,
body.template-color-51 .nice-select:focus,
body.template-color-51 select:focus,
body.template-color-51 .nice-select.open {
    border-color: #3264f5;
}

body.template-color-51 .form-style-1 input:-webkit-autofill,
body.template-color-51 .form-style-1 input:-webkit-autofill:hover,
body.template-color-51 .form-style-1 input:-webkit-autofill:focus,
body.template-color-51 .form-style-1 textarea:-webkit-autofill,
body.template-color-51 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-51 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-51 .form-style-1 select:-webkit-autofill,
body.template-color-51 .form-style-1 select:-webkit-autofill:hover,
body.template-color-51 .form-style-1 select:-webkit-autofill:focus {
    border-color: #3264f5;
}

body.template-color-52 input:not([disabled]):focus~.field-placeholder,
body.template-color-52 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-52 .nice-select:focus,
body.template-color-52 select {
    color: #7202bb !important;
}

body.template-color-52 input:not([disabled]):focus,
body.template-color-52 textarea:not([disabled]):focus,
body.template-color-52 .nice-select:focus,
body.template-color-52 select:focus,
body.template-color-52 .nice-select.open {
    border-color: #7202bb;
}

body.template-color-52 .form-style-1 input:-webkit-autofill,
body.template-color-52 .form-style-1 input:-webkit-autofill:hover,
body.template-color-52 .form-style-1 input:-webkit-autofill:focus,
body.template-color-52 .form-style-1 textarea:-webkit-autofill,
body.template-color-52 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-52 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-52 .form-style-1 select:-webkit-autofill,
body.template-color-52 .form-style-1 select:-webkit-autofill:hover,
body.template-color-52 .form-style-1 select:-webkit-autofill:focus {
    border-color: #7202bb;
}

body.template-color-53 input:not([disabled]):focus~.field-placeholder,
body.template-color-53 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-53 .nice-select:focus,
body.template-color-53 select {
    color: #f12711 !important;
}

body.template-color-53 input:not([disabled]):focus,
body.template-color-53 textarea:not([disabled]):focus,
body.template-color-53 .nice-select:focus,
body.template-color-53 select:focus,
body.template-color-53 .nice-select.open {
    border-color: #f12711;
}

body.template-color-53 .form-style-1 input:-webkit-autofill,
body.template-color-53 .form-style-1 input:-webkit-autofill:hover,
body.template-color-53 .form-style-1 input:-webkit-autofill:focus,
body.template-color-53 .form-style-1 textarea:-webkit-autofill,
body.template-color-53 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-53 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-53 .form-style-1 select:-webkit-autofill,
body.template-color-53 .form-style-1 select:-webkit-autofill:hover,
body.template-color-53 .form-style-1 select:-webkit-autofill:focus {
    border-color: #f12711;
}

body.template-color-54 input:not([disabled]):focus~.field-placeholder,
body.template-color-54 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-54 .nice-select:focus,
body.template-color-54 select {
    color: #f5af19 !important;
}

body.template-color-54 input:not([disabled]):focus,
body.template-color-54 textarea:not([disabled]):focus,
body.template-color-54 .nice-select:focus,
body.template-color-54 select:focus,
body.template-color-54 .nice-select.open {
    border-color: #f5af19;
}

body.template-color-54 .form-style-1 input:-webkit-autofill,
body.template-color-54 .form-style-1 input:-webkit-autofill:hover,
body.template-color-54 .form-style-1 input:-webkit-autofill:focus,
body.template-color-54 .form-style-1 textarea:-webkit-autofill,
body.template-color-54 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-54 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-54 .form-style-1 select:-webkit-autofill,
body.template-color-54 .form-style-1 select:-webkit-autofill:hover,
body.template-color-54 .form-style-1 select:-webkit-autofill:focus {
    border-color: #f5af19;
}

body.template-color-55 input:not([disabled]):focus~.field-placeholder,
body.template-color-55 textarea:not([disabled]):focus~.field-placeholder,
body.template-color-55 .nice-select:focus,
body.template-color-55 select {
    /* color: #2BCB48 !important; */
}

body.template-color-55 input:not([disabled]):focus,
body.template-color-55 textarea:not([disabled]):focus,
body.template-color-55 .nice-select:focus,
body.template-color-55 select:focus,
body.template-color-55 .nice-select.open {
    /* border-color: #2BCB48; */
}

body.template-color-55 .form-style-1 input:-webkit-autofill,
body.template-color-55 .form-style-1 input:-webkit-autofill:hover,
body.template-color-55 .form-style-1 input:-webkit-autofill:focus,
body.template-color-55 .form-style-1 textarea:-webkit-autofill,
body.template-color-55 .form-style-1 textarea:-webkit-autofill:hover,
body.template-color-55 .form-style-1 textarea:-webkit-autofill:focus,
body.template-color-55 .form-style-1 select:-webkit-autofill,
body.template-color-55 .form-style-1 select:-webkit-autofill:hover,
body.template-color-55 .form-style-1 select:-webkit-autofill:focus {
    /* border-color: #2BCB48; */
}

.form-style-1 {
    padding: 20px;
    background: #282828;
    border-radius: 7px;
}

.form-style-1 input,
.form-style-1 textarea {
    color: #fff;
}

.form-style-1 input:-webkit-autofill,
.form-style-1 input:-webkit-autofill:hover,
.form-style-1 input:-webkit-autofill:focus,
.form-style-1 textarea:-webkit-autofill,
.form-style-1 textarea:-webkit-autofill:hover,
.form-style-1 textarea:-webkit-autofill:focus,
.form-style-1 select:-webkit-autofill,
.form-style-1 select:-webkit-autofill:hover,
.form-style-1 select:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0px 1000px #282828 inset;
}

.form-style-1 .field-placeholder span {
    background: #282829;
}

.nice-select,
select {
    height: 50px;
    /* color: #80868b; */
}

.nice-select.w-100 .list,
select.w-100 .list {
    right: 0;
}

.nice-select .current,
select .current {
    color: #000000;
}

.nice-select .option,
.nice-select:focus .option,
select .option,
select:focus .option {
    /* color: #80868b; */
}

.nice-select.dark-style,
select.dark-style {
    background: transparent;
}

.nice-select.dark-style .current,
select.dark-style .current {
    color: #ffffff;
}

.nice-select:focus,
select:focus {
    outline: none;
    box-shadow: none;
}

/*-------------------------------------------------------------------------------------
    Custom Cursor
---------------------------------------------------------------------------------------*/
.cursor {
    pointer-events: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: block;
    transition: opacity 300ms linear;
    opacity: 0;
    width: 6px;
    height: 6px;
}

.cursor.moving {
    opacity: 1;
}

.cursor::before {
    content: ' ';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #000000;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 300ms linear;
}

.cursor.expand::before {
    opacity: 0;
}

.cursor.active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* ----------------------------
  node styles
--------------------------- */
.node {
    pointer-events: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: block;
    transition: opacity 300ms linear;
    opacity: 0;
    width: 32px;
    height: 32px;
}

.node.moving {
    opacity: 1;
}

.node::before {
    content: ' ';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: transparent;
    border-radius: 50%;
    top: 0;
    left: 0;
    border: 1px solid #000000;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
    transition: opacity 300ms linear, border 300ms linear, background-color 300ms linear, -webkit-transform 300ms linear;
    transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
    transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear, -webkit-transform 300ms linear;
}

.node.expand::before {
    -webkit-transform: scale(3);
    transform: scale(3);
    background-color: #000000;
    opacity: 0.2;
}

.node.reduce {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #000000;
}

/* expand is the class you assigned with the plugin to cursor when a selected element is hovered*/
/*.node*/
/*-------------------------------------------------------------------------------------
    Progress Bar
---------------------------------------------------------------------------------------*/
.progress-wrapper h3.heading {
    font-size: 24px;
    margin-bottom: 60px;
}

.progress-charts {
    overflow: hidden;
}

.progress-charts h6.heading {
    margin-bottom: 13px;
    text-transform: uppercase;
}

.progress-charts h6.heading span.percent-label {
    color: #222;
    font-weight: 600;
}

.progress-charts .progress {
    height: 4px;
    overflow: visible;
    font-size: 14px;
    background-color: #f5f5f5;
    border-radius: 0;
    line-height: 1.6;
}

.progress-charts .progress .progress-bar {
    overflow: visible;
    position: relative;
    background: #0069FF;
}

.progress-charts .progress .progress-bar.custom-color--2 {
    background-color: #7ed321;
}

.progress-charts .progress .progress-bar.custom-color--3 {
    background-color: #f2b636;
}

.progress-charts .progress .progress-bar.custom-color--4 {
    background-color: #f55d4e;
}

.progress-charts .progress .progress-bar span.percent-label {
    position: absolute;
    color: #0069FF;
    right: -7px;
    top: -35px;
    font-size: 14px;
    font-weight: 600;
}

.progress-charts .progress .progress-bar span.percent-label.custom-color--2 {
    color: #7ed321;
}

.progress-charts .progress .progress-bar span.percent-label.custom-color--3 {
    color: #f2b636;
}

.progress-charts .progress .progress-bar span.percent-label.custom-color--4 {
    color: #f55d4e;
}

.progress-charts .progress .progress-bar span.marker-label {
    position: absolute;
    color: #ffffff;
    background: #0069FF;
    padding: 1px 5px;
    border-radius: 3px;
    right: -19px;
    top: -39px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
}

.progress-charts .progress .progress-bar span.marker-label:after {
    position: absolute;
    bottom: -9px;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: 3px;
    content: '';
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #0069FF transparent transparent transparent;
}

.progress-charts.style-2 h6.heading {
    margin-bottom: 23px;
}

.progress-charts.style-2 .progress .progress-bar span.percent-label {
    position: absolute;
    color: #ffffff;
    background: #0069FF;
    padding: 1px 5px;
    border-radius: 3px;
    right: -19px;
    top: -39px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
}

.progress-charts.style-2 .progress .progress-bar span.percent-label:after {
    position: absolute;
    bottom: -9px;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: 3px;
    content: '';
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #0069FF transparent transparent transparent;
}

.radial-progress,
.radial-progress--2 {
    position: relative;
}

@media only screen and (max-width: 767px) {

    .radial-progress,
    .radial-progress--2 {
        display: inline-block;
    }
}

.radial-progress .circle-text,
.radial-progress--2 .circle-text {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.radial-progress .circle-text span.count,
.radial-progress--2 .circle-text span.count {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: #222222;
    position: relative;
}

.radial-progress .circle-text span.count.text-white::after,
.radial-progress--2 .circle-text span.count.text-white::after {
    color: #fff;
}

.radial-progress .circle-text span.count::after,
.radial-progress--2 .circle-text span.count::after {
    position: absolute;
    content: "%";
    right: -14px;
    color: #222;
}

.radial-progress-single.progress-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

@media only screen and (max-width: 575px) {
    .radial-progress-single.progress-flex {
        display: block;
    }
}

/*-------------------------------------------------------------------------------------
    Countdown
---------------------------------------------------------------------------------------*/
@media only screen and (max-width: 575px) {
    .sl-countdown h4 {
        text-align: center;
    }
}

.countdown-style-1 .timer-grid>div {
    display: -webkit-flex;
    display: flex;
    margin: 0 -15px;
}

@media only screen and (max-width: 575px) {
    .countdown-style-1 .timer-grid>div {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.countdown-style-1 .timer-grid>div span.sl-count {
    margin: 0 15px;
    text-align: center;
}

@media only screen and (max-width: 575px) {
    .countdown-style-1 .timer-grid>div span.sl-count {
        margin-bottom: 30px;
    }
}

.countdown-style-1 .timer-grid>div span.time-count {
    display: inline-block;
    padding: 31px 10px;
    font-size: 36px;
    width: 80px;
    text-align: center;
    margin-bottom: 18px;
    border-radius: 6px;
    font-weight: 600;
}

.countdown-style-1 .timer-grid>div span.count-inner p {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #000000 !important;
}

.countdown-style-1.bg-solid-grey .timer-grid>div span.time-count {
    background: #f3f3f3;
    color: #222;
}

.countdown-style-1.bg-solid-theme .timer-grid>div span.time-count {
    background: #0069FF;
    color: #ffffff;
}

.countdown-style-1.font-lg-size .timer-grid>div .second span.time-count {
    color: #0069FF;
}

.countdown-style-1.font-lg-size .timer-grid>div span.time-count {
    color: #222222;
    font-size: 67px;
    padding: 0px 4px;
    width: auto;
    display: block;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .countdown-style-1.font-lg-size .timer-grid>div span.time-count {
        font-size: 40px;
        margin-bottom: 4px;
    }
}

/* Time Circles */
.time-circles .countdown {
    display: inline-block;
    width: 770px !important;
    max-width: 100%;
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.time_circles>div {
    position: absolute;
    text-align: center;
}

.time_circles>div>h4 {
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: capitalize;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    font-size: 14px !important;
    color: #999;
    font-family: "Montserrat", sans-serif;
}

.time_circles>div>span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px !important;
    margin-top: 0;
    font-weight: 500;
}

.time_circles .textDiv_Days,
.textDiv_Hours,
.textDiv_Minutes,
.textDiv_Seconds {
    color: #222222;
    font-size: 30px;
}

@media only screen and (max-width: 767px) {
    .time_circles>div>h4 {
        bottom: -27px;
        font-size: 14px !important;
    }

    .time_circles>div>span {
        font-size: 18px !important;
        position: absolute;
        bottom: -14px;
    }

    .time-circles .countdown {
        display: block;
        width: 799px !important;
        max-width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .time_circles>div>h4 {
        font-size: 8px !important;
    }

    .time_circles>div>span {
        font-size: 15px !important;
    }
}

.time-circles.dark-style>div>h4 {
    color: #fff;
}

.time-circles.dark-style .textDiv_Days,
.time-circles.dark-style .textDiv_Hours,
.time-circles.dark-style .textDiv_Minutes,
.time-circles.dark-style .textDiv_Seconds {
    color: #fff;
}

/*-------------------------------------------------------------------------------------
    Client Logos
---------------------------------------------------------------------------------------*/
.brand-area.grid-style .brand {
    margin: 0 -1px -1px 0;
    padding: 40px 20px;
}

@media (max-width: 991px) {
    .brand {
        padding: 20px;
    }
}

.brand.hover-style a img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .5;
    transition: all .3s ease-in-out;
}

.brand.hover-style:hover a img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.brand.with-border {
    border: 1px solid #f1f1f1;
}

.brand.hue-style a img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s ease-in-out;
}

.brand.hue-style:hover a img {
    -webkit-filter: hue-rotate(0);
    filter: hue-rotate(0);
}

.brand-style-2 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
    .brand-style-2 {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}

.brand-style-2 li {
    padding: 25px;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    text-align: center;
}

.brand-style-2 img {
    opacity: .7;
    transition: .3s;
    max-height: 110px;
    max-width: 150px;
    cursor: pointer;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.brand-style-2 img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

.brand-style-2.dark-version img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.brand-style-2.dark-version img:hover {
    -webkit-filter: invert(0);
    filter: invert(0);
}

.brand-style-2.no-effects img {
    opacity: 1;
    transition: .3s;
    max-height: 110px;
    max-width: 150px;
    cursor: pointer;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.brand-style-2.no-effects img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

.brand-style-2.no-effects.dark-version img {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

.brand-style-2.no-effects.dark-version img:hover {
    -webkit-filter: none;
    filter: none;
}

/*-------------------------------------------------------------------------------------
    Maintanence
---------------------------------------------------------------------------------------*/
.maintanence-wrapper .inner h2 {
    font-size: 90px;
    line-height: 1;
    color: #e3ecf7;
    margin-bottom: 27px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .maintanence-wrapper .inner h2 {
        font-size: 63px;
    }
}

@media only screen and (max-width: 767px) {
    .maintanence-wrapper .inner h2 {
        font-size: 41px;
    }
}

.maintanence-wrapper .inner .maintanence-text {
    font-size: 18px;
    line-height: 1.95;
    margin: 0 auto;
    margin-bottom: 35px;
    max-width: 670px;
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .maintanence-wrapper .inner .maintanence-text {
        max-width: 564px;
    }
}

@media only screen and (max-width: 767px) {
    .maintanence-wrapper .inner .maintanence-text {
        max-width: 564px;
        font-size: 16px;
    }
}

.maintanence-wrapper .inner .maintanence-icon {
    font-size: 100px;
    margin-bottom: 30px;
    color: #ffffff;
}

.maintanence-wrapper .inner .maintanence-form {
    max-width: 700px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .maintanence-wrapper .inner .maintanence-form {
        max-width: 564px;
    }
}

@media only screen and (max-width: 767px) {
    .maintanence-wrapper .inner .maintanence-form {
        max-width: 400px;
    }
}

.maintanence-wrapper .inner .maintanence-form input {
    padding-right: 110px;
    color: #777;
    border-color: #eee;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    outline: none;
    border: 1px solid #eee;
    border-radius: 0;
    padding: 3px 20px;
    height: 62px;
}

.maintanence-wrapper .inner .maintanence-form button {
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 25px;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    height: 62px;
    line-height: 62px;
    color: #0069FF;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.maintanence-wrapper .inner .maintanence-form button:hover {
    background-color: #0069FF;
    color: #fff;
}

.maintanence-wrapper .inner .form-desc {
    margin-top: 22px;
    color: #fff;
    font-size: 14px;
}

.maintenance-social-networks {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 55px;
    height: 1.5em;
    margin: auto;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    transform: rotate(90deg) translate(50%, 50%);
}

@media only screen and (max-width: 575px) {
    .maintenance-social-networks {
        display: none;
    }
}

.maintenance-social-networks .inner {
    margin: -5px -15px;
}

.maintenance-social-networks .inner a {
    display: inline-block;
    margin: 5px 15px;
    padding: 5px 0;
    color: #fff !important;
}

.maintenance-social-networks .inner a span {
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 1.58;
    font-size: 14px;
    font-weight: 500;
}

.maintenance-social-networks .inner a span::before {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.maintenance-social-networks .inner a:hover span::before {
    width: 100%;
    left: 0;
    right: auto;
}

/*-------------------------------------------------------------------------------------
    Gradations
---------------------------------------------------------------------------------------*/
.sl-gradation {
    display: -webkit-flex;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .sl-gradation {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.sl-gradation .item-grid {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
    padding: 0 10px;
}

.sl-gradation .item-grid .line {
    position: absolute;
    top: 40px;
    right: 100%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background: #ddd;
    width: 60%;
    height: 1px;
}

@media only screen and (max-width: 767px) {
    .sl-gradation .item-grid .line {
        display: none;
    }
}

.sl-gradation .item-grid .dot-wrap {
    max-width: 270px;
    position: relative;
    height: 80px;
    width: 80px;
    margin: 0 auto 24px;
}

.sl-gradation .item-grid .dot-wrap .dot {
    background: #0069FF;
}

.sl-gradation .item-grid .dot-wrap .dot::before,
.sl-gradation .item-grid .dot-wrap .dot::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: inherit;
}

.sl-gradation .item-grid .dot-wrap .dot::before {
    width: 80px;
    height: 80px;
    opacity: .3;
}

.sl-gradation .item-grid .dot-wrap .dot::after {
    width: 60px;
    height: 60px;
    opacity: .7;
}

.sl-gradation .item-grid .dot-wrap .dot .count {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: inherit;
    border-radius: 50%;
    text-align: center;
    z-index: 3;
    font-family: "Montserrat", sans-serif;
}

.sl-gradation .item-grid .content {
    position: relative;
    text-align: center;
    max-width: 270px;
    margin: 0 auto;
    background: #fff;
    padding: 35px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.06));
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.06));
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sl-gradation .item-grid .content::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    border-bottom: 13px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sl-gradation .item-grid .content.bg-black {
    background: #000;
    color: #ffffff;
}

.sl-gradation .item-grid .content.bg-black::before {
    border-bottom-color: #000;
}

.sl-gradation .item-grid .content.bg-black h5 {
    color: #ffffff;
}

.sl-gradation .item-grid .content h5.heading {
    font-size: 16px;
    margin-bottom: 12px;
}

.sl-gradation .item-grid:first-child .line {
    display: none;
}

.sl-gradation .item-grid:hover .content {
    background: #222;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
    -webkit-filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.06));
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.06));
    color: #fff;
}

.sl-gradation .item-grid:hover .content::before {
    border-bottom-color: #222;
}

.sl-gradation .item-grid:hover .content h5.heading {
    color: #fff;
}

.sl-gradation .item-grid:hover .content p {
    color: #fff;
}

.sl-gradation .item-grid.custom-color-2 .dot-wrap .dot {
    background: #f55d4e;
}

.sl-gradation .item-grid.custom-color-3 .dot-wrap .dot {
    background: #9013fe;
}

.sl-gradation .item-grid.custom-color-4 .dot-wrap .dot {
    background: #7ed321;
}

.sl-gradation .item-grid.custom-color--5 .dot-wrap .dot {
    background: #D0021B !important;
}

.sl-gradation .item-grid.custom-color-6 .dot-wrap .dot {
    background: #F5A623 !important;
}

.sl-gradation .item-grid.custom-color-7 .dot-wrap .dot {
    background: #7ed321 !important;
}

/*-------------------------------------------------------------------------------------
    Paginations
---------------------------------------------------------------------------------------*/
.sl-pagination-wrapper .sl-pagination {
    padding: 0;
    margin: -5px;
    font-size: 14px;
    font-weight: 500;
    list-style: none;
}

.sl-pagination-wrapper .sl-pagination li {
    display: inline-block;
    list-style-type: none;
    padding: 5px;
}

.sl-pagination-wrapper .sl-pagination li a {
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 39px;
    min-width: 41px;
    height: 41px;
    border: 1px solid #eee;
    background: #fff;
    color: #333333;
    transition: 0.3s ease-in;
}

.sl-pagination-wrapper .sl-pagination li.active a,
.sl-pagination-wrapper .sl-pagination li:hover a {
    background: #0069FF;
    color: #fff;
}

.sl-pagination-wrapper .sl-pagination.pagination-rounded li a {
    border-radius: 50%;
}

.sl-pagination-wrapper .sl-pagination.pagination-numbers li a {
    padding: 0 10px;
    min-width: auto;
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
}

.sl-pagination-wrapper .sl-pagination.pagination-numbers li a:hover {
    background: transparent;
    color: #0069FF;
}

.sl-pagination-wrapper .sl-pagination.pagination-numbers li.active a {
    background: transparent;
    color: #0069FF;
}

.sl-pagination-wrapper .sl-pagination.pagination-rounded-box {
    background: #efefef;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 40px;
}

.sl-pagination-wrapper .sl-pagination.pagination-rounded-box li a {
    border-radius: 50%;
}

.sl-pagination-wrapper .sl-pagination.dark-style li a {
    background: transparent;
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Gallery
---------------------------------------------------------------------------------------*/
.sl-gallery {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    max-width: 1300px;
    margin: auto;
}

.sl-gallery-strip-wrap {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    background: #ffffff;
    border-right: 2px solid #e5e5e5;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .sl-gallery-strip-wrap {
        border-right: 0;
    }
}

.sl-gallery-strip-wrap .sl-gallery-strip {
    min-height: 100vh;
}

.sl-gallery-strip-wrap .photo {
    position: relative;
    text-align: right;
    padding-bottom: 3rem;
}

.sl-gallery-strip-wrap .sl-image img {
    width: 90%;
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}

@media only screen and (max-width: 767px) {
    .sl-gallery-strip-wrap .sl-image img {
        width: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.sl-gallery-strip-wrap .img-name {
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 2px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    margin-top: -25px;
    transition: 0.4s ease-in-out 0.4s;
    position: relative;
    width: 100%;
}

.sl-gallery-strip-wrap .photo:hover .sl-image img {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.sl-gallery-strip-wrap .photo:hover .img-name {
    color: #ffffff;
}

@media (min-width: 500px) {
    .sl-gallery-strip-wrap {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

@media (min-width: 991px) {
    .sl-gallery {
        height: 100vh;
    }

    .sl-gallery-strip-wrap {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .sl-gallery-strip-wrap .sl-gallery-strip.one {
        -webkit-animation: 60s move-it ease alternate infinite 5s;
        animation: 60s move-it ease alternate infinite 5s;
        -webkit-transform: translateY(2%);
        transform: translateY(2%);
    }

    .sl-gallery-strip-wrap .sl-gallery-strip.three {
        -webkit-animation: 70s move-it ease alternate infinite 6s;
        animation: 70s move-it ease alternate infinite 6s;
        -webkit-transform: translateY(2%);
        transform: translateY(2%);
    }

    .sl-gallery-strip-wrap .sl-gallery-strip.two {
        -webkit-animation: 58s move-it-2 ease alternate infinite 5s;
        animation: 58s move-it-2 ease alternate infinite 5s;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .sl-gallery-strip-wrap .sl-gallery-strip.four {
        -webkit-animation: 65s move-it-2 ease alternate infinite 5.5s;
        animation: 65s move-it-2 ease alternate infinite 5.5s;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .sl-gallery-strip-wrap .sl-gallery-strip:hover {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .sl-gallery {
        height: 50vh;
    }
}

@-webkit-keyframes move-it {

    0%,
    90%,
    100% {
        -webkit-transform: translateY(2%);
        transform: translateY(2%);
    }

    45% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@keyframes move-it {

    0%,
    90%,
    100% {
        -webkit-transform: translateY(2%);
        transform: translateY(2%);
    }

    45% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@-webkit-keyframes move-it-2 {

    0%,
    90%,
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    45% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}

@keyframes move-it-2 {

    0%,
    90%,
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    45% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}

/* Gallery Dark */
.sl-gallery-pixel-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media (min-width: 1200px) {
    .sl-gallery-pixel-wrap {
        display: block;
        position: relative;
        min-height: 860px;
    }

    .sl-gallery-pixel-wrap:before {
        content: '';
        position: absolute;
        background: radial-gradient(circle at 3px 3px, rgba(220, 220, 220, 0.5) 3px, transparent 3px);
        left: 12.5%;
        top: 11%;
        height: 407px;
        width: 366px;
        display: block;
        background-size: 27px 27px;
        background-position: 100%;
        background-repeat: repeat;
    }

    .sl-gallery-pixel-wrap.style-2:before {
        content: '';
        position: absolute;
        background-image: url(../img/shape/polygon-2.png);
        left: 12.5%;
        top: 11%;
        height: 407px;
        width: 366px;
        background-size: cover;
    }

    .sl-gallery-pixel-wrap.no-pattern:before {
        content: '';
        position: absolute;
        display: none;
    }
}

.sl-gallery-content-wrap {
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    right: 0;
    width: 100%;
    position: relative;
    pointer-events: none;
}

.sl-gallery-content-wrap>* {
    pointer-events: auto;
}

@media (min-width: 1200px) {
    .sl-gallery-content-wrap {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        text-align: left;
    }
}

.sl-gallery-info h2 br {
    display: none;
}

@media (min-width: 1200px) {
    .sl-gallery-info {
        padding-top: 35px;
        max-width: 380px;
    }

    .sl-gallery-info h2 br {
        display: block;
    }
}

.sl-gallery-info h2 {
    text-transform: uppercase;
    font-weight: 300;
}

.sl-gallery-info h2 span {
    font-weight: 700;
}

.sl-gallery-info p {
    margin-top: 45px;
}

@media (min-width: 1200px) {
    .sl-gallery-info p {
        max-height: 160px;
    }
}

.sl-gallery-items {
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
}

@media (min-width: 1200px) {
    .sl-gallery-items {
        margin-top: 0;
    }
}

.sl-gallery-items>* {
    width: calc(100%/2);
    background-color: #fff;
    transition: all ease .35s;
}

@media only screen and (max-width: 575px) {
    .sl-gallery-items>* {
        width: 100%;
    }
}

.sl-gallery-items>*>a {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100%;
}

@media (min-width: 1200px) {
    .sl-gallery-items>*>a {
        min-height: auto;
        display: block;
        padding-bottom: 0;
        width: 100%;
        height: 100%;
    }

    .sl-gallery-items>*>a:before {
        content: '';
        position: absolute;
        opacity: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
        transition: all ease .35s;
        z-index: 2;
    }

    .sl-gallery-items>*>a:after {
        content: '\e61a';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: themify;
        opacity: 0;
        transition: all ease .35s;
        font-size: 30px;
        color: #fff;
        z-index: 2;
    }

    .sl-gallery-items>*>a:hover:before {
        transition: all ease .35s;
        width: 80%;
        height: 80%;
        opacity: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .sl-gallery-items>*>a:hover:after {
        opacity: 1;
        transition: all ease .35s;
    }

    /* Green Gradient */
    .sl-gallery-items>*>a:hover .green-gradient-overlay::after {
        content: '';
        width: 100%;
        height: 100%;
        background-image: linear-gradient(244deg, #02C873 0%, #00CBFF 100%);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .5;
    }

    /* music overlay */
    .sl-gallery-items>*>a:hover .music-gradient-overlay::after {
        content: '';
        width: 100%;
        height: 100%;
        background-image: linear-gradient(244deg, #FC0044 0%, #4D2BFE 100%);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .5;
    }

    /* music icon on overlay */
    .sl-gallery-items.music-gallery>*>a:after {
        content: "\e689";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: 'themify';
        transition: all ease .35s;
        font-size: 30px;
        color: #fff;
        z-index: 2;
    }

    .sl-gallery-items>*>a div {
        position: absolute;
        width: 100%;
        height: 100%;
        min-height: auto;
    }
}

@media (min-width: 576px) {
    .sl-gallery-items>* {
        width: calc(100%/3);
    }
}

@media (min-width: 1200px) {
    .sl-gallery-items>* {
        width: inherit;
    }

    .sl-gallery-items>*:hover {
        box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
    }

    .sl-gallery-items>*:hover div {
        -webkit-transform: scale(0.96);
        transform: scale(0.96);
        transition: all ease .35s;
    }
}

@media (min-width: 1200px) {
    .sl-gallery-items>* {
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}

.sl-gallery-items>* div {
    transition: all ease .35s;
    position: relative;
    width: 100%;
    height: 200px;
}

@media (min-width: 1200px) {
    .sl-item-1 {
        width: 214px;
        height: 198px;
        left: 40.6%;
    }
}

@media (min-width: 1200px) {
    .sl-item-2 {
        width: 440px;
        height: 415px;
        top: 25.2%;
        left: 19.8%;
    }
}

@media (min-width: 1200px) {
    .sl-item-3 {
        width: 100px;
        height: 100px;
        top: 36.3%;
        left: 9%;
    }
}

@media (min-width: 1200px) {
    .sl-item-4 {
        width: 196px;
        height: 203px;
        top: 50%;
        left: 0;
    }
}

@media (min-width: 1200px) {
    .sl-item-5 {
        width: 202px;
        height: 202px;
        bottom: 1%;
        left: 20.5%;
    }
}

@media (min-width: 1200px) {
    .sl-item-6 {
        width: 86px;
        height: 86px;
        top: 75.5%;
        left: 40.5%;
    }
}

@media (min-width: 1200px) {
    .sl-item-7 {
        width: 200px;
        height: 310px;
        left: 62%;
        top: 49.6%;
    }
}

@media (min-width: 1200px) {
    .sl-item-8 {
        width: 194px;
        height: 194px;
        right: 0;
        top: 49.6%;
    }
}

@media (min-width: 1200px) {
    .sl-item-9 {
        width: 86px;
        height: 86px;
        right: 10%;
        top: 74%;
    }
}

@media (min-width: 1200px) {
    .sl-item-10 {
        width: 86px;
        height: 86px;
        right: 30%;
        bottom: 3%;
    }
}

/*No Space Gallery*/
@media (min-width: 1200px) {
    .section-amazing-item {
        position: absolute;
        z-index: 2;
        left: 100%;
        bottom: -30px;
    }

    .section-amazing-item::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }
}

.block-lg {
    position: relative;
    max-width: 466px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1200px) {
    .block-lg {
        margin-left: auto;
        margin-right: 0;
    }
}

.thumb-default {
    display: block;
    position: relative;
}

.thumb-default:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(320deg, #004e92 0%, #000428 100%);
    background-size: 150% 150%;
    pointer-events: none;
    transition: .3s ease-out all;
    opacity: 0;
}

.thumb-default:after {
    content: '\e6be';
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    color: #fff;
    font-family: themify;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: .3s ease-out all;
}

.thumb-default:hover:before {
    opacity: .88;
}

.thumb-default:hover:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.box-info {
    display: none;
    position: relative;
    max-width: 366px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.box-info-custom {
    display: block;
    margin-bottom: 30px;
}

.box-info>.title {
    font-size: 115px;
    line-height: .74;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    opacity: .55;
}

@media (min-width: 576px) {
    .box-info>.title {
        font-size: 150px;
    }
}

.box-info-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 285px;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: linear-gradient(90deg, #ff5029 0%, #ff9c27 100%);
}

@media (min-width: 1200px) {
    .box-info {
        display: block;
    }

    .box-info-custom {
        display: none;
    }
}

/* ====================
    Gallery Area 
========================*/
.gallery-grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

@media only screen and (max-width: 767px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.gallery-grid .grid-width-2 {
    -ms-grid-column: span 2;
    grid-column: span 2;
}

@media only screen and (max-width: 767px) {
    .gallery-grid .grid-width-2 {
        -ms-grid-column: span 1;
        grid-column: span 1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gallery-grid .grid-width-2 {
        -ms-grid-column: span 1;
        grid-column: span 1;
    }
}

.gallery-grid .grid-height-2 {
    -ms-grid-row: span 2;
    grid-row: span 2;
}

@media only screen and (max-width: 767px) {
    .gallery-grid .grid-height-2 {
        -ms-grid-row: span 1;
        grid-row: span 1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gallery-grid .grid-height-2 {
        -ms-grid-row: span 1;
        grid-row: span 1;
    }
}

.musician-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 90px;
    grid-row-gap: 80px;
    display: -ms-grid;
    display: grid;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .musician-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .musician-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .musician-gallery-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
}

.musician-gallery-grid .grid-width-2 {
    -ms-grid-column: span 2;
    grid-column: span 2;
}

.musician-gallery-grid .grid-height-2 {
    -ms-grid-row: span 2;
    grid-row: span 2;
}

.gallery {
    display: block;
    position: relative !important;
    width: 100%;
    height: 100%;
}

.gallery .thumb img {
    width: 100%;
}

.gallery .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #0069FF;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.gallery .hover-overlay .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gallery .hover-overlay .inner span {
    font-size: 36px;
    color: #fff;
}

.gallery:hover .hover-overlay {
    visibility: visible;
    opacity: .9;
}

.masonary-item {
    margin-bottom: 30px;
}

.masonry-wrap.nogap .masonary-item {
    margin: 0;
    padding: 0;
}

/*-------------------------------------------------------------------------------------
    Services List
---------------------------------------------------------------------------------------*/
.sl-service-list .thumb {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 40%;
}

@media only screen and (max-width: 767px) {
    .sl-service-list .thumb {
        max-width: 100%;
        margin-bottom: 30px;
    }
}

.sl-service-list .content {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 890px;
}

/*-- Services Animated link Box --*/
.service-box {
    background: #fff;
    overflow: hidden;
    transition: .3s ease;
    border: 1px solid #f7f7f7;
}

.service-box i {
    color: #0069FF;
    transition: inherit;
    transition-delay: 0s;
}

.service-box h4 {
    color: #000000;
    transition: inherit;
    transition-delay: .05s;
}

.service-box p {
    transition: inherit;
    transition-delay: .1s;
}

.service-box .readmore {
    color: #fff;
    overflow: hidden;
    display: inline-block;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #0069FF;
    position: relative;
    padding-right: 2rem;
}

.service-box .readmore:before {
    -webkit-animation: sl-link-arrow-effect-animation-out;
    animation: sl-link-arrow-effect-animation-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
    background-color: #0069FF;
    bottom: 0;
    height: .125rem;
    margin: auto;
    left: 0;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: scaleX(0.2);
    transform: scaleX(0.2);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 0;
}

.service-box .readmore span {
    position: relative;
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    display: inline-block;
    transition: 0.6s cubic-bezier(0.6, 0.01, 0, 1);
}

.service-box:hover {
    background: #0069FF;
}

.service-box:hover .readmore {
    color: #ffffff;
}

.service-box:hover .readmore span {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.service-box:hover .readmore:before {
    background: #ffffff;
    -webkit-animation: sl-link-arrow-effect-animation-in;
    animation: sl-link-arrow-effect-animation-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
}

.service-box:hover i,
.service-box:hover h4,
.service-box:hover p {
    color: #ffffff;
    -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
}

.medi-service {
    padding: 20px;
    margin-bottom: 20px;
    transition: all .3s ease-in-out;
    border-radius: 4px;
    height: 252px;
}

.medi-service h3 {
    margin: 10px 0;
    font-size: 22px;
}

@media only screen and (max-width: 767px) {
    .medi-service {
        height: auto;
    }
}

.beauty-service>[class*="col-"] {
    border: 1px solid;
    border-width: 1px 1px 0 0;
    border-color: #f2f2f2;
    padding: 45px;
    transition: all .3s ease-in-out;
}

@media only screen and (min-width: 1600px) {
    .beauty-service>[class*="col-"] {
        padding: 50px;
    }
}

.beauty-service>[class*="col-"] .item {
    position: relative;
}

.beauty-service>[class*="col-"] .item span {
    font-size: 42px;
    color: #0069FF;
}

.beauty-service>[class*="col-"] .item .item_content .item_title a {
    margin: 15px 0;
    color: #323232;
    display: block;
}

.beauty-service>[class*="col-"] .item .item_content .item_title a:after {
    content: '';
    font-size: 1rem;
    height: 2px;
    width: 5.5em;
    display: block;
    margin: 0.8em auto;
    background: #ccc;
}

.beauty-service>[class*="col-"] .item .item_content .item_description {
    display: block;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.923em;
}

.beauty-service>[class*="col-"]:hover {
    background: #0069FF;
    border-color: #0069FF;
}

.beauty-service>[class*="col-"]:hover .item span {
    color: #ffffff;
}

.beauty-service>[class*="col-"]:hover .item .item_content .item_title {
    color: #ffffff;
}

.beauty-service>[class*="col-"]:hover .item .item_content .item_title a {
    color: #ffffff;
}

.beauty-service>[class*="col-"]:hover .item .item_description p {
    color: #ffffff;
}

/*Image Hover*/
.hover-effect::before,
.hover-effect::after {
    content: "";
    background: #202020;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    transition-duration: 1s !important;
}

.hover-effect::before {
    right: 0;
    opacity: 1;
    bottom: 0;
}

.hover-effect::after {
    top: 0;
    opacity: .7;
    left: 0;
}

.hover-effect:hover::after,
.hover-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}

/* Health care services */
.healthcare-services-area [class*="col-"] {
    background: #fff;
}

.heathcare-service {
    position: relative;
    background: #3264f5;
}

.heathcare-service .services-info h5 {
    position: relative;
    display: inline-block;
}

.heathcare-service .services-info h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 50%;
    border: 1px solid #fff;
}

.heathcare-service.box-1 {
    background: #3264f5;
}

.heathcare-service.box-2 {
    background: #809be8;
}

.heathcare-service.box-3 {
    background: rgba(91, 131, 245, 0.8);
}

.heathcare-service.box-4 {
    background: rgba(109, 141, 233, 0.7);
}

.heathcare-service .services-info {
    padding: 2.5rem 2.5rem 0 2.5rem;
}

.heathcare-service .btn {
    padding: 0.8rem 2.5rem !important;
    width: 100%;
    background-color: #7202bb;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0;
    text-align: left;
    border-radius: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    transition: all .3s ease-in-out;
}

.heathcare-service h5,
.heathcare-service p {
    -webkit-transform: translateY(33px);
    transform: translateY(33px);
    transition: all .3s ease-in-out;
}

.heathcare-service:hover .btn {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.heathcare-service:hover h5,
.heathcare-service:hover p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*-------------------------------------------------------------------------------------
    Testimonials
---------------------------------------------------------------------------------------*/
.sl-testimonial .pic {
    width: 22%;
    padding: 20px 0;
    margin: 0 6% 0 2%;
    float: left;
    position: relative;
    z-index: 1;
}

.sl-testimonial .pic:before,
.sl-testimonial .pic:after {
    content: "";
    width: 130px;
    height: 150px;
    background: #0069FF;
    position: absolute;
    z-index: -1;
}

.sl-testimonial .pic:before {
    top: 0;
    right: -20px;
}

.sl-testimonial .pic:after {
    bottom: 0;
    left: -20px;
}

.sl-testimonial .pic img {
    width: 100%;
    height: auto;
    border: 3px solid #e1c37d;
}

.sl-testimonial .sl-testimonial-content {
    width: 70%;
    float: right;
}

.sl-testimonial .title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
    text-transform: uppercase;
    padding-top: 65px;
    padding-left: 15px;
}

.sl-testimonial .post {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 25px;
    padding-left: 15px;
}

.sl-testimonial .description {
    font-size: 1rem;
    color: #000;
    padding: 0 15px;
    margin: 0;
    position: relative;
    font-style: italic;
}

.sl-testimonial .description:before,
.sl-testimonial .description:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 17px;
    color: #0069FF;
    position: relative;
}

.sl-testimonial .description:before {
    content: "\f10d";
    margin-right: 5px;
    top: 0;
    left: 0;
}

.sl-testimonial .description:after {
    content: "\f10e";
    margin-left: 5px;
    position: relative;
    bottom: 0;
    right: 0;
}

.sl-testimonial .owl-theme .owl-controls {
    width: 70%;
    margin: 0;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0;
}

.sl-testimonial .owl-theme .owl-controls .owl-buttons div {
    width: 70px;
    height: 90px;
    line-height: 90px;
    background: transparent;
    border-radius: 0;
    opacity: 1;
    position: relative;
}

.sl-testimonial .owl-prev:before {
    content: "\f177";
    font-family: "fontawesome";
    font-size: 45px;
    font-weight: 900;
    color: #ddd;
    position: absolute;
    top: 0;
    left: 25%;
}

.sl-testimonial .owl-next:before {
    content: "\f177";
    font-family: "fontawesome";
    font-size: 45px;
    font-weight: 900;
    color: #ddd;
    position: absolute;
    top: 0;
    left: 25%;
    content: "\f178";
}

.sl-testimonial .owl-next:after {
    content: " / ";
    font-size: 40px;
    color: #ddd;
    position: absolute;
    top: 0;
    left: -10px;
}

@media only screen and (max-width: 990px) {
    .sl-testimonial {
        text-align: center;
    }

    .sl-testimonial .pic {
        width: 200px;
        margin: 0 auto;
        float: none;
    }

    .sl-testimonial .pic:before,
    .sl-testimonial .pic:after {
        width: 80px;
        height: 100px;
    }

    .sl-testimonial .sl-testimonial-content {
        width: 100%;
        float: none;
    }

    .sl-testimonial .title {
        padding: 15px 0 0 0;
    }

    .sl-testimonial .post {
        padding: 0;
        margin-bottom: 10px;
    }

    .owl-theme .owl-controls {
        width: 100%;
        position: static;
        text-align: center;
    }

    .owl-theme .owl-controls .owl-buttons div {
        height: 50px;
        line-height: 50px;
    }
}

/* Testimonials style 2 */
.testimonial.style-2 .single-testi-item::before {
    content: url(../img/shape/quote-left.png);
}

.testimonial.style-2 .single-testi-item::after {
    content: url(../img/shape/quote-right.png);
}

.testimonial.style-2 .hero-slider .owl-nav .owl-next span,
.testimonial.style-2 .hero-slider .owl-nav .owl-prev span {
    color: #1040C6;
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.testimonial.style-2 .hero-slider .owl-nav .owl-next span:hover,
.testimonial.style-2 .hero-slider .owl-nav .owl-prev span:hover {
    color: #1040C6;
}

.testimonial h1 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.6;
    color: #030B61;
}

@media (max-width: 991px) {
    .testimonial h1 {
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial h1 {
        font-size: 2em;
    }
}

.testimonial .img-wrap {
    margin-left: 84px;
}

@media (max-width: 991px) {
    .testimonial .img-wrap {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial .img-wrap {
        margin-left: 0;
    }
}

.testimonial .hero-slider .owl-nav {
    position: absolute;
    bottom: 0;
    right: 6%;
    top: -24%;
    z-index: 100;
}

@media only screen and (max-width: 767px) {
    .testimonial .hero-slider .owl-nav {
        text-align: center;
        position: static;
        margin-top: 30px;
    }
}

.testimonial .hero-slider .owl-nav .owl-prev span {
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: #ffffff;
    border: none;
    color: #C40A1E;
    margin-bottom: 10px;
    font-size: 1.3rem;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.testimonial .hero-slider .owl-nav .owl-prev span:hover {
    background: #ffffff;
    color: #C40A1E;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.testimonial .hero-slider .owl-nav .owl-next span {
    margin: 10px 4px;
    text-align: center;
    padding: 20px;
    line-height: 50px;
    border-radius: 50%;
    border: none;
    color: #C40A1E;
    margin-bottom: 10px;
    font-size: 1.8rem;
}

.testimonial .hero-slider .owl-nav .owl-next span:hover {
    background: #ffffff;
    color: #C40A1E;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.testimonial .single-testi-item {
    margin: 15px 15px;
    padding: 40px 40px;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.06);
}

.testimonial .single-testi-item::before {
    content: url(../img/bg/wedding/quote-left.png);
}

.testimonial .single-testi-item::after {
    content: url(../img/bg/wedding/quote-right.png);
    top: 70%;
    right: 10%;
    position: absolute;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .testimonial .single-testi-item::after {
        top: 80%;
        right: 8%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial .single-testi-item::after {
        top: 80%;
    }
}

.testimonial .single-testi-item .author-title {
    margin-top: 20px;
}

.testimonial .single-testi-item .author-title .thumb {
    display: inline-block;
}

.testimonial .single-testi-item .author-title .a-desc {
    display: inline-block;
    padding-left: 15px;
    text-align: left;
}

.testimonial .single-testi-item .author-title .a-desc p {
    font-size: 14px;
}

.testimonial .single-testi-item .author-title .a-desc h6 {
    margin-bottom: 5px;
    color: #222222;
    font-size: 1rem;
}

.testimonial .single-testi-item .author-desc p {
    margin-bottom: 0;
}

.testimonial .owl-carousel .owl-item img {
    width: 60px;
}

/* Sl Testimonial Style 3 */
.testimonail-item {
    background-color: #ffffff;
    width: 64%;
    margin: 0 auto;
    padding: 50px;
    border-radius: 5px;
    position: relative;
    box-shadow: 5px 5px 30px 0 rgba(182, 182, 227, 0.16);
    margin-top: 15px;
    margin-bottom: 60px;
    transition: 0.3s;
    background-color: #ffffff;
    padding: 60px 50px 90px;
    border-radius: 5px;
    position: relative;
    box-shadow: 5px 5px 30px 0 rgba(182, 182, 227, 0.16);
    margin-top: 15px;
    margin-bottom: 90px;
    margin-bottom: 60px;
    transition: 0.3s;
}

.testimonail-item .title {
    font-size: 20px;
    margin-bottom: 5px;
}

.testimonail-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 5px 5px 30px 0 rgba(182, 182, 227, 0.16);
    z-index: -3;
    transition: 0.3s;
}

.active .testimonail-item:before {
    top: 30px;
    left: 30px;
}

.testimonail-item .desc {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.8;
    color: #1c1d1d;
    opacity: 0.6;
    font-style: italic;
}

.testimonail-item .desc:after {
    content: '"';
}

.testimonail-item .desc:before {
    content: '"';
    margin-right: 5px;
}

.testimonail-item .desc:after {
    margin-left: 5px;
}

.testimonail-item .title {
    font-size: 18px;
    margin-bottom: 5px;
}

.testimonail-item .position {
    font-size: 1rem;
}

.testimonail-item .testimonail-footer:after {
    content: '"';
    font-size: 200px;
    color: #b181ff;
    opacity: .16;
    position: absolute;
    right: 50px;
    bottom: 30px;
}

.testimonial-slider {
    z-index: 1;
}

.testimonial-slider .carousel-inner {
    z-index: -1;
}

.testimonial-slider .carousel-indicators {
    position: static;
    bottom: 0;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.testimonial-slider .carousel-indicators li {
    border: none;
    width: 60px;
    height: 60px;
    text-indent: 0;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
    margin: 5px;
    border: 3px solid transparent;
    transition: .3s;
    opacity: 10;
}

.testimonial-slider .carousel-indicators li:nth-child(-n+8) {
    position: absolute;
    left: 0;
    top: 0;
}

.testimonial-slider .carousel-indicators li:nth-child(1) {
    width: 100px;
    height: 100px;
    left: 12vw;
    top: 0;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .5s;
    animation-delay: 0.5s;
}

.testimonial-slider .carousel-indicators li:nth-child(2) {
    left: 18vw;
    top: 10vh;
    width: 70px;
    height: 70px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .7s;
    animation-delay: 0.7s;
}

.testimonial-slider .carousel-indicators li:nth-child(3) {
    left: 4vw;
    top: 8vh;
    width: 150px;
    height: 150px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .9s;
    animation-delay: 0.9s;
}

.testimonial-slider .carousel-indicators li:nth-child(4) {
    left: 13vw;
    top: 22vh;
    width: 110px;
    height: 110px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.testimonial-slider .carousel-indicators li:nth-child(5) {
    left: auto;
    right: 5vw;
    top: 8vh;
    width: 90px;
    height: 90px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .5s;
    animation-delay: 0.5s;
}

.testimonial-slider .carousel-indicators li:nth-child(6) {
    left: auto;
    right: 12vw;
    top: 0;
    width: 70px;
    height: 70px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .7s;
    animation-delay: 0.7s;
}

.testimonial-slider .carousel-indicators li:nth-child(7) {
    left: auto;
    right: 13vw;
    top: 10vh;
    width: 150px;
    height: 150px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: .9s;
    animation-delay: 0.9s;
}

.testimonial-slider .carousel-indicators li:nth-child(8) {
    left: auto;
    right: 6vw;
    top: 22vh;
    width: 120px;
    height: 120px;
    -webkit-animation: jump 4s ease-in-out alternate infinite;
    animation: jump 4s ease-in-out alternate infinite;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.testimonial-slider .carousel-indicators li.active {
    border: 3px solid #0069FF;
    z-index: 10;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important;
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.nav-control .control {
    height: 3px;
    width: 50px;
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    margin: 5px;
    opacity: 0.8;
}

.v3 .nav-control {
    margin-top: 30px;
}

.v3 .nav-control .control {
    background-color: #17DCF3;
}

.nav-control .control:hover {
    width: 80px;
    opacity: 1;
}

.nav-control .control:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-control .control.left:after {
    content: "";
    border-right: 8px solid #ffffff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: -5px;
    top: -6px;
}

.v3 .nav-control .control.left:after {
    border-right: 8px solid #17DCF3;
}

.nav-control .control.right:after {
    content: "";
    border-left: 8px solid #ffffff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    right: -5px;
    top: -6px;
}

.v3 .nav-control .control.right:after {
    border-left: 8px solid #17DCF3;
}

@media only screen and (min-width: 768px) and (max-width: 1800px) {
    .testimonial-slider .carousel-indicators li:nth-child(1) {
        width: 100px;
        height: 100px;
        left: 12vw;
        top: 0;
        -webkit-animation: jump 4s ease-in-out alternate infinite;
        animation: jump 4s ease-in-out alternate infinite;
        -webkit-animation-delay: .5s;
        animation-delay: 0.5s;
    }

    .testimonial-slider .carousel-indicators li:nth-child(2) {
        left: 15vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(3) {
        left: 1vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(4) {
        left: 10vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(5) {
        left: auto;
        right: 2vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(6) {
        right: 9vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(7) {
        left: auto;
        right: 6vw;
    }

    .testimonial-slider .carousel-indicators li:nth-child(8) {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1170px) {
    .testimonial-slider .carousel-indicators li {
        -webkit-animation: none !important;
        animation: none !important;
        position: static !important;
        width: 60px !important;
        height: 60px !important;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .testimonial-slider .carousel-indicators li.active {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@media only screen and (max-width: 992px) {
    .testimonial-slider {
        text-align: center;
    }

    .testimonial-slider .carousel-indicators li {
        -webkit-animation: none !important;
        animation: none !important;
        position: static !important;
        width: 60px !important;
        height: 60px !important;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .testimonial-slider .carousel-indicators li.active {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .testimonail-item {
        padding: 30px;
        width: calc(100% - 30px);
        display: inline-block;
        float: none;
    }
}

/* Testimonial style 4 */
.agn-testimonial {
    position: relative;
}

.agn-testimonial .carousel-control-next,
.agn-testimonial .carousel-control-prev {
    position: static;
    width: 55px;
    height: 55px;
    margin: 0 10px;
    font-size: 30px;
    border-radius: 30px;
    display: -webkit-inline-flex;
    display: inline-flex;
    color: inherit;
    opacity: 1;
    color: #000;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.agn-testimonial .carousel-control-next:hover,
.agn-testimonial .carousel-control-prev:hover,
.agn-testimonial .carousel-control-next:focus,
.agn-testimonial .carousel-control-prev:focus {
    background: #0069FF;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #ffffff;
}

.agn-testimonial .main-content {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 1021px) {
    .agn-testimonial .main-content {
        max-width: 600px;
    }
}

@media only screen and (min-width: 1600px) {
    .agn-testimonial .main-content {
        max-width: 900px;
    }
}

.agn-testimonial .main-content .theme-title-one {
    padding-bottom: 40px;
}

.agn-testimonial .main-content .agn-testimonial-slider p {
    font-size: 16px;
    color: #76797e;
    line-height: 1.5;
    padding: 0 80px 50px 0;
}

.agn-testimonial .main-content .agn-testimonial-slider .author-info .author-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
}

.agn-testimonial .main-content .agn-testimonial-slider .author-info .name-info {
    float: left;
    padding-left: 20px;
}

.agn-testimonial .main-content .agn-testimonial-slider .author-info .name-info .name {
    font-size: 20px;
    margin-bottom: 0;
}

.agn-testimonial .main-content .agn-testimonial-slider .author-info .name-info span {
    color: #c7c7c7;
    font-size: 16px;
}

.agn-testimonial .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.agn-testimonial .owl-theme .owl-nav {
    text-align: left;
    margin-top: 35px;
}

.agn-testimonial .owl-theme .owl-nav [class*=owl-] {
    width: 55px;
    height: 55px;
    margin: 0 10px;
    padding: 0;
    font-size: 30px;
    color: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
}

.agn-testimonial .owl-theme .owl-nav [class*=owl-]:hover {
    background: #ffffff;
    box-shadow: 0 10px 20px 0 rgba(59, 132, 241, 0.1);
    color: #233D63;
}

.agn-testimonial .shape-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 33%;
    height: 100%;
}

@media only screen and (min-width: 1600px) {
    .agn-testimonial .shape-box {
        width: 22%;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .agn-testimonial .shape-box {
        width: auto;
    }
}

.agn-testimonial .shape-box img:nth-child(1) {
    height: 100%;
}

@media (max-width: 991px) {
    .agn-testimonial .shape-box {
        position: static;
        width: 100%;
        padding: 0 15px;
    }

    .agn-testimonial .shape-box img:nth-child(1) {
        display: none;
    }
}

.agn-testimonial .shape-box .people {
    position: absolute;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    box-shadow: 0px 10px 20px 0px rgba(20, 44, 56, 0.25);
    z-index: 1;
    cursor: pointer;
}

.agn-testimonial .shape-box .people.active {
    -webkit-animation: pulse-zoom 1.5s alternate infinite ease-in;
    animation: pulse-zoom 1.5s alternate infinite ease-in;
}

@media (max-width: 991px) {
    .agn-testimonial .shape-box .people {
        position: static;
        width: 110px !important;
        height: 110px !important;
        margin-left: 10px;
        margin-top: 10px;
    }
}

.agn-testimonial .shape-box .people:nth-child(2) {
    width: 60px;
    height: 60px;
    top: 37%;
    right: 41%;
    -webkit-animation: pulse-zoom 1s alternate infinite ease-in;
    animation: pulse-zoom 1s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(3) {
    top: 47%;
    right: 16%;
    -webkit-animation: pulse-zoom 1.5s alternate infinite ease-in;
    animation: pulse-zoom 1.5s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(4) {
    width: 80px;
    height: 80px;
    top: 16%;
    right: 29%;
    -webkit-animation: pulse-zoom 2s alternate infinite ease-in;
    animation: pulse-zoom 2s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(5) {
    width: 150px;
    height: 150px;
    top: 24%;
    right: 66%;
    -webkit-animation: pulse-zoom 1.8s alternate infinite ease-in;
    animation: pulse-zoom 1.8s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(6) {
    width: 45px;
    height: 45px;
    top: 52%;
    right: 69%;
    -webkit-animation: pulse-zoom 1.9s alternate infinite ease-in;
    animation: pulse-zoom 1.9s alternate infinite ease-in;
}

.agn-testimonial .shape-box .people:nth-child(7) {
    width: 80px;
    height: 80px;
    top: 61%;
    right: 40%;
    -webkit-animation: pulse-zoom 12s alternate infinite ease-in;
    animation: pulse-zoom 12s alternate infinite ease-in;
}

.agn-testimonial.style-two .carousel-indicators {
    cursor: pointer;
    padding: 0 15px;
}

.agn-testimonial.style-two .carousel-indicators img {
    border: 1px solid transparent;
}

.agn-testimonial.style-two .carousel-indicators img:focus {
    border-color: #0069FF;
}

.agn-testimonial.style-two .carousel-indicators img:not(:last-child) {
    margin-bottom: 24px;
}

.agn-testimonial.style-two .carousel-arrow {
    position: absolute;
    bottom: -8px;
    left: 33%;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .agn-testimonial.style-two .carousel-arrow {
        bottom: -30px;
    }
}

@media (max-width: 991px) {
    .agn-testimonial.style-two .carousel-arrow {
        bottom: -56px;
        left: 40%;
    }
}

@media only screen and (max-width: 767px) {
    .agn-testimonial.style-two .carousel-arrow {
        position: static;
        text-align: center;
    }
}

.agn-testimonial.style-two .name {
    margin-bottom: 0;
}

.testimonial-classic .img-small {
    width: 86px;
    height: 86px;
}

.testimonial-classic p {
    line-height: 1.8;
    font-style: italic;
}

.testimonial-classic.square-dots .owl-dots button.owl-dot {
    background: #ffffff;
    width: 30px;
    height: 10px;
    margin-top: 30px;
}

.testimonial-classic.square-dots .owl-dots button.owl-dot.active {
    background: #C4956B;
}

.architecture-style {
    position: relative;
}

.architecture-style .quote-icon {
    position: absolute;
    right: 53px;
    bottom: 80px;
    width: 161px;
}

.architecture-style .quote-icon img {
    width: 160px;
}

.square-dots .owl-dots button.owl-dot {
    background: rgba(0, 0, 0, 0.5);
    width: 10px;
    height: 10px;
    margin-right: 15px;
}

.square-dots .owl-dots button.owl-dot.active {
    background: #000000;
}

.circle-dots .owl-dots button.owl-dot {
    background: rgba(0, 0, 0, 0.5);
    width: 10px;
    height: 10px;
    margin-right: 15px;
    border-radius: 20px;
}

.circle-dots .owl-dots button.owl-dot.active {
    background: #0069FF;
}

.restaurant-testimonial.circle-dots .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.restaurant-testimonial.circle-dots .owl-dots button.owl-dot {
    background: rgba(255, 255, 255, 0.5);
}

.restaurant-testimonial .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.restaurant-testimonial .owl-nav button.owl-next,
.restaurant-testimonial .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    font-size: 20px;
    padding: 8px 20px !important;
    color: #ffffff;
    background: #0B1315 !important;
}

.restaurant-testimonial .owl-nav button.owl-next:hover,
.restaurant-testimonial .owl-nav button.owl-prev:hover {
    background: #0069FF !important;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {

    .restaurant-testimonial .owl-nav button.owl-next,
    .restaurant-testimonial .owl-nav button.owl-prev {
        display: none;
    }
}

.restaurant-testimonial .owl-nav button.owl-next {
    right: -90px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .restaurant-testimonial .owl-nav button.owl-next {
        right: -23px;
    }
}

@media (max-width: 991px) {
    .restaurant-testimonial .owl-nav button.owl-next {
        right: -23px;
    }
}

.restaurant-testimonial .owl-nav button.owl-prev {
    left: -90px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .restaurant-testimonial .owl-nav button.owl-prev {
        right: -23px;
    }
}

@media (max-width: 991px) {
    .restaurant-testimonial .owl-nav button.owl-prev {
        right: -23px;
    }
}

.portfolio-testimonial.square-dots .owl-dots button.owl-dot {
    background: #1D1654;
    width: 30px;
    height: 10px;
}

.portfolio-testimonial.square-dots .owl-dots button.owl-dot.active {
    background: #ffffff;
}

.portfolio-testimonial .owl-dots {
    position: absolute;
    left: 476px;
    bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-testimonial .owl-dots {
        left: 397px;
        bottom: -14px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-testimonial .owl-dots {
        left: 0;
        bottom: -21px;
    }
}

@media (max-width: 991px) {
    .portfolio-testimonial h2 {
        font-size: 20px !important;
        font-weight: normal;
    }
}

.testim-slide .client-image {
    width: 60px;
    height: 60px;
}

.testim-slide .client-image img {
    border-radius: 50%;
}

/*-------------------------------------------------------------------------------------
    Counter
---------------------------------------------------------------------------------------*/
.liquid-counter {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.liquid-counter:hover .liquid-counter-element-hover {
    opacity: 1;
}

.liquid-counter-element {
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 700;
    line-height: 1em;
}

.liquid-counter-element>span {
    display: -webkit-flex;
    display: flex;
}

.text-left .liquid-counter-element {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.text-right .liquid-counter-element {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.text-center .liquid-counter-element {
    -webkit-justify-content: center;
    justify-content: center;
}

.liquid-counter-text {
    line-height: 1.5em;
}

.liquid-counter-element-static,
.liquid-counter-element-hover {
    display: none;
}

.liquid-counter-element-static span,
.liquid-counter-element-hover span {
    display: inline-block;
    vertical-align: middle;
}

.counter-animated .liquid-counter-element-static,
.counter-animated .liquid-counter-element-hover {
    display: -webkit-flex;
    display: flex;
}

.liquid-counter-element-static>span {
    background: inherit;
}

.counter-animated .liquid-counter-element-static~span {
    display: none;
}

.liquid-counter-element-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.liquid-counter-regular .liquid-counter-element {
    font-weight: 400;
}

.liquid-counter-medium .liquid-counter-element {
    font-weight: 500;
}

.liquid-counter-semibold .liquid-counter-element {
    font-weight: 600;
}

.liquid-counter-bold .liquid-counter-element {
    font-weight: 700;
}

.liquid-counter-sm .liquid-counter-element {
    font-size: 36px;
}

.liquid-counter-md .liquid-counter-element {
    font-size: 47px;
}

.liquid-counter-lg .liquid-counter-element {
    font-size: 60px;
}

.liquid-counter-lg2 .liquid-counter-element {
    font-size: 200px;
}

.liquid-counter-xl .liquid-counter-element {
    font-size: 300px;
}

.liquid-counter-animator {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    background: inherit;
}

.liquid-animator-value {
    display: inline-block;
    visibility: hidden;
}

.liquid-animator-numbers {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: inherit;
    overflow: hidden;
    visibility: visible;
}

.liquid-animator-numbers ul {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    background: inherit;
}

.liquid-animator-numbers li {
    margin: 0;
    background: inherit;
}

.liquid-counter-huge .liquid-counter-element {
    line-height: 0.8em;
}

.liquid-counter-huge .liquid-text-top {
    display: block;
    margin-bottom: 2em;
    position: relative;
    top: 2em;
    font-size: 0.875em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.liquid-counter-huge .liquid-text-bottom {
    position: absolute;
    bottom: 0;
    left: 100%;
    font-size: 1.125em;
    line-height: 1.5em;
    font-style: italic;
}

.liquid-counter-bordered {
    width: 100%;
    padding: 30px 5%;
    border: 1px solid #d8dbe2;
    text-align: center;
}

.liquid-counter-bordered .liquid-counter-element {
    -webkit-justify-content: center;
    justify-content: center;
}

.liquid-counter-bordered .liquid-counter-text {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a7a9b8;
}

.backgroundcliptext .liquid-counter-has-gradient .liquid-counter-element-static,
.backgroundcliptext .liquid-counter-has-gradient .liquid-counter-element>span {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.social-icon {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 18px;
    line-height: 1em;
    /* Sizes */
    /* Directions */
    /* Shapes */
    /*Color Schemes*/
}

.social-icon li {
    display: inline-block;
    margin-right: 1.2em;
    font-size: 1em;
    line-height: 1em;
}

.social-icon li:last-child {
    margin-right: 0;
}

.counter {
    background-color: #E8ECF8;
    width: 100%;
    position: relative;
}

.counter .wedding-pattern-count img {
    position: absolute;
    top: -56%;
    right: -7%;
}

.counter p {
    color: #030B61;
    font-size: 16px;
    font-weight: 700;
}

.counter p span {
    font-size: 14px;
    font-weight: 400;
}

.counter h3 {
    font-size: 60px;
    color: #C40A1E;
    font-weight: 500;
}

.counter_area {
    width: 100%;
    position: relative;
}

.counter_area.overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: -ms-linear-gradient(66deg, #FF5F6D 42%, #FFC371 100%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
}

.counter_area.overlay-2:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .9;
}

.single-cool-fact h2 {
    font-size: 42px;
}

/*-------------------------------------------------------------------------------------
    Fancybox
---------------------------------------------------------------------------------------*/
.fancy-box {
    position: relative;
    margin-bottom: 30px;
}

.fancy-box figure {
    background-size: cover;
}

.fancy-box h3 {
    font-size: 1.5em;
    line-height: 1.5em;
    letter-spacing: 0;
    margin: 0;
}

@media (max-width: 991px) {
    .fancy-box h3 {
        font-size: 1.3em;
    }
}

.fancy-box p {
    margin: 0;
}

@media (max-width: 991px) {
    .fancy-box p {
        font-size: 14px;
    }
}

.fancy-box img {
    width: 100%;
}

.fancy-box .img-container,
.fancy-box .fancy-box-image {
    position: relative;
}

.fancy-box .img-container {
    overflow: hidden;
}

.fancy-box .blur-main-image,
.fancy-box .blur-image-canvas,
.fancy-box .blur-image-inner {
    position: absolute;
    top: 0;
    left: 0;
}

.fancy-box .blur-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fancy-box .blur-image-inner {
    width: 100%;
    height: 100%;
}

.fancy-box .blur-image-container {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.fancy-box .blur-image-canvas {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.fancy-box .img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    background-size: cover;
    background-position: center;
}

.fancy-box .fancy-box-footer {
    position: relative;
    z-index: 2;
}

.fancy-box:hover {
    cursor: pointer;
}

.fancy-box:hover.hover-grad-pink.fancy-box-case-study figure:after {
    opacity: .6;
}

.fancy-box:hover .img-overlay,
.fancy-box:hover .img-btn {
    opacity: 1;
    visibility: visible;
}

.fancy-box:hover .img-btn-inner {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    transition-delay: 0.05s;
}

.fancy-box:hover .img-btn-inner .btn {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    transition-delay: 0.18s;
}

.subtitle {
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 10px;
    background-color: #3ed2a7;
    font-size: 12px;
}

.img-btn-bg,
.img-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.img-btn-inner {
    display: -webkit-flex;
    display: flex;
    padding: 15px;
    border: 2px solid #fff;
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: scale3d(1.1, 1.1, 0);
    transform: scale3d(1.1, 1.1, 0);
    transition: -webkit-transform 0.8s cubic-bezier(0.17, 0.67, 0.2, 1);
    transition: transform 0.8s cubic-bezier(0.17, 0.67, 0.2, 1);
    transition: transform 0.8s cubic-bezier(0.17, 0.67, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.17, 0.67, 0.2, 1);
}

.img-btn {
    background-color: rgba(0, 0, 0, 0.35);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.img-btn .liquid-overlay-link {
    z-index: 2;
}

.img-btn .btn {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 0);
    transform: scale3d(1.1, 1.1, 0);
}

.img-btn .btn-naked {
    color: #fff;
}

/* Content box styles */
.fancy-box-booking .fancy-box-contents {
    padding: 3.125em 1.875em;
}

.fancy-box-booking .fancy-box-info {
    width: 75%;
    margin: 2.8125em 1.875em;
    position: relative;
}

.fancy-box-booking .fancy-box-info:before {
    content: '';
    display: inline-block;
    width: 1.875em;
    height: 1px;
    position: absolute;
    top: 0.5em;
    left: -60px;
    background-color: #3ed2a7;
}

.fancy-box-booking .fancy-box-header {
    display: inline-block;
    padding: 0.625em 1.875em 1.25em;
    position: absolute;
    bottom: 0;
    left: 1.875em;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-color: #fff;
    box-shadow: 0 7px 50px rgba(0, 0, 0, 0.1);
}

.fancy-box-booking .fancy-box-details {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #3ed2a7;
}

.fancy-box-booking .fancy-box-details>span:after {
    content: '\2758';
    margin-left: 1em;
    margin-right: 0.83em;
}

.fancy-box-booking .fancy-box-details>span:last-child:after {
    content: none;
}

.fancy-box-booking .btn {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.075);
}

.fancy-box-classes {
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.45s cubic-bezier(0.32, 0.98, 0.37, 1);
}

.fancy-box-classes .fancy-box-contents {
    padding: 1em 25px;
}

.fancy-box-classes h3 {
    margin-bottom: 0.4375em;
}

.fancy-box-classes .fancy-box-label {
    display: inline-block;
    padding: 4px 10px;
    position: absolute;
    top: 30px;
    left: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #fff;
    background: linear-gradient(to right, #4fda91 0%, #34dbc5 100%);
}

.fancy-box-classes .trainer {
    font-size: 0.8125em;
    color: #828593;
}

.fancy-box-classes .trainer i {
    display: inline-block;
    margin-right: 5px;
}

.backgroundcliptext .fancy-box-classes .trainer i {
    padding-top: 1px;
    background: linear-gradient(to right, #4fda91 0%, #34dbc5 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.fancy-box-classes:hover {
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.07);
}

.flickity-slider .fancy-box-classes {
    margin-bottom: 50px;
}

.fancy-box-travel {
    padding-bottom: 64.5%;
    overflow: hidden;
    color: #fff;
    border-radius: 10px;
}

@media only screen and (max-width: 767px) {
    .fancy-box-travel {
        padding-bottom: 94.5%;
    }
}

.fancy-box-travel.fancybox-hover-block .fancy-box-header {
    transition: all 0.3s ease-in-out 0s;
}

.fancy-box-travel.fancybox-hover-block .fancy-box-info {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 5px;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    transition: all 0.3s ease-in-out 0s;
}

.fancy-box-travel.fancybox-hover-block:hover .fancy-box-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.fancy-box-travel:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(to top, #181b31 10%, transparent 100%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.fancy-box-travel h3 {
    margin: 0.4375em 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
}

.fancy-box-travel .fancy-box-image,
.fancy-box-travel .fancy-box-contents {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.fancy-box-travel .fancy-box-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0;
    transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), filter 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.fancy-box-travel .fancy-box-image img {
    visibility: hidden;
}

.fancy-box-travel .fancy-box-contents {
    margin: 12px 30px;
    z-index: 2;
}

.fancy-box-travel .fancy-box-category {
    display: inline-block;
    padding: 0.25em 0.625em;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 10px;
    font-size: 0.75em;
    margin-right: 8px;
    letter-spacing: 0.05em;
}

.fancy-box-travel .fancy-box-footer {
    margin-top: 10px;
}

.fancy-box-travel .btn {
    font-size: 0.875em;
    font-weight: 700;
}

.fancy-box-travel.fancy-box-big .fancy-box-contents {
    right: 30%;
}

.fancy-box-travel.fancy-box-tall {
    padding-bottom: 134.375%;
}

.fancy-box-travel.fancy-box-small {
    padding-bottom: 70.5%;
}

.fancy-box-travel.fancy-box-wide {
    padding-bottom: 33.36%;
}

.fancy-box-travel.fancy-box-square {
    padding-bottom: 100%;
}

.fancy-box-travel.hide-target .fancy-box-info p,
.fancy-box-travel.hide-target .fancy-box-info .fancy-box-footer {
    opacity: 0;
}

.fancy-box-travel:hover:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.fancy-box-travel:hover .fancy-box-image {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.fancy-box-tour {
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.45s cubic-bezier(0.32, 0.98, 0.37, 1);
}

.fancy-box-tour .fancy-box-contents,
.fancy-box-tour .fancy-box-footer {
    border: 1px solid #e7e9ef;
    border-top: none;
}

.fancy-box-tour .fancy-box-contents {
    padding: 1.25em 20px 1.5625em;
}

.fancy-box-tour .fancy-box-info {
    font-size: 0.8125em;
}

.fancy-box-tour .rating {
    font-size: 12px;
    margin: 0.45em 0;
    color: #a7a9b8;
}

.fancy-box-tour .star-rating {
    display: inline-block;
    font-size: 1em;
    color: #3ed2a7;
}

.fancy-box-tour .fancy-box-footer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.0625em 20px;
}

.fancy-box-tour .fancy-box-footer h6 {
    margin: 0;
    font-size: 1em;
    color: #181b31;
}

.fancy-box-tour .fancy-box-footer h6 strong {
    font-weight: bold;
    font-size: 1.5em;
    color: #3ed2a7;
}

.fancy-box-tour .fancy-box-icon {
    display: inline-block;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 0;
    color: #3ed2a7;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.fancy-box-tour .fancy-box-icon i {
    display: inline-block;
}

.fancy-box-tour:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.07);
}

.fancy-box-tour:hover .fancy-box-icon {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.flickity-slider .fancy-box-tour {
    margin-bottom: 50px;
}

.fancy-box-offer {
    display: -webkit-flex;
    display: flex;
    padding-bottom: 30px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7ed;
}

.fancy-box-offer .fancy-box-cell {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 16.666666666666667%;
    flex-basis: 16.666666666666667%;
    -webkit-flex: 1 0;
    flex: 1 0;
}

.fancy-box-offer .fancy-box-header {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
}

.fancy-box-offer .fancy-box-image {
    margin-right: 18px;
    -webkit-flex: 0 auto;
    flex: 0 auto;
}

.fancy-box-offer small {
    display: block;
    font-size: 13px;
    letter-spacing: 0.05em;
    color: #808291;
    font-weight: 400;
}

.fancy-box-offer h3 {
    line-height: 1.5em;
    font-weight: 600;
}

.fancy-box-offer h5 {
    margin: 0;
    font-size: 1.125em;
    line-height: 1.5em;
    font-weight: 600;
}

.fancy-box-offer img {
    max-width: 120px;
}

.fancy-box-offer p span {
    display: inline-block;
}

.fancy-box-offer .btn {
    font-size: 14px;
    -webkit-justify-content: center;
    justify-content: center;
}

.fancy-box-offer .btn-md>span {
    padding-top: 1em;
    padding-bottom: 1em;
}

.fancy-box-offer:last-child {
    border-bottom: none;
}

.fancy-box-offer-header {
    padding-bottom: 15px;
}

.fancy-box-offer-header h3 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.fancy-box-offer-header p {
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a7a9b8;
}

.fancy-box-cell:before {
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a7a9b8;
}

.fancy-box-case-study {
    -webkit-perspective: 1200px;
    perspective: 1200px;
    height: 400px;
    transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancy-box-case-study h3 {
    font-size: 27px;
}

.fancy-box-case-study figure {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
    transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 10px;
}

.fancy-box-case-study figure:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: rgba(13, 15, 30, 0.35);
}

.fancy-box-case-study .img-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    overflow: hidden;
}

.fancy-box-case-study .fancy-box-contents {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: inherit;
    perspective: inherit;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 10px;
}

.fancy-box-case-study .fancy-box-header {
    position: absolute;
    bottom: 40px;
    left: 35px;
    right: 35px;
    -webkit-transform: translateZ(35px) scale(0.942);
    transform: translateZ(35px) scale(0.942);
    color: #fff;
}

.fancy-box-case-study .ld-icon {
    display: block;
    font-size: 44px;
    line-height: 1;
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.fancy-box-case-study .ld-cat {
    font-size: 13px;
}

.fancy-box-case-study.scheme-light .fancy-box-header {
    color: #fff;
}

.fancy-box-case-study.scheme-light .fancy-box-header h3 {
    color: inherit;
}

.fancy-box-case-study:hover {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
}

.fancy-box-case-study:hover figure {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.fancy-box-case-study:hover .fancy-box-contents {
    box-shadow: 0 60px 110px rgba(0, 0, 0, 0.23);
}

.fancy-box-case-study:hover .ld-icon {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.fancy-box-overlay {
    padding-bottom: 53.335%;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s;
}

.fancy-box-overlay .img-container,
.fancy-box-overlay .fancy-box-contents {
    position: absolute;
    top: 0;
    left: 0;
}

.fancy-box-overlay .fancy-box-image,
.fancy-box-overlay .img-container,
.fancy-box-overlay .fancy-box-contents {
    width: 100%;
    height: 100%;
}

.fancy-box-overlay .img-container {
    width: 102%;
    height: 102%;
    left: -1%;
    top: -1%;
}

.fancy-box-overlay .fancy-box-image {
    background-position: center;
}

.fancy-box-overlay .blur-image-container {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.fancy-box-overlay .overlay {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.4);
    transition: opacity 0.3s;
}

.fancy-box-overlay .fancy-box-contents {
    width: 85%;
    padding: 35px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.fancy-box-overlay .fancy-box-contents p {
    color: #ffffff;
}

@media (max-width: 991px) {
    .fancy-box-overlay .fancy-box-contents {
        padding: 24px;
    }
}

.fancy-box-overlay .fancy-box-footer {
    margin-top: auto;
    z-index: 2;
}

.fancy-box-overlay h3 {
    font-size: 24px;
    margin-bottom: 1.5rem;
}

.fancy-box-overlay.shadow {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
}

.fancy-box-overlay.tall {
    padding-bottom: 133.335%;
}

.fancy-box-overlay.tall .fancy-box-contents {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.fancy-box-overlay.tall h3 {
    margin-bottom: 0.5rem;
}

.fancy-box-overlay.scheme-light {
    color: rgba(255, 255, 255, 0.75);
}

.fancy-box-overlay.scheme-light h3 {
    color: #fff;
}

.fancy-box-overlay.scheme-light .overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.fancy-box-overlay.fancy-box-overlay-alt {
    padding-left: 30px;
    padding-right: 30px;
}

.fancy-box-overlay.fancy-box-overlay-alt .fancy-box-contents {
    width: 100%;
}

.fancy-box-overlay.fancy-box-overlay-alt .fancy-box-footer {
    margin-top: 1.5rem;
}

.fancy-box-overlay:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
}

.fancy-box-overlay:hover .overlay {
    opacity: 0.9;
}

.fancy-box-overlay:hover .blur-image-container {
    opacity: 1;
}

.fancy-box-classic h3 {
    margin-bottom: 0.5rem;
}

.fancy-box-classic.text-center h3 {
    margin-bottom: 1.25rem;
}

.fancy-box-custom-height {
    padding-bottom: 0 !important;
}

.fancy-box-heading-lg h3 {
    font-size: 36px;
}

.fancy-box-heading-sm h3 {
    font-size: 18px;
}

/*-------------------------------------------------------------------------------------
    Modals
---------------------------------------------------------------------------------------*/
.modal {
    z-index: 99999;
}

.modal .modal-dialog .modal-content {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    padding: 1.5rem;
    border: none;
    border-radius: 10px;
    outline: 0;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.modal .modal-dialog .modal-content img {
    vertical-align: middle;
}

.modal .modal-dialog .modal-content p {
    font-size: 16px;
    line-height: 1.9em;
    color: #828282;
}

.modal .modal-dialog .modal-content .modal-close {
    font-size: 20px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #000;
}

.modal .modal-dialog .modal-content .modal-close.dark {
    color: #fff;
}

.modal .modal-dialog .modal-content .modal-close:hover {
    color: #F0263F;
}

/*-------------------------------------------------------------------------------------
    Slider // Wedding
---------------------------------------------------------------------------------------*/
.site-blocks-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    position: relative;
    min-height: 600px;
    height: calc(100vh);
}

.site-blocks-cover.overlay {
    position: relative;
}

.site-blocks-cover.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .site-blocks-cover {
        min-height: 600px;
        height: calc(50vh);
    }
}

@media only screen and (max-width: 320px) {
    .site-blocks-cover {
        min-height: 675px;
    }
}

.site-blocks-cover>.container>.row {
    min-height: 600px;
    height: calc(100vh);
}

@media only screen and (max-width: 320px) {
    .site-blocks-cover>.container>.row {
        height: calc(100vh);
        min-height: 670px;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .site-blocks-cover>.container>.row {
        height: calc(50vh);
        min-height: 670px;
    }
}

.site-blocks-cover.inner-page {
    min-height: 600px;
    height: calc(80vh);
}

.site-blocks-cover.inner-page>.container>.row {
    min-height: 600px;
    height: calc(80vh);
}

.site-blocks-cover h1 {
    color: #030B61;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}

.site-blocks-cover .sub-text {
    font-size: 16px;
    color: #030B61;
    font-weight: 300;
}

.site-blocks-cover .img-wrap {
    position: absolute;
    width: calc(100% - 50%);
    top: 0;
    height: 100%;
    left: 50%;
    min-height: 600px;
    overflow: hidden;
    border-bottom-left-radius: 450px;
}

.site-blocks-cover .img-wrap .slide {
    height: 100vh;
    position: relative;
}

@media only screen and (max-width: 320px) {
    .site-blocks-cover .img-wrap .slide {
        height: 121vh;
    }
}

.site-blocks-cover .img-wrap .slide .slide-img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .site-blocks-cover .img-wrap .slide .slide-img {
        height: 78%;
    }
}

.site-blocks-cover .intro {
    z-index: 3;
    position: relative;
}

@media (max-width: 991.98px) {
    .site-blocks-cover h1 {
        font-size: 6rem;
        color: #ffffff;
    }
}

@media (max-width: 575px) {
    .site-blocks-cover h1 {
        font-size: 4rem;
        color: #ffffff;
    }
}

@media (max-width: 991.98px) {
    .site-blocks-cover .sub-text {
        color: #fff;
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    .site-blocks-cover .img-wrap {
        width: 100%;
        left: 0%;
        top: 0;
    }

    .site-blocks-cover .img-wrap .hero-slider:before {
        position: absolute;
        content: "";
        background: #3c3c3c;
        opacity: .5;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .site-blocks-cover .intro .heading {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .site-blocks-cover .intro .text {
        padding-left: 0;
    }
}

.site-menu-toggle .menu-text {
    position: relative;
    top: -6px;
    text-transform: uppercase;
}

.hero-slider .owl-nav {
    position: absolute;
    bottom: 60px;
    right: 50px;
    z-index: 100;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .hero-slider .owl-nav {
        position: absolute;
        bottom: auto;
        top: 480px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider .owl-nav {
        bottom: 60px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-slider .owl-nav {
        position: absolute;
        bottom: 90px;
    }
}

.hero-slider .owl-nav .owl-prev span,
.hero-slider .owl-nav .owl-next span {
    width: 50px;
    height: 50px;
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #ffffff;
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.3rem;
    transition: all .3s ease-in-out;
}

.hero-slider .owl-nav .owl-prev:hover span,
.hero-slider .owl-nav .owl-next:hover span {
    background: #0069FF;
    border-color: #0069FF;
    color: #ffffff;
}

/* Start Video Play css
============================================================================================ */
.video-play-button {
    position: relative;
    box-sizing: content-box;
    display: inline-block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 46px 8px 18px 28px;
}

.video-play-button:before,
.video-play-button:after {
    background: linear-gradient(90deg, #D32C3D 0%, #C40A1E 100%);
}

.video-play-button:before,
.video-play-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

.video-play-button:before {
    z-index: 0;
    -webkit-animation: pulse-border 2000ms ease-out infinite;
    animation: pulse-border 2000ms ease-out infinite;
}

.video-play-button:after {
    z-index: 1;
    transition: all 200ms ease;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 16px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.video-play-button:hover:after {
    background-color: #1a86f7;
}

.wedding-pattern {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.wedding-pattern img {
    position: absolute;
}

.wedding-pattern img:nth-child(1) {
    top: 35%;
    left: -50px;
    opacity: .4;
}

.wedding-pattern img:nth-child(2) {
    width: 360px;
    top: 70%;
    left: 80%;
    z-index: 2;
}

.wedding-pattern img:nth-child(3) {
    width: 280px;
    top: -25%;
    z-index: 2;
    left: 75%;
}

.carousle-slider .thumb img {
    width: 100%;
}

.carousle-slider .content {
    padding: 0 30px 0 0;
}

.carousle-slider .content .spacing {
    height: 28px;
}

.carousle-slider .content h5 {
    font-size: 18px;
    margin-bottom: 14px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    line-height: 1.23;
}

.carousle-slider .content p {
    line-height: 1.58;
    font-size: 14px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #333333;
    margin: 0;
}

/*-------------------------------------------------------------------------------------
    Rating
---------------------------------------------------------------------------------------*/
.rating {
    display: -webkit-flex;
    display: flex;
    list-style: outside none none;
    margin-bottom: 24px;
    margin-top: 8px;
    padding: 0;
}

.rating li {
    margin-right: 2px;
}

.rating li i {
    color: #222222;
}

/*-------------------------------------------------------------------------------------
    Icons List
---------------------------------------------------------------------------------------*/
.icon-section {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
}

@media (max-width: 991px) {
    .icon-section {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    .icon-section {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 575px) {
    .icon-section {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 479px) {
    .icon-section {
        grid-template-columns: repeat(2, 1fr);
    }
}

.icon-section .icon-container {
    width: 100%;
    padding: .7em 0;
    position: relative;
    text-align: left;
    padding-right: 10px;
}

.icon-section .icon-name {
    color: #666;
    margin-left: 10px;
    font-size: .8em;
    transition: .3s;
}

/*=================================
	Template Styles
==================================*/
/*-------------------------------------------------------------------------------------
    Banner Area
---------------------------------------------------------------------------------------*/
.banner {
    position: relative;
    height: 750px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner {
        height: 1200px;
    }
}

@media only screen and (max-width: 767px) {
    .banner {
        height: 1100px;
    }
}

.banner .banner-inner {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-top: 120px;
    padding-bottom: 70px;
}

@media (max-width: 991px) {
    .banner .banner-inner {
        padding-top: 76px;
        padding-bottom: 52px;
    }
}

.banner .banner-inner .banner-table {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.banner .banner-inner .banner-table-center {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.banner .banner-inner .banner-bottom-shape {
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.banner .banner-inner #banner-bottom-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
}

.banner .banner-inner .banner-text h1 {
    font-size: 68px;
}

@media (max-width: 991px) {
    .banner .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .banner .banner-inner .banner-text h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 479px) {
    .banner .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

.banner .banner-inner .banner-text p {
    color: #575757;
    font-size: 16px;
}

.banner .banner-inner .banner-text.light-version h1,
.banner .banner-inner .banner-text.light-version p {
    color: #ffffff;
}

.banner .banner-inner .banner-video-play {
    position: relative;
    z-index: 2;
}

.banner .banner-inner .banner-video-play button {
    width: 70px;
    height: 70px;
    padding: 0;
    background: #fff;
    color: #000000;
}

.banner .banner-inner .banner-video-play button i {
    font-size: 20px;
}

.banner .banner-inner .video-player {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.banner .banner-inner.overlay::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}

.banner .banner-inner .banner-image-2 {
    width: 500px;
    height: 458px;
    background: transparent;
    border-radius: 16px;
    position: relative;
    z-index: 1;
}

.banner .banner-inner .banner-image-2 img {
    position: absolute;
}

@media (max-width: 991px) {
    .banner .banner-inner .banner-image-2 {
        width: 100%;
        height: 634px;
    }
}

@media only screen and (max-width: 575px) {
    .banner .banner-inner .banner-image-2 {
        width: 100%;
        height: 234px;
    }

    .banner .banner-inner .banner-image-2:before {
        width: 88%;
        height: 80%;
        left: 39px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-1 {
        height: 620px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-1 {
        height: 958px;
    }

    .banner.banner-1 .banner-inner .banner-image-2 {
        width: 100%;
        height: 345px;
    }
}

.banner.banner-1 .banner-inner .banner-text h1 {
    font-size: 48px;
    text-transform: capitalize;
}

.banner.banner-1 .banner-inner .banner-text h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 2px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.banner.banner-1 .banner-inner .banner-text h3:before {
    content: '';
    width: 61px;
    height: 2px;
    background: #fff;
    display: -webkit-inline-flex;
    display: inline-flex;
    top: 0;
    margin-right: 13px;
}

@media (max-width: 991px) {
    .banner.banner-1 .banner-inner .banner-text h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-1 .banner-inner .banner-text h1 {
        font-size: 40px;
    }

    .banner.banner-1 .banner-inner .btn .gradients-button {
        padding: 0.5em 1.2em;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-1 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

.banner.banner-2 {
    height: 700px;
}

@media (max-width: 991px) {
    .banner.banner-2 {
        height: 1020px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-2 {
        height: 1020px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-2 {
        height: 932px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-2 {
        height: 765px;
    }
}

.banner.banner-2 .banner-inner .banner-text h1 {
    font-size: 46px;
}

@media (max-width: 991px) {
    .banner.banner-2 .banner-inner .banner-text h1 {
        font-size: 46px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-2 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-2 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

.banner.banner-2 .banner-inner .banner-text p {
    font-size: 16px;
}

.banner.banner-3 {
    height: 1000px;
}

@media (max-width: 991px) {
    .banner.banner-3 {
        height: 930px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-3 {
        height: 800px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-3 {
        height: 800px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-3 {
        height: 800px;
    }
}

.banner.banner-3 .banner-inner {
    background-image: url("../img/bg/bg-main-product.jpg");
    background-position-y: -222px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

@media only screen and (max-width: 767px) {
    .banner.banner-3 .banner-inner {
        background-position-y: -142px;
    }
}

.banner.banner-3 .banner-inner .banner-text h1 {
    color: #ffffff;
    font-size: 58px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-3 .banner-inner .banner-text h1 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-3 .banner-inner .banner-text h1 {
        font-size: 40px;
    }
}

.banner.banner-3 .banner-inner .banner-text .icon-button-rl.product-btn {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: transparent;
    padding: .6em 1.4em;
    transition: all .3s ease;
    position: relative;
}

.banner.banner-3 .banner-inner .banner-text .icon-button-rl.product-btn span {
    position: relative;
    left: 0;
    display: inline-block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

.banner.banner-3 .banner-inner .banner-text .icon-button-rl.product-btn:hover {
    color: #17DCF3;
    background-color: #ffffff;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.banner.banner-3 .banner-inner .banner-text .icon-button-rl.product-btn .fa-arrow-right {
    right: 14px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 40px;
    margin-left: 10px;
    color: #17DCF3;
    background-color: #ffffff;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.banner.banner-4 {
    height: 900px;
}

@media (max-width: 991px) {
    .banner.banner-4 {
        height: 1360px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-4 {
        height: 1080px;
    }
}

.banner.banner-4 .banner-image {
    width: 500px;
    height: 458px;
    background: #f99665;
    border-radius: 16px;
    position: relative;
}

.banner.banner-4 .banner-image img {
    position: absolute;
    bottom: 0;
}

@media (max-width: 991px) {
    .banner.banner-4 .banner-image img {
        position: absolute;
        bottom: 0;
        left: 8%;
        width: 80%;
    }
}

.banner.banner-4 .banner-image:before {
    content: url(../img/gym/bg-2.png);
    position: absolute;
    width: 100%;
    height: 68%;
    top: 46%;
    left: 32px;
    display: block;
    overflow: hidden;
}

@media (max-width: 991px) {
    .banner.banner-4 .banner-image:before {
        width: 91%;
        height: 58%;
    }
}

@media (max-width: 991px) {
    .banner.banner-4 .banner-image {
        width: 100%;
        height: 634px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-4 .banner-image {
        width: 100%;
        height: 382px;
    }

    .banner.banner-4 .banner-image:before {
        width: 88%;
        height: 60%;
        left: 39px;
    }
}

.banner.banner-5 {
    height: 900px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-5 {
        height: 772px;
    }
}

@media (max-width: 991px) {
    .banner.banner-5 {
        height: 535px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-5 {
        height: 1200px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-5 {
        height: 1000px;
    }
}

.banner.banner-5 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-5 .banner-inner .path-shape {
        width: 11%;
        right: 30%;
    }
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-5 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-5 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-5 .banner-inner .banner-text h1 {
    font-size: 42px;
}

@media (max-width: 991px) {
    .banner.banner-5 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-5 .banner-inner .banner-text h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-5 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .banner.banner-5 .banner-inner .block-reveal img {
        width: 80%;
    }
}

.banner.banner-6 {
    background: linear-gradient(90deg, #1040C6 0%, #09AEFF 100%);
    height: 780px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-6 {
        height: 1318px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-6 {
        height: 1230px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-6 {
        height: 1195px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-6 {
        height: 1000px;
    }
}

.banner.banner-6 .banner-inner .banner-text h1 {
    font-size: 54px;
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-6 .banner-inner .banner-text h1 {
        font-size: 50px;
    }
}

@media (max-width: 991px) {
    .banner.banner-6 .banner-inner .banner-text h1 {
        font-size: 57px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-6 .banner-inner .banner-text h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-6 .banner-inner .banner-text h1 {
        font-size: 40px;
    }
}

.banner.banner-6 .banner-inner .banner-text p {
    color: #fff;
}

.banner.banner-6 .banner-inner .brand.hover-style a img {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: 1;
}

.banner.banner-6 .banner-inner .brand.hover-style:hover a img {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: 1;
}

.banner.banner-7 {
    background-image: linear-gradient(to right, #02C873 0%, #00CBFF 100%);
    height: 760px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-7 {
        height: 1180px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-7 {
        height: 997px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-7 {
        height: 997px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-7 {
        height: 870px;
    }
}

@media only screen and (max-width: 320px) {
    .banner.banner-7 {
        height: 850px;
    }
}

.banner.banner-7 .banner-inner .banner-text h1 {
    color: #fff;
    text-transform: capitalize;
    font-size: 42px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-7 .banner-inner .banner-text h1 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .banner.banner-7 .banner-inner .banner-text h1 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-7 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-7 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

.banner.banner-7 .banner-inner .banner-text p {
    color: #fff;
}

.banner.banner-7 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

.banner.banner-7 .btn .icon-button-rl {
    display: inline-block;
}

.banner.banner-7 .btn .icon-button-rl i {
    width: 35px;
    height: 35px;
    line-height: 33px;
}

.banner.banner-8 {
    height: 660px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-8 {
        height: 700px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-8 {
        height: 700px;
    }
}

.banner.banner-8 .banner-inner .banner-text h1 {
    font-size: 52px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-8 .banner-inner .banner-text h1 {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .banner.banner-8 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-8 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-8 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

.banner.banner-8 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-9 {
        height: 632px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-9 {
        height: 935px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-9 {
        height: 732px;
    }
}

.banner.banner-9 .line-saprator {
    width: 87px;
    border: 3px solid #ffffff;
}

.banner.banner-9 .personal-title {
    font-size: 85px;
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-9 .personal-title {
        font-size: 68px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-9 .personal-title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-9 .social-icon li a {
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-9 .social-icon li a {
        padding: 5px 7px;
    }
}

.banner.banner-9 .banner-inner .banner-text h1 {
    font-size: 34px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-9 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .banner.banner-9 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-9 .banner-inner .banner-text h1 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-9 .banner-inner .banner-text h1 {
        font-size: 22px;
    }
}

.banner.banner-9 .banner-inner .banner-text h3.line {
    position: relative;
    font-size: 18px;
    color: #CACAE4;
    font-weight: 400;
    margin-left: 30px;
}

.banner.banner-9 .banner-inner .banner-text h3.line:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 1px;
    background: #fff;
}

@media only screen and (max-width: 575px) {
    .banner.banner-9 .banner-inner .banner-text h3.line:before {
        display: none;
    }
}

.banner.banner-9 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

.banner.banner-10 {
    height: 970px;
}

@media (max-width: 991px) {
    .banner.banner-10 {
        height: 700px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-10 {
        height: 1200px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-10 {
        height: 1120px;
    }
}

.banner.banner-10 .rounded-bg-shape {
    position: absolute;
    width: 1900px;
    top: -630px;
    left: -295px;
    z-index: -2;
}

.banner.banner-10 .rounded-bg-shape img {
    width: 1900px;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-10 .rounded-bg-shape {
        width: 2500px;
        top: -1000px;
        left: -295px;
    }

    .banner.banner-10 .rounded-bg-shape img {
        width: 2500px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-10 .rounded-bg-shape {
        width: 2500px;
        top: -835px;
        left: -506px;
    }

    .banner.banner-10 .rounded-bg-shape img {
        width: 2500px;
    }
}

.banner.banner-10 .square-dots-purple {
    position: absolute;
    bottom: 110px;
    right: 20px;
    z-index: -1;
}

.banner.banner-10 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-10 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-10 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-10 .banner-inner .banner-text h1 {
    font-size: 42px;
}

@media (max-width: 991px) {
    .banner.banner-10 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-10 .banner-inner .banner-text h1 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-10 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

.banner.banner-11 {
    height: 940px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-11 {
        height: 780px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-11 {
        height: 850px;
    }
}

.banner.banner-11 .typed-cursor {
    opacity: 0.2;
}

.banner.banner-11 .banner-inner {
    padding-bottom: 300px;
}

@media (max-width: 991px) {
    .banner.banner-11 .banner-inner {
        padding-bottom: 155px;
    }
}

.banner.banner-11 .banner-inner .banner-text h1 {
    font-size: 52px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-11 .banner-inner .banner-text h1 {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .banner.banner-11 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-11 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-11 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

.banner.banner-11 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

.banner.banner-12 {
    height: 700px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-12 {
        height: 650px;
    }
}

@media (max-width: 991px) {
    .banner.banner-12 {
        height: 630px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-12 {
        height: 800px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-12 {
        height: 700px;
    }
}

.banner.banner-12 video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.banner.banner-12 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-12 .banner-inner .path-shape {
        width: 11%;
        right: 30%;
    }
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-12 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-12 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-12 .banner-inner .banner-text h1 {
    font-size: 44px;
    font-weight: 900;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .banner.banner-12 .banner-inner .banner-text h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-12 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-12 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .banner.banner-12 .banner-inner .block-reveal img {
        width: 80%;
    }
}

.banner.banner-13 {
    height: 700px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-13 {
        height: 650px;
    }
}

@media (max-width: 991px) {
    .banner.banner-13 {
        height: 580px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-13 {
        height: 520px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-13 {
        height: 500px;
    }
}

.banner.banner-13 video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.banner.banner-13 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-13 .banner-inner .path-shape {
        width: 11%;
        right: 30%;
    }
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-13 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-13 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-13 .banner-inner .banner-text h1 {
    font-size: 44px;
    font-weight: 900;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .banner.banner-13 .banner-inner .banner-text h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-13 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-13 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .banner.banner-13 .banner-inner .block-reveal img {
        width: 80%;
    }
}

.banner.banner-14 {
    height: 660px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-14 {
        height: 700px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-14 {
        height: 700px;
    }
}

.banner.banner-14 .banner-inner .banner-text h1 {
    font-size: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner.banner-14 .banner-inner .banner-text h1 {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .banner.banner-14 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-14 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-14 .banner-inner .banner-text h1 {
        font-size: 38px;
    }
}

.banner.banner-14 .banner-inner .image-circle {
    width: 500px;
    height: 500px;
    border: 40px solid #000;
    border-radius: 50%;
}

.banner.banner-15 {
    height: 585px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-15 {
        height: 650px;
    }
}

@media (max-width: 991px) {
    .banner.banner-15 {
        height: 630px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-15 {
        height: 800px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-15 {
        height: 600px;
    }
}

@media only screen and (max-width: 575px) {
    .banner.banner-15 {
        height: 500px;
    }
}

.banner.banner-15 .banner-inner {
    background-position: center;
}

@media only screen and (max-width: 767px) {
    .banner.banner-15 .banner-inner {
        background-position: left;
        padding-top: 0;
    }
}

.banner.banner-15 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-15 .banner-inner .path-shape {
        width: 11%;
        right: 30%;
    }
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-15 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-15 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-15 .banner-inner .banner-text h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .banner.banner-15 .banner-inner .banner-text h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-15 .banner-inner .banner-text h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-15 .banner-inner .banner-text h1 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .banner.banner-15 .banner-inner .block-reveal img {
        width: 80%;
    }
}

.banner.banner-16 {
    height: 630px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner.banner-16 {
        height: 550px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-16 {
        height: 480px;
    }
}

.banner.banner-16 .banner-inner {
    background: #ffe3e2;
}

.banner.banner-16 .banner-inner .girl-img {
    width: 70%;
    position: absolute;
    left: 210px;
    bottom: 0;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-16 .banner-inner .girl-img {
        width: 88%;
        position: absolute;
        left: 122px;
        bottom: 0;
    }
}

@media (max-width: 991px) {
    .banner.banner-16 .banner-inner .girl-img {
        width: 100%;
        position: absolute;
        left: 60px;
        bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-16 .banner-inner .girl-img {
        width: 658px;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        position: absolute;
        left: -127px;
        bottom: 0;
        z-index: -1;
        opacity: .5;
    }
}

.banner.banner-16 .banner-inner .path-shape {
    width: 15%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    right: 21%;
    z-index: -2;
}

@media only screen and (min-width: 1600px) {
    .banner.banner-16 .banner-inner .path-shape {
        width: 11%;
        right: 30%;
    }
}

@media only screen and (min-width: 336px) and (max-width: 1024px) {
    .banner.banner-16 .banner-inner .path-shape {
        right: 19%;
    }
}

@media (max-width: 991px) {
    .banner.banner-16 .banner-inner .path-shape {
        right: 13%;
    }
}

.banner.banner-16 .banner-inner h3 {
    font-size: 30px;
    font-weight: 900;
}

.banner.banner-16 .banner-inner .banner-text h1 {
    font-size: 200px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 25px;
    text-transform: uppercase;
}

.banner.banner-16 .banner-inner .banner-text h1 span {
    position: relative;
    z-index: -1;
    letter-spacing: 53px;
    text-shadow: 6px 2px 12px #fd8080;
    color: #fff;
}

.banner.banner-16 .banner-inner .banner-text h1 span:nth-child(4) {
    z-index: 0;
}

@media only screen and (max-width: 767px) {
    .banner.banner-16 .banner-inner .banner-text h1 span {
        letter-spacing: 12px;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .banner.banner-16 .banner-inner .banner-text h1 {
        font-size: 164px;
    }
}

@media (max-width: 991px) {
    .banner.banner-16 .banner-inner .banner-text h1 {
        font-size: 88px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.banner-16 .banner-inner .banner-text h1 {
        font-size: 54px;
    }
}

@media only screen and (max-width: 479px) {
    .banner.banner-16 .banner-inner .banner-text h1 {
        font-size: 48px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .banner.banner-16 .banner-inner .block-reveal img {
        width: 80%;
    }
}

.banner-landing .content-area h1 {
    font-size: 4.5rem;
    font-weight: 500;
    color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-landing .content-area h1 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-landing .content-area h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner-landing .content-area h1 {
        font-size: 30px;
    }
}

.banner-landing .content-area p {
    color: #ffffff;
    font-size: 1rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-landing .content-area p {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .banner-landing .content-area p {
        font-size: 0.875rem;
    }
}

.banner-landing-2::after {
    background-color: #36096d;
    background-image: linear-gradient(to right, #031034 0%, #28dbe9 100%);
    background-size: 200% auto;
}

.banner-landing-2 .items-wrap {
    top: 0px;
    bottom: 0px;
    width: 360px;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    -webkit-align-items: center;
    align-items: center;
    z-index: 3;
}

.banner-landing-2 .items-wrap.left-bar {
    left: 0px;
}

.banner-landing-2 .items-wrap.left-bar>ul>li:nth-child(1)>.page-image {
    max-width: 200px;
}

.banner-landing-2 .items-wrap.left-bar>ul>li:nth-child(2)>.page-image {
    max-width: 200px;
}

.banner-landing-2 .items-wrap.left-bar>ul>li:nth-child(2) {
    margin-top: -40px;
    padding-left: 30px;
}

.banner-landing-2 .items-wrap.right-bar {
    right: 0px;
}

.banner-landing-2 .items-wrap.right-bar>ul>li:nth-child(1) {
    padding-right: 55px;
}

.banner-landing-2 .items-wrap.right-bar>ul>li:nth-child(1)>.page-image {
    max-width: 200px;
}

.banner-landing-2 .items-wrap.right-bar>ul>li:nth-child(2) {
    margin-top: -50px;
}

.banner-landing-2 .items-wrap.right-bar>ul>li:nth-child(2)>.page-image {
    max-width: 200px;
}

.banner-landing-2 .items-wrap>ul {
    margin: auto 0px;
}

.banner-landing-2 .items-wrap.ul-li-block>ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: table;
}

.banner-landing-2 .items-wrap.ul-li-block>ul>li {
    width: 100%;
    display: table;
    list-style: none;
}

.banner-landing-2 .items-wrap.ul-li-block>ul>li>.page-image {
    height: 220px;
    overflow: hidden;
    display: inline-block;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.banner-landing-2 .ul-li-center>ul {
    padding: 0px;
    margin: 0 auto;
    display: table;
}

.banner-landing-2 .ul-li-center>ul>li:not(:last-child) {
    margin-right: 75px;
}

.banner-landing-2 .ul-li-center>ul>li {
    float: left;
    list-style: none;
    display: inline-block;
}

.banner-landing-2 .counterup-wrap>ul>li h3 {
    font-size: 40px;
    margin-bottom: 0px;
    color: #000;
}

.banner-landing-2 .counterup-wrap>ul>li h3 span {
    font-weight: 600;
    display: inline-block;
}

.banner-landing-2 .counterup-wrap sup {
    top: -.5em;
}

.banner-landing-2 .content-area h1 {
    font-size: 3.5rem;
    font-weight: 600;
    color: #ffffff;
}

.banner-landing-2 .content-area h1 span {
    color: white;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-landing-2 .content-area h1 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-landing-2 .content-area h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    .banner-landing-2 .content-area h1 {
        font-size: 30px;
    }
}

.banner-landing-2 .content-area p {
    color: #ffffff;
    font-size: 1rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-landing-2 .content-area p {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .banner-landing-2 .content-area p {
        font-size: 0.875rem;
    }
}

.icons {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.icons i {
    background: #ffffff;
    padding: 14px;
    border-radius: 25px;
    box-shadow: 0px 10px 20px 0px rgba(59, 132, 241, 0.3);
    position: absolute;
}

.icons i:nth-child(1) {
    top: 35%;
    left: -10px;
    font-size: 25px;
}

.icons i:nth-child(2) {
    top: 80%;
    left: 20%;
    padding: 12px 15px;
}

.icons i:nth-child(3) {
    top: 7%;
    right: 20%;
}

.icons .skill-box {
    width: 300px;
    border: 0;
    position: absolute;
    bottom: -128px;
    right: -19px;
    box-shadow: 0 1.5rem 4rem rgba(42, 53, 79, 0.05);
}

@media only screen and (max-width: 767px) {
    .icons .skill-box {
        display: none;
    }
}

.icons .skill-box h1 {
    font-weight: normal;
}

.icons .skill-box p {
    font-size: 14px;
}

.icons .skill-box .skills span {
    padding: 10px 15px;
    margin: 4px;
    border-radius: 22px;
    display: inline-block;
    color: #0A95F2;
    position: relative;
}

.icons .skill-box .skills span:after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 22px;
    display: block;
    background: #09AEFF;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
}

.icons .skill-box .button-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    color: #0A95F2;
}

.icons .skill-box .button-link span {
    margin-left: 6px;
    transition: all 300ms ease-in-out;
}

.icons .skill-box .button-link:hover span {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}

.sl-newsletter-input-box {
    position: relative;
}

.sl-newsletter-input-box.placeholder {
    font-size: 20px;
}

.sl-newsletter-input-box:-moz-placeholder {
    font-size: 20px;
}

.sl-newsletter-input-box::-moz-placeholder {
    font-size: 20px;
}

.sl-newsletter-input-box::-webkit-input-placeholder {
    font-size: 20px;
}

.sl-newsletter-input-box input[type="text"] {
    border-radius: 50px;
    background: #ffffff;
    border: 0;
    letter-spacing: 0;
    height: 60px;
    width: 100%;
    color: #79879d;
    font-size: 16px;
    padding: 0 180px 0 24px;
    box-shadow: 0 1.5rem 4rem rgba(42, 53, 79, 0.05);
}

.sl-newsletter-input-box button {
    background-image: linear-gradient(90deg, #1040C6 0%, #09AEFF 100%);
    color: #ffffff;
    border-radius: 50px;
    border: 0;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 6px;
    top: 6px;
    letter-spacing: 0;
    font-weight: 700;
    cursor: pointer;
    padding: 0 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.sl-newsletter-input-box button .icon {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.shape_round_box-1,
.shape_round_box-1 .img_round_shape {
    width: 442px;
    height: 429px;
    margin: 0 auto;
    position: relative;
    border-radius: 30% 70% 60% 40% / 44% 30% 70% 56%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .shape_round_box-1,
    .shape_round_box-1 .img_round_shape {
        width: 450px;
        height: 460px;
    }
}

@media only screen and (max-width: 479px) {

    .shape_round_box-1,
    .shape_round_box-1 .img_round_shape {
        width: 240px;
        height: 250px;
    }
}

.shape_round_box-1 .img_round_shape {
    overflow: hidden;
}

.shape_round_box-1 .img_round_shape img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/*-------------------------------------------------------------------------------------
    Welcome Slider
---------------------------------------------------------------------------------------*/
.welcome-area {
    position: relative;
    z-index: 1;
}

.welcome-slides {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.welcome-slides .owl-prev,
.welcome-slides .owl-next {
    transition: 500ms;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 60px;
    margin-top: -33px;
    z-index: 10;
    text-align: center;
    line-height: 70px;
    color: #ffffff;
    font-size: 30px;
    background: transparent !important;
    border: 1px solid #C4956B !important;
    color: #C4956B !important;
    font-size: 25px !important;
}

.welcome-slides .owl-prev:hover,
.welcome-slides .owl-prev:focus,
.welcome-slides .owl-next:hover,
.welcome-slides .owl-next:focus {
    background: #C4956B;
}

.welcome-slides .owl-next {
    left: auto;
    right: 70px;
}

.single-welcome-slide {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 660px;
}

.single-welcome-slide .welcome-text {
    position: relative;
    z-index: 1;
}

.single-welcome-slide .welcome-text h2 {
    font-weight: 700;
    font-size: 82px;
    line-height: 1;
    display: block;
    margin-bottom: 38px;
    color: #ffffff;
}

.single-welcome-slide .welcome-text p {
    color: #ffffff;
    margin-bottom: 50px;
    display: block;
}

.single-welcome-slide .welcome-text .hero-mail-contact {
    color: #ffffff;
    font-style: italic;
    text-decoration: underline;
}

.single-welcome-slide .welcome-text .hero-mail-contact:hover,
.single-welcome-slide .welcome-text .hero-mail-contact:focus {
    color: #C4956B;
}

.beauty-slide {
    position: relative;
    transition: 1s;
    height: 550px;
}

@media only screen and (min-width: 1600px) {
    .beauty-slide {
        height: 700px;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .beauty-slide {
        height: 600px;
    }
}

.beauty-slide .slide__img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.beauty-slide .slide__img .full-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 1s ease;
}

.beauty-slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.beauty-slide .slide__content.slide__content__left {
    left: 15%;
    -webkit-transform: translate(-15%, -50%);
    transform: translate(-15%, -50%);
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .beauty-slide .slide__content.slide__content__left {
        left: 17%;
    }
}

@media (max-width: 991px) {
    .beauty-slide .slide__content.slide__content__left {
        left: 17%;
    }
}

.beauty-slide .slide__content.slide__content__right {
    right: 15%;
    left: auto;
    -webkit-transform: translate(5%, -50%);
    transform: translate(5%, -50%);
}

.beauty-slide .slide__content .border-layer {
    display: block;
    border: 5px solid #0069FF;
    width: 100%;
    padding: 20px;
}

.beauty-slide .slide__content .border-layer.border-1 {
    border: 5px solid #dc4c4c !important;
}

.beauty-slide .slide__content .border-layer.border-2 {
    border: 5px solid #f59028 !important;
}

.beauty-slide .slide__content .border-layer.border-3 {
    border: 5px solid #d2661a !important;
}

.beauty-slide .slide__content--headings {
    color: #000;
}

.beauty-slide .slide__content--headings h2 {
    font-size: 4rem;
    margin: 0;
    color: #000;
}

.beauty-slide .slide__content--headings .animated {
    transition: all .5s ease;
}

.beauty-slide .slide__content--headings .top-title {
    font-family: "Poppins", sans-serif;
    font-size: 1.5rem;
    color: #000;
}

@media (max-width: 991px) {
    .beauty-slide .slide__content--headings .top-title {
        font-size: 1rem;
    }
}

.beauty-slide .slide__content--headings .title {
    font-size: 3.5rem;
}

@media (max-width: 991px) {
    .beauty-slide .slide__content--headings .title {
        font-size: 2.5rem;
    }
}

.beauty-slide .slide__content--headings .button-custom {
    text-decoration: none;
    color: #333;
    padding: 0.5rem 1.8rem;
    font-size: 1rem;
    margin-top: 15px;
}

@media (max-width: 991px) {
    .beauty-slide .slide__content--headings .button-custom {
        font-size: 1rem;
    }
}

.slick-slide .slide__content {
    display: none;
}

.slick-slide.slick-current.slick-active .slide__content {
    display: block;
}

.slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
    transition: 1s;
}

.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all .3s ease;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
}

.simple-dots .slick-dots li button {
    border-radius: 50%;
    background-color: white;
    opacity: 0.25;
    width: 20px;
    height: 20px;
}

.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
    opacity: 1;
}

.simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
}

.stick-dots .slick-dots li {
    height: 3px;
    width: 50px;
}

.stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 0.25;
    width: 50px;
    height: 3px;
    padding: 0;
}

.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
    opacity: 1;
}

.stick-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
}

.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
}

.zoomInImage {
    -webkit-animation-name: zoomInImage;
    animation-name: zoomInImage;
}

.zoomOutImage {
    -webkit-animation-name: zoomOutImage;
    animation-name: zoomOutImage;
    transition: 1s;
}

.slick-nav {
    width: 44px;
    height: 44px;
    position: absolute;
    cursor: pointer;
    top: calc(50% - 44px);
}

.slick-nav.prev-arrow {
    left: 3%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    z-index: 999;
}

.slick-nav.next-arrow {
    left: auto;
    right: 3%;
}

.slick-nav i {
    display: block;
    position: absolute;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
}

.slick-nav i:before,
.slick-nav i:after {
    content: '';
    width: 10px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #000;
    margin: -1px 0 0 -5px;
    display: block;
    -webkit-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}

.slick-nav i:before {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.slick-nav i:after {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.slick-nav:before,
.slick-nav:after {
    content: '';
    display: block;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.12);
}

.slick-nav svg {
    width: 44px;
    height: 44px;
    display: block;
    position: relative;
    z-index: 1;
    color: #fff;
    stroke-width: 2px;
    stroke-dashoffset: 126;
    stroke-dasharray: 126 126 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.slick-nav.animate svg {
    -webkit-animation: stroke 1s ease forwards .3s;
    animation: stroke 1s ease forwards .3s;
}

.slick-nav.animate i {
    -webkit-animation: arrow 1.6s ease forwards;
    animation: arrow 1.6s ease forwards;
}

.slick-nav.animate i:before {
    -webkit-animation: arrowUp 1.6s ease forwards;
    animation: arrowUp 1.6s ease forwards;
}

.slick-nav.animate i:after {
    -webkit-animation: arrowDown 1.6s ease forwards;
    animation: arrowDown 1.6s ease forwards;
}

/* /////////// IMAGE ZOOM /////////// */
/*-------------------------------------------------------------------------------------
    Footer area
---------------------------------------------------------------------------------------*/
.footer-wave-shape {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
}

.crypto-footer {
    margin-top: -270px;
}

@media (max-width: 991px) {
    .crypto-footer {
        margin-top: -230px;
    }
}

@media only screen and (max-width: 479px) {
    .crypto-footer {
        margin-top: -240px;
    }
}

.landing-footer::after {
    background-color: #36096d;
    background-image: linear-gradient(to right, #031034 0%, #28dbe9 100%);
    background-size: 200% auto;
}

.footer-rounded-bg-shape {
    position: absolute;
    width: 1900px;
    left: -275px;
    bottom: -830px;
    -webkit-transform: rotate(11deg);
    transform: rotate(11deg);
}

.footer-rounded-bg-shape img {
    width: 1900px;
}

@media only screen and (min-width: 1600px) {
    .footer-rounded-bg-shape {
        width: 2500px;
        left: -420px;
        bottom: -1310px;
        -webkit-transform: rotate(11deg);
        transform: rotate(6deg);
    }

    .footer-rounded-bg-shape img {
        width: 2500px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-rounded-bg-shape {
        width: 1863px;
        left: -652px;
        bottom: -742px;
    }
}

@media (max-width: 991px) {
    .footer-rounded-bg-shape {
        left: -900px;
        bottom: -764px;
    }
}

@media only screen and (max-width: 479px) {
    .footer-rounded-bg-shape {
        left: -1244px;
        bottom: -799px;
    }
}

.footer-part {
    position: relative;
    z-index: 2;
}

.footer-part.overlay::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(320deg, #004e92 0%, #000428 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}

.footer-part.single_image-wrapper {
    position: relative;
}

.footer-part.single_image-wrapper .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

@media (max-width: 991px) {
    .footer-part.single_image-wrapper .image-wrapper {
        background-position: 70% 0;
    }
}

@media only screen and (max-width: 479px) {
    .footer-part.single_image-wrapper .image-wrapper {
        background-position: 56% 0;
    }
}

.footer-part .inner p {
    font-size: 1rem;
    letter-spacing: .4px;
}

.footer-part .inner ul {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .footer-part .inner ul {
        margin-bottom: 15px;
    }
}

.footer-part .inner ul:not(.social-icon) li {
    padding: 8px 0;
}

.footer-part .inner ul:not(.social-icon) li a {
    position: relative;
    display: inline-block;
    font-size: 1rem;
}

.footer-part .inner ul:not(.social-icon) li:not(.tooltip-top) a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.footer-part .inner ul:not(.social-icon) li:hover a::after {
    width: 100%;
    right: 0;
}

.footer-part .inner h3 {
    font-size: 20px;
}

.footer-part .inner.text-style-light h3,
.footer-part .inner.text-style-light .footer-join h2 {
    color: #ffffff;
}

.footer-part .inner.text-style-light ul:not(.social-icon) li a,
.footer-part .inner.text-style-light p {
    color: #e2e2e2;
}

.footer-part .inner.text-style-light-2 ul:not(.social-icon) li a,
.footer-part .inner.text-style-light p {
    color: #ffffff;
}

.footer-part .inner.text-style-light-2 h3,
.footer-part .inner.text-style-light-2 .footer-join h2 {
    color: #ffffff;
}

.footer-part .inner.text-style-light-2 ul:not(.social-icon) li a,
.footer-part .inner.text-style-light-2 p {
    color: #ffffff;
}

.footer-part .inner.text-style-light-2-2 ul li a,
.footer-part .inner.text-style-light-2 p {
    color: #ffffff;
}

.footer-part .inner .footer-nav ul .item {
    padding: 15px;
}

.footer-part.product-footer .inner {
    padding-top: 240px;
    padding-bottom: 40px;
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .footer-part.product-footer .inner {
        padding-top: 310px;
    }
}

.footer-part.rounded-circle-right {
    border-top-right-radius: 190px;
}

@media only screen and (max-width: 575px) {
    .footer-part.rounded-circle-right {
        border-top-right-radius: 145px;
    }
}

.footer-part.rounded-circle-left {
    border-top-left-radius: 190px;
}

@media only screen and (max-width: 575px) {
    .footer-part.rounded-circle-left {
        border-top-left-radius: 145px;
    }
}

.footer-part .footer-copyright {
    width: 100%;
    padding: 0 15px;
}

.footer-part .footer-copyright.text-style-light .copyright p {
    color: #e2e2e2;
}

.footer-part .footer-copyright.text-style-light-2 .copyright p {
    color: #ffffff;
}

.footer-part .footer-copyright .copyright p {
    font-size: 1rem;
}

.footer-part .footer-copyright .copyright a {
    color: #ffffff;
}

.footer-part.footer-classic .footer-links a {
    position: relative;
    padding: 3px 5px;
    color: #fff;
}

.footer-part.footer-classic .footer-links a:hover {
    color: #0069FF;
}

.footer-part.footer-classic .contact-mata {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 15px;
}

.footer-part.footer-classic .contact-mata i {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.11);
    color: #ffffff;
    margin-right: 8px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.footer-part.footer-classic .contact-mata p,
.footer-part.footer-classic .contact-mata a {
    margin: 0;
    color: #fff;
}

.footer-part.footer-classic .contact-mata:hover i {
    background: #0069FF;
}

.wave-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wave-wrapper .wave {
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 575px) {
    .wave-wrapper .wave {
        height: 112px;
    }
}

.wave-wrapper .wave-top {
    opacity: .1;
}

.wave-wrapper .wave-bottom {
    opacity: .2;
}

.wave-wrapper .wave-single {
    opacity: 1;
}

#common-footer {
    background: #17313b;
    color: #fff;
    position: relative;
    border-top: 1px solid #c9dfe6;
    z-index: 16;
}

#common-footer:before {
    content: "";
    position: absolute;
    top: 215px;
    left: 0;
    right: 0;
    height: 1px;
    background: #0069FF;
}

@media (max-width: 991px) {
    #common-footer:before {
        display: none;
    }
}

#common-footer .footer_item {
    margin: 170px 0 160px;
    position: relative;
    padding-right: 10px;
    padding-left: 25px;
}

@media (max-width: 991px) {

    #common-footer .footer_item:nth-child(1),
    #common-footer .footer_item:nth-child(2) {
        margin: 50px 0 50px;
    }

    #common-footer .footer_item:nth-child(3),
    #common-footer .footer_item:nth-child(4) {
        margin: 0px 0 50px;
    }
}

@media (max-width: 991px) {
    #common-footer .footer_item:nth-child(1) {
        margin: 40px 0 0;
    }

    #common-footer .footer_item:nth-child(2) {
        margin: 40px 0 40px;
    }

    #common-footer .footer_item:nth-child(3),
    #common-footer .footer_item:nth-child(4) {
        margin: 0px 0 40px;
    }
}

#common-footer .footer_item:before {
    content: "";
    background: #0069FF;
    width: 1px;
    right: 5px;
    position: absolute;
    z-index: 2;
    top: -170px;
    bottom: -157px;
}

@media (max-width: 991px) {
    #common-footer .footer_item:before {
        display: none;
    }
}

#common-footer .footer_item__logo {
    margin-top: -15px;
}

#common-footer .footer_info__list {
    list-style-type: none;
    padding: 0;
    margin: 49px 0 0;
}

#common-footer .footer_info__list li {
    margin: 11px 0;
    font-size: 14px;
    color: #c9dfe6;
}

#common-footer .footer_info__list li a {
    color: #c9dfe6;
    text-decoration: none;
}

#common-footer .footer_item__head {
    text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 38px;
    font: 400 20px/22px;
    font-size: 20px;
    line-height: 30px;
}

@media (max-width: 991px) {
    #common-footer .footer_item__head {
        margin-bottom: 15px;
    }
}

#common-footer .footer_menu__list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#common-footer .footer_menu__list li a {
    color: #fff;
    padding: 0;
    text-decoration: none;
    font-size: 1rem;
    margin: 0 0 8px;
    position: relative;
    display: block;
}

#common-footer .footer_menu__list li a:hover {
    color: #0069FF;
}

@media (min-width: 1200px) {
    #common-footer .footer_menu__list li a {
        white-space: nowrap;
    }
}

#common-footer .col {
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%;
}

#common-footer .footer_menu:before {
    content: "";
    background: #0069FF;
    width: 1px;
    top: 26px;
    right: 0;
    left: 5px;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

@media (max-width: 991px) {
    #common-footer .footer_menu:before {
        display: none;
    }
}

#common-footer .footer_menu__first:before {
    display: none;
}

#common-footer .footer_info__list.mobile_only {
    display: none;
}

#common-footer .footer_contacts:before {
    display: none;
}

#common-footer .footer_contacts__item p {
    color: #c9dfe6;
    margin: 0 0 16px;
    font-size: 14px;
}

#common-footer .footer_contacts__item a {
    color: #fff;
}

@media (min-width: 768px) {
    #common-footer .footer_contacts__item:before {
        content: "";
        background: #0069FF;
        width: 1px;
        top: 26px;
        left: 5px;
        bottom: 0;
        position: absolute;
        z-index: 2;
    }
}

/*-------------------------------------------------------------------------------------
    Header Magamenu
---------------------------------------------------------------------------------------*/
.header-mega-menu .row,
.header-mega-menu [class*="col-"] {
    position: static;
}

.mainmenu li.with--drop {
    position: relative;
}

.mainmenu li.with--drop.slide--megamenu {
    position: static;
}

.mainmenu li.with--drop.slide--megamenu:hover .mega-width-fullscreen {
    display: block;
    -webkit-animation: show-animation .5s;
    animation: show-animation .5s;
}

.mainmenu li.with--drop.slide-dropdown {
    position: relative;
}

.mainmenu li.with--drop.slide-dropdown:hover .dropdown__menu {
    display: block;
    -webkit-animation: show-animation .5s;
    animation: show-animation .5s;
    top: 100%;
}

/* -------------------------
Start Dropdown Menu 
--------------------------*/
.dropdown__menu {
    box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
    position: absolute;
    list-style: none;
    background-color: #222222;
    -webkit-animation: hide-animation .5s;
    animation: hide-animation .5s;
    left: 0px;
    display: none;
    width: 300px;
    margin: 0;
    padding: 35px 0 35px;
    min-width: 300px;
    border-bottom: 4px solid #0069FF;
}

.dropdown__menu li {
    padding: 0 40px;
}

.dropdown__menu li a {
    display: block;
}

.dropdown__menu li a span {
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    z-index: 1;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .4px;
    color: #ffffff;
    font-size: 14px;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 6px 0;
    text-transform: capitalize;
}

.dropdown__menu li a span span.badge {
    padding: 0 .6em;
    margin: 0;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
}

.dropdown__menu li a span:not(.badge)::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.dropdown__menu li a span:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.dropdown__menu li a span:hover {
    color: #ffffff;
}

.dropdown__menu li.drop-lavel--2 {
    position: relative;
}

.dropdown__menu li.drop-lavel--2>a {
    position: relative;
}

.dropdown__menu li.drop-lavel--2>a::before {
    content: "\f105";
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    background: transparent !important;
}

.dropdown__menu li.drop-lavel--2 .lavel--2 {
    position: absolute;
    list-style: none;
    display: none;
    padding: 30px 0 30px;
    margin: 0;
    background: #222222;
    width: 300px;
    border-bottom: 4px solid #0069FF;
    -webkit-animation: slide-out-to-right .3s;
    animation: slide-out-to-right .3s;
    left: 100%;
    top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dropdown__menu li.drop-lavel--2 .lavel--2 {
        width: 230px;
    }
}

.dropdown__menu li.drop-lavel--2:hover>.lavel--2 {
    display: block;
    -webkit-animation: slide-in-to-left .3s;
    animation: slide-in-to-left .3s;
}

/* For Menu Style */
.mega-width-fullscreen {
    width: auto;
    display: none;
    top: 100%;
    left: 0px;
    margin-left: -643.563px;
    margin-top: 0px;
    min-width: 10em;
    max-width: 20em;
    right: 0;
    margin-left: 0;
    max-width: none;
    padding: 50px 0;
    box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
    position: absolute;
    list-style: none;
    background-color: #222222;
    -webkit-animation: hide-animation .5s;
    animation: hide-animation .5s;
    border-bottom: 4px solid #0069FF;
}

.mega-width-fullscreen .mega-list {
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mega-width-fullscreen .mega-list li.mega-title {
    display: block;
    margin: 0 30px 18px 0;
    padding-bottom: 12px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border: 0 solid transparent;
    border-bottom: 1px solid #444;
    color: #ffffff;
}

.mega-width-fullscreen .mega-list li a span {
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    z-index: 1;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: .4px;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 6px 0;
}

.mega-width-fullscreen .mega-list li a span span.badge {
    padding: 0 .6em;
    margin: 0;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
}

.mega-width-fullscreen .mega-list li a span:not(.badge)::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.mega-width-fullscreen .mega-list li a span:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.mega-width-fullscreen .mega-list li a span:hover {
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Header Broadcast
---------------------------------------------------------------------------------------*/
.header__digital--broadcast {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.header__digital--broadcast .header-left {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
}

.header__digital--broadcast .header-left .sl-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header__digital--broadcast .header-left .sl-menu li {
    padding: 34px 15px;
}

@media only screen and (max-width: 767px) {
    .header__digital--broadcast .header-left .sl-menu li {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.header__digital--broadcast .header-left .sl-menu li a {
    font-weight: 500;
    line-height: 1.18;
    text-decoration: none;
    font-size: 18px;
    color: #222222;
    font-family: "Montserrat", sans-serif;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (max-width: 991px) {
    .header__digital--broadcast .header-left .sl-menu li a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .header__digital--broadcast .header-left .sl-menu li a {
        font-size: 15px;
    }
}

.header__digital--broadcast .header-center {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

@media only screen and (max-width: 479px) {
    .header__digital--broadcast .header-center {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
}

.header__digital--broadcast .header-right-arrow {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    display: -webkit-flex;
    display: flex;
    margin: 0 -12px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header-not-top .header__digital--broadcast .header-left .sl-menu li {
    padding-top: 30px;
    padding-bottom: 25px;
}

/*======================
Button Hire  
========================*/
.hire-on-top-button {
    position: relative;
}

.hire-on-top-button .the-arrow {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: inline-block;
    width: 74px;
    position: relative;
    color: #999;
}

.hire-on-top-button .the-arrow .shaft {
    background-color: currentColor;
    display: block;
    height: 2px;
    position: relative;
    transition-delay: 0s;
    will-change: transform;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hire-on-top-button .the-arrow .shaft::before,
.hire-on-top-button .the-arrow .shaft::after {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    background-color: currentColor;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .2s;
    transition-delay: 0s;
    width: 14px;
}

.hire-on-top-button .the-arrow .shaft::before {
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.hire-on-top-button .the-arrow .shaft::after {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

.hire-on-top-button .the-arrow-left {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
}

.hire-on-top-button .the-arrow-left .shaft {
    width: 0;
}

.hire-on-top-button .the-arrow-left .shaft::before,
.hire-on-top-button .the-arrow-left .shaft::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 0;
}

.hire-on-top-button .the-arrow-right {
    vertical-align: middle;
    display: inline-block;
    margin-left: 14px;
    margin-top: -2px;
}

.hire-on-top-button .the-arrow-right .shaft {
    width: 74px;
    transition-delay: .2s;
    opacity: .15;
}

.hire-on-top-button .the-arrow-right .shaft::before {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.hire-on-top-button .the-arrow-right .shaft::after {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.hire-on-top-button span.button-text {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: inline-block;
    color: #222;
    font-size: 18px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.hire-on-top-button:hover .the-arrow {
    color: #222;
}

.hire-on-top-button:hover .the-arrow-left .shaft {
    width: 74px;
    transition-delay: .1s;
    background-color: currentColor;
}

.hire-on-top-button:hover .the-arrow-left .shaft::before,
.hire-on-top-button:hover .the-arrow-left .shaft::after {
    width: 14px;
    transition-delay: .1s;
    background-color: currentColor;
}

.hire-on-top-button:hover .the-arrow-left .shaft::before {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.hire-on-top-button:hover .the-arrow-left .shaft::after {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.hire-on-top-button:hover .the-arrow-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.hire-on-top-button:hover span.button-text {
    -webkit-transform: translateX(88px);
    transform: translateX(88px);
}

/*-------------------------------------------------------------------------------------
    Header
---------------------------------------------------------------------------------------*/
.page_nav ul.mainmenu {
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    -webkit-align-items: center;
    align-items: center;
}

/* ============================
    Header Default Area 
================================*/
.header-default .mainmenu-wrapper .page_nav ul.mainmenu li a,
.header-default .mega-width-fullscreen .mega-list li a span,
.header-default .dropdown__menu li a span,
.header-default .header-right .mini-cart-button button,
.header-default .header-right .popup-search-wrap a.btn-search-click,
.header__digital--broadcast .header-left .sl-menu li a {
    letter-spacing: .8px !important;
}

.sl_header.logo-changable .static {
    display: block;
}

.sl_header.logo-changable .scrollable {
    display: none;
}

.logo-changable.header-not-top .static {
    display: none;
}

.logo-changable.header-not-top .scrollable {
    display: block;
}

.wedding-header.header-sticky.header-not-top {
    background: rgba(196, 10, 30, 0.5) !important;
    background-color: rgba(196, 10, 30, 0.5) !important;
}

.wedding-header.header-sticky.header-not-top.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #fff !important;
}

.wedding-header.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button button,
.wedding-header.header-sticky.header-not-top.header-default.header-black-version .header-right .popup-search-wrap a.btn-search-click,
.wedding-header.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button::after {
    color: #fff !important;
}

.yoga-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371 51%, #FF5F6D 100%) !important;
    background-size: 200% auto !important;
}

.yoga-header.header-sticky.header-not-top.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #fff !important;
}

.yoga-header.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button button,
.yoga-header.header-sticky.header-not-top.header-default.header-black-version .header-right .popup-search-wrap a.btn-search-click,
.yoga-header.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button::after {
    color: #fff !important;
}

.digital-agency-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, #FF9456 0, #FE2B60 51%, #FF9456 100%) !important;
    background-size: 200% auto !important;
}

.digital-agency-header.header-sticky.header-not-top.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #fff !important;
}

.digital-agency-header.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button button,
.digital-agency-header.header-sticky.header-not-top.header-default.header-black-version .header-right .popup-search-wrap a.btn-search-click,
.digital-agency-header.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button::after {
    color: #fff !important;
}

.header-saas-landing.header-sticky.header-not-top {
    background: rgba(116, 120, 250, 0.5) !important;
}

.header-saas-landing.header-sticky.header-not-top.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #fff !important;
}

.header-saas-landing.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button button,
.header-saas-landing.header-sticky.header-not-top.header-default.header-black-version .header-right .popup-search-wrap a.btn-search-click,
.header-saas-landing.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button::after {
    color: #fff !important;
}

.finance-header.header-black-version.header-sticky.header-not-top,
.finance-header.header-black-version.header-sticky.header-not-top:hover {
    background: linear-gradient(45deg, rgba(255, 128, 8, 0.5), rgba(255, 200, 55, 0.5));
}

.finance-header.header-black-version.header-sticky.header-not-top .manu-hamber div i {
    background: #fff !important;
}

.product-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(6, 198, 220, 0.5) 0%, rgba(4, 241, 239, 0.5) 0%) !important;
    background-size: 200% auto;
}

.driving-school-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(6, 198, 220, 0.9) 0%, rgba(4, 241, 239, 0.4) 25%) !important;
    background-size: 200% auto;
}

.header-app-landing.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(255, 197, 32, 0.5) 30%, rgba(248, 54, 0, 0.5) 100%) !important;
    background-size: 200% auto;
}

.gym-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(0, 78, 146, 0.5) 51%, rgba(0, 4, 40, 0.5) 100%) !important;
    background-size: 200% auto;
}

.music-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(77, 43, 254, 0.5) 0%, rgba(252, 0, 68, 0.5) 100%) !important;
    background-size: 200% auto;
}

.dental-gradient-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(0, 203, 255, 0.5) 0%, rgba(2, 200, 115, 0.5) 100%) !important;
    background-size: 200% auto;
}

.personal-portfolio-header.header-sticky.header-not-top {
    background: rgba(12, 9, 32, 0.5);
    background-size: 200% auto;
}

.magazine-header.header-sticky.header-not-top {
    background: rgba(254, 85, 50, 0.5) !important;
}

.magazine-header.header-sticky.header-not-top.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #fff !important;
}

.magazine-header.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button button,
.magazine-header.header-sticky.header-not-top.header-default.header-black-version .header-right .popup-search-wrap a.btn-search-click,
.magazine-header.header-sticky.header-not-top.header-default.header-black-version .header-right .mini-cart-button::after {
    color: #fff !important;
}

body.template-color-44 .header-default.color-hover.finance-header.header-sticky.header-not-top .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #fff !important;
}

body.template-color-44 .header-default.color-hover.finance-header.header-sticky.header-not-top .mainmenu-wrapper .page_nav ul.mainmenu li:hover a {
    color: #fff !important;
}

.header-job.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(16, 64, 198, 0.5) 0, rgba(105, 247, 234, 0.5) 100%) !important;
    background-size: 200% auto;
}

.header-full-menu.cunsulting-header.header-sticky-top .header-full-active {
    background: transparent;
    background-image: linear-gradient(244deg, rgba(57, 236, 115, 0.5) 0%, rgba(0, 134, 248, 0.5) 100%) !important;
}

.header-full-menu.cunsulting-header.header-sticky-top .header-full-active .full-menu-toggler span {
    background: #fff !important;
}

.header-full-menu.cunsulting-header.header-sticky-top .header-full-active .top-social-links li a i {
    color: #fff !important;
}

.header-full-menu.cunsulting-header.header-sticky-top .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link {
    color: #fff !important;
}

.creative-agency-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(248, 137, 171, 0.5) 0%, rgba(164, 0, 209, 0.5) 100%);
    background-size: 200% auto;
}

.creative-agency-header.header-sticky.header-not-top .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #fff !important;
}

.preview-header.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(3, 16, 52, 0.5) 0%, rgba(40, 219, 233, 0.5) 100%);
    background-size: 200% auto;
}

.health-care-header .header-full-active {
    background: transparent;
}

.health-care-header .header-full-active .main-navigation {
    background-image: linear-gradient(to right, rgba(50, 100, 245, 0.9) 0%, rgba(114, 2, 187, 0.9) 100%);
}

.health-care-header .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link {
    color: #fff !important;
}

.health-care-header .header-full-active .top-social-links li a i {
    color: #fff !important;
}

.health-care-header .header-full-active .full-menu-toggler span {
    background: #fff !important;
}

.health-care-header .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
.health-care-header .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #fff !important;
}

body.template-color-51 .header-full-menu.health-care-header .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
body.template-color-51 .header-full-menu.health-care-header .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #fff !important;
}

.header-beauty.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a span {
    color: #000;
}

.header-beauty.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a span {
    color: #f12711;
    background-image: linear-gradient(to right, #f12711 0%, #f5af19 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header-beauty .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 {
    padding-bottom: 25px;
    padding-top: 25px;
}

.header-beauty.header-sticky.header-not-top .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a,
.header-beauty .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    padding-bottom: 25px;
    padding-top: 25px;
}

.header-beauty.header-sticky.header-not-top {
    background-image: linear-gradient(to left, rgba(241, 39, 17, 0.6) 40%, rgba(245, 175, 25, 0.6) 90%) !important;
    background-size: 200% auto !important;
}

.header-beauty.header-sticky.header-not-top.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a span {
    color: #fff !important;
}

.header-beauty.header-sticky.header-not-top.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a span {
    color: #fff !important;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background: transparent;
}

.header-beauty.header-sticky.header-not-top .manu-hamber div i {
    background: #fff !important;
}

.header-crypto.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(60, 83, 215, 0.5) 0, rgba(26, 27, 110, 0.5) 51%, #3C53D7 100%);
    background-size: 200% auto;
}

.header-crypto .header__wrapper .header-right {
    margin: 0;
    padding-right: 15px;
    -webkit-flex-basis: 26% !important;
    flex-basis: 26% !important;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .header-crypto .header__wrapper .header-right {
        -webkit-flex-basis: 35% !important;
        flex-basis: 35% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-crypto .header__wrapper .header-right {
        -webkit-flex-basis: 58% !important;
        flex-basis: 58% !important;
    }
}

.header-crypto.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a {
    color: #84e4a4;
}

.header-crypto.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a span:before {
    color: #84e4a4;
}

.header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a span:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    position: absolute;
    top: -44px;
    left: 50%;
    margin-left: -10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1:hover>a span:before {
    opacity: 1;
    top: -32px;
    font-size: 20px;
    margin-left: -6px;
}

.header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a span:after {
    display: none;
}

.header-product-saas.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a span {
    color: #222;
}

.header-product-saas.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a span {
    color: #00d563;
    background-image: linear-gradient(to right, #00d563 0%, #00b755 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header-product-saas.header-sticky.header-not-top {
    background-image: linear-gradient(to right, rgba(0, 213, 99, 0.5) 30%, rgba(127, 255, 201, 0.5) 51%, rgba(0, 213, 99, 0.5) 100%) !important;
    background-size: 200% auto !important;
}

.header-product-saas.header-sticky.header-not-top.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a span {
    color: #fff !important;
}

.header-product-saas.header-sticky.header-not-top.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li:hover a span {
    color: #fff !important;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background: transparent;
}

.header-product-saas.header-sticky.header-not-top .manu-hamber div i {
    background: #fff !important;
}

.mainmenu-wrapper .page_nav ul.mainmenu {
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 {
    display: inline-block;
    padding-top: 41px;
    padding-bottom: 41px;
    padding-left: 0;
    padding-right: 9px;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .4px;
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    text-transform: capitalize;
    color: #0069FF;
    padding-top: 41px;
    padding-bottom: 41px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: .4px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a span {
    position: relative;
    overflow: hidden;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a span::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1:hover>a span::after {
    width: 100%;
    right: 0;
}

.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a {
    position: relative;
    margin-left: 13px;
    padding-right: 21px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a {
        margin-left: 3px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lg-not-transparent {
        position: fixed !important;
        background-color: #ffffff !important;
        padding-top: 0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .lg-not-transparent {
        position: fixed !important;
        background-color: #ffffff !important;
        padding-top: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .lg-not-transparent {
        position: fixed !important;
        background-color: #ffffff !important;
        padding-top: 10px !important;
    }
}

header.sl_header.header-default.vertical-slide-portfolio {
    background: #fff;
}

.header-default {
    position: relative;
    z-index: 9;
}

.header-default.header-fixed-width.header-fixed-150 .container-fluid {
    padding-left: 150px;
    padding-right: 150px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .header-default.header-fixed-width.header-fixed-150 .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
    padding-left: 130px;
    padding-right: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .header-default.header-fixed-width.haeder-fixed-130 .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header-default.header-fixed-width .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-default.header-fixed-width .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default.header-fixed-width .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .header-default.header-fixed-width .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .header-default.header-fixed-width .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header-default.header-transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.header-default.header-transparent.position-from--top.header-not-top {
    padding-top: 0;
}

.header-default .header__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default .header__wrapper {
        margin-right: 29px;
        position: relative;
        z-index: 9;
    }
}

@media only screen and (max-width: 767px) {
    .header-default .header__wrapper {
        margin-right: 29px;
    }
}

.header-default .header__wrapper .header-left {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default .header__wrapper .header-left {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
    }
}

@media only screen and (max-width: 767px) {
    .header-default .header__wrapper .header-left {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
    }
}

@media only screen and (max-width: 575px) {
    .header-default .header__wrapper .header-left {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}

.header-default .header__wrapper .header-left .logo a img {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 120px;
    height: auto;
    max-width: 100%;
}

.header-default .header__wrapper .header-flex-right {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header-default .header__wrapper .header-flex-right.flex-80 {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.header-default .header__wrapper .mainmenu-wrapper {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.header-default .header__wrapper .mainmenu-wrapper.have-not-flex {
    -webkit-flex-grow: inherit;
    flex-grow: inherit;
}

.header-default .header__wrapper .mainmenu-wrapper.have-not-flex .page_nav ul.mainmenu {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header-default .header__wrapper .header-right {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    display: -webkit-flex;
    display: flex;
    margin: 0 -12px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    flex-shrink: 0;
}

.header-default .header__wrapper .header-right.have-not-flex {
    -webkit-flex-basis: inherit;
    flex-basis: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 12%;
        flex-basis: 12%;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 14%;
        flex-basis: 14%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (max-width: 767px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 70%;
        flex-basis: 70%;
    }
}

@media only screen and (max-width: 575px) {
    .header-default .header__wrapper .header-right {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}

.header-default .header-right {
    margin: 0 -12px;
}

.header-default .header-right>div {
    margin: 0 12px;
}

@media only screen and (max-width: 575px) {
    .header-default .header-right .social-icon li a {
        padding: 7px;
    }
}

.header-default .header-right .mini-cart-button {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
}

.header-default .header-right .mini-cart-button::after {
    position: absolute;
    top: -4px;
    right: -13px;
    padding: 0 4px;
    min-width: 15px;
    height: 15px;
    border-radius: 100%;
    content: attr(data-count);
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
}

.header-default .header-right .mini-cart-button button {
    border: 0 none;
}

.header-default.gradient-border .mini-cart .shopping-cart,
.header-default.gradient-border .dropdown__menu,
.header-default.gradient-border .mega-width-fullscreen,
.header-default.gradient-border .dropdown__menu li.drop-lavel--2 .lavel--2 {
    border-bottom: none !important;
}

.header-default.gradient-border .mini-cart .shopping-cart:after,
.header-default.gradient-border .dropdown__menu:after,
.header-default.gradient-border .mega-width-fullscreen:after,
.header-default.gradient-border .dropdown__menu li.drop-lavel--2 .lavel--2:after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -4px;
    left: 0;
    background-image: linear-gradient(to right, #031034 0%, #28dbe9 100%);
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .mega-width-fullscreen {
    background: #ffffff;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .mega-width-fullscreen .mega-list li.mega-title {
    color: #000000;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .mega-width-fullscreen .mega-list li a span {
    color: #000000;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .mega-width-fullscreen .mega-list li a span.badge {
    color: #ffffff;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu {
    background: #ffffff;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu li a span {
    color: #000000;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu li a span.badge {
    color: #ffffff;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu li.drop-lavel--2>a::before {
    color: #000000;
}

.header-default.header-light-version.dropdown_white .mainmenu-wrapper .dropdown__menu li.drop-lavel--2 .lavel--2 {
    background: #ffffff;
}

.header-default.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #ffffff;
}

.header-default.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li a::after {
    background: #ffffff;
}

.header-default.header-light-version .mainmenu-wrapper .page_nav ul.mainmenu li.with--drop::before {
    color: #ffffff;
}

.header-default.header-light-version .dropdown__menu li.drop-lavel--2>a::before {
    color: #fff;
}

.header-default.header-light-version .header-right .mini-cart-button {
    color: #fff;
}

.header-default.header-light-version .header-right .mini-cart-button::after {
    color: #fff;
}

.header-default.header-light-version .header-right .mini-cart-button button {
    color: #fff;
}

.header-default.header-light-version .header-right .popup-search-wrap a.btn-search-click {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .header-left .sl-menu li a {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button {
    position: relative;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow .shaft {
    background-color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow .shaft::before,
.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow .shaft::after {
    background-color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button .the-arrow-right .shaft {
    opacity: .5;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button span.button-text {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button:hover .the-arrow {
    color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button:hover .the-arrow-left .shaft {
    background-color: #fff;
}

.header-default.header-light-version .header__digital--broadcast .hire-on-top-button:hover .the-arrow-left .shaft::before,
.header-default.header-light-version .header__digital--broadcast .hire-on-top-button:hover .the-arrow-left .shaft::after {
    background-color: #fff;
}

.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a {
    color: #222222;
}

.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li a::after {
    background: #222222;
}

.header-default.header-black-version .mainmenu-wrapper .page_nav ul.mainmenu li.with--drop::before {
    color: #222222;
}

.header-default.header-black-version .mainmenu-wrapper .mega-width-fullscreen {
    background: #ffffff;
}

.header-default.header-black-version .mainmenu-wrapper .mega-width-fullscreen .mega-list li.mega-title {
    color: #000000;
}

.header-default.header-black-version .mainmenu-wrapper .mega-width-fullscreen .mega-list li a span {
    color: #000000;
}

.header-default.header-black-version .mainmenu-wrapper .mega-width-fullscreen .mega-list li a span.badge {
    color: #ffffff;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu {
    background: #ffffff;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu li a span {
    color: #000000;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu li a span.badge {
    color: #ffffff;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu li.drop-lavel--2>a::before {
    color: #000000;
}

.header-default.header-black-version .mainmenu-wrapper .dropdown__menu li.drop-lavel--2 .lavel--2 {
    background: #ffffff;
}

.header-default.header-black-version .dropdown__menu li.drop-lavel--2>a::before {
    color: #ffffff;
}

.header-default.header-black-version .header-right .mini-cart-button {
    color: #222222;
}

.header-default.header-black-version .header-right .mini-cart-button::after {
    color: #222222;
}

.header-default.header-black-version .header-right .mini-cart-button button {
    color: #222222;
}

.header-default.header-black-version .header-right .popup-search-wrap a.btn-search-click {
    color: #222222;
}

.header-black-version .mean-container a.meanmenu-reveal {
    color: #222;
}

.header-black-version .mean-container a.meanmenu-reveal span {
    background: #222;
}

/* ==========================
    Header left Align 
===========================*/
.header-left-align.header-default .header__wrapper .header-left {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.header-left-align.header-default .header__wrapper .header-right {
    display: -webkit-flex;
    display: flex;
    margin: 0 -6px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.header-left-align.header-default .header__wrapper .mainmenu-wrapper.have-not-flex .page_nav ul.mainmenu {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.header-left-align .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a::before {
    display: none;
}

.header-left-align .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a {
    margin-left: 8px;
    padding-right: 8px;
}

/* ============================
    Sticky Header Css 
================================*/
.header-black-version.header-sticky.header-not-top {
    background: rgba(255, 255, 255, 0.9);
    background-color: rgba(255, 255, 255, 0.9);
    transition: 0.5s ease;
}

.header-black-version.header-sticky.header-not-top:hover {
    background: #ffffff;
    background-color: #ffffff;
    transition: 0.5s ease;
}

.header-sticky.header-not-top {
    background: rgba(0, 0, 0, 0.9);
    background-color: rgba(0, 0, 0, 0.9);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    padding: 0;
}

.header-sticky.header-not-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-animation: headerSlideDown .95s ease forwards;
    animation: headerSlideDown .95s ease forwards;
    padding-top: 0 !important;
}

.header-sticky.header-not-top .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 {
    padding-top: 31px;
    padding-bottom: 31px;
}

.header-sticky.header-not-top .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    padding-top: 31px;
    padding-bottom: 31px;
}

.header-default.header-portfolio-slide.header-not-top .header__wrapper {
    padding: 16px 0;
}

/* =================================
    Header One Page 
==================================*/
.one-page-header .header-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: 100%;
}

.one-page-header .header-wrapper .header-left-wrapper {
    background: #222;
    background-color: #222;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    padding-left: 76px;
    padding-right: 43px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
}

@media only screen and (max-width: 575px) {
    .one-page-header .header-wrapper .header-left-wrapper {
        width: 100%;
    }
}

.one-page-header .header-wrapper .header-left-wrapper .branding {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.one-page-header .header-wrapper .header-left-wrapper .branding a img {
    padding-top: 14px;
    padding-bottom: 14px;
    width: 52px;
}

.one-page-header .header-wrapper .header-left-wrapper .header-left-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 30px;
    cursor: pointer;
}

.one-page-header .header-wrapper .header-right-wrapper {
    background: #19d2a8;
    background-color: #19d2a8;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    padding-left: 30px;
    padding-right: 49px;
    width: 50%;
}

.one-page-header .header-wrapper .header-right-wrapper .header-text {
    display: -webkit-flex;
    display: flex;
    margin: 0 -12px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
}

/*==========================
Hambergar Style Two 
============================*/
.manu-hamber-2 {
    padding: 0 12px;
    color: #fff;
}

.manu-hamber-2 div {
    position: relative;
    width: 24px;
    height: 17px;
    cursor: pointer;
}

.manu-hamber-2 div i {
    height: 3px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    background: currentColor;
}

.manu-hamber-2 div i::before,
.manu-hamber-2 div i::after {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    background: inherit;
    content: "";
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    left: 0;
    -webkit-transform: none;
    transform: none;
}

.manu-hamber-2 div i::before {
    width: 16px;
    top: -7px;
}

.manu-hamber-2 div i::after {
    width: 18px;
    top: 7px;
}

.manu-hamber-2 div:hover i {
    width: 16px;
}

.manu-hamber-2 div:hover i::before,
.manu-hamber-2 div:hover i::after {
    width: 70%;
}

.manu-hamber-2 div:hover i::before {
    width: 24px;
}

.manu-hamber-2 div:hover i::after {
    width: 22px;
}

.manu-hamber-2.dak-version {
    color: #222222;
}

.header-default.header-bar.header-new-bar .header__wrapper {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.header-default.header-bar.header-new-bar .header__wrapper .header-right {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}

/*=================================
    Header Fixed 
=====================================*/
header.sl_header.header-default.header-fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.sl_header a.btn {
    font-family: "Montserrat", sans-serif;
}

/* =====================
    Mobile Menu 
========================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mean-container .mean-bar {
        min-height: inherit;
    }

    .mean-container .mean-nav {
        margin-top: 0px;
    }

    .mean-container a.meanmenu-reveal.meanclose,
    .mean-container a.meanmenu-reveal {
        top: -75px;
    }

    .header-default.header-bar .header__wrapper {
        margin-right: 84px;
    }

    .header-default.header-bar.header-new-bar .header__wrapper {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .mean-container .mean-bar {
        min-height: inherit;
    }

    .mean-container .mean-nav {
        margin-top: 0px;
    }

    .mean-container a.meanmenu-reveal.meanclose,
    .mean-container a.meanmenu-reveal {
        top: -68px;
    }

    .header-default.header-bar .header__wrapper {
        margin-right: 60px;
    }

    .header-default.header-bar.header-new-bar .header__wrapper {
        margin-right: 0;
    }
}

@media only screen and (max-width: 575px) {
    .header-default.header-bar .header__wrapper {
        margin-right: 110px;
    }
}

@media only screen and (max-width: 479px) {
    .header-default.header-bar .header__wrapper {
        margin-right: 68px;
    }
}

/*-------------------------------------------------------------------------------------
    Header Left Verticle
---------------------------------------------------------------------------------------*/
.header-demo .sl_header {
    position: relative;
}

.header-demo .sl_header-sidebar,
.header-demo .left-vertical-header {
    position: absolute;
}

@media (max-width: 991px) {

    .header-demo .left-vertical-header,
    .header-demo .sl_header-sidebar {
        position: relative;
    }
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu {
    padding: 0;
    margin: 0;
    text-align: left;
    padding-left: 55px;
    display: block;
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 54px;
}

.vertical-menu-wrapper .mainmenu li.with--drop.slide--megamenu {
    position: relative;
}

.vertical-menu-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.with--drop>a {
    margin-left: 0;
    padding-right: 30px;
    display: block;
    line-height: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
}

.vertical-menu-wrapper .mega-width-fullscreen {
    max-width: calc(100vw - 394px) !important;
    width: 1170px !important;
    box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);
    margin-left: 244px;
    top: 0;
    padding: 70px 0;
}

.vertical-menu-wrapper .mainmenu li.with--drop.slide-dropdown:hover .dropdown__menu {
    top: 0;
    left: 100%;
}

/* =======================
Header Font Family 
==========================*/
.secondary-font .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    font-family: "Montserrat", sans-serif;
}

.secondary-font .mega-width-fullscreen .mega-list li.mega-title {
    font-family: "Montserrat", sans-serif;
    letter-spacing: .5px;
}

/* ======================
    Footer Area 
========================*/
.left-vertical-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 300px;
    height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .left-vertical-header {
        width: 100%;
        height: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .left-vertical-header {
        width: 100%;
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .left-vertical-header {
        width: 100%;
        height: 80px;
    }
}

.left-vertical-header .side-header-inner {
    border-right-width: 0px;
    border-color: rgba(0, 0, 0, 0);
    background: #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    box-shadow: 3px 1px 29px rgba(0, 0, 0, 0.12);
    -ms-background-size: cover;
    background-size: cover;
    height: 100%;
    border: 0;
}

.left-vertical-header .side-header-inner .header-wrap {
    padding-top: 85px;
    padding-bottom: 100px;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-flow: column;
    flex-flow: column;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .left-vertical-header .side-header-inner .header-wrap {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 50px;
        padding-right: 50px;
        -webkit-flex-flow: row;
        flex-flow: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .left-vertical-header .side-header-inner .header-wrap {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 50px;
        padding-right: 50px;
        -webkit-flex-flow: row;
        flex-flow: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .left-vertical-header .side-header-inner .header-wrap {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-flex-flow: row;
        flex-flow: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }
}

.left-vertical-header .side-header-inner .header-wrap .header-top {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.left-vertical-header .side-header-inner .header-wrap .header-top .branding a img {
    max-width: 142px;
    height: auto;
}

.left-vertical-header .side-header-inner .header-wrap .header-center {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-top: 80px;
    margin-bottom: 0px;
    margin-left: -60px;
    margin-right: -60px;
}

.left-vertical-header .side-header-inner .header-wrap .header-bottom {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner .manu-hamber {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner .manu-hamber {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .left-vertical-header .side-header-inner .header-wrap .header-bottom .inner .manu-hamber {
        margin-left: 30px;
    }
}

/*-------------------------------------------------------------------------------------
    Search Popup
---------------------------------------------------------------------------------------*/
.sl-search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.9);
    visibility: hidden;
    opacity: 0;
    cursor: url(../img/icons/light-close.png) 16 16, pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 99999;
}

.sl-search-popup .inner {
    background: #fff;
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: left;
    transition: all .3s;
    overflow-y: auto;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    cursor: default;
}

.sl-search-popup .inner .search-content {
    padding: 30px 40px;
}

.sl-search-popup .inner .search-content form {
    position: relative;
}

.sl-search-popup .inner .search-content form .search-label {
    color: #000;
    width: 100%;
}

.sl-search-popup .inner .search-content form .search-label input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 30px 15px 0;
    color: inherit;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #000;
    width: 100%;
    height: 52px;
}

.sl-search-popup .inner .search-content form .search-label input[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.3s 0.3s ease;
    opacity: 0;
}

.sl-search-popup .inner .search-content form button.search-submit {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: 0;
    padding: 0;
    height: 62px;
    line-height: 62px;
    color: #000;
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
    font-size: 15px;
}

.page-search-popup-opened .sl-search-popup {
    visibility: visible;
    opacity: 1;
}

.page-search-popup-opened .sl-search-popup .inner {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

/*-------------------------------------------------------------------------------------
    hamber menu
---------------------------------------------------------------------------------------*/
.manu-hamber {
    display: -webkit-flex;
    display: flex;
    pointer-events: auto;
    height: 19px;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.manu-hamber.light-version {
    color: #fff;
}

.manu-hamber.black-version {
    color: #222222;
}

.manu-hamber.gray-version {
    color: #999;
}

.manu-hamber div {
    position: relative;
    width: 24px;
    height: 18px;
    pointer-events: auto;
}

.manu-hamber div i {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: currentColor;
}

.manu-hamber div i::before,
.manu-hamber div i::after {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    background: inherit;
    content: "";
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.manu-hamber div i::before {
    top: -8px;
}

.manu-hamber div i::after {
    top: 8px;
}

.manu-hamber:hover div i::before,
.manu-hamber:hover div i::after {
    width: 70%;
}

/* Page Close Button */
.open-hamberger-wrapper .page-close {
    position: fixed;
    top: 80px;
    right: 90px;
    z-index: 100000;
    font-size: 100px;
    line-height: 0;
    cursor: pointer;
    height: 40px;
    width: 40px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.open-hamberger-wrapper .page-close::before,
.open-hamberger-wrapper .page-close::after {
    position: absolute;
    top: 19px;
    left: 4px;
    content: "";
    width: 32px;
    height: 3px;
    background: #222;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.open-hamberger-wrapper .page-close::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.open-hamberger-wrapper .page-close::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.open-hamberger-wrapper .page-close:hover::before,
.open-hamberger-wrapper .page-close:hover::after {
    -webkit-transform: none;
    transform: none;
}

.open-hamberger-wrapper .page-close.light-version::before,
.open-hamberger-wrapper .page-close.light-version::after {
    background: #fff;
}

.open-hamberger-wrapper {
    background-image: url(../img/bg/bg-8.jpg);
    background-color: #222;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -ms-background-size: cover;
    background-size: cover;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    padding: 100px 120px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    padding-top: 60px;
}

.open-hamberger-wrapper.is-visiable {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Hamberger Wrapper */
.header-default .nice-select.language,
.header-default .select.language {
    height: 33px;
    line-height: 31px;
    padding-left: 13px;
    padding-right: 23px;
    /* color: #80868b; */
}

.header-default.header-bar .header__wrapper .header-right {
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
}

.open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
    line-height: 1.4;
    font-size: 48px;
}

/* Hamberger Search */
.hamberger-search {
    margin-top: 230px;
    max-width: 420px;
    margin-bottom: 148px;
}

.hamberger-search .input-box {
    position: relative;
}

.hamberger-search .input-box input {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #eee;
    padding: 28px 50px 28px 0;
    width: 420px;
}

.hamberger-search .input-box button {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: 0;
    font-size: 0;
    padding: 0;
    -webkit-transform: none;
    transform: none;
    box-shadow: none;
    height: 62px;
}

.hamberger-search .input-box button i {
    font-size: 15px;
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .open-hamberger-wrapper .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1>a {
        font-size: 1rem;
    }
}

/*-------------------------------------------------------------------------------------
    Header Mobilemenu
---------------------------------------------------------------------------------------*/
.popup-mobile-menu-wrapper .popup-mobile-manu {
    visibility: visible;
    opacity: 1;
}

.popup-mobile-menu-wrapper .popup-mobile-manu .inner {
    -webkit-transform: none;
    transform: none;
    transition: box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
}

.popup-mobile-manu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.9);
    visibility: hidden;
    opacity: 0;
    cursor: url(../img/icons/light-close.png) 16 16, pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 99999;
}

.popup-mobile-manu .inner {
    background: #000000;
    position: relative;
    width: 400px;
    max-width: 80%;
    height: 100%;
    text-align: left;
    overflow-y: auto;
    padding-top: 85px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
    cursor: default;
}

.popup-mobile-manu .inner .mobileheader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: flex;
    padding: 0 15px 0 30px;
    height: 85px;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
}

.popup-mobile-manu .inner .mobileheader .logo {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.popup-mobile-manu .inner .mobileheader .logo a img {
    height: auto;
    max-width: 100%;
}

.popup-mobile-manu .inner .mobileheader a.mobile-close {
    position: relative;
    cursor: pointer;
    height: 40px;
    width: 40px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.popup-mobile-manu .inner .mobileheader a.mobile-close::before,
.popup-mobile-manu .inner .mobileheader a.mobile-close::after {
    position: absolute;
    top: 19px;
    left: 8px;
    content: "";
    width: 24px;
    height: 3px;
    background: #222;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.popup-mobile-manu .inner .mobileheader a.mobile-close::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-mobile-manu .inner .mobileheader a.mobile-close::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-mobile-manu .inner .mobileheader a.mobile-close:hover::before,
.popup-mobile-manu .inner .mobileheader a.mobile-close:hover::after {
    -webkit-transform: none;
    transform: none;
}

/* =======================
    Header menu 
==========================*/
.object-custom-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 20px 40px 30px;
}

.object-custom-menu>li {
    position: relative;
    border-top: 1px solid transparent;
    border-color: rgba(255, 255, 255, 0.15);
}

.object-custom-menu>li:first-child {
    border: 0 none;
}

.object-custom-menu>li a {
    padding-top: 19px;
    padding-bottom: 19px;
    display: block;
    position: relative;
}

.object-custom-menu>li a span {
    font-size: 1rem;
    color: #dadada;
}

.object-custom-menu>li.has-mega-menu>a::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-align: center;
    line-height: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f107";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.object-custom-menu>li.has-mega-menu>a.active::after {
    content: "\f106";
}

.object-custom-menu>li.has-mega-menu .object-submenu {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
}

.object-custom-menu>li.has-mega-menu .object-submenu li.title {
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    margin: 0 0 18px;
    letter-spacing: .4px;
}

.object-custom-menu>li.has-mega-menu .object-submenu li a {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

.object-custom-menu>li.has-mega-menu .object-submenu li a span {
    font-size: 14px;
    color: #999999;
    letter-spacing: .4px;
}

.object-custom-menu>li.has-mega-menu .object-submenu li a span span.badge {
    padding: 0 .6em;
    margin: 0;
    margin-left: 10px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    line-height: 2;
}

/*-------------------------------------------------------------------------------------
    Shooping cart
---------------------------------------------------------------------------------------*/
.mini-cart {
    position: relative;
}

@media only screen and (max-width: 575px) {
    .mini-cart {
        -webkit-order: 2;
        order: 2;
    }
}

.mini-cart .shopping-cart {
    position: absolute;
    top: 100%;
    z-index: 99;
    right: 0;
    display: none;
    overflow: auto;
    padding: 30px 20px 27px;
    max-height: 700px;
    width: 360px;
    border-bottom: 4px solid #0069FF;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    margin-top: 28px;
}

@media (max-width: 991px) {
    .mini-cart .shopping-cart {
        margin-top: 19px;
    }
}

@media only screen and (max-width: 479px) {
    .mini-cart .shopping-cart {
        width: 207px;
        padding: 30px 17px 27px;
    }
}

@media only screen and (max-width: 575px) {
    .mini-cart .shopping-cart {
        width: 250px;
    }
}

.mini-cart .shopping-cart .shop-inner ul.product-list {
    list-style: none outside;
    padding: 0;
    margin: 0;
    max-height: 340px;
    overflow-y: auto;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .thumb {
    margin-right: 15px;
    -webkit-flex-grow: 0;
    flex-grow: 0;
}

@media only screen and (max-width: 575px) {
    .mini-cart .shopping-cart .shop-inner ul.product-list li .thumb {
        margin-right: 8px;
    }
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .thumb a img {
    width: 80px;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .content {
    position: relative;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding-right: 20px;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 {
    margin-bottom: 0px;
    line-height: 20px;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 479px) {
    .mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a {
        font-size: 14px;
    }
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner h4 a:hover {
    color: #0069FF;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .content .inner .quatity span {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #0069FF;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .content .delete-btn {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 18px;
    border: 0 none;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li .content .delete-btn:hover {
    color: #F0263F;
}

.mini-cart .shopping-cart .shop-inner ul.product-list li+li {
    margin-top: 20px;
}

.mini-cart .shopping-cart .footer {
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid #eee;
}

.mini-cart .shopping-cart .footer .total {
    width: 100%;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #0069FF;
}

.mini-cart .shopping-cart .footer .total span {
    font-weight: 600;
    color: #0069FF;
    padding-left: 3px;
}

.mini-cart .shopping-cart .footer a.cart-btn {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border-color: #0069FF;
    background-color: #0069FF;
    font-family: "Montserrat", sans-serif;
    height: 55px;
    line-height: 53px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 6px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
    min-width: 176px;
    text-align: center;
    display: inline-block;
}

.mini-cart .shopping-cart .footer a.cart-btn:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

/*-------------------------------------------------------------------------------------
    Sidebar Header
---------------------------------------------------------------------------------------*/
.sl_header-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100px;
    height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar {
        position: static;
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar {
        position: static;
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar {
        position: static;
        width: 100%;
        height: auto;
    }
}

.sl_header-sidebar .side-header-inner {
    height: 100%;
    border: 0;
    border-right-width: 0px;
    border-color: rgba(0, 0, 0, 0);
    background: #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    box-shadow: 0 -9px 25px rgba(0, 0, 0, 0.03);
    -ms-background-size: cover;
    background-size: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner {
        height: auto;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap {
    position: relative;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-flow: column;
    flex-flow: column;
    padding: 15px 10px 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner .header-wrap {
        height: auto;
        -webkit-flex-flow: row;
        flex-flow: row;
        padding: 24px 23px 26px;
        width: 100%;
        -webkit-align-items: center;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner .header-wrap {
        height: auto;
        -webkit-flex-flow: row;
        flex-flow: row;
        padding: 24px 23px 26px;
        width: 100%;
        -webkit-align-items: center;
        align-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner .header-wrap {
        height: auto;
        -webkit-flex-flow: row;
        flex-flow: row;
        padding: 24px 23px 26px;
        width: 100%;
        -webkit-align-items: center;
        align-items: center;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu {
    margin-top: 36px;
    display: -webkit-flex;
    display: flex;
    height: 30px;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    color: #999;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu {
        display: none;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon {
    position: relative;
    width: 24px;
    height: 18px;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i {
    color: #999;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: currentColor;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i::before,
.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i::after {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    background: inherit;
    content: "";
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i::before {
    top: -8px;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon i::after {
    top: 8px;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon:hover i {
    color: #000000;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon:hover i::before,
.sl_header-sidebar .side-header-inner .header-wrap .header-top .popop-open-menu .menu-icon:hover i::after {
    width: 70%;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }
}

@media only screen and (max-width: 575px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks {
        display: none;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks .inner {
    margin: -5px -15px;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks .inner a {
    display: inline-block;
    margin: 5px 15px;
    padding: 5px 0;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks .inner a span {
    color: #999;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sl_header-sidebar .side-header-inner .header-wrap .header-center .header-social-neworks .inner a:hover span {
    color: #000000;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-bottom {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-bottom {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-bottom {
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .sl_header-sidebar .side-header-inner .header-wrap .header-bottom {
        display: -webkit-flex;
        display: flex;
    }
}

.sl_header-sidebar .side-header-inner .header-wrap .header-bottom .btn-search-click {
    display: block;
    line-height: 0;
    font-size: 18px;
    color: #999999;
    text-align: center;
}

.sl_header-sidebar .side-header-inner .header-wrap .header-bottom .btn-search-click:hover {
    color: #000000;
}

/*-------------------------------------------------------------------------------------
    Header Full Details
---------------------------------------------------------------------------------------*/
header .navbar-nav .nav-item.active .nav-link {
    background: transparent;
}

.header-full-menu.header-sticky-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

.header-full-menu.header-light-style .main-navigation nav .navbar-nav .nav-item .nav-link {
    color: #fff;
}

.header-full-menu.header-light-style .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
.header-full-menu.header-light-style .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #fff;
}

.header-full-menu.header-light-style .top-social-links li a i {
    color: #fff;
}

.header-full-menu.header-light-style .upper-nav .top-personal-info li a {
    color: #fff;
}

.header-full-menu.header-light-style .full-menu-toggler span {
    background: #fff;
}

.header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link {
    color: #000;
}

.header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
.header-full-menu.header-light-style .header-full-active .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #0069FF;
}

.header-full-menu.header-light-style .header-full-active .top-social-links li a i {
    color: #000;
}

.header-full-menu.header-light-style .header-full-active .upper-nav .top-personal-info li a {
    color: #000;
}

.header-full-menu.header-light-style .header-full-active .full-menu-toggler span {
    background: #000;
}

.header-full-menu .upper-nav {
    padding-top: 25px;
}

.header-full-menu .upper-nav .top-personal-info {
    padding-left: 0;
    margin-bottom: 0;
}

.header-full-menu .upper-nav .top-personal-info li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}

.header-full-menu .upper-nav .top-personal-info li:last-child {
    margin-right: 0;
}

.header-full-menu .upper-nav .top-personal-info li a {
    color: #333333;
    font-size: 14px;
    transition: .5s ease;
    font-weight: 400;
}

.header-full-menu .upper-nav .top-personal-info li a:hover {
    color: #0069FF;
}

.header-full-menu .upper-nav .top-personal-info li a i {
    font-size: 18px;
    color: #0069FF;
    margin-right: 5px;
}

.header-full-menu .fixed-nav-links {
    display: none;
}

.header-full-menu .top-social-links {
    margin-bottom: 0;
    padding: 0;
}

.header-full-menu .top-social-links li {
    list-style: none;
    display: inline-block;
    margin-left: 0px;
}

.header-full-menu .top-social-links li a {
    height: 35px;
    width: 35px;
    background-color: transparent;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    transition: .5s ease;
}

.header-full-menu .top-social-links li a.twit:hover {
    background-color: #00acee;
}

.header-full-menu .top-social-links li a.link-in:hover {
    background-color: #0e76a8;
}

.header-full-menu .top-social-links li a.insta:hover {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.header-full-menu .top-social-links li a.fb:hover {
    background-color: #3b5998;
}

.header-full-menu .top-social-links li a i {
    font-size: 20px;
    color: #000000;
}

.header-full-menu .top-social-links li a:hover i {
    color: #ffffff;
}

.header-full-menu .fixed-nav-logo {
    display: none;
}

.header-full-menu .main-navigation {
    padding-top: 25px;
}

.header-full-menu .main-navigation .navbar {
    padding: 0;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item {
    display: inline-block;
    margin-left: 20px;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    transition: .5s ease;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link:hover,
.header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link.active {
    color: #f71c52;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item .nav-link::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item:hover .nav-link::after {
    width: 100%;
    right: 0;
}

.header-full-menu .main-navigation nav .navbar-nav .nav-item.active .nav-link {
    background: transparent;
}

/* ===================================
         header appear css
====================================== */
.header-full-active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1111;
    background-color: #ffffff;
    -webkit-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

.header-full-active .upper-nav {
    display: none;
}

.header-full-active .main-navigation {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-full-active .simple-nav-logo {
    display: none;
}

.header-full-active .fixed-nav-logo {
    display: block;
}

.header-full-active .main-navigation .simple-navbar {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}

.header-full-active .fixed-nav-links {
    display: inline-block;
    margin-left: 25px;
    padding: 0;
}

.header-full-active .full-menu-toggler {
    top: 23px;
}

/* ===================================
    Side Menu
====================================== */
.side-menu {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url("../img/bg/side-menu.jpg");
    background-size: cover;
    background-position: center;
    z-index: 1000;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transition: transform .5s ease;
    overflow: hidden;
}

.side-menu.left {
    left: 0;
    right: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.side-menu .before-side {
    width: 280px;
}

.side-menu.side-menu-active,
.side-menu.before-side {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.side-menu .navbar-brand {
    margin: 0 0 2.5rem 0;
}

.side-menu .btn-close {
    height: 33px;
    width: 33px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 61px;
    right: 50px;
    cursor: pointer;
}

.side-menu.before-side .btn-close {
    display: none;
}

.side-menu .btn-close::before,
.side-menu .btn-close::after {
    position: absolute;
    left: 16px;
    content: ' ';
    height: 24px;
    width: 2px;
    background: #fff;
    top: 5px;
}

.side-menu .btn-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side-menu .btn-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.side-menu-opacity {
    opacity: 0;
}

.pul-menu .side-menu.side-menu-active {
    visibility: visible;
    opacity: 1;
}

/*Side overlay*/
/*side clode btn*/
.header-full-active~.side-menu .btn-close {
    top: 50px;
}

/*side open btn*/
.full-menu-toggler {
    transition: none;
    width: 36px;
    padding: 6px;
    margin-right: 1rem;
    margin-top: .4rem;
    position: absolute;
    right: 30px;
    top: 24px;
    display: inline-block;
}

@media (max-width: 991px) {
    .full-menu-toggler {
        top: 85px;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .full-menu-toggler .full-menu-toggler {
        right: 0;
    }
}

.full-menu-toggler span {
    height: 2px;
    width: 100%;
    background: #000000;
    display: block;
    margin: auto;
    transition: .5s ease;
}

.full-menu-toggler:hover span {
    background: #f71c52;
}

.full-menu-toggler:hover span:first-child,
.full-menu-toggler:hover span:last-child {
    width: 70%;
}

.full-menu-toggler span:nth-child(2) {
    margin: 4px 0;
}

.side-menu .inner-wrapper {
    padding: 3.5rem 5rem;
    height: 100%;
    position: relative;
    overflow-y: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: left;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.side-menu .side-nav {
    margin-bottom: 30px;
    display: block;
}

.pul-menu.pushwrap .side-menu .inner-wrapper {
    padding: 3.5rem 2.5rem;
}

.side-nav .navbar-nav .nav-item {
    display: block;
    margin: 3px 0;
    padding: 0 !important;
    opacity: 0;
    transition: all 0.8s ease 500ms;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.side-nav .navbar-nav .nav-item:first-child {
    transition-delay: .1s;
}

.side-nav .navbar-nav .nav-item:nth-child(2) {
    transition-delay: .2s;
}

.side-nav .navbar-nav .nav-item:nth-child(3) {
    transition-delay: .3s;
}

.side-nav .navbar-nav .nav-item:nth-child(4) {
    transition-delay: .4s;
}

.side-nav .navbar-nav .nav-item:nth-child(5) {
    transition-delay: .5s;
}

.side-nav .navbar-nav .nav-item:nth-child(6) {
    transition-delay: .6s;
}

.side-nav .navbar-nav .nav-item:nth-child(7) {
    transition-delay: .7s;
}

.side-nav .navbar-nav .nav-item:nth-child(8) {
    transition-delay: .8s;
}

.side-nav .navbar-nav .nav-item:nth-child(9) {
    transition-delay: .9s;
}

.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.side-nav .navbar-nav .nav-link {
    display: inline-table;
    color: #fff;
    padding: 2px 0 3px 0 !important;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    position: relative;
    border-radius: 0;
}

.side-nav .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    background: #fff;
    display: inline-block;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.side-nav .navbar-nav .nav-link:hover::after,
.side-nav .navbar-nav .nav-link:focus::after,
.side-nav .navbar-nav .nav-link.active::after {
    width: 100%;
}

.side-nav .navbar-nav .nav-link.active {
    background: transparent;
}

.side-menu-inner-content {
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    padding-bottom: 30px;
    margin: 0;
}

.side-menu p {
    margin-bottom: 0;
}

.menu-company-details span {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
}

.social-icons-simple {
    padding: 0;
}

.social-icons-simple li {
    display: inline-block;
    padding-left: 8px;
}

.social-icons-simple li:first-child {
    padding-left: 0;
}

.social-icons-simple li a {
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 42px;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color .5s ease;
}

.social-icons-simple li a:hover {
    color: #0069FF;
    background-color: #ffffff;
}

.social-icons-simple li.animated-wrap a:hover {
    background-color: transparent;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .header-full-active .fixed-nav-links {
        margin-right: 40px;
        margin-left: 0;
        display: none;
    }

    .header-full-menu .upper-nav {
        display: none;
    }

    .header-full-active .full-menu-toggler,
    .full-menu-toggler {
        top: 18px;
        right: 15px;
        margin-right: 0;
    }

    .side-nav .navbar-nav .nav-item {
        text-align: center;
    }

    .side-nav .navbar-nav .nav-link {
        font-size: 26px;
    }

    .side-menu .inner-wrapper {
        padding: 3.5rem 3rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-full-active .full-menu-toggler {
        top: 23px;
        right: -14px;
    }
}

/*-------------------------------------------------------------------------------------
    Demo Options
---------------------------------------------------------------------------------------*/
.demo-option-container {
    position: fixed;
    top: 0;
    left: 100%;
    background: #fff;
    height: 100%;
    width: 350px;
    max-width: calc(100% - 45px);
    z-index: 100000;
    transition: box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
}

.demo-option-container .btn-purchase {
    display: none !important;
}

.demo-option-container.open {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
}

.demo-option-wrapper {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 55px;
}

.demo-option-wrapper .demo-panel-header {
    padding: 40px 30px 30px;
    text-align: center;
}

.demo-option-wrapper .demo-panel-header .panel-btn {
    margin-bottom: 30px;
}

.demo-option-wrapper .demo-panel-header .panel-btn a i {
    line-height: 0;
    font-size: 20px;
    margin-right: 10px;
    color: #fff;
}

.demo-option-wrapper .demo-panel-header .title .heading-h5 {
    margin: 0 0 18px;
}

.demo-option-wrapper .demo-quick-option-list {
    padding: 27px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-gap: 20px;
    grid-gap: 20px;
}

.demo-option-wrapper .demo-quick-option-list a {
    width: 100%;
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    border: 1px solid #f5f5f5;
}

.demo-option-wrapper .demo-quick-option-list a.link img {
    width: 100%;
}

/*-------------------------------------------------------------------------------------
    Snail Toolbar  
---------------------------------------------------------------------------------------*/
.snail_toolbar .inner {
    position: absolute;
    top: 200px;
    right: 100%;
    display: block;
    width: 40px;
    border: 1px solid #eee;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background: #fff;
    text-align: center;
    box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
}

.snail_toolbar .inner a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #222;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.snail_toolbar .inner a i {
    font-size: 16px;
}

.snail_toolbar .inner a[class*=tooltip-] {
    position: relative;
    display: inline-block;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.snail_toolbar .inner a[class*=tooltip-]::before,
.snail_toolbar .inner a[class*=tooltip-]::after {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: .3s ease;
    transition-delay: 0ms;
}

.snail_toolbar .inner a[class*=tooltip-]::before {
    content: "";
    position: absolute;
    background: transparent;
    border: 7px solid transparent;
    z-index: 1000001;
    right: 100%;
    bottom: 50%;
    margin-right: -13px;
    margin-bottom: -7px;
    border-left-color: #000;
}

.snail_toolbar .inner a[class*=tooltip-]::after {
    content: attr(aria-label);
    background: #000;
    color: #fff;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 14px;
    white-space: nowrap;
    border-radius: 5px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

.snail_toolbar .inner a.tooltip-bounce {
    transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.snail_toolbar .inner a.tooltip-left::after {
    margin-bottom: -15px;
    right: 100%;
    bottom: 50%;
}

.snail_toolbar .inner a:hover {
    color: #0069FF;
}

.snail_toolbar .inner a:hover[class*=tooltip-]::before,
.snail_toolbar .inner a:hover[class*=tooltip-]::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

.snail_toolbar .inner a:hover[class*=tooltip-]::before {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
}

.snail_toolbar .inner a:hover[class*=tooltip-]::after {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
}

/*-------------------------------------------------------------------------------------
    Particles
---------------------------------------------------------------------------------------*/
#particles-js,
#particles-js-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
}

/*-------------------------------------------------------------------------------------
    Template Features
---------------------------------------------------------------------------------------*/
.single-features {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin-bottom: 40px;
    padding: 37px 15px 40px;
    transition: .4s;
    border: 1px solid #e2e2e2;
    box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.06);
}

.single-features:hover {
    -webkit-filter: unset;
    filter: unset;
    color: #0069FF;
    font-weight: 700;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.single-features h3 {
    margin-bottom: 0;
    font-size: 20px;
    margin-top: 25px;
    color: #333333;
    font-weight: 700;
    text-transform: capitalize;
}

.single-features .features-images {
    width: 100px;
    height: 90px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.single-features .features-images.img-1 {
    background-image: url(../img/features/sass.png);
}

.single-features .features-images.img-2 {
    background-image: url(../img/features/cleancode.png);
}

.single-features .features-images.img-3 {
    background-image: url(../img/features/responsive.png);
}

.single-features .features-images.img-4 {
    background-image: url(../img/features/bootstrap.png);
}

.single-features .features-images.img-5 {
    background-image: url(../img/features/w3c.png);
}

.single-features .features-images.img-6 {
    background-image: url(../img/features/layout.png);
}

.single-features .features-images.img-7 {
    background-image: url(../img/features/gulp.png);
}

.single-features .features-images.img-8 {
    background-image: url(../img/features/creative.png);
}

.single-features .features-images.img-9 {
    background-image: url(../img/features/customize.png);
}

/*=====================================
	Blog Styles
======================================*/
/*-------------------------------------------------------------------------------------
    Blogs
---------------------------------------------------------------------------------------*/
.post {
    margin-bottom: 40px;
    box-shadow: 0 10px 20px 0 rgba(221, 221, 221, 0.3);
}

.post .post-body {
    padding: 0;
}

.post .post-body p {
    font-size: 14px;
}

.post .post-img {
    width: 100%;
    display: block;
    transition: 0.2s opacity;
    position: relative;
    display: inline-block;
}

.post .post-img:hover,
.post .post-img:focus {
    opacity: 0.9;
}

.post .post-img:hover::before {
    opacity: 0.8;
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
}

.post .post-img>img {
    width: 100%;
    vertical-align: middle;
}

.post .post-img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
    transition: .5s ease;
}

.post .post-meta {
    margin-top: 15px;
    margin-bottom: 15px;
}

.post a {
    color: #000000;
}

.post.blog2 {
    box-shadow: none;
    position: relative;
}

.post.blog2 .post-date {
    position: absolute;
    top: 0;
    left: 18px;
}

.post.blog2 .post-date span.day {
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
}

.post.blog2 .post-date span.yr,
.post.blog2 .post-date span.mos {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #ffffff;
}

.post.blog2 .post-body {
    position: relative;
    padding: 0;
    width: 96%;
    margin-left: 15px;
    margin-top: -28px;
    background: #ffffff;
    box-shadow: 0 1.2rem 1rem rgba(0, 0, 0, 0.08);
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .post.blog2 .post-body {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .post.blog2 .post-body {
        margin-left: 0;
        margin-top: 0;
    }
}

.post.blog2 .post-body h5 {
    font-size: 22px;
    letter-spacing: .4px;
    line-height: 32px;
    font-weight: 500;
}

.post.blog2 .post-body .card-title a {
    color: #000;
}

.post.blog2 .post-body .card-title a:hover {
    color: #0069FF;
}

.post.blog2 .post-img img {
    min-height: 268px;
}

.post.blog2 .post-img:hover::before {
    opacity: 0;
}

.post.blog2.dark-version .post-body {
    background: #100e17;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.7);
}

.post.blog2.dark-version .post-body h5,
.post.blog2.dark-version .post-body h5 a {
    color: #ffffff;
}

.post.blog2.dark-version .post-body p {
    color: #bfbfbf;
}

.post.blog2.dark-version .post-body .card-title,
.post.blog2.dark-version .post-body .card-title a {
    color: #ffffff;
}

.post.blog2.dark-version .post-body .card-title:hover,
.post.blog2.dark-version .post-body .card-title a:hover {
    color: #0069FF;
}

.post.blog2.dark-version .post-body .post-meta a {
    color: #ffffff;
}

.post.blog2.style-2.blog2 .post-body {
    width: 86%;
    margin-top: -84px;
    margin-left: auto;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.1);
}

.post.hover-box {
    box-shadow: none;
}

.post.hover-box .post-body {
    background: transparent;
}

.post.hover-box .post-img {
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

.post.hover-box .post-img .cart-button {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    transition: 500ms;
}

.post.hover-box .post-img .cart-button .sl-btn-small:hover {
    background: transparent;
}

.post.hover-box .post-img:hover {
    opacity: 1;
}

.post.hover-box .post-img::before {
    content: '';
    display: none;
}

.post.hover-box:hover .cart-button {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: 500ms;
}

.post-meta {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.post-meta .post-category {
    font-size: 14px;
}

.post-meta .post-date {
    font-size: 14px;
}

.post-meta .post-author {
    padding: 6px 10px;
    background: #F8A440;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
}

.post-meta .post-author i {
    margin-right: 6px;
}

.post-meta .post-author:hover {
    color: #ffffff;
}

.post-meta .post-author:hover i {
    color: #ffffff;
}

.post .post-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.post .post-title a {
    color: #000000;
}

.post .post-title a:hover {
    color: #F8A440;
}

@media (min-width: 768px) {
    .post .post-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
}

.post-tags li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 5px;
}

.post-tags li a {
    display: block;
    color: #ffffff;
    background-color: #000000;
    padding: 3px 10px;
    font-weight: 600;
    border-radius: 2px;
    transition: 0.2s opacity;
}

.post.post-thumb {
    position: relative;
}

.post.post-thumb .post-img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(to top, rgba(33, 38, 49, 0.3) 0%, transparent 100%);
}

.post.post-thumb .post-body {
    position: absolute;
    bottom: 0px;
    padding: 20px 15px;
}

.post.post-thumb .post-meta .post-date {
    color: #eceef2;
}

.post.post-thumb .post-title {
    font-size: 22px;
}

.post.post-thumb .post-title>a {
    color: #ffffff;
}

.post.post-widget:after {
    content: '';
    display: block;
    clear: both;
}

.post.post-widget .post-img {
    width: 90px;
    float: left;
    margin-right: 15px;
}

.post.post-widget .post-img img {
    width: 100%;
}

.post.post-widget .post-title {
    font-size: 18px;
}

.post.post-row:after {
    content: '';
    display: block;
    clear: both;
}

.post.post-row .post-img {
    width: 40%;
    float: left;
}

.post.post-row .post-body {
    margin-left: calc(40% + 30px);
}

.post.post-row .post-meta {
    margin-top: 0px;
}

.post.post-row .post-title {
    margin-bottom: 15px;
}

/*-------------------------------------------------------------------------------------
    Blog Sidebar
---------------------------------------------------------------------------------------*/
.sidebar-wrapper.boxed-sidebar .widget-area {
    position: relative;
    padding: 30px 25px;
    background: #f7f7f7;
    margin-bottom: 30px;
}

.sidebar-wrapper .widget-area {
    position: relative;
    padding: 23px;
}

.sidebar-wrapper .widget-title {
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 11px;
    font-weight: 600;
    line-height: 1.23;
    color: #222222;
}

.sidebar-wrapper .hospital-time {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.sidebar-wrapper .hospital-time li {
    font-size: 1rem;
    padding: 10px 0;
}

.sidebar-wrapper .hospital-time li span.time {
    float: right;
}

.sidebar-wrapper .widget-search .form-group {
    position: relative;
}

.sidebar-wrapper .widget-search .form-group .form-control:focus~.submit-search {
    border-color: #0069FF;
}

.sidebar-wrapper .widget-search .submit-search {
    width: 20%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #DADCE0;
    background: #f5f5f5;
}

.sidebar-wrapper .widget-search .submit-search:hover {
    background: #0069FF;
    color: #ffffff;
    border-color: #0069FF;
}

.sidebar-wrapper .widget-tag-cloud a {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 1rem;
    margin-bottom: 12px;
    border: 3px solid #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 0;
    color: #4A4A4A;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 12px;
    line-height: 32px;
    background-color: #f0f0f0;
    transition: .3s all ease-in-out;
}

.sidebar-wrapper .widget-tag-cloud a:hover {
    background: #0069FF;
    color: #ffffff;
}

.sidebar-wrapper .widget-tag-links a {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 1rem;
    margin-bottom: 12px;
    border: 3px solid #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-width: 0;
    color: #8d8d8d;
    box-shadow: none;
    border-radius: 5px;
    line-height: 32px;
    transition: .3s all ease-in-out;
}

.sidebar-wrapper .widget-tag-links a:hover {
    color: #0069FF;
}

.sidebar-wrapper .letest-project {
    position: relative;
    margin: -7.5px;
}

.sidebar-wrapper .letest-project .project-widget-item {
    position: relative;
    padding: 7.5px;
    float: left;
    width: 33.3%;
    max-width: 100px;
    min-width: 60px;
    overflow: hidden;
    transition: .3s all ease-in-out;
}

.sidebar-wrapper .letest-project .project-widget-item .ratio-bg {
    display: block;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
}

.sidebar-wrapper .letest-project .project-widget-item .ratio {
    position: relative;
}

.sidebar-wrapper .letest-project .project-widget-item .ratio .ratio-container-square {
    padding-bottom: 100%;
}

.sidebar-wrapper .letest-project .project-widget-item .ratio .ratio-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
}

.sidebar-wrapper .letest-project .project-widget-item .mini-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 105, 255, 0.75);
    text-align: center;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.sidebar-wrapper .letest-project .project-widget-item .mini-overlay .mini-overlay-container {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-wrapper .letest-project .project-widget-item:hover .mini-overlay {
    opacity: 1;
}

.sidebar-wrapper .letest-project .project-widget-item:hover i {
    color: #ffffff;
}

.sidebar-wrapper .widget-category-list ul.category-area {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper .widget-category-list ul.category-area li {
    height: auto;
    padding: 0;
}

.sidebar-wrapper .widget-category-list ul.category-area li a {
    width: 100%;
    padding: 6px 0;
    font-size: 1rem;
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    color: #000000;
}

.sidebar-wrapper .widget-category-list ul.category-area li a span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #000000;
    background: #ffffff;
    position: relative;
    float: right;
    font-size: 14px;
    transition: all .3s ease-in-out;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:after {
    content: '';
    clear: both;
    display: block;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:hover {
    color: #0069FF;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:hover span {
    background: #0069FF;
    color: #ffffff;
}

.sidebar-wrapper .widget-category-list.dark-style ul.category-area li a {
    color: #ffffff;
}

.sidebar-wrapper .widget-category-list.dark-style ul.category-area li a span {
    color: #000000;
    background: #ffffff;
}

.sidebar-wrapper .widget-category-list.dark-style ul.category-area li a:hover {
    color: #0069FF;
}

.sidebar-wrapper .widget-category-list.dark-style ul.category-area li a:hover span {
    background: #0069FF;
    color: #ffffff;
}

.sidebar-wrapper .category-area .category {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 10px;
    z-index: 2;
    overflow: hidden;
}

.sidebar-wrapper .category-area .category .category-image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.sidebar-wrapper .category-area .category .category-image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    z-index: -1;
    transition: all .3s ease-in-out;
}

.sidebar-wrapper .category-area .category .category-image img {
    visibility: hidden;
}

.sidebar-wrapper .category-area .category:hover .category-image {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.sidebar-wrapper .category-area .category:hover .category-image img {
    visibility: hidden;
}

.sidebar-wrapper .category-area .category h5 a {
    color: #ffffff;
    font-size: 16px;
}

.sidebar-wrapper .category-area .category h5 a:hover {
    color: #ffffff;
}

.sidebar-wrapper .category-area .category .total-post {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #ffffff;
    font-size: 16px;
    color: #000000;
    border-radius: 6px;
}

.sidebar-wrapper .category-area .category .dots {
    border-bottom: 1px dashed #ffffff;
    -webkit-flex: 100 1 auto;
    flex: 100 1 auto;
    margin: 0 20px;
}

.sidebar-wrapper .widget-archive select,
.sidebar-wrapper .widget-archive .nice-select {
    line-height: 46px;
}

.sidebar-wrapper.dark-version .widget-title {
    color: #fff;
}

.sidebar-wrapper.dark-version.boxed-sidebar .widget-area {
    background: #131d1f;
}

.sidebar-wrapper.dark-version .widget-archive .dark-style {
    background: transparent;
    color: #8d8d8d;
}

/*-------------------------------------------------------------------------------------
    Blog Part
---------------------------------------------------------------------------------------*/
.wedding-blog {
    background-color: #E8ECF8;
    width: 100%;
    position: relative;
}

.wedding-blog h1 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.4;
    color: #030B61;
}

@media (max-width: 991px) {
    .wedding-blog h1 {
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 767px) {
    .wedding-blog h1 {
        font-size: 2em;
    }
}

.wedding-blog .blog-content {
    padding: 18% 0 18% 18%;
}

@media only screen and (max-width: 767px) {
    .wedding-blog .blog-content {
        padding: 20px 15px;
    }
}

.wedding-blog .single-blog-item {
    z-index: 999;
    padding: 40px 40px;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.wedding-blog .single-blog-item .blog-title a {
    color: #030B61;
    font-size: 20px;
}

.wedding-blog .single-blog-item .blog-img div.slide-image {
    height: 250px;
    border-radius: 20px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.wedding-blog .single-blog-item .btn .sl-btn-small.wedding-btn {
    font-size: 16px;
    background: linear-gradient(90deg, #D32C3D 0%, #C40A1E 100%);
    color: #ffffff;
    border: none;
    border-radius: 10px 0px 10px 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

.wedding-blog .single-blog-item .btn .sl-btn-small.wedding-btn:hover {
    background: #ffffff;
    color: #C40A1E;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .wedding-blog .single-blog-item .btn .sl-btn-small.wedding-btn {
        padding: 1em 1.8em;
    }
}

.wedding-blog .owl-nav {
    right: auto;
    left: -477px;
    bottom: 0;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .wedding-blog .owl-nav {
        left: -411px;
        top: auto;
        bottom: 0;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .wedding-blog .owl-nav {
        left: -588px;
        bottom: 10px;
    }
}

@media (max-width: 991px) {
    .wedding-blog .owl-nav {
        left: -308px;
        bottom: 191px;
    }
}

@media only screen and (max-width: 767px) {
    .wedding-blog .owl-nav {
        position: relative;
        text-align: center;
        left: 0;
        bottom: -10px;
    }
}

.wedding-blog .owl-nav .owl-prev span,
.wedding-blog .owl-nav .owl-next span {
    width: 50px;
    height: 50px;
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    color: #C40A1E;
    font-size: 1.3rem;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.blog-post .blog-img {
    position: relative;
}

.blog-post .blog-img img {
    transition: all .3s ease-in-out;
}

.blog-post .blog-inner .blog-title a {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

.blog-post .blog-inner .blog-title a:hover {
    color: #0069FF;
}

.blog-post .blog-inner .blog-meta {
    display: -webkit-flex;
    display: flex;
    margin: 10px 0;
}

.blog-post .blog-inner .blog-meta a {
    font-size: 1rem;
    margin-right: 10px;
    color: #545454;
    font-style: italic;
}

.blog-post .blog-inner .content {
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blog-post:hover .blog-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-post.dark-version .blog-inner .blog-title a {
    color: #ffffff;
}

.blog-post.dark-version .blog-inner .blog-title a:hover {
    color: #ffffff;
}

.blog-post.dark-version .blog-inner .content {
    color: #ffffff;
}

.blog-post.dark-version .blog-inner .blog-meta a {
    color: #dcdcdc;
}

.blog-post.card-horizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.blog-post.card-horizontal .blog-img {
    width: 350px;
}

.blog-post.card-horizontal .blog-inner {
    padding: 0 20px;
}

@media (max-width: 991px) {
    .blog-post.card-horizontal {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .blog-post.card-horizontal .post-body {
        box-shadow: none;
        padding: 0 20px;
    }
}

.blog-post.blog-horizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.blog-post.blog-horizontal .blog-img {
    width: 1000px;
}

.blog-post.blog-horizontal .blog-img img {
    display: none;
}

.blog-post.blog-horizontal .blog-inner {
    padding: 0 20px;
}

@media (max-width: 991px) {
    .blog-post.blog-horizontal {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .blog-post.blog-horizontal .blog-img {
        width: 100%;
    }

    .blog-post.blog-horizontal .blog-img img {
        display: block;
    }

    .blog-post.blog-horizontal .post-body {
        box-shadow: none;
        padding: 0 20px;
    }
}

.blog-post.blog-small .blog-img {
    width: 300px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-post.blog-small .blog-img {
        width: 100%;
        height: 100px;
    }
}

@media (max-width: 991px) {
    .blog-post.blog-small .blog-img {
        width: 100%;
        height: 100px;
    }
}

@media only screen and (max-width: 575px) {
    .blog-post.blog-small .blog-img {
        width: 100%;
        height: 175px;
    }
}

.blog-post.blog-small .blog-meta {
    margin: 0;
}

.blog-post.blog-small .blog-meta a {
    font-size: 12px;
}

.blog-post.blog-small .blog-inner {
    padding: 0 14px;
    width: 100%;
}

@media (max-width: 991px) {
    .blog-post.blog-small .blog-inner {
        padding: 10px 0px;
    }
}

.blog-post.blog-small .blog-inner .blog-title {
    line-height: 0;
    margin: 8px 0;
}

.blog-post.blog-small .blog-inner .blog-title a {
    text-transform: capitalize;
    line-height: 1.2;
    font-size: 16px;
    margin: 0;
}

.blog-post.blog-small:hover .blog-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-post.blog-classic {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out;
    border-radius: 10px;
}

.blog-post.blog-classic.with-overlay .blog-img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}

.blog-post.blog-classic.with-overlay .blog-img:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.blog-post.blog-classic.with-overlay:hover .blog-img:after {
    opacity: .6;
}

.blog-post.blog-classic:hover {
    box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.2);
}

.blog-post.blog-classic .blog-inner {
    transition: .3s all ease-in-out;
    box-shadow: 0px 15px 45px -9px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.blog-post.blog-classic .blog-inner .content {
    font-size: 1rem;
    margin-bottom: 28px;
}

.blog-post.blog-classic .blog-inner .blog-title a {
    color: #505050;
    font-size: 1.5rem;
    margin-top: 0;
    transition: .3s all ease-in-out;
}

.blog-post.blog-classic .blog-inner .blog-title a:hover {
    color: #0069FF;
}

.blog-post.blog-classic .blog-inner .post-category {
    font-size: 0.875rem;
    color: #8d8d8d;
}

.blog-post.blog-classic .post-meta {
    font-size: 13px;
}

.blog-post.blog-classic .post-meta a {
    font-size: 13px;
}

.blog-post.blog-classic a.post-meta-comments {
    background-color: #f6f6f6;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: -20px;
    right: -92px;
    padding: 0 17px;
    border-radius: 100px;
    transition: .3s all ease-in-out;
    color: #8d8d8d;
}

.blog-post.blog-classic a.post-meta-comments i {
    font-size: 14px;
    position: relative;
    bottom: -3px;
    padding-right: 3px;
}

.blog-post.blog-classic a.post-meta-comments:hover {
    background-color: #0069FF;
    color: #ffffff;
}

.blog-post.blog-classic .post-meta-two {
    font-size: 12px;
    margin-left: -18%;
    margin-right: 92px;
    border-top: 1px solid #e9e9e9;
    padding: 19px 0 19px 18%;
    position: relative;
}

.blog-post.blog-classic.beauty-blog .blog-img {
    position: relative;
    display: block;
    z-index: 3;
    overflow: hidden;
}

.blog-post.blog-classic.beauty-blog .blog-img .img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 3;
}

.blog-post.blog-classic.beauty-blog .blog-img .img-overlay div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: #0069FF;
    border-radius: 50%;
}

.blog-post.blog-classic.beauty-blog:hover .blog-img .img-overlay {
    opacity: 1;
}

.blog-post.dark-style {
    box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.8);
}

.blog-post.dark-style a.post-meta-comments {
    background-color: transparent;
    border: 1px solid #bfbfbf;
    color: #bfbfbf;
}

.blog-post.dark-style .blog-inner .blog-title a {
    color: #ffffff;
}

.blog-post.dark-style .blog-inner .post-category,
.blog-post.dark-style .blog-inner .blog-meta a {
    color: #dadada;
}

.blog-post.dark-style .content {
    color: #bfbfbf;
}

.blog-post.dark-style:hover {
    box-shadow: 0 15px 45px -9px black;
}

@media (max-width: 991px) {
    .blog-classic.style-2 a.h3 {
        font-size: 18px;
        font-weight: 500;
    }
}

.ad-banner {
    width: 100%;
    height: 344px;
}

.ad-banner-2 {
    width: 100%;
    height: 315px;
}

/*-------------------------------------------------------------------------------------
    Blog details
---------------------------------------------------------------------------------------*/
.blog-tag-list a {
    color: #999999;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-weight: 500;
    line-height: 1.58;
    font-size: 1rem;
    text-transform: capitalize;
    position: relative;
    padding-left: 5px;
}

.blog-tag-list a::before {
    position: absolute;
    content: ", ";
    left: -2px;
}

.blog-tag-list a:first-child::before {
    display: none;
}

.blog-tag-list a:hover {
    color: #0069FF;
}

.blog-footer .post-tag h6,
.blog-footer .post-share h6 {
    font-size: 1rem;
}

.post-nav-list {
    margin-top: 47px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .post-nav-list {
        display: block;
    }
}

.post-nav-list .nav-item {
    max-width: 48%;
    width: 360px;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .post-nav-list .nav-item {
        max-width: 100%;
    }
}

.post-nav-list .nav-item a {
    display: block;
    padding: 47px 30px 47px;
    height: 100%;
    border: 1px solid #eee;
    background: #fff;
    font-size: 1.1rem;
    line-height: 1.375;
    font-weight: 600;
    color: #222;
    word-wrap: break-word;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 767px) {
    .post-nav-list .nav-item a {
        font-size: 17px;
        line-height: 1.5;
    }
}

.post-nav-list .nav-item a .link-text {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-bottom: 28px;
}

.post-nav-list .nav-item a .link-text span {
    left: -61px;
    position: absolute;
    top: -3px;
    font-size: 24px;
    color: #222;
}

.post-nav-list .nav-item a .link-text p {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.post-nav-list .nav-item a:hover {
    background: #0069FF;
    color: #fff;
}

.post-nav-list .nav-item a:hover .link-text {
    color: #ffffff;
}

.post-nav-list .nav-item a:hover .link-text span,
.post-nav-list .nav-item a:hover .link-text p {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #ffffff;
}

.post-nav-list .nav-item.next {
    text-align: right;
}

.post-nav-list .nav-item.next a {
    padding-right: 90px;
}

.post-nav-list .nav-item.next a .link-text span {
    right: -61px;
    left: auto;
}

.post-nav-list .nav-item.previous a {
    padding-left: 90px;
}

/* ========================
Start Comment Area 
==========================*/
.blog-details-wrapper .audio-post iframe {
    min-height: 200px;
    width: 100%;
    border: medium none;
    vertical-align: middle;
}

.blog-details-wrapper .post-meta>div {
    position: relative;
    display: inline-block;
}

.blog-details-wrapper .post-meta .post-date {
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
    color: #333333;
}

.blog-details-wrapper .post-meta .post-category {
    padding-left: 15px;
    margin-left: 7px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
}

.blog-details-wrapper .post-meta .post-category a {
    color: #333333;
}

.blog-details-wrapper .post-meta .post-category::before {
    content: "|";
    position: absolute;
    top: 0;
    left: 2px;
}

.blog-details-wrapper .post-meta.text-white .post-date {
    color: #ffffff;
}

.blog-details-wrapper .post-meta.text-white .post-category a {
    color: #ffffff !important;
}

.blog-details-wrapper.dark-version .post-meta .post-date {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .post-meta .post-category a {
    color: #ffffff !important;
}

.blog-details-wrapper.dark-version p {
    color: #8d8d8d;
}

.blog-details-wrapper.dark-version .sl-quote .quote-text {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .post-tag .heading,
.blog-details-wrapper.dark-version .post-share .heading {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .post-tag .blog-tag-list a,
.blog-details-wrapper.dark-version .post-share .blog-tag-list a {
    color: #c7c7c7;
}

.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a {
    background: transparent;
}

.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a .link-text span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a .link-text span {
    color: #8d8d8d;
}

.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a:hover span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.next a:hover .link-text span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a:hover span,
.blog-details-wrapper.dark-version .post-nav-list .nav-item.previous a:hover .link-text span {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .comments-wrapper {
    border: 1px solid #eee;
    background: transparent;
}

.blog-details-wrapper.dark-version .comments-wrapper .heading,
.blog-details-wrapper.dark-version .comments-wrapper .commnent-list-wrap .comment .content .heading {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .comments-wrapper .commnent-list-wrap .comment p {
    color: #8d8d8d;
}

.blog-details-wrapper.dark-version .comments-wrapper .commnent-list-wrap .comment .content .comment-footer {
    color: #8d8d8d;
}

.blog-details-wrapper.dark-version .comments-wrapper .commnent-list-wrap .comment .content .comment-footer span.reply-btn a {
    color: #9d9d9d;
}

.blog-details-wrapper.dark-version .comment-form-wrapper .heading {
    color: #ffffff;
}

.blog-details-wrapper.dark-version .comment-form-wrapper p {
    color: #8d8d8d;
}

.comments-wrapper {
    border: 1px solid #eee;
    background: #fff;
    padding: 40px;
    margin-bottom: 30px;
}

.commnent-list-wrap .comment {
    list-style-type: none;
    margin-top: 38px;
    padding-top: 38px;
    padding-left: 6px;
    border-top: 1px solid #eee;
}

.commnent-list-wrap .comment .thumb {
    float: left;
}

@media only screen and (max-width: 767px) {
    .commnent-list-wrap .comment .thumb {
        float: none;
    }
}

.commnent-list-wrap .comment .thumb img {
    border-radius: 10px;
}

.commnent-list-wrap .comment h6 {
    font-size: 20px;
}

.commnent-list-wrap .comment .content {
    position: relative;
    overflow: hidden;
    margin-left: 152px;
}

@media only screen and (max-width: 767px) {
    .commnent-list-wrap .comment .content {
        margin-left: 0;
        margin-top: 30px;
    }
}

.commnent-list-wrap .comment .content p {
    font-size: 14px;
}

.commnent-list-wrap .comment .content .comment-footer span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    font-style: italic;
}

.commnent-list-wrap .comment .content .comment-footer span.reply-btn {
    padding-left: 5px;
    font-style: normal;
}

.commnent-list-wrap .comment .content .comment-footer span.reply-btn a {
    color: #333333;
    transition: 0.4s;
}

.commnent-list-wrap .comment .content .comment-footer span.reply-btn a:hover {
    color: #0069FF;
}

.commnent-list-wrap .comment.comment-reply {
    padding-left: 61px;
}

@media only screen and (max-width: 767px) {
    .commnent-list-wrap .comment.comment-reply {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .commnent-list-wrap .comment.comment-reply {
        padding-left: 0;
    }
}

/* ====================
    Contact Form 
======================*/
.comment-form-wrapper .contact-form input {
    height: 50px;
}

.comment-form-wrapper .contact-form .textarea {
    height: 180px;
}

/* ====================
Blog Main Quote 
======================*/
.blog-main-quote {
    position: relative;
    padding: 48px 40px;
    text-align: center;
}

/*===================================
 Post Return Button 
 ==================================*/
.blog-post-return-button a {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #999999;
    line-height: 1.58;
    font-size: 14px;
    font-weight: 500;
}

.blog-post-return-button a i {
    font-size: 12px;
    color: #222;
    margin-right: 6px;
}

.blog-post-return-button a:hover {
    color: #0069FF;
}

/*===================================
    Modern Pagination
 ==================================*/
.blog-modern-pagination .modern-pagination a {
    color: #ffffff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.blog-modern-pagination .modern-pagination a:hover {
    color: #0069FF;
}

.blog-modern-pagination .modern-pagination a .nav-icon {
    font-size: 24px;
}

.blog-modern-layout iframe {
    width: 100%;
}

/*================================
    Portfolio Style
=================================*/
/*-------------------------------------------------------------------------------------
    Portfolio Details
---------------------------------------------------------------------------------------*/
.sl-portfolio-area {
    position: relative;
}

.portfolio-nogap {
    width: 100%;
    padding: 0 15px;
}

.portfolio {
    position: relative;
}

.portfolio.portfolio-style-1 .thumb img {
    width: 100%;
}

.portfolio.portfolio-style-1 .port-overlay-info {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #0069FF;
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action {
    text-align: center;
    padding: 0 15px;
    top: 50%;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title {
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "Montserrat", sans-serif;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title a {
    color: #fff;
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title.font-24 {
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-1 .port-overlay-info .hover-action h3.post-overlay-title.font-24 {
        font-size: 17px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info .hover-action .category {
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    margin-top: 10px;
    color: #fff;
}

.portfolio.portfolio-style-1 .port-overlay-info.font-playfair .hover-action h3.post-overlay-title {
    font-size: 24px;
    font-family: "Playfair Display", Georgia, serif;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-1 .port-overlay-info.font-playfair .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.24;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .portfolio.portfolio-style-1 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info.lg-font .hover-action .category {
    font-style: italic;
    font-size: 15px;
    position: relative;
    padding-left: 50px;
}

.portfolio.portfolio-style-1 .port-overlay-info.lg-font .hover-action .category::before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    width: 40px;
    height: 1px;
    background: #fff;
}

.portfolio.portfolio-style-1 .port-overlay-info.position-left .hover-action {
    padding: 40px;
    top: 0;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-1 .port-overlay-info.position-left .hover-action {
        padding: 10px;
    }
}

.portfolio.portfolio-style-1 .port-overlay-info.position-bottom .hover-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 37px 28px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: left;
}

.portfolio.portfolio-style-1 .port-overlay-info.with-caption .hover-action h3.post-overlay-title {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: .3s ease-out 0s;
}

.portfolio.portfolio-style-1.bg-black-shape .port-overlay-info {
    background-color: transparent;
}

.portfolio.portfolio-style-1.bg-black-shape .port-black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(0deg, #000 0, transparent 50%);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio.portfolio-style-1:hover .port-overlay-info {
    visibility: visible;
    opacity: .9;
}

.portfolio.portfolio-style-1:hover .port-overlay-info h3.post-overlay-title {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-1:hover .port-overlay-info .category {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-1:hover .port-overlay-info.with-caption .hover-action h3.post-overlay-title {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-1:hover.bg-black-shape .port-black-overlay {
    visibility: visible;
    opacity: .9;
}

.portfolio.portfolio-style-2 .thumb {
    overflow: hidden;
}

.portfolio.portfolio-style-2 .thumb img {
    width: 100%;
    transition: .3s ease-out 0s;
}

.portfolio.portfolio-style-2 .port-overlay-info {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #0069FF;
}

.portfolio.portfolio-style-2 .port-overlay-info .year {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 37px 28px;
    font-size: 20px;
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action {
    text-align: center;
    padding: 0 15px;
    top: 50%;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title {
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    font-size: 18px;
    line-height: 1 .4;
    color: #fff;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "Montserrat", sans-serif;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title a {
    color: #fff;
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title.font-24 {
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info .hover-action h3.post-overlay-title.font-24 {
        font-size: 17px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .category {
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    margin-top: 10px;
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .category a {
    color: #fff;
    margin-right: 10px;
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .category::before {
    display: none;
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    width: 40px;
    height: 1px;
    background: #fff;
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .btn {
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    padding: 10px 15px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
    opacity: 0;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.portfolio.portfolio-style-2 .port-overlay-info .hover-action .btn:hover {
    background: #0069FF;
    color: #ffffff;
}

.portfolio.portfolio-style-2 .port-overlay-info.font-playfair .hover-action h3.post-overlay-title {
    font-size: 24px;
    font-family: "Playfair Display", Georgia, serif;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info.font-playfair .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.24;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action h3.post-overlay-title {
        font-size: 16px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action .category {
    font-style: italic;
    font-size: 15px;
    position: relative;
    padding-left: 50px;
}

.portfolio.portfolio-style-2 .port-overlay-info.lg-font .hover-action .category::before {
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    width: 40px;
    height: 1px;
    background: #fff;
}

.portfolio.portfolio-style-2 .port-overlay-info.position-left .hover-action {
    padding: 40px;
    top: 0;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .portfolio.portfolio-style-2 .port-overlay-info.position-left .hover-action {
        padding: 10px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info.position-bottom .hover-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 37px 28px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: left;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .portfolio.portfolio-style-2 .port-overlay-info.position-bottom .hover-action {
        padding: 25px 25px;
    }
}

.portfolio.portfolio-style-2 .port-overlay-info.with-caption .hover-action h3.post-overlay-title {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: .3s ease-out 0s;
}

.portfolio.portfolio-style-2:hover .thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.portfolio.portfolio-style-2:hover .port-overlay-info {
    visibility: visible;
    opacity: 1;
}

.portfolio.portfolio-style-2:hover .port-overlay-info .year {
    opacity: 1;
    transition: .3s ease-out 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover .port-overlay-info h3.post-overlay-title {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover .port-overlay-info .category {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover .port-overlay-info .btn {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover .port-overlay-info.with-caption .hover-action h3.post-overlay-title {
    opacity: 1;
    transition: .5s ease-out .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio.portfolio-style-2:hover.bg-black-shape .port-black-overlay {
    visibility: visible;
    opacity: .9;
}

.portfolio-grid-nogap .portfolio-33-33 {
    width: 33.33%;
}

.portfolio-grid-nogap .resizer {
    width: 33.33%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-grid-nogap .portfolio-33-33 {
        width: 50%;
    }

    .portfolio-grid-nogap .resizer {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-grid-nogap .portfolio-33-33 {
        width: 100%;
    }

    .portfolio-grid-nogap .resizer {
        width: 100%;
    }
}

.port .btTextIndent .btImage img {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
    margin: 0;
}

.port .btImage,
.port .btTextCenter .bpgPhoto.wIconOver {
    display: block;
}

.port .btTextIndent>.rowItemContent .btImage,
.port .btTextIndent>.rowItemContent .bpgPhoto {
    margin: 0 -15px;
}

.port .btTextCenter .bpgPhoto {
    display: block;
    margin: 0 auto;
    float: none;
}

.port .bpgPhoto {
    overflow: hidden;
    position: relative;
}

.port .btTextCenter {
    text-align: center;
}

.port .out-bottom:not(.btCircleImage) .captionPane {
    -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
    animation: out-bottom 300ms ease 0ms 1 forwards;
}

.port .btLightSkin .captionPane,
.port .btDarkSkin .btLightSkin .captionPane {
    background: rgba(255, 255, 255, 0.8);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .port .captionPane {
        right: -1px;
    }
}

.port .captionTable {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.port .captionCell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.port .btLightSkin .bpgPhoto .captionTxt,
.port .btDarkSkin .btLightSkin .bpgPhoto .captionTxt {
    color: #444;
}

.port .captionTxt {
    display: block;
    padding: 0 20px;
}

.port .captionTxt:before {
    content: "\f002";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    margin: 0px auto;
}

.port .captionPane {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    right: 0;
    transition: all 400ms ease;
}

.port .bpgPhoto:hover .captionPane {
    opacity: 1;
}

.port .btIconImageRow.btIconsHalfHoverPosition,
.port .btIconImageRow.btIconsFullHoverPosition {
    overflow: visible;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.port .btTextCenter .btIconImageRow {
    width: auto;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.port .btIconImageRow.btIconsHalfHoverPosition .btIco.btIcoBigSize {
    margin-top: -40px;
    margin-bottom: 8px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.port .btTextCenter .btIconImageRow.btIconsHalfHoverPosition .btIco,
.port .btTextCenter .btIconImageRow.btIconsFullHoverPosition .btIco {
    margin-left: 50%;
    float: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.port .btIconImageRow.btIconsHalfHoverPosition .btIco,
.port .btIconImageRow.btIconsFullHoverPosition .btIco {
    position: relative;
    z-index: 2;
    display: block;
    overflow: visible;
}

.port .btLightSkin .btIcoBigSize.btIcoOutline,
.port .btDarkSkin .btLightSkin .btIcoBigSize.btIcoOutline {
    box-shadow: 0 0 0 10px #fff, 0 0 0 1px #fff inset;
}

.port .btIco {
    margin-left: .25em;
    margin-right: .25em;
    display: inline-block;
    vertical-align: middle;
    transition: all 500ms ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.port .btIco.btIcoBigSize {
    line-height: 80px;
}

.port .btIco.btIcoOutline {
    border-radius: 50%;
}

.port .btIco .btIcoHolder {
    line-height: inherit;
    float: left;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.port a:hover {
    color: #3264f5;
}

.port .btLightSkin a,
.port .btDarkSkin .btLightSkin a {
    color: #444;
}

.port a:hover {
    text-decoration: none;
    color: #3264f5;
}

.port .btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:before,
.port .btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:after {
    color: #fff;
}

.port .btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:before,
.port .btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:after {
    color: #fff;
}

.port .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.port .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:after {
    color: #fff;
}

.port .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before,
.port .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:after {
    color: #fff;
}

.port .btIcoFromBottom:hover .btIcoHolder:before {
    -webkit-transform: translate3d(0, -105%, 0);
    transform: translate3d(0, -105%, 0);
}

.port .btIco.btIcoBigSize .btIcoHolder:before,
.port .btIco.btIcoBigSize .btIcoHolder:after {
    font-size: 41px;
}

.port .btIcoFromBottom .btIcoHolder:before,
.port .btIcoFromLeft .btIcoHolder:before,
.port .btIcoFromTop .btIcoHolder:before,
.port .btIcoFromBottom:hover .btIcoHolder:after,
.port .btIcoFromLeft:hover .btIcoHolder:after,
.port .btIcoFromTop:hover .btIcoHolder:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.port .btIcoFromBottom .btIcoHolder:before,
.port .btIcoFromTop .btIcoHolder:before,
.port .btIcoFromLeft .btIcoHolder:before {
    display: block;
}

.port .btIco .btIcoHolder:before,
.port .btIco .btIcoHolder:after {
    color: #3264f5;
}

.port .btIcoHolder:before {
    display: none;
    display: block;
    position: absolute;
    line-height: inherit;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: inherit;
    z-index: 1;
    transition: all 400ms ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0.001em, 0.001em, 0);
    transform: translate3d(0.001em, 0.001em, 0);
}

.port .btIcoHolder:after {
    display: block;
    position: absolute;
    line-height: inherit;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: inherit;
    z-index: 1;
    transition: all 400ms ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0.001em, 0.001em, 0);
    transform: translate3d(0.001em, 0.001em, 0);
}

.port .btIco.btIcoFilledType.btIcoAccentColor.btIcoBigSize:hover .btIcoHolder em,
.port .btIco.btIcoOutlineType.btIcoAccentColor.btIcoBigSize .btIcoHolder em {
    box-shadow: 0 0 0 2px #3264f5 inset;
}

.port .btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder em,
.port .btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder em {
    box-shadow: 0 0 0 1px #3264f5 inset;
}

.port .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder em {
    background: linear-gradient(to right, #3264f5 0%, #7202bb 100%);
}

.port .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder em {
    background: #ffffff !important;
}

.port .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder em,
.port .btIco.btIcoFilledType.btIcoAlterColor .btIcoHolder em,
.port .btIco.btIcoFilledType.btIcoAlterColor:hover .btIcoHolder em {
    background-color: #fff;
}

.port .btIco.btIcoBigSize .btIcoHolder em {
    font-size: 40px;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.port .btIco .btIcoHolder em {
    border-radius: 50%;
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle;
    transition: all .3s ease;
    font-weight: 400;
    -webkit-transform: rotate3d(0, 0, 1, 50deg);
    transform: rotate3d(0, 0, 1, 50deg);
    -webkit-order: 1;
    order: 1;
}

.port .btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:before,
.port .btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:after {
    color: #fff;
}

.port .btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:before,
.port .btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:after {
    color: #fff;
}

.port .btLightSkin .btIcoAccentColor:hover span,
.port .btDarkSkin .btLightSkin .btIcoAccentColor:hover span,
.port .btLightSkin .btIcoAccentColor:hover a.btIcoHolder:after,
.port .btDarkSkin .btLightSkin .btIcoAccentColor:hover a.btIcoHolder:after {
    color: #444;
}

.port .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.port .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:after {
    color: #fff;
}

.port .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before,
.port .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:after {
    color: #fff;
}

.port .btIcoAccentColor:hover span,
.port .btIcoAccentColor:hover a.btIcoHolder:after {
    color: #fff;
}

.port .btIcoFromBottom .btIcoHolder:before,
.port .btIcoFromLeft .btIcoHolder:before,
.port .btIcoFromTop .btIcoHolder:before,
.port .btIcoFromBottom:hover .btIcoHolder:after,
.port .btIcoFromLeft:hover .btIcoHolder:after,
.port .btIcoFromTop:hover .btIcoHolder:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.port .btIco.btIcoBigSize .btIcoHolder:before,
.port .btIco.btIcoBigSize .btIcoHolder:after {
    font-size: 41px;
}

.port .btIcoFromBottom .btIcoHolder:after {
    -webkit-transform: translate3d(0, 105%, 0);
    transform: translate3d(0, 105%, 0);
}

.port .btIcoHolder:after,
.port .btIcoHolder:before {
    content: "\f004";
    font-family: "Font Awesome 5 Free";
}

.port .btIco .btIcoHolder:before {
    color: #3264f5;
}

.port .btIco .btIcoHolder:after {
    color: #3264f5;
    -webkit-order: 2;
    order: 2;
}

.port .btIcoHolder:before,
.port .btIcoHolder:after {
    display: block;
    position: absolute;
    line-height: inherit;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: inherit;
    z-index: 1;
    transition: all 400ms ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0.001em, 0.001em, 0);
    transform: translate3d(0.001em, 0.001em, 0);
}

.port .btSeparator,
.port .btClear {
    clear: both;
}

.port .topExtraSmallSpaced {
    padding-top: 5px;
}

.port .btSeparator.noBorder hr {
    border-bottom: 1px solid transparent !important;
}

.port .btSeparator hr {
    clear: both;
    border: none;
    padding: 0;
    margin: 0;
}

.port .boldRow:after,
.port .btClear:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

.port .header {
    display: block;
}

.port .header.medium {
    margin: 0 0 5px;
}

.port .header.medium .btSuperTitle {
    margin: 0 0 12px;
    font-size: 16px;
}

.port .header.medium .btSubTitle {
    font-size: 16px;
}

.port .header .btSuperTitle {
    font-family: 'Muli', sans-serif;
    font-size: 13px;
    line-height: 1.55;
    clear: both;
    margin: 0 0 .8em;
}

.port .header .dash {
    display: block;
    margin: 0;
}

.port .header.medium h2,
.port .header.medium h3 {
    font-size: 25px;
    margin: 0 0 11px;
}

.port .header h1,
.port .header h2,
.port .header h3 {
    line-height: 1.15;
}

.port .btLightSkin h1,
.port .btLightSkin h2,
.port .btLightSkin h3,
.port .btLightSkin h4,
.port .btLightSkin h5,
.port .btLightSkin h6 {
    color: #222;
}

.port .btDarkSkin .btLightSkin h1,
.port .btDarkSkin .btLightSkin h2,
.port .btDarkSkin .btLightSkin h3,
.port .btDarkSkin .btLightSkin h4,
.port .btDarkSkin .btLightSkin h5,
.port .btDarkSkin .btLightSkin h6 {
    color: #222;
}

.port .header .headline {
    display: block;
}

.port .boldRow:after,
.port .btClear:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

.port .sTxt p:last-of-type,
.port .btText p:last-of-type {
    margin-bottom: 0;
}

/*-------------------------------------------------------------------------------------
    Portfolio Details
---------------------------------------------------------------------------------------*/
.portfolio-details-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 62px 30px;
}

.portfolio-details-list .details-list label {
    color: #222222;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
}

.portfolio-details-list .details-list span {
    color: #999;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
    display: block;
}

.portfolio-details-list .details-list span a {
    color: #999;
    transition: 0.4s;
}

.portfolio-details-list .details-list span a:hover {
    color: #0069FF;
}

.portfolio-details-list-2 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 62px 30px;
}

@media only screen and (max-width: 767px) {
    .portfolio-details-list-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.portfolio-details-list-2 .details-list label {
    color: #222222;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 12px;
}

.portfolio-details-list-2 .details-list span {
    color: #999;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 1rem;
    display: block;
}

.portfolio-details-list-2 .details-list span a {
    color: #999;
    transition: 0.4s;
}

.portfolio-details-list-2 .details-list span a:hover {
    color: #0069FF;
}

/*==========================
    Portfolio Nav list
============================*/
.portfolio-nav-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list {
        display: block;
    }
}

.portfolio-nav-list .portfolio-page .inner a {
    display: block;
    color: #999;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio-nav-list .portfolio-page .inner a p {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio-nav-list .portfolio-page .inner a h3 {
    line-height: 1.42;
    font-size: 28px;
    margin: 22px 0 0;
    position: relative;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (max-width: 991px) {
    .portfolio-nav-list .portfolio-page .inner a h3 {
        font-size: 28px;
    }
}

.portfolio-nav-list .portfolio-page .inner a h3::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}

.portfolio-nav-list .portfolio-page .inner a:hover p {
    color: #0069FF;
}

.portfolio-nav-list .portfolio-page .inner a:hover h3 {
    color: #0069FF;
}

.portfolio-nav-list .portfolio-page.prev {
    padding-left: 100px;
    text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-nav-list .portfolio-page.prev {
        padding-left: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list .portfolio-page.prev {
        padding-left: 60px;
    }
}

.portfolio-nav-list .portfolio-page.prev .inner a h3::before {
    left: -100px;
    content: "\f060";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-nav-list .portfolio-page.prev .inner a h3::before {
        left: -60px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list .portfolio-page.prev .inner a h3::before {
        left: -60px;
    }
}

.portfolio-nav-list .portfolio-page.next {
    padding-right: 100px;
    text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-nav-list .portfolio-page.next {
        padding-right: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list .portfolio-page.next {
        padding-right: 60px;
    }
}

.portfolio-nav-list .portfolio-page.next .inner a h3::before {
    right: -100px;
    content: "\f061";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-nav-list .portfolio-page.next .inner a h3::before {
        right: -60px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-nav-list .portfolio-page.next .inner a h3::before {
        right: -60px;
    }
}

.portfolio-multi-image-slider.circle-dots .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 75px;
}

.portfolio-multi-image-slider.circle-dots .owl-dots button.owl-dot {
    background: #ffffff;
    width: 15px;
    height: 15px;
}

.portfolio-multi-image-slider.circle-dots .owl-dots button.owl-dot.active {
    background: #0069FF;
}

/*================================
    Shop Style
=================================*/
/*-------------------------------------------------------------------------------------
    Products
---------------------------------------------------------------------------------------*/
.product {
    position: relative;
}

.product.product-margin {
    margin-bottom: 30px;
}

.product img {
    transition: all 0.5s ease-in-out;
}

.product .product-contain h4 {
    color: #000000;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.product .product-contain h4:hover {
    color: #0069FF;
}

.product:hover .product-contain h4 {
    color: #0069FF;
}

.product:hover .product-img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

@media only screen and (max-width: 767px) {
    .product:hover .product-img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.product:hover .product-img ul>li:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.product:hover .product-img ul>li:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 0.2s;
}

.product:hover .product-img ul>li:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 0.4s;
}

.product .tringle-topleft {
    position: absolute;
    top: 0;
    left: 0;
}

.product .tringle-topleft:before {
    content: "";
    position: absolute;
    border-top: 70px solid #6a4031;
    border-right: 70px solid transparent;
}

.product .tringle-topleft h6 {
    color: #fff;
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.02em;
    position: absolute;
    left: 3px;
    top: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.product .product-img {
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.product .product-img .timer-box {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
}

.product .product-img .timer-box .timer {
    background: rgba(106, 64, 49, 0.48);
    padding: 10px 0;
}

.product .product-img .timer-box .timer p {
    color: #fff;
    margin-bottom: 0;
}

.product .product-img .timer-box .timer span {
    width: 70px;
    display: inline-block;
}

.product .product-img .timer-box .timer span .timer-cal {
    color: #fff;
    text-align: left;
    padding-left: 10px;
}

.product .product-img .timer-box .timer .sec {
    padding-right: 30px;
}

.product .product-img .timer-box .timer .padding-l {
    padding-left: 22px;
    display: inline;
}

.product .product-img .product-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.product .product-img .product-icon i {
    color: #0069FF;
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    padding: 8px;
    background: #ffffff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.product .product-img ul>li+li {
    padding-top: 5px;
}

.product ul>li {
    transition: all 0.5s ease-in-out;
}

.product ul>li:nth-child(2),
.product ul>li:nth-child(3),
.product ul>li:nth-child(4) {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

/*-------------------------------------------------------------------------------------
    Single Product
---------------------------------------------------------------------------------------*/
.nextprev-btn {
    margin-bottom: 29px;
}

.nextprev-btn .navlist {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.nextprev-btn .navlist .navitem {
    width: 50%;
}

.nextprev-btn .navlist .navitem a {
    display: inline-block;
    position: relative;
    color: #999999;
    font-size: 14px;
}

.nextprev-btn .navlist .navitem a.text-white::before {
    color: #ffffff;
}

.nextprev-btn .navlist .navitem a::before {
    position: absolute;
    top: 1px;
    font-size: 12px;
    color: #222;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}

.nextprev-btn .navlist .navitem.prev a {
    padding-left: 22px;
}

.nextprev-btn .navlist .navitem.prev a::before {
    content: "\f060";
    left: 0;
}

.nextprev-btn .navlist .navitem.next {
    text-align: right;
}

.nextprev-btn .navlist .navitem.next a {
    padding-right: 22px;
}

.nextprev-btn .navlist .navitem.next a::before {
    content: "\f061";
    right: 0;
}

.single-product-details-side {
    margin-bottom: 40px;
    width: 100% !important;
    max-width: 440px;
    margin-left: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-product-details-side {
        margin-left: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-details-side {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .single-product-details-side {
        margin-left: 0;
    }
}

.single-product-details-side .pro-quantity {
    display: inline-block;
}

.single-product-details-side .pro-quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #999999;
    border-radius: 50px;
    padding: 0 15px;
    display: block;
    margin: auto;
}

.single-product-details-side .pro-quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
}

.single-product-details-side .pro-quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: transparent;
}

@media only screen and (max-width: 575px) {
    .single-product-details-side .pro-quantity .pro-qty {
        margin: 0;
    }
}

.single-product-details-side .header {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 24px;
}

.single-product-details-side .header .product-badges {
    position: static;
    display: inline-block;
    margin: 0 15px 0 0;
    z-index: 0;
}

.single-product-details-side .header .product-badges span {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 2px;
    min-height: 0;
    min-width: 0;
    border-radius: 10px 10px 10px 0;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.44;
    text-transform: uppercase;
    background: #d31129;
    padding: 4px 11px;
    color: #fff;
    background-color: #d31129;
}

.single-product-details-side .price p {
    font-size: 18px;
    font-weight: 600;
}

.single-product-details-side .description {
    margin-bottom: 44px;
}

.single-product-details-side .quenty-container {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 45px 0 45px;
}

.single-product-details-side .quenty-button {
    overflow: hidden;
    margin-bottom: 40px;
}

.single-product-details-side .quenty-button h6.heading {
    float: left;
    margin: 9px 15px 0 0;
    text-transform: uppercase;
    min-width: 100px;
}

.single-product-details-side .quenty-button input {
    display: inline-block;
    float: left;
    margin: 0 30px 0 0;
    overflow: hidden;
    position: relative;
    width: 66px;
}

.single-product-details-side .product-action {
    display: -webkit-flex;
    display: flex;
    margin: 0 -10px;
}

.single-product-details-side .product-action a {
    color: #ffffff;
    border-color: #0069FF;
    background-color: #0069FF;
    position: relative;
    display: inline-block;
    margin: 0 10px;
    border-radius: 6px;
}

.single-product-details-side .product-action a.addtocart {
    padding: 0 30px 0;
    height: 53px;
    font-weight: 600;
    line-height: 52px;
    font-size: 16px;
}

.single-product-details-side .product-action a.addtocart i {
    margin-right: 19px;
}

.single-product-details-side .product-action a.wislist {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    line-height: 53px;
    border-radius: 6px;
    color: #fff;
    font-size: 0;
    padding: 0;
    border: 1px solid #fff;
    text-align: center;
}

.single-product-details-side .product-action a.wislist::before {
    content: "\f004";
    font-size: 20px;
    margin: 0;
    font-family: Font Awesome\ 5 Free;
    font-weight: 400;
}

.single-product-details-side .product-meta .meta-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.single-product-details-side .product-meta .meta-item h6 {
    font-size: 1rem;
    text-transform: uppercase;
    min-width: 100px;
    margin: 0 15px 0 0;
}

.single-product-details-side .product-meta .meta-item .item-list a {
    color: #999999;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-size: 1rem;
    margin-right: 5px;
    font-weight: 500;
}

.single-product-details-side .product-meta .meta-item .item-list a:hover {
    color: #0069FF;
}

.single-product-details-side .product-meta .meta-item+.meta-item {
    margin-top: 24px;
}

.active_thumb img {
    width: 100%;
}

.single_product_inner h4 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 6px;
}

.single_product_inner .price span {
    font-size: 16px;
}

.single_product_inner .price span.new {
    border-bottom: 1px solid #222222;
    color: #0069FF;
    display: inline-block;
    font-size: 24px;
    margin-right: 3px;
    font-weight: 600;
}

.single_product_inner .rating {
    display: -webkit-flex;
    display: flex;
    list-style: outside none none;
    margin-bottom: 24px;
    margin-top: 8px;
    padding: 0;
}

.single_product_inner .rating li {
    margin-right: 2px;
}

.single_product_inner .rating li i {
    color: #222222;
}

.single_product_inner .pro_dtl p {
    margin-bottom: 25px;
}

.single_product_inner .product_cart_action {
    display: -webkit-flex;
    display: flex;
    margin-top: 36px;
}

.single_product_inner .product_cart_action .cart_qun_inner {
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #dddddd;
    display: -webkit-flex;
    display: flex;
    height: 38px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 35px;
    padding: 0 20px;
    position: relative;
    margin-left: 30px;
}

.single_product_inner .product_cart_action .cart_qun_inner .pro-quantity .pro-qty span.qtybtn {
    float: left;
    padding: 0;
}

.single_product_inner .product_cart_action .cart_qun_inner .pro-quantity input {
    background-color: transparent;
    border: medium none;
    float: left;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    width: 28px;
}

.single_product_inner .product_cart_action .cart_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: outside none none;
    margin: 0 -2px;
    padding: 0;
}

.single_product_inner .product_cart_action .cart_list li {
    margin: 0 2px;
}

.single_product_inner .product_cart_action .cart_list li a {
    background: #222222 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 36px;
}

.single_product_inner .product_cart_action .cart_list li a:hover {
    opacity: 0.7;
}

.single_product_inner .product_cart_action .cart_list li.shopping_basket a {
    padding: 0 16px;
    text-transform: uppercase;
    width: auto;
}

.big_img_container .tab-pane:not(.active) {
    display: none;
}

.sm_roduct_nav {
    border: 0 none;
    margin: 0 -8px;
}

.sm_roduct_nav a {
    display: block;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    padding: 16px 8px 0;
}

.sm_roduct_nav a img {
    width: 100%;
}

.product_share {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    margin-top: 60px;
}

.product_share ul.social_share {
    display: -webkit-flex;
    display: flex;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.product_share ul.social_share li {
    margin-left: 15px;
}

.product_share ul.social_share li a {
    color: #fff;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 30px;
}

.cart_qun_inner span {
    color: #050505;
    font-size: 16px;
    padding-right: 12px;
}

.cart_qun_inner .cart-plus-minus {
    position: relative;
}

.cart_qun_inner .cart-plus-minus input {
    border: 0 none;
    text-align: center;
    width: 70px;
    outline: none;
}

.single_review_content.tab-pane:not(.active) {
    display: none;
}

.product_review {
    padding-top: 100px;
}

.product_review .description_nav {
    border: 0 none;
}

.product_review .description_nav a {
    border-bottom: 2px solid transparent;
    padding: 13px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #222222;
}

.product_review .description_nav a.active,
.product_review .description_nav a:hover {
    border-bottom: 3px solid #0069FF;
    color: #000000;
}

.product_review .description_nav a+a {
    margin-left: 20px;
}

.product_review .single_review_content {
    border-top: 1px solid #f5f5f5;
    margin-top: 14px;
    padding: 40px;
    padding-left: 0;
}

.product_review .single_review_content p {
    font-size: 15px;
    line-height: 30px;
    margin: 0 auto;
    text-align: left;
    padding-left: 0;
}

.product_review .single_review_content .rating {
    display: -webkit-flex;
    display: flex;
    list-style: outside none none;
    margin-bottom: 24px;
    margin-top: 8px;
    padding: 0;
}

.product_review .single_review_content .rating li {
    margin-right: 3px;
}

.product_review .single_review_content .rating li i {
    font-size: 16px;
    color: #efc71f;
}

.product_review .single_review_content .classs__review__inner h4 {
    color: #000;
    font-weight: 500;
}

.product_review .single_review_content .classs__review__inner p {
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0;
    text-align: left;
}

.product_review .single_review_content .classs__review__inner span {
    font-weight: 400;
}

.product_review .single_review_content .classs__review__inner .input__box span {
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 14px;
}

.product_review .single_review_content .classs__review__inner .input__box input {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    height: 50px;
    outline: medium none;
    width: 100%;
}

.product_review .single_review_content .classs__review__inner .input__box textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    min-height: 200px;
    padding: 10px;
    width: 100%;
}

.product_review .single_review_content .classs__review__inner .input__box+.input__box {
    margin-top: 15px;
}

.product_review .single_review_content .classs__review__inner .submit__btn a {
    background-color: #252525;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    margin-top: 30px;
    padding: 0 20px;
    transition: all 0.3s ease-in-out 0s;
}

.product_review .single_review_content .classs__review__inner .submit__btn a:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .big_img_container .big_img img {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .big_img_container .big_img img {
        width: 100%;
    }

    .sm_roduct_nav a {
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
    }

    .single_product_inner .pro_ration {
        margin-bottom: 11px;
    }

    .single_product_inner .pro_dtl p {
        margin-bottom: 10px;
    }

    .product_share {
        margin-top: 29px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .big_img_container .big_img img {
        width: 100%;
    }

    .single_product_inner {
        margin-top: 30px;
    }

    .product_review .description_nav a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .big_img_container .big_img img {
        width: 100%;
    }

    .single_product_inner {
        margin-top: 30px;
    }

    .product_review .description_nav a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575px) {
    .product_review .description_nav a {
        padding: 0 9px;
    }

    .single_product_inner .product_cart_action {
        display: block;
    }

    .single_product_inner .product_cart_action .cart_qun_inner {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .product_review .description_nav a {
        border-left: 1px solid transparent;
        margin-bottom: 15px;
        display: inline-block;
    }

    .product_review .description_nav {
        border-color: #ecefea #ecefea #efefef;
        border-style: solid;
        border-width: 1px;
        padding: 10px 0;
    }

    .product_review .description_nav a:last-child {
        border-right: 1px solid transparent;
    }

    .sm_roduct_nav a {
        -webkit-flex-basis: 33.33%;
        flex-basis: 33.33%;
    }

    .product_review .single_review_content {
        padding: 26px 9px;
    }

    .product_review .single_review_content p {
        font-size: 14px;
        line-height: 25px;
        padding: 0 10px;
    }
}

/*-------------------------------------------------------------------------------------
    Shop Sidebar
---------------------------------------------------------------------------------------*/
.content-shopby {
    margin-top: 32px;
}

.price--filter {
    display: inline-block;
}

.price--filter a {
    background: #0069FF none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 40px;
    padding: 0 20px;
}

.price--output {
    display: inline-block;
}

.price--output input {
    border: 0 none;
}

.price--output span {
    color: #333;
    font-size: 14px;
}

.ui-widget-content {
    background: #ededed none repeat scroll 0 0;
    border: 0 none;
    color: #0069FF;
}

.ui-widget.ui-widget-content {
    border: 0;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #0069FF none repeat scroll 0 0;
}

.ui-slider .ui-slider-handle {
    border-radius: 100%;
    cursor: default;
    height: 16px;
    position: absolute;
    touch-action: none;
    width: 16px;
    z-index: 2;
    outline: none;
    cursor: pointer;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #0069FF none repeat scroll 0 0;
    border: 0 none;
    color: #0069FF;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #0069FF none repeat scroll 0 0;
}

.ui-slider-horizontal {
    height: 7px;
    margin-bottom: 25px;
    margin-top: 7px;
}

.price__output--wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.price__output--wrap .price--output {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.price__output--wrap .price--output span {
    color: #333;
    font-size: 19px;
    display: inline-block;
}

.price__output--wrap .price--output input {
    border: 0 none;
    width: 94px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 500;
}

.sidebar-wrapper.boxed-sidebar .widget-area {
    position: relative;
    padding: 28px;
    background: #f7f7f7;
    margin-bottom: 30px;
}

.sidebar-wrapper.white-boxed-sidebar .widget-area {
    position: relative;
    padding: 28px;
    background: #ffffff;
    margin-bottom: 30px;
}

.sidebar-wrapper .widget-area {
    position: relative;
    padding: 23px;
}

.sidebar-wrapper .widget-title {
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 11px;
    font-weight: 600;
    line-height: 1.23;
    color: #222222;
}

.sidebar-wrapper .widget-category-list ul.category-area {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper .widget-category-list ul.category-area li {
    height: auto;
    padding: 0;
}

.sidebar-wrapper .widget-category-list ul.category-area li a {
    width: 100%;
    padding: 6px 0;
    font-size: 1rem;
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    color: #000000;
}

.sidebar-wrapper .widget-category-list ul.category-area li a span {
    width: 25px;
    height: 25px;
    border-radius: 30px;
    color: #000000;
    background: #ffffff;
    position: relative;
    float: right;
    font-size: 12px;
    transition: all .3s ease-in-out;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:after {
    content: '';
    clear: both;
    display: block;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:hover {
    color: #0069FF;
}

.sidebar-wrapper .widget-category-list ul.category-area li a:hover span {
    background: #0069FF;
    color: #ffffff;
}

.sidebar-wrapper .widget-colors-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.sidebar-wrapper .widget-colors-list ul li a {
    position: relative;
    width: 35px;
    height: 35px;
    margin: 6px 8px;
    display: block;
    background: #0069FF;
    border: 2px solid #0069FF;
    transition: all .3s ease-in-out;
    border-radius: 30px;
    z-index: 2;
}

.sidebar-wrapper .widget-colors-list ul li a:after {
    content: '';
    border: 2px solid #0069FF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    z-index: -1;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.sidebar-wrapper .widget-colors-list ul li a:hover {
    background: #0069FF;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li a:hover:after {
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    opacity: 1;
    z-index: -1;
}

.sidebar-wrapper .widget-colors-list ul li.black a {
    background: #000000;
    border: 2px solid #000000;
}

.sidebar-wrapper .widget-colors-list ul li.black a:after {
    content: '';
    border: 2px solid #000000;
}

.sidebar-wrapper .widget-colors-list ul li.black a:hover {
    background: #000000;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li.gray a {
    background: #d6d6d6;
    border: 2px solid #d6d6d6;
}

.sidebar-wrapper .widget-colors-list ul li.gray a:after {
    content: '';
    border: 2px solid #d6d6d6;
}

.sidebar-wrapper .widget-colors-list ul li.gray a:hover {
    background: #d6d6d6;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li.green a {
    background: #F05874;
    border: 2px solid #F05874;
}

.sidebar-wrapper .widget-colors-list ul li.green a:after {
    content: '';
    border: 2px solid #F05874;
}

.sidebar-wrapper .widget-colors-list ul li.green a:hover {
    background: #F05874;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li.red a {
    background: #F0263F;
    border: 2px solid #F0263F;
}

.sidebar-wrapper .widget-colors-list ul li.red a:after {
    content: '';
    border: 2px solid #F0263F;
}

.sidebar-wrapper .widget-colors-list ul li.red a:hover {
    background: #F0263F;
    border: 2px solid #ffffff;
}

.sidebar-wrapper .widget-colors-list ul li.blue a {
    background: #3353FC;
    border: 2px solid #3353FC;
}

.sidebar-wrapper .widget-colors-list ul li.blue a:after {
    content: '';
    border: 2px solid #3353FC;
}

.sidebar-wrapper .widget-colors-list ul li.blue a:hover {
    background: #3353FC;
    border: 2px solid #ffffff;
}

/*-------------------------------------------------------------------------------------
    Cart
---------------------------------------------------------------------------------------*/
.cart-table .table {
    border-bottom: 8px solid #f6f6f6;
    margin: 0;
}

@media only screen and (max-width: 575px) {
    .cart-table .table {
        border-top: 8px solid #f6f6f6;
    }
}

.cart-table .table thead {
    background-color: #f6f6f6;
}

@media only screen and (max-width: 575px) {
    .cart-table .table thead {
        display: none;
    }
}

.cart-table .table thead tr th {
    text-align: center;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #222222;
    padding: 12px 20px;
}

.cart-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 575px) {
    .cart-table .table tbody tr td {
        display: inline-block;
        width: 100%;
        max-width: none;
        padding: 15px;
        text-align: center;
    }
}

.cart-table th.pro-thumbnail,
.cart-table td.pro-thumbnail {
    max-width: 160px;
    min-width: 120px;
    width: 160px;
}

@media only screen and (max-width: 575px) {

    .cart-table th.pro-thumbnail a,
    .cart-table td.pro-thumbnail a {
        width: 160px;
    }
}

.cart-table th.pro-title,
.cart-table td.pro-title {
    min-width: 200px;
}

.cart-table td.pro-thumbnail a {
    display: inline-block;
    text-align: center;
}

.cart-table td.pro-thumbnail a img {
    width: 100%;
    background-color: #f6f7f8;
}

.cart-table td.pro-title a {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #222222;
}

.cart-table td.pro-price {
    text-align: center;
}

.cart-table td.pro-price span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}

.cart-table td.pro-quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #999999;
    border-radius: 50px;
    padding: 0 15px;
    display: inline-block;
    text-align: center;
    margin: auto;
}

.cart-table td.pro-quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
}

.cart-table td.pro-quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

@media only screen and (max-width: 575px) {
    .cart-table td.pro-quantity .pro-qty {
        margin: 0;
    }
}

.cart-table td.pro-subtotal span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #0069FF;
}

.cart-table td.pro-addtocart button {
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #0069FF;
    line-height: 24px;
    padding: 5px 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    background-color: #0069FF;
}

.cart-table td.pro-remove a {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    padding: .2rem 1.2rem;
    color: #F0263F;
    border: 1px solid #ff0000;
    font-size: 14px;
    border-radius: 40px;
}

.cart-table td.pro-remove a:hover {
    background: #ff0000;
    color: #fff;
}

@media only screen and (max-width: 575px) {
    .cart-table td.pro-remove a {
        text-align: center;
    }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
    margin-bottom: 23px;
}

.calculate-shipping h4 {
    font-size: 20px;
    line-height: 23px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.calculate-shipping form .nice-select {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #999999;
    background-color: transparent;
}

.calculate-shipping form .nice-select::after {
    border-color: #333333;
}

.calculate-shipping form .nice-select .current {
    display: block;
    color: #333333;
}

.calculate-shipping form input {
    width: 100%;
    border: 1px solid #999999;
    color: #333333;
    background-color: transparent;
    border-radius: 8px;
}

.calculate-shipping form input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #0069FF;
    border-color: #0069FF;
    width: 140px;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
    font-size: 20px;
    line-height: 23px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.discount-coupon form input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #999999;
    color: #333333;
    background-color: transparent;
}

.discount-coupon form input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #0069FF;
    border-color: #0069FF;
    width: 140px;
}

/*-- Cart Summary --*/
.cart-summary {
    float: right;
    max-width: 410px;
    width: 100%;
    margin-left: auto;
}

@media only screen and (max-width: 767px) {
    .cart-summary {
        margin-left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary {
        margin-left: 0;
    }
}

.cart-summary .cart-summary-wrap {
    background-color: #f3f3f3;
    padding: 45px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 479px) {
    .cart-summary .cart-summary-wrap {
        padding: 25px 30px;
    }
}

.cart-summary .cart-summary-wrap h4 {
    font-size: 20px;
    line-height: 23px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.cart-summary .cart-summary-wrap p {
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    color: #222222;
}

.cart-summary .cart-summary-wrap p span {
    float: right;
}

.cart-summary .cart-summary-wrap h2 {
    border-top: 1px solid #999999;
    padding-top: 9px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.cart-summary .cart-summary-wrap h2 span {
    float: right;
}

.cart-summary .cart-summary-button {
    overflow: hidden;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary .cart-summary-button {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}

.cart-summary .cart-summary-button button {
    margin-top: 10px;
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #333333;
    background-color: transparent;
    margin-left: 20px;
    float: right;
}

.cart-summary .cart-summary-button button:last-child {
    margin-left: 0;
}

.cart-summary .cart-summary-button button.checkout-btn {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #0069FF;
    border-color: #0069FF;
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 20px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 10px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .cart-summary .cart-summary-button button {
        width: 130px;
    }
}

/*-------------------------------------------------------------------------------------
    ChackOut
---------------------------------------------------------------------------------------*/
.checkout-cart-total h4 {
    font-size: 18px;
}

.checkout-cart-total h4 span {
    float: right;
}

.checkout-cart-total h4:last-child {
    border-top: 1px solid #8d8d8d;
    padding: 10px 0;
}

.checkout-cart-total ul li {
    margin-bottom: 10px;
}

.checkout-cart-total ul li span {
    color: #222222;
    float: right;
}

.checkout-cart-total p {
    border-top: 1px solid #8d8d8d;
    padding: 10px 0;
    margin: 0;
}

.checkout-cart-total p span {
    float: right;
}

/*-------------------------------------------------------------------------------------
    My Account
---------------------------------------------------------------------------------------*/
.panel .panel-heading h5.panel-title {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    color: #434343;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 30px;
    position: relative;
    text-transform: uppercase;
}

.panel .panel-heading h5.panel-title.border-none {
    border: none !important;
}

.panel .panel-heading h5.panel-title a {
    color: #333;
    display: block;
    padding: 14px 55px 11px;
    position: relative;
}

.panel .panel-heading h5.panel-title a::before {
    color: #666666;
    /* content: "\f107"; */
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 14px;
}

.panel .panel-heading h5.panel-title a.collapsed::after {
    color: #666666;
    /* content: "\f105"; */
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 14px;
}

.panel .panel-heading h5.panel-title a.collapsed::before {
    display: none;
}

.panel .panel-heading h5.panel-title a:hover {
    color: #333;
}

.panel .panel-heading h5.panel-title span {
    background-color: #161616;
    color: #fff;
    font-size: 15px;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 42px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.panel-body {
    margin-bottom: 50px;
}

.panel-body .billing-information-wrapper {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #eaeaea;
}

.panel-body .account-info-wrapper {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 28px;
}

.panel-body .account-info-wrapper h4 {
    font-size: 18px;
    letter-spacing: 0.2px;
    margin: 0;
    text-transform: uppercase;
}

.panel-body .account-info-wrapper h5 {
    font-size: 16px;
    letter-spacing: 0.2px;
    margin-top: 7px;
}

.panel-body .billing-info {
    margin-bottom: 20px;
}

.panel-body .billing-info label {
    color: #434343;
    font-size: 14px;
    text-transform: capitalize;
}

.panel-body .billing-info input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    color: #555;
    height: 40px;
    border-radius: 5px;
}

.panel-body .billing-back-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.panel-body .billing-back-btn .billing-back a {
    display: inline-block;
    font-size: 15px;
    margin-top: 7px;
    text-transform: uppercase;
}

.panel-body .billing-back-btn .billing-back a:hover {
    color: #0069FF;
}

.panel-body .billing-back-btn .billing-back a i {
    font-size: 18px;
    color: #0069FF;
}

.panel-body .billing-back-btn .billing-btn button {
    background-color: #0069FF;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    padding: 13px 23px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.panel-body .billing-back-btn .billing-btn button:hover {
    background-color: #0069FF;
    color: #fff;
}

.panel-body .entries-wrapper {
    border: 1px solid #eaeaea;
    position: relative;
}

.panel-body .entries-wrapper::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    left: 50%;
    top: 0;
    background-color: #eaeaea;
}

@media only screen and (max-width: 767px) {
    .panel-body .entries-wrapper::before {
        display: none;
    }
}

.panel-body .entries-wrapper .entries-info {
    padding: 30px 20px;
}

.panel-body .entries-wrapper .entries-info p {
    color: #454545;
    font-size: 15px;
    margin: 0;
    text-transform: capitalize;
}

.panel-body .entries-wrapper .entries-edit-delete a {
    background-color: #454545;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.2px;
    line-height: 1;
    margin: 0 2px;
    padding: 12px 15px;
    text-transform: uppercase;
}

.panel-body .entries-wrapper .entries-edit-delete a.edit {
    background-color: #0069FF;
}

.panel-body .entries-wrapper .entries-edit-delete a.edit:hover {
    background-color: #0069FF;
}

.panel-body .entries-wrapper .entries-edit-delete a:hover {
    background-color: #0069FF;
}

@media only screen and (max-width: 767px) {
    .panel-body .entries-wrapper .entries-edit-delete {
        margin-bottom: 24px;
    }
}

/*================================
	Components Style
=================================*/
/*-------------------------------------------------------------------------------------
    Subscribe form  
---------------------------------------------------------------------------------------*/
.subscribe-form .shape-subscribe {
    position: absolute;
    top: 0;
    right: -10px;
}

.subscribe-form .sl-newsletter-input-box {
    position: relative;
}

.subscribe-form .sl-newsletter-input-box input[type="text"] {
    background: #ffffff;
    border: 0;
    letter-spacing: 0;
    height: 72px;
    width: 100%;
    color: #79879d;
    font-size: 16px;
    padding: 0 180px 0 40px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
}

.subscribe-form .sl-newsletter-input-box input[type="text"].placeholder {
    font-size: 20px;
}

.subscribe-form .sl-newsletter-input-box input[type="text"]:-moz-placeholder {
    font-size: 20px;
}

.subscribe-form .sl-newsletter-input-box input[type="text"]::-moz-placeholder {
    font-size: 20px;
}

.subscribe-form .sl-newsletter-input-box input[type="text"]::-webkit-input-placeholder {
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
    .subscribe-form .sl-newsletter-input-box input[type="text"] {
        padding: 0 40px 0 40px;
    }

    .subscribe-form .sl-newsletter-input-box input[type="text"].placeholder {
        font-size: 14px;
    }

    .subscribe-form .sl-newsletter-input-box input[type="text"]:-moz-placeholder {
        font-size: 14px;
    }

    .subscribe-form .sl-newsletter-input-box input[type="text"]::-moz-placeholder {
        font-size: 14px;
    }

    .subscribe-form .sl-newsletter-input-box input[type="text"]::-webkit-input-placeholder {
        font-size: 14px;
    }
}

.subscribe-form .sl-newsletter-input-box button {
    color: #ffffff;
    border: 0;
    height: 60px;
    width: 156px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .4px;
}

@media only screen and (max-width: 767px) {
    .subscribe-form .sl-newsletter-input-box button {
        position: static;
        margin: auto;
        margin-top: 20px;
        text-align: center;
    }
}

.subscribe-form .sl-newsletter-input-box button.wedding-btn {
    background: linear-gradient(90deg, #D32C3D 0%, #C40A1E 100%);
    border-radius: 10px 0 10px 10px;
}

.beauty-subscribe {
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
}

.beauty-subscribe i {
    font-size: 40px;
}

.beauty-subscribe input {
    color: #fff;
}

.beauty-subscribe input::-webkit-input-placeholder {
    color: #fff;
}

.beauty-subscribe input::-moz-placeholder {
    color: #fff;
}

.beauty-subscribe input::-ms-input-placeholder {
    color: #fff;
}

.beauty-subscribe input::placeholder {
    color: #fff;
}

/*-------------------------------------------------------------------------------------
    Join Us
---------------------------------------------------------------------------------------*/
.join-us {
    background-color: #E8ECF8;
    width: 100%;
    position: relative;
}

.wedding-photo-grid .img-box {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.content .wedding-photo-grid {
    margin-top: -7%;
}

.content .wedding-photo-grid .img-box {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.content .card-join .content {
    background: url(../img/bg/wedding/wedding-join.png);
    border-radius: 10px;
    background-size: cover;
    padding: 41px 95px 45px 30px;
}

.content .card-join .content .heading h2 {
    color: #ffffff;
}

.content .card-join .content .sub-text {
    line-height: 1.8;
    color: #f5f5f5;
}

.content .card-join img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.content .card-join-right .heading h2 {
    position: absolute;
    color: #030B61;
    font-weight: 700;
    right: 20px;
    top: -40%;
}

.content .card-join-right .heading h2 span {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 105%;
}

@media (max-width: 991px) {
    .content .card-join-right .heading h2 {
        position: static;
    }

    .content .card-join-right .heading h2 span {
        position: static;
    }
}

.content .card-join-right .img-wrap h3 {
    font-size: 10em;
    font-weight: 500;
}

@media (max-width: 991px) {
    .content .card-join-right .img-wrap h3 {
        font-size: 8em;
    }
}

@media only screen and (max-width: 767px) {
    .content .card-join-right .img-wrap h3 {
        font-size: 6em;
        margin-bottom: 24px;
    }
}

.content .card-join-right .hero-slider h3 {
    color: #C40A1E;
}

.content .card-join-right .hero-slider .owl-nav {
    position: absolute;
    bottom: -23px;
    right: 50px;
    z-index: 100;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .content .card-join-right .hero-slider .owl-nav {
        top: auto;
    }
}

@media (max-width: 991px) {
    .content .card-join-right .hero-slider .owl-nav {
        bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .content .card-join-right .hero-slider .owl-nav {
        width: 100%;
        bottom: 0;
        left: 0;
        text-align: center;
        display: none;
    }
}

.content .card-join-right .owl-nav .owl-prev span,
.content .card-join-right .owl-nav .owl-next span {
    width: 50px;
    height: 50px;
    margin: 10px 4px;
    text-align: center;
    padding: 10px;
    line-height: 50px;
    border-radius: 50%;
    background: #ffffff;
    color: #C40A1E;
    margin-bottom: 10px;
    font-size: 1.3rem;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

/*-------------------------------------------------------------------------------------
    Why us  
---------------------------------------------------------------------------------------*/
.why-us {
    position: relative;
}

.why-us .shape-1 {
    position: absolute;
    top: 0;
    left: -70%;
}

/*-------------------------------------------------------------------------------------
    Quote Area
---------------------------------------------------------------------------------------*/
.quote .quote-content .wedding-photo-grid img {
    width: 400px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

.quote .quote-content h2 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.6;
    color: #030B61;
}

@media (max-width: 991px) {
    .quote .quote-content h2 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 767px) {
    .quote .quote-content h2 {
        font-size: 1.2em;
    }
}

.quote-area .component__image {
    width: 88px;
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.quote-area .component--heading-textblock h2 {
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 20px;
}

/*-------------------------------------------------------------------------------------
    Typography  
---------------------------------------------------------------------------------------*/
.heading {
    color: #222222;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: 0em;
    line-height: 1.23;
    margin: 0;
}

.heading.letter-spacing-3 {
    letter-spacing: 3px;
}

.heading.heading-font {
    font-family: "Rubik", sans-serif;
}

.heading.sl-hover a {
    color: #222222;
}

.heading.rubik-font {
    font-family: "Rubik", sans-serif;
}

.heading.montserrat-font {
    font-family: "Montserrat", sans-serif;
}

.heading.miniver-font {
    font-family: "Miniver", cursive;
}

.heading.secondary-font {
    font-family: "Montserrat", sans-serif;
}

.heading.font-bold {
    font-weight: 700;
}

.heading.font-medium {
    font-weight: 500;
}

.heading.font-400 {
    font-weight: 400;
}

.heading.text-white {
    color: #ffffff;
}

.heading.theme-color {
    color: #0069FF;
}

.heading.body-color {
    color: #333333;
}

.heading.yellow-color-2 {
    color: #F8A440;
}

.heading.pink {
    color: #F12C6E;
}

.heading.brown-color {
    color: #CE8F4F;
}

.heading.third-color {
    color: #99E5E8;
}

.heading.red-color-2 {
    color: #F23E20;
}

h1.heading-h1 {
    font-size: 56px;
}

@media only screen and (max-width: 767px) {
    h1.heading-h1 {
        font-size: 48px;
    }

    h1.heading-h1 br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {
    h1.heading-h1 {
        font-size: 36px;
    }
}

h1.heading-h1.large-font-1 {
    font-size: 79px;
    line-height: 159px;
    font-weight: 600;
}

@media only screen and (min-width: 1600px) {
    h1.heading-h1.large-font-1 {
        font-size: 60px;
        line-height: 103px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    h1.heading-h1.large-font-1 {
        font-size: 57px;
        line-height: 105px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1.heading-h1.large-font-1 {
        font-size: 49px;
        line-height: 109px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1.large-font-1 {
        font-size: 46px;
        line-height: 100px;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.large-font-1 {
        font-size: 37px;
        line-height: 71px;
    }
}

@media only screen and (max-width: 575px) {
    h1.heading-h1.large-font-1 {
        font-size: 30px;
        line-height: 48px;
    }
}

h1.heading-h1.font-80 {
    font-size: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1.heading-h1.font-80 {
        font-size: 60px !important;
    }

    h1.heading-h1.font-80 br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1.font-80 {
        font-size: 40px;
    }

    h1.heading-h1.font-80 br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.font-80 {
        font-size: 45px;
    }

    h1.heading-h1.font-80 br {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    h1.heading-h1.font-80 {
        font-size: 36px;
    }
}

h1.heading-h1.font-90 {
    font-size: 90px;
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.font-90 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 479px) {
    h1.heading-h1.font-90 {
        font-size: 36px;
    }
}

h1.heading-h1.font-60 {
    font-size: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1.heading-h1.font-60 {
        font-size: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1.font-60 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.font-60 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 479px) {
    h1.heading-h1.font-60 {
        font-size: 30px;
    }
}

h1.heading-h1.large-font-2 {
    line-height: 1.4;
    font-size: 100px;
    font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1.heading-h1.large-font-2 {
        font-size: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1.heading-h1.large-font-2 {
        font-size: 70px;
    }
}

@media only screen and (max-width: 767px) {
    h1.heading-h1.large-font-2 {
        font-size: 50px;
    }
}

h2.heading-h2 {
    font-size: 48px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h2.heading-h2 br {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    h2.heading-h2 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h2.heading-h2 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    h2.heading-h2 {
        font-size: 32px;
    }

    h2.heading-h2 br {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    h2.heading-h2 {
        font-size: 32px;
    }
}

h2.heading-h2.font-50 {
    font-size: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h2.heading-h2.font-50 {
        font-size: 37px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h2.heading-h2.font-50 {
        font-size: 37px;
    }
}

@media only screen and (max-width: 767px) {
    h2.heading-h2.font-50 {
        font-size: 32px;
    }

    h2.heading-h2.font-50 br {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    h2.heading-h2.font-50 {
        font-size: 32px;
    }
}

h3.heading-h3 {
    font-size: 36px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h3.heading-h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    h3.heading-h3 {
        font-size: 22px;
    }
}

h3.heading-h3.font-large {
    font-size: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h3.heading-h3.font-large {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    h3.heading-h3.font-large {
        font-size: 30px;
    }
}

h3.heading-h3.font-32 {
    font-size: 32px;
}

@media only screen and (max-width: 767px) {
    h3.heading-h3.font-32 {
        font-size: 30px;
    }
}

h3.heading-h3.font-40 {
    font-size: 40px;
}

@media only screen and (max-width: 767px) {
    h3.heading-h3.font-40 {
        font-size: 30px;
    }
}

h4.heading-h4 {
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    h4.heading-h4 {
        font-size: 18px;
    }
}

h5.heading-h5 {
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    h5.heading-h5 {
        font-size: 16px;
    }

    h5.heading-h5 br {
        display: none;
    }
}

h5.heading-h5.font-19 {
    font-size: 19px;
}

h5.heading-h5.font-20 {
    font-size: 20px;
}

h6.heading-h6 {
    font-size: 14px;
}

h6.heading-h6.font-17 {
    font-size: 17px;
}

h6.heading-h6.font-16 {
    font-size: 16px;
}

h6.heading-h6.font-15 {
    font-size: 15px;
}

.sl-paragraph .spacing {
    height: 40px;
}

p.pra {
    margin-bottom: 0;
    word-wrap: break-word;
    max-width: 100%;
    font-weight: 500;
    line-height: 1.58;
    font-family: "Montserrat", sans-serif;
}

@media only screen and (max-width: 767px) {
    p.pra br {
        display: none;
    }
}

p.pra.heading-font {
    font-family: "Rubik", sans-serif;
    line-height: 1.32;
    font-size: 16px;
    color: #333333;
}

@media only screen and (max-width: 767px) {
    p.pra.heading-font {
        font-size: 14px;
    }
}

p.pra.text-white {
    color: #ffffff;
}

p.pra.font-16 {
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    p.pra.font-16 {
        font-size: 14px;
    }
}

p.pra.font-20 {
    font-size: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    p.pra.font-20 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    p.pra.font-20 {
        font-size: 14px;
    }
}

p.pra.font-18 {
    font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    p.pra.font-18 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    p.pra.font-18 {
        font-size: 14px;
    }
}

p.pra.secondary-font {
    font-family: "Montserrat", sans-serif;
}

p.pra.heading-font2 {
    font-family: "Rubik", sans-serif;
}

p.pra.font-blod {
    font-weight: 700;
}

p.pra.line-height-1-63 {
    line-height: 1.63;
}

p.pra.line-height-1-6 {
    line-height: 1.6;
}

p.pra.line-height-1-87 {
    line-height: 1.875;
}

p.pra.line-height-2-22 {
    line-height: 2.22;
}

.dropcaps .spacing {
    height: 102px;
}

@media only screen and (max-width: 767px) {
    .dropcaps .spacing {
        height: 66px;
    }
}

.dropcaps p {
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
    color: #333333;
    margin: 0;
}

.dropcaps p span {
    float: left;
    font-weight: 600;
    font-size: 48px;
    line-height: 33px;
    padding-right: 10px;
    color: #222222;
}

.text-box .spacing {
    height: 27px;
}

.text-box.box-bg-solid {
    background: #eee;
}

.text-box.box-solid-border {
    border: 1px solid #ddd;
}

.text-box.text-box--2 {
    padding: 40px;
}

.text-box.bg-theme-color {
    background: #0069FF;
}

.text-box.bg-theme-color .heading {
    color: #ffffff;
}

.text-box.bg-theme-color p.pra {
    color: #ffffff;
}

.text-box.bg-dark-color {
    background: #222;
}

.text-box.bg-dark-color .heading {
    color: #ffffff;
}

.text-box.bg-dark-color p.pra {
    color: #ffffff;
}

.sl-quote-content .spacing {
    height: 30px;
}

.sl-quote {
    position: relative;
    margin: 35px 0 !important;
    padding: 0 0 0 53px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
}

.sl-quote::before {
    content: "\f10e";
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    color: #0069FF;
}

.sl-quote .quote-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
    color: #222222;
    font-style: italic;
}

/*-------------------------------------------------------------------------------------
    Image Box
---------------------------------------------------------------------------------------*/
.image-box {
    background: #ffffff;
    box-shadow: 5px 5px 30px 0 rgba(182, 182, 227, 0.16);
}

.image-box:hover,
.image-box.active {
    background: #53585b;
}

.speaker {
    position: absolute;
    left: -50%;
    max-width: 800px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .speaker {
        left: -64%;
    }
}

@media (max-width: 991px) {
    .speaker {
        position: relative;
        max-width: 100%;
        left: auto;
    }
}

.image-group {
    position: relative;
    width: 100%;
    height: 568px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-1 {
        height: 781px;
    }
}

@media only screen and (max-width: 479px) {
    .image-group.group-1 {
        height: 400px;
    }
}

.image-group.group-1 a.btn {
    position: absolute;
    top: 45%;
    z-index: 2;
    left: 31%;
}

@media only screen and (max-width: 575px) {
    .image-group.group-1 a.btn {
        display: none;
    }
}

.image-group.group-1 img {
    position: absolute;
}

.image-group.group-1 img:nth-child(2) {
    width: 60%;
    top: 50px;
    left: 0;
}

.image-group.group-1 img:nth-child(3) {
    width: 75%;
    top: 268px;
    left: -67px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-1 img:nth-child(3) {
        width: 70%;
        top: 324px;
        left: -53px;
    }
}

.image-group.group-1 img:nth-child(4) {
    top: 0;
    left: 50%;
}

@media only screen and (max-width: 767px) {
    .image-group.group-1 img:nth-child(3) {
        width: 75%;
        top: 268px;
        left: -67px;
    }

    .image-group.group-1 img:nth-child(4) {
        top: 0;
        right: auto;
        left: 35%;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-1 img:nth-child(4) {
        top: 0;
        right: 0;
        left: auto;
    }

    .image-group.group-1 img:nth-child(3) {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-2 {
        height: 695px;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-2 {
        height: 325px;
    }
}

@media only screen and (max-width: 479px) {
    .image-group.group-2 {
        height: 374px;
    }
}

.image-group.group-2 img {
    position: absolute;
}

.image-group.group-2 img:nth-child(1) {
    width: 60%;
    top: 50px;
    right: 0;
}

.image-group.group-2 img:nth-child(2) {
    width: 75%;
    top: 268px;
    left: -67px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-2 img:nth-child(2) {
        width: 70%;
        top: 324px;
        left: -53px;
    }
}

.image-group.group-2 img:nth-child(3) {
    width: 60%;
    bottom: 52px;
    left: 33%;
}

@media only screen and (max-width: 479px) {
    .image-group.group-2 img:nth-child(3) {
        bottom: 0;
        left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-2 img:nth-child(2) {
        top: 0;
        left: 0;
    }
}

.image-group.group-3 img {
    position: absolute;
}

.image-group.group-3 img:nth-child(1) {
    width: 60%;
    top: 75px;
    right: 0;
}

.image-group.group-3 img:nth-child(2) {
    width: 60%;
    top: 228px;
    left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-3 img:nth-child(2) {
        width: 70%;
        top: 241px;
        left: -13px;
    }
}

.image-group.group-3 img:nth-child(3) {
    width: 60%;
    bottom: 0;
    right: 0;
}

.image-group.group-4 img {
    position: absolute;
}

.image-group.group-4 img:nth-child(1) {
    width: 75%;
    top: -92px;
    right: 0;
    left: 20px;
}

.image-group.group-5 img {
    position: absolute;
}

.image-group.group-5 img:nth-child(1) {
    width: 75%;
    top: -92px;
    right: 0;
    left: 20px;
}

.image-group.group-6 .square-dot {
    width: 192px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: -1;
}

@media only screen and (max-width: 479px) {
    .image-group.group-6 .square-dot {
        right: 10px;
    }
}

.image-group.group-6 .circle {
    width: 20%;
    position: absolute;
    top: 65%;
    left: -40px;
}

@media only screen and (max-width: 479px) {
    .image-group.group-6 .circle {
        left: 0;
    }
}

.image-group.group-7 {
    height: 546px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-7 {
        height: 346px;
    }
}

@media only screen and (max-width: 767px) {
    .image-group.group-7 {
        height: auto;
    }
}

.image-group.group-7 .item-1 {
    width: 60%;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 767px) {
    .image-group.group-7 .item-1 {
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }
}

.image-group.group-7 .item-2 {
    width: 60%;
    position: absolute;
    top: 150px;
    right: 0;
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-7 .item-2 {
        top: 90px;
    }
}

@media only screen and (max-width: 479px) {
    .image-group.group-7 .item-2 {
        top: 90px;
    }
}

@media only screen and (max-width: 767px) {
    .image-group.group-7 .item-2 {
        position: static;
        margin-bottom: 20px;
        width: 100%;
    }
}

.image-group.group-7 .item-3 {
    width: 60%;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    .image-group.group-7 .item-3 {
        position: static;
        width: 100%;
    }
}

.image-group.group-7 .item-1:hover,
.image-group.group-7 .item-2:hover,
.image-group.group-7 .item-3:hover {
    z-index: 10;
    transition: all .3s ease-in;
}

.image-group.group-8 .item-1 {
    width: 70%;
}

.image-group.group-8 .item-2 {
    width: 75%;
    position: absolute;
    top: 200px;
    right: 0;
}

@media only screen and (max-width: 575px) {
    .image-group.group-9 {
        height: auto;
    }
}

.image-group.group-9 .item-2 {
    position: absolute;
    top: 434px;
    left: 416px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-9 .item-2 {
        top: 351px;
        left: 127px;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-9 .item-2 {
        position: relative;
        top: 30px;
        left: auto;
    }
}

.image-group.group-10 {
    height: 427px;
}

@media only screen and (max-width: 575px) {
    .image-group.group-10 {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-10 {
        height: 370px;
    }
}

.image-group.group-10 .item-1 {
    width: 80%;
    float: right;
}

.image-group.group-10 .item-1:after {
    content: '';
    clear: both;
    display: block;
}

@media only screen and (max-width: 575px) {
    .image-group.group-10 .item-1 {
        width: 100%;
        position: static;
        margin-bottom: 30px;
    }
}

.image-group.group-10 .item-2 {
    position: absolute;
    width: 48%;
    top: 75px;
    right: 344px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .image-group.group-10 .item-2 {
        top: 50px;
        right: 298px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-10 .item-2 {
        top: 45px;
        right: 200px;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-10 .item-2 {
        position: static;
        width: 100%;
    }
}

.image-group.group-10.new-style {
    height: 500px;
}

@media only screen and (max-width: 575px) {
    .image-group.group-10.new-style {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-10.new-style {
        height: 370px;
    }
}

.image-group.group-10.new-style .item-1 {
    width: 80%;
    float: right;
}

.image-group.group-10.new-style .item-1:after {
    content: '';
    clear: both;
    display: block;
}

@media only screen and (max-width: 575px) {
    .image-group.group-10.new-style .item-1 {
        width: 100%;
        position: static;
        margin-bottom: 30px;
    }
}

.image-group.group-10.new-style .item-2 {
    position: absolute;
    width: 48%;
    top: 150px;
    right: 344px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .image-group.group-10.new-style .item-2 {
        top: 120px;
        right: 298px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-group.group-10.new-style .item-2 {
        top: 90px;
        right: 200px;
    }
}

@media only screen and (max-width: 575px) {
    .image-group.group-10.new-style .item-2 {
        position: static;
        width: 100%;
    }
}

/*-------------------------------------------------------------------------------------
    Shapes  
---------------------------------------------------------------------------------------*/
.shape-3 {
    position: absolute;
    top: 0;
    left: 0;
}

.shape-3 .line-shape {
    position: absolute;
    width: 88%;
    top: 33%;
    left: -30px;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .shape-3 .line-shape {
        width: 64%;
    }
}

@media (max-width: 991px) {
    .shape-3 .line-shape {
        display: none;
    }
}

@media (max-width: 991px) {
    .shape-3 {
        top: 230px;
    }
}

@media only screen and (max-width: 767px) {
    .shape-3 {
        top: 350px;
    }
}

.cross-shape {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cross-shape .cross-shape-svg {
    width: 100%;
    height: 170px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cross-shape.top {
    bottom: auto;
    top: 0;
}

.cross-shape.top .cross-shape-svg {
    bottom: auto;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shape-5 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.shape-5 .line-shape {
    position: absolute;
    width: 88%;
    top: 33%;
    left: 0;
}

.shape-6 {
    position: absolute;
    top: 0;
    right: 0;
}

.shape-6 .line-shape {
    position: absolute;
    width: 88%;
    top: 33%;
    left: 0;
}

.shape-7 {
    position: absolute;
    top: 10%;
    left: -20%;
}

.shape-7 img {
    width: 78%;
}

.shape-8 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .shape-8 img {
        width: 80%;
    }
}

.shape-9 {
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .shape-9 {
        right: -136px;
    }

    .shape-9 img {
        width: 80%;
    }
}

.map-marker .shape-4 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

@media only screen and (max-width: 767px) {
    .map-marker .shape-4 {
        top: auto;
        bottom: 0;
    }

    .map-marker .shape-4 img {
        width: 970px;
        max-width: initial;
    }
}

.section-shape-left {
    background: #ff5e62;
    border-top-right-radius: 20%;
    position: absolute;
    top: -35%;
    left: -100%;
    right: 50%;
    bottom: -24%;
    z-index: -1;
}

@media (max-width: 991px) {
    .section-shape-left {
        top: -23%;
        bottom: -6%;
    }
}

@media only screen and (max-width: 575px) {
    .section-shape-left {
        top: -13%;
        bottom: -10%;
        left: 0;
    }
}

.section-shape-right {
    background: #ff5e62;
    border-bottom-left-radius: 20%;
    position: absolute;
    top: -20%;
    left: 50%;
    right: -100%;
    bottom: -36%;
    z-index: -1;
}

@media (max-width: 991px) {
    .section-shape-right {
        top: -12%;
        bottom: -15%;
    }
}

@media only screen and (max-width: 575px) {
    .section-shape-right {
        top: -14%;
        bottom: -22%;
        right: 0;
    }
}

.shape-round-box,
.shape-round-box .spin-container,
.shape-round-box .img-round-shape {
    width: 442px;
    height: 429px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 991px) {

    .shape-round-box,
    .shape-round-box .spin-container,
    .shape-round-box .img-round-shape {
        width: 420px;
        height: 420px;
    }
}

@media only screen and (max-width: 575px) {

    .shape-round-box,
    .shape-round-box .spin-container,
    .shape-round-box .img-round-shape {
        width: 220px;
        height: 220px;
    }
}

.shape-round-box .spin-container {
    -webkit-animation: spin 12s linear infinite;
    animation: spin 12s linear infinite;
    position: relative;
}

.shape-round-box .img-round-shape {
    background-image: linear-gradient(to right, #004e92 51%, #000428 100%);
    -webkit-animation: morph 8s ease-in-out infinite both alternate;
    animation: morph 8s ease-in-out infinite both alternate;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.shape-round-box img,
.shape-round-box .spin-container img,
.shape-round-box .img-round-shape img {
    position: absolute;
    bottom: 0;
}

.header-pattern {
    position: absolute;
    bottom: -2px;
    left: 0;
}

.footer-pattern {
    width: 100%;
    position: absolute;
    top: -2px;
    left: 0;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.z-index--1 {
    z-index: -1;
}

.z-index--2 {
    z-index: -2;
}

.circle-left {
    position: absolute;
    left: 0;
    z-index: -3;
}

.circle-right {
    position: absolute;
    right: 0;
    z-index: -3;
}

.circle-1 {
    right: -165px;
}

.circle-2 {
    width: 60px;
    bottom: 50px;
}

.square {
    width: 80px;
    height: 100px;
    position: absolute;
    top: -57px;
    left: 81px;
    border-radius: 4px;
}

.square-dot-2 {
    width: 260px;
    position: absolute;
    left: -30px;
    bottom: -30px;
    z-index: -1;
}

.square-dot-3 {
    width: 30%;
    position: absolute;
    top: 140px;
    right: -10px;
}

.square-dot-4 {
    width: 40%;
    position: absolute;
    top: -10px;
    right: -10px;
}

.square-box {
    width: 80px;
    position: absolute;
    bottom: -20px;
    right: -40px;
}

@media only screen and (max-width: 479px) {
    .square-box {
        right: 0;
    }
}

.music-shape {
    width: 100%;
    position: absolute;
    top: 763px;
    right: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.portfolio-shape {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.crypto-shape.shape-1 {
    position: absolute;
    right: -41px;
    bottom: 0;
}

.crypto-shape.shape-1 img {
    width: 100px;
}

.crypto-shape.shape-2 {
    position: absolute;
    right: 0;
    top: 150px;
}

.crypto-shape.shape-2 img {
    width: 100px;
}

.crypto-shape.shape-4 {
    position: absolute;
    left: 0;
    top: 100px;
}

.crypto-shape.shape-4 img {
    width: 80px;
}

.crypto-shape.shape-5 {
    position: absolute;
    left: 0;
    bottom: 100px;
}

.crypto-shape.shape-5 img {
    width: 80px;
}

.crypto-shape.shape-6 {
    position: absolute;
    right: 0;
    top: 200px;
}

.crypto-shape.shape-6 img {
    width: 80px;
}

.crypto-shape.shape-7 {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 100px;
}

.crypto-shape.shape-7 img {
    width: 80px;
}

.crypto-shape.shape-8 {
    position: absolute;
    right: 0;
    left: auto;
    top: 20px;
    z-index: 0;
}

.crypto-shape.shape-8 img {
    width: 80px;
}

.crypto-shape.shape-9 {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 20px;
}

.crypto-shape.shape-9 img {
    width: 80px;
}

.creative-agn-shape {
    position: relative;
}

.creative-agn-shape::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30px;
    left: 30px;
    background-image: linear-gradient(to bottom, #f889ab 0, #a400d1 100%);
    z-index: -1;
}

@media (max-width: 991px) {
    .creative-agn-shape::after {
        top: 24px;
        left: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .creative-agn-shape::after {
        display: none;
    }
}

.beauty-salon-shape {
    position: relative;
    padding: 0 0 15% 15%;
}

.beauty-salon-shape img {
    border: 20px solid #f6f6f6;
}

.about-wrap {
    position: relative;
    overflow: hidden;
}

.about-wrap .about-bg-img-setting {
    height: 65%;
    width: 75%;
    z-index: -1;
    display: block;
    left: 15px;
    bottom: 0;
    position: absolute;
}

.prescription-bg::before {
    content: '';
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #3264f5, rgba(114, 2, 187, 0.2));
}

/*-------------------------------------------------------------------------------------
    Tooltip Box
---------------------------------------------------------------------------------------*/
.tooltip-box {
    position: relative;
    background-repeat: no-repeat;
}

.tooltip-box .image {
    text-align: center;
}

.tooltip-box .tip {
    width: 38px;
    height: 38px;
    position: relative;
    background-color: #768bf9;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: tip_jump 2s .5s linear infinite;
    animation: tip_jump 2s 0.5s linear infinite;
}

.tooltip-box .tip:hover {
    z-index: 6;
}

.tooltip-box .tip.box1 {
    top: 25%;
    left: 48.5%;
}

.tooltip-box .tip.box2 {
    top: 47%;
    left: 39%;
}

.tooltip-box .tip.box3 {
    top: 69%;
    left: 48.5%;
}

.tooltip-box .tip.box4 {
    top: 47%;
    left: 58.5%;
}

@media only screen and (min-width: 570px) and (max-width: 1024px) {
    .tooltip-box .tip.box2 {
        left: 35.5%;
    }

    .tooltip-box .tip.box4 {
        left: 61%;
    }
}

@media only screen and (max-width: 778px) {

    .tooltip-box .tip.box1,
    .tooltip-box .tip.box3 {
        left: 47.5%;
    }

    .tooltip-box .tip.box2 {
        left: 30.5%;
    }

    .tooltip-box .tip.box4 {
        left: 65%;
    }
}

@media only screen and (max-width: 575px) {
    .tooltip-box .tip.box1 {
        top: 24%;
        left: 45.5%;
    }

    .tooltip-box .tip.box3 {
        top: 67%;
        left: 45.5%;
    }

    .tooltip-box .tip.box2 {
        top: 45%;
        left: 23.5%;
    }

    .tooltip-box .tip.box4 {
        top: 46%;
        left: 67%;
    }
}

@media only screen and (max-width: 479px) {
    .tooltip-box .tip.box1 {
        top: 22%;
        left: 44.5%;
    }
}

.tooltip-box .tip .content {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 400px;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    cursor: default;
    visibility: hidden;
    background-color: #fff;
    opacity: 0;
    transition: 0.3s;
}

@media only screen and (max-width: 575px) {
    .tooltip-box .tip .content {
        width: 300px;
    }

    .tooltip-box .tip.box1 .content {
        left: -134px;
    }

    .tooltip-box .tip.box3 .content {
        left: -136px;
    }

    .tooltip-box .tip.box2 .content {
        left: -65px;
    }

    .tooltip-box .tip.box4 .content {
        left: -200px;
    }
}

.tooltip-box .tip:hover {
    z-index: 3;
}

.tooltip-box .tip:hover .content {
    visibility: visible;
    opacity: 1;
}

.tooltip-box .tip .content .title {
    font-size: 22px;
}

/*-------------------------------------------------------------------------------------
    Sliders  
---------------------------------------------------------------------------------------*/
.sl-hero {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    min-height: 600px;
    height: 100vh;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl-hero {
        height: 70vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl-hero {
        height: 70vh;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl-hero {
        height: 70vh;
    }
}

.sl-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sl-hero-has-animation .sl-hero-bg {
    opacity: 0;
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    transition: all .6s ease-in-out;
}

.sl-hero-has-animation.sl-hero-animate .sl-hero-bg {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sl-hero-opacity {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.sl-hero-props-carousel-1 .sl-hero-bg:after {
    content: " ";
    display: block;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.sl-hero-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.sl-hero-caption.sl-hero-caption-bottom-left {
    bottom: 100px;
    top: auto;
    -webkit-transform: none;
    transform: none;
    text-align: left;
}

.sl-hero-caption h1 {
    font-weight: 700;
    font-size: 2.8rem;
    text-shadow: 1px 5px 30px rgba(0, 0, 0, 0.3);
}

.sl-hero-has-animation .sl-hero-caption h1 {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all .3s ease-in-out;
}

.sl-hero-has-animation.sl-hero-animate .sl-hero-caption h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: .4s;
}

.sl-hero-caption form {
    margin: 0 auto;
    width: 60%;
}

.sl-hero-caption.sl-hero-caption-bottom-left form {
    margin: 0;
    width: 60%;
}

.sl-hero-has-animation .sl-hero-caption form {
    opacity: 0;
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
    transition: all .4s ease-in-out;
}

.sl-hero-has-animation.sl-hero-animate .sl-hero-caption form {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: .2s;
}

.sl-hero-search .row {
    margin-right: -5px;
    margin-left: -5px;
}

.sl-hero-search .col,
.sl-hero-search .col-1,
.sl-hero-search .col-10,
.sl-hero-search .col-11,
.sl-hero-search .col-12,
.sl-hero-search .col-2,
.sl-hero-search .col-3,
.sl-hero-search .col-4,
.sl-hero-search .col-5,
.sl-hero-search .col-6,
.sl-hero-search .col-7,
.sl-hero-search .col-8,
.sl-hero-search .col-9,
.sl-hero-search .col-auto,
.sl-hero-search .col-lg,
.sl-hero-search .col-lg-1,
.sl-hero-search .col-lg-10,
.sl-hero-search .col-lg-11,
.sl-hero-search .col-lg-12,
.sl-hero-search .col-lg-2,
.sl-hero-search .col-lg-3,
.sl-hero-search .col-lg-4,
.sl-hero-search .col-lg-5,
.sl-hero-search .col-lg-6,
.sl-hero-search .col-lg-7,
.sl-hero-search .col-lg-8,
.sl-hero-search .col-lg-9,
.sl-hero-search .col-lg-auto,
.sl-hero-search .col-md,
.sl-hero-search .col-md-1,
.sl-hero-search .col-md-10,
.sl-hero-search .col-md-11,
.sl-hero-search .col-md-12,
.sl-hero-search .col-md-2,
.sl-hero-search .col-md-3,
.sl-hero-search .col-md-4,
.sl-hero-search .col-md-5,
.sl-hero-search .col-md-6,
.sl-hero-search .col-md-7,
.sl-hero-search .col-md-8,
.sl-hero-search .col-md-9,
.sl-hero-search .col-md-auto,
.sl-hero-search .col-sm,
.sl-hero-search .col-sm-1,
.sl-hero-search .col-sm-10,
.sl-hero-search .col-sm-11,
.sl-hero-search .col-sm-12,
.sl-hero-search .col-sm-2,
.sl-hero-search .col-sm-3,
.sl-hero-search .col-sm-4,
.sl-hero-search .col-sm-5,
.sl-hero-search .col-sm-6,
.sl-hero-search .col-sm-7,
.sl-hero-search .col-sm-8,
.sl-hero-search .col-sm-9,
.sl-hero-search .col-sm-auto,
.sl-hero-search .col-xl,
.sl-hero-search .col-xl-1,
.sl-hero-search .col-xl-10,
.sl-hero-search .col-xl-11,
.sl-hero-search .col-xl-12,
.sl-hero-search .col-xl-2,
.sl-hero-search .col-xl-3,
.sl-hero-search .col-xl-4,
.sl-hero-search .col-xl-5,
.sl-hero-search .col-xl-6,
.sl-hero-search .col-xl-7,
.sl-hero-search .col-xl-8,
.sl-hero-search .col-xl-9,
.sl-hero-search .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

.sl-hero-search .form-group {
    position: relative;
}

.sl-hero-search .custom-select {
    border: 0 none;
    height: 54px;
    padding: .375rem 1.75rem .375rem 1.2rem;
    box-shadow: none;
    background-position-x: calc(100% - 1.2rem);
}

.sl-hero-search .custom-select:focus {
    outline: 0;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
}

.sl-hero-search .form-control {
    border: 0 none;
    box-shadow: none;
    padding: .375rem 1.2rem;
    height: 54px;
    transition: border-color .4s ease-in-out, box-shadow .4s ease-in-out;
}

.sl-hero-search .form-control:focus {
    outline: 0;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
}

.sl-hero-search .form-control.sl-is-address {
    padding-right: 2.6rem;
}

.sl-hero-search .form-control.sl-is-address+span {
    position: absolute;
    display: block;
    top: 50%;
    right: 1.2rem;
    color: #333;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sl-hero-props-carousel-1 {
    height: 100%;
}

.sl-hero-props-carousel-1 .carousel-inner,
.sl-hero-props-carousel-1 .carousel-item {
    height: 100%;
}

.sl-hero-props-carousel-1-prices {
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 0;
    height: 120px;
    z-index: 2;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.sl-hero-props-carousel-1-prices.sl-price-active {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sl-hero-props-carousel-1-prices .carousel-inner {
    height: 100%;
}

.sl-hero-props-carousel-1-prices .carousel-item {
    background-color: #000000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-price {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    left: calc((100% * 2 - 1140px) / 2 + 15px);
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-price>span {
    display: block;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .2s ease-in-out;
}

.sl-hero-props-carousel-1-prices.sl-price-active .carousel-item.active .sl-price>span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.sl-hero-props-carousel-1-prices.sl-price-active.sl-first-time .carousel-item.active .sl-price>span {
    transition-delay: .6s;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-cta {
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    right: 60px;
    opacity: 0;
}

.sl-hero-props-carousel-1-prices.sl-price-active .carousel-item.active .sl-cta {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-hero-props-carousel-1-prices.sl-price-active.sl-first-time .carousel-item.active .sl-cta {
    transition-delay: .8s;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-cta:hover {
    color: #ffffff;
    text-decoration: none;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-cta:after {
    content: " ";
    border-top: 2px solid #ffffff;
    width: 36px;
    height: 7px;
    display: inline-block;
    margin-left: 20px;
    transition: all .4s ease-in-out;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.sl-hero-props-carousel-1-prices .carousel-item .sl-cta:hover:after {
    -webkit-transform: scale(2, 1);
    transform: scale(2, 1);
}

.sl-hero-props-carousel-1-prices .sl-carousel-ticker {
    position: absolute;
    left: calc(100% + 60px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    white-space: nowrap;
    font-weight: 700;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.sl-hero-props-carousel-1-prices.sl-price-active .sl-carousel-ticker {
    opacity: 1;
}

.sl-hero-props-carousel-1-prices.sl-price-active.sl-first-time .sl-carousel-ticker {
    transition-delay: .6s;
}

.sl-hero-props-carousel-1-prices .sl-carousel-ticker>div {
    display: inline-block;
    line-height: 13px;
}

.sl-hero-props-carousel-1-prices .sl-carousel-ticker .sl-carousel-ticker-counter {
    overflow: hidden;
    height: 12px;
}

.sl-hero-props-carousel-1-prices .sl-carousel-ticker .sl-carousel-ticker-counter>span {
    display: block;
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-1-prices .carousel-item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    transition: all 6.4s linear;
}

.sl-hero-props-carousel-1-prices.sl-price-active .carousel-item.active:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sl-hero-props-carousel-1-prices.sl-price-active.sl-first-time .carousel-item.active:after {
    transition-delay: .6s;
}

.sl-hero-props-carousel-1 .sl-carousel-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    background-color: #ffffff;
    width: 240px;
    height: 120px;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a {
    cursor: pointer;
    display: block;
    background-color: #ffffff;
    height: 120px;
    width: 120px;
    position: absolute;
}

.sl-dark-mode .sl-hero-props-carousel-1 .sl-carousel-controls a {
    background-color: #000000;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev {
    top: 0;
    left: 0;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next {
    top: 0;
    right: 0;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev svg {
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next svg {
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-dark-mode .sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev svg line,
.sl-dark-mode .sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next svg line {
    stroke: #ffffff;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev:hover svg {
    -webkit-animation: arrowPCLeft 0.4s ease-in-out;
    animation: arrowPCLeft 0.4s ease-in-out;
}

.sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next:hover svg {
    -webkit-animation: arrowPCRight 0.4s ease-in-out;
    animation: arrowPCRight 0.4s ease-in-out;
}

.sl-hero-props-carousel-1 .carousel-item .sl-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(calc(-50% - 70px));
    transform: translateY(calc(-50% - 70px));
    color: #ffffff;
    z-index: 2;
}

.sl-hero-props-carousel-1 .sl-caption-prop-title {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3rem;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: all .6s ease-in-out;
}

.sl-hero-props-carousel-1 .carousel-item.active .sl-caption-prop-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.sl-hero-props-carousel-1 .sl-caption-prop-features {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .2s ease-in-out;
}

.sl-hero-props-carousel-1 .carousel-item.active .sl-caption-prop-features {
    opacity: .7;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 0.4s;
}

.sl-hero-props-carousel-1 .sl-caption-prop-features>span {
    opacity: 0.5;
    display: inline-block;
    padding: 0 5px;
}

.sl-hero-props-carousel-1 .carousel-indicators {
    -webkit-justify-content: left;
    justify-content: left;
    bottom: 180px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.sl-hero-props-carousel-1 .carousel-indicators li {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    margin-left: 0;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.7);
    opacity: 1;
    transition: all .6s ease;
    -webkit-transform: scale(0.85, 0.85);
    transform: scale(0.85, 0.85);
    overflow: hidden;
}

.sl-hero-props-carousel-1 .carousel-indicators li.active {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sl-hero-props-carousel-2 {
    display: -webkit-flex;
    display: flex;
    height: 100%;
}

.sl-hero-props-carousel-2-left {
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
}

.sl-hero-props-carousel-2-right {
    -webkit-flex: 1;
    flex: 1;
}

.sl-hero-props-carousel-2-left .carousel-inner,
.sl-hero-props-carousel-2-left .carousel-item {
    height: 100%;
}

.sl-hero-props-carousel-2-right .carousel-inner,
.sl-hero-props-carousel-2-right .carousel-item {
    height: 100%;
}

.sl-hero-props-carousel-2-right .sl-hero-bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 7s linear;
}

.sl-hero-props-carousel-2-right .carousel-item.active .sl-hero-bg {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sl-hero-props-carousel-2-right .sl-hero-bg:after {
    content: " ";
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-caption {
    position: absolute;
    top: 50%;
    left: calc(100% - 570px + 15px);
    right: 0;
    -webkit-transform: translateY(calc(-50% - 60px));
    transform: translateY(calc(-50% - 60px));
    color: #ffffff;
    z-index: 2;
}

.sl-hero-props-carousel-2-left .sl-caption-prop-title {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3rem;
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-2-left .carousel-item.active .sl-caption-prop-title {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.sl-hero-props-carousel-2-left .sl-caption-prop-features {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-2-left .carousel-item.active .sl-caption-prop-features {
    opacity: .7;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.2s;
}

.sl-hero-props-carousel-2-left .sl-caption-prop-features>span {
    opacity: 0.5;
    display: inline-block;
    padding: 0 5px;
}

.sl-hero-props-carousel-2-left .sl-caption-prop-price {
    opacity: 0;
    font-size: 28px;
    line-height: 28px;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-2-left .carousel-item.active .sl-caption-prop-price {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.4s;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-cta {
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    bottom: 138px;
    left: calc(100% - 570px + 15px);
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all .4s ease-in-out;
}

.sl-hero-props-carousel-2-left .carousel-item.active .sl-cta {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.6s;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-cta:hover {
    color: #ffffff;
    text-decoration: none;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-cta:after {
    content: " ";
    border-top: 2px solid #ffffff;
    width: 36px;
    height: 7px;
    display: inline-block;
    margin-left: 20px;
    transition: all .4s ease-in-out;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.sl-hero-props-carousel-2-left .carousel-item .sl-cta:hover:after {
    -webkit-transform: scale(2, 1);
    transform: scale(2, 1);
}

.sl-hero-props-carousel-2 .sl-carousel-controls {
    position: absolute;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    background-color: #ffffff;
    width: 180px;
    height: 100px;
}

.sl-dark-mode .sl-hero-props-carousel-2 .sl-carousel-controls {
    background-color: #000000;
}

.sl-hero-props-carousel-2 .sl-carousel-controls.sl-right {
    left: auto;
    right: calc((100% - 1140px) / 2 + 15px);
    -webkit-transform: none;
    transform: none;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a {
    cursor: pointer;
    display: block;
    background-color: #ffffff;
    width: 90px;
    height: 100px;
    position: absolute;
}

.sl-dark-mode .sl-hero-props-carousel-2 .sl-carousel-controls a {
    background-color: #000000;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-prev {
    top: 0;
    left: 0;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-next {
    top: 0;
    right: 0;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-prev svg {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-next svg {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.sl-dark-mode .sl-hero-props-carousel-2 .sl-carousel-controls svg line {
    stroke: #ffffff;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-prev:hover svg {
    -webkit-animation: arrowPCLeft 0.4s ease-in-out;
    animation: arrowPCLeft 0.4s ease-in-out;
}

.sl-hero-props-carousel-2 .sl-carousel-controls a.sl-carousel-control-next:hover svg {
    -webkit-animation: arrowPCRight 0.4s ease-in-out;
    animation: arrowPCRight 0.4s ease-in-out;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker {
    position: absolute;
    left: 50%;
    bottom: 223px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #ffffff;
    white-space: nowrap;
    font-weight: 700;
    z-index: 2;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker.sl-right {
    left: auto;
    right: calc((100% - 1140px) / 2 + 15px);
    -webkit-transform: none;
    transform: none;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker>div {
    display: inline-block;
    line-height: 13px;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker .sl-carousel-ticker-counter {
    overflow: hidden;
    height: 12px;
}

.sl-hero-props-carousel-2 .sl-carousel-ticker .sl-carousel-ticker-counter>span {
    display: block;
    transition: all .4s ease-in-out;
}

/*****media QUeries*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sl-hero-props-carousel-1-prices .carousel-item .sl-price {
        left: calc((100% * 2 - 960px) / 2 + 15px);
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-caption,
    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: calc((100% * 2 - 960px) / 2 + 15px);
    }
}

@media screen and (max-width: 1139px) {
    .sl-hero-props-carousel-2-left .carousel-item .sl-caption {
        left: 15px;
        right: 15px;
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: 15px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls.sl-right,
    .sl-hero-props-carousel-2 .sl-carousel-ticker.sl-right {
        right: 15px;
    }
}

@media (max-width: 991px) {

    .sl-hero-caption form,
    .sl-hero-caption.sl-hero-caption-bottom-left form {
        width: 100%;
    }

    .h2,
    h2 {
        font-size: 1.8rem;
    }

    h1.sl-page-header {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .sl-hero-props-carousel-1 .carousel-indicators li {
        width: 60px;
        height: 60px;
    }

    .sl-hero-props-carousel-1-prices {
        width: calc(100% - 240px);
    }

    .sl-hero-props-carousel-1-prices .sl-carousel-ticker {
        display: none;
    }

    .sl-hero-caption h1 {
        font-size: 2.5rem;
    }

    .sl-hero-props-carousel-1 .sl-caption-prop-title,
    .sl-hero-props-carousel-2-left .sl-caption-prop-title {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-price {
        top: 30%;
        left: calc((100% + 240px - 720px) / 2 + 15px);
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-cta {
        top: 70%;
        left: calc((100% + 240px - 720px) / 2 + 15px);
        right: auto;
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-caption,
    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: calc((100% * 2 - 720px) / 2 + 15px);
    }
}

@media only screen and (max-width: 767px) {
    .sl-hero-props-carousel-2-left {
        -webkit-flex: 2;
        flex: 2;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls,
    .sl-hero-props-carousel-2 .sl-carousel-ticker {
        left: 66.666%;
    }

    .sl-hero-caption h1,
    .sl-hero-props-carousel-1 .sl-caption-prop-title,
    .sl-hero-props-carousel-2-left .sl-caption-prop-title {
        font-size: 2rem;
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-price,
    .sl-hero-props-carousel-1-prices .carousel-item .sl-cta {
        left: calc((100% + 240px - 540px) / 2 + 15px);
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-caption,
    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: calc((100% / 2 * 3 - 540px) / 2 + 15px);
    }

    .sl-hero {
        height: 600px !important;
    }

    .h2,
    h2,
    h1.sl-page-header {
        font-size: 1.7rem;
    }

    .sl-hero-caption.sl-hero-caption-bottom-left {
        bottom: 60px;
    }
}

@media only screen and (max-width: 575px) {
    .sl-hero-caption.sl-hero-caption-bottom-left {
        right: 0;
        left: 0;
    }

    .sl-hero-props-carousel-1-prices {
        width: calc(100% - 120px);
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls {
        width: 120px;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls a {
        width: 60px;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-prev svg {
        right: 10px;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls a.sl-carousel-control-next svg {
        left: 10px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls {
        bottom: 60px;
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-price {
        left: 15px;
        font-size: 1.6rem;
    }

    .sl-hero-props-carousel-1-prices .carousel-item .sl-cta {
        top: 93%;
        left: 15px;
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        bottom: 183px;
    }

    .sl-hero-props-carousel-2-left .carousel-item .sl-caption,
    .sl-hero-props-carousel-2-left .carousel-item .sl-cta {
        left: 15px;
    }

    .h2,
    h2,
    h1.sl-page-header,
    .sl-hero-props-carousel-2-left .sl-caption-prop-title {
        font-size: 1.6rem;
    }

    .sl-hero-props-carousel-1-prices {
        height: 80px;
    }

    .sl-hero-props-carousel-1 .sl-caption-prop-title {
        font-size: 1.6rem;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls {
        height: 80px;
    }

    .sl-hero-props-carousel-1 .sl-carousel-controls a {
        height: 80px;
    }

    .sl-hero {
        height: 560px !important;
        min-height: 560px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls {
        width: 160px;
        height: 80px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-controls a {
        width: 80px;
        height: 80px;
    }

    .sl-hero-props-carousel-2 .sl-carousel-ticker {
        bottom: 150px;
    }
}

/*-- Slider 2 // architecture intro section --*/
.grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.grid>[class*="column-"] {
    display: block;
}

.first {
    -webkit-order: -1;
    order: -1;
}

.last {
    -webkit-order: 12;
    order: 12;
}

.column-xs-1 {
    -webkit-flex-basis: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
}

.column-xs-2 {
    -webkit-flex-basis: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
}

.column-xs-3 {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.column-xs-4 {
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}

.column-xs-5 {
    -webkit-flex-basis: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}

.column-xs-6 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.column-xs-7 {
    -webkit-flex-basis: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
}

.column-xs-8 {
    -webkit-flex-basis: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
}

.column-xs-9 {
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.column-xs-10 {
    -webkit-flex-basis: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
}

.column-xs-11 {
    -webkit-flex-basis: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
}

.column-xs-12 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

@media (min-width: 48rem) {
    .column-sm-1 {
        -webkit-flex-basis: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .column-sm-2 {
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .column-sm-3 {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .column-sm-4 {
        -webkit-flex-basis: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .column-sm-5 {
        -webkit-flex-basis: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .column-sm-6 {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .column-sm-7 {
        -webkit-flex-basis: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .column-sm-8 {
        -webkit-flex-basis: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .column-sm-9 {
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .column-sm-10 {
        -webkit-flex-basis: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .column-sm-11 {
        -webkit-flex-basis: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .column-sm-12 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 62rem) {
    .column-md-1 {
        -webkit-flex-basis: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .column-md-2 {
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .column-md-3 {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .column-md-4 {
        -webkit-flex-basis: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .column-md-5 {
        -webkit-flex-basis: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .column-md-6 {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .column-md-7 {
        -webkit-flex-basis: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .column-md-8 {
        -webkit-flex-basis: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .column-md-9 {
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .column-md-10 {
        -webkit-flex-basis: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .column-md-11 {
        -webkit-flex-basis: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .column-md-12 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 75rem) {
    .column-lg-1 {
        -webkit-flex-basis: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .column-lg-2 {
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .column-lg-3 {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .column-lg-4 {
        -webkit-flex-basis: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .column-lg-5 {
        -webkit-flex-basis: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .column-lg-6 {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .column-lg-7 {
        -webkit-flex-basis: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .column-lg-8 {
        -webkit-flex-basis: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .column-lg-9 {
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .column-lg-10 {
        -webkit-flex-basis: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .column-lg-11 {
        -webkit-flex-basis: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .column-lg-12 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@supports (display: grid) {
    .grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto;
    }

    .grid>[class*="column-"] {
        margin: 0;
        max-width: 100%;
    }

    .column-xs-1 {
        grid-column-start: span 1;
        grid-column-end: span 1;
    }

    .column-xs-2 {
        grid-column-start: span 2;
        grid-column-end: span 2;
    }

    .column-xs-3 {
        grid-column-start: span 3;
        grid-column-end: span 3;
    }

    .column-xs-4 {
        grid-column-start: span 4;
        grid-column-end: span 4;
    }

    .column-xs-5 {
        grid-column-start: span 5;
        grid-column-end: span 5;
    }

    .column-xs-6 {
        grid-column-start: span 6;
        grid-column-end: span 6;
    }

    .column-xs-7 {
        grid-column-start: span 7;
        grid-column-end: span 7;
    }

    .column-xs-8 {
        grid-column-start: span 8;
        grid-column-end: span 8;
    }

    .column-xs-9 {
        grid-column-start: span 9;
        grid-column-end: span 9;
    }

    .column-xs-10 {
        grid-column-start: span 10;
        grid-column-end: span 10;
    }

    .column-xs-11 {
        grid-column-start: span 11;
        grid-column-end: span 11;
    }

    .column-xs-12 {
        grid-column-start: span 12;
        grid-column-end: span 12;
    }

    @media (min-width: 48rem) {
        .column-sm-1 {
            grid-column-start: span 1;
            grid-column-end: span 1;
        }

        .column-sm-2 {
            grid-column-start: span 2;
            grid-column-end: span 2;
        }

        .column-sm-3 {
            grid-column-start: span 3;
            grid-column-end: span 3;
        }

        .column-sm-4 {
            grid-column-start: span 4;
            grid-column-end: span 4;
        }

        .column-sm-5 {
            grid-column-start: span 5;
            grid-column-end: span 5;
        }

        .column-sm-6 {
            grid-column-start: span 6;
            grid-column-end: span 6;
        }

        .column-sm-7 {
            grid-column-start: span 7;
            grid-column-end: span 7;
        }

        .column-sm-8 {
            grid-column-start: span 8;
            grid-column-end: span 8;
        }

        .column-sm-9 {
            grid-column-start: span 9;
            grid-column-end: span 9;
        }

        .column-sm-10 {
            grid-column-start: span 10;
            grid-column-end: span 10;
        }

        .column-sm-11 {
            grid-column-start: span 11;
            grid-column-end: span 11;
        }

        .column-sm-12 {
            grid-column-start: span 12;
            grid-column-end: span 12;
        }
    }

    @media (min-width: 62rem) {
        .column-md-1 {
            grid-column-start: span 1;
            grid-column-end: span 1;
        }

        .column-md-2 {
            grid-column-start: span 2;
            grid-column-end: span 2;
        }

        .column-md-3 {
            grid-column-start: span 3;
            grid-column-end: span 3;
        }

        .column-md-4 {
            grid-column-start: span 4;
            grid-column-end: span 4;
        }

        .column-md-5 {
            grid-column-start: span 5;
            grid-column-end: span 5;
        }

        .column-md-6 {
            grid-column-start: span 6;
            grid-column-end: span 6;
        }

        .column-md-7 {
            grid-column-start: span 7;
            grid-column-end: span 7;
        }

        .column-md-8 {
            grid-column-start: span 8;
            grid-column-end: span 8;
        }

        .column-md-9 {
            grid-column-start: span 9;
            grid-column-end: span 9;
        }

        .column-md-10 {
            grid-column-start: span 10;
            grid-column-end: span 10;
        }

        .column-md-11 {
            grid-column-start: span 11;
            grid-column-end: span 11;
        }

        .column-md-12 {
            grid-column-start: span 12;
            grid-column-end: span 12;
        }
    }

    @media (min-width: 75rem) {
        .column-lg-1 {
            grid-column-start: span 1;
            grid-column-end: span 1;
        }

        .column-lg-2 {
            grid-column-start: span 2;
            grid-column-end: span 2;
        }

        .column-lg-3 {
            grid-column-start: span 3;
            grid-column-end: span 3;
        }

        .column-lg-4 {
            grid-column-start: span 4;
            grid-column-end: span 4;
        }

        .column-lg-5 {
            grid-column-start: span 5;
            grid-column-end: span 5;
        }

        .column-lg-6 {
            grid-column-start: span 6;
            grid-column-end: span 6;
        }

        .column-lg-7 {
            grid-column-start: span 7;
            grid-column-end: span 7;
        }

        .column-lg-8 {
            grid-column-start: span 8;
            grid-column-end: span 8;
        }

        .column-lg-9 {
            grid-column-start: span 9;
            grid-column-end: span 9;
        }

        .column-lg-10 {
            grid-column-start: span 10;
            grid-column-end: span 10;
        }

        .column-lg-11 {
            grid-column-start: span 11;
            grid-column-end: span 11;
        }

        .column-lg-12 {
            grid-column-start: span 12;
            grid-column-end: span 12;
        }
    }
}

.intro-section nav {
    position: relative;
    z-index: 2;
    padding: 1.25rem 0 1.25rem 0;
}

.intro-section nav ul {
    line-height: 2.2;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.intro-section nav ul li {
    margin: 0.325rem 0;
}

.intro-section #logo {
    color: #000000;
    font-weight: 700;
    font-size: 1.125rem;
}

.intro-section #highlight {
    color: #C4956B;
}

.intro-section img {
    width: 100%;
    height: 43vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.intro-section .vertical {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.intro-section .intro {
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-animation: fadeIn 0.8s 0.4s ease forwards;
    animation: fadeIn 0.8s 0.4s ease forwards;
}

.intro-section .intro .title {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.1;
    color: #C4956B;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .intro-section .intro .title {
        font-size: 3.5rem;
        line-height: 2.1;
        margin-bottom: -28px;
    }
}

.intro-section .intro .title .underline {
    color: #000000;
}

.intro-section .description {
    position: relative;
    z-index: 1;
    margin: 1rem 0 1.5rem 0;
    font-size: 1rem;
    opacity: 0;
    -webkit-animation: fadeIn 0.8s 0.6s ease forwards;
    animation: fadeIn 0.8s 0.6s ease forwards;
}

.intro-section .slider-item {
    display: none;
}

.intro-section .slider-item.active {
    display: block;
}

.intro-section .slider-item.active .hide-mobile {
    display: none;
}

.intro-section .slider-item.active .show-mobile {
    display: block;
    margin: 1rem 0;
}

.intro-section .owl-item.active .slider-item {
    display: block;
}

.intro-section button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    font-size: inherit;
}

.intro-section .owl-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

@media only screen and (max-width: 575px) {
    .intro-section .owl-nav {
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.intro-section .owl-nav button.owl-prev,
.intro-section .owl-nav button.owl-next {
    padding: 6px 20px !important;
    border: 1px solid #C4956B;
}

.intro-section .owl-nav button.owl-prev span,
.intro-section .owl-nav button.owl-next span {
    display: inline-block;
    color: #C4956B;
    transition: all 0.1s ease;
    font-size: 30px;
}

.intro-section .owl-nav button.owl-prev:hover span,
.intro-section .owl-nav button.owl-next:hover span {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.intro-section .owl-nav button.owl-next {
    border-left-color: transparent;
}

.intro-section .previous,
.intro-section .next {
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-basis: 15%;
    flex-basis: 15%;
    padding: 10px;
    font-size: 2rem;
    color: #000000;
}

.intro-section .previous i,
.intro-section .next i {
    transition: all 0.1s ease;
}

.intro-section .active .image-holder::before {
    position: absolute;
    content: '';
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: revealRight 1s cubic-bezier(0.23, 1, 0.75, 1) forwards;
    animation: revealRight 1s cubic-bezier(0.23, 1, 0.75, 1) forwards;
}

@-webkit-keyframes revealRight {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

@keyframes revealRight {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.intro-section .toggle-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    font-size: 1rem;
    line-height: 1.9;
}

.intro-section .toggle-nav i {
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 0 0.5rem;
}

.intro-section .flex-nav ul {
    position: absolute;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    display: none;
    width: 100%;
    left: 0;
    padding: 1rem;
    background: #ffffff;
    text-align: center;
}

.intro-section .flex-nav ul.active {
    display: -webkit-flex;
    display: flex;
}

@media (min-width: 62rem) {
    .intro-section nav ul {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .intro-section #logo {
        font-size: 1.25rem;
    }

    .intro-section .controls {
        padding: 1.75rem 0 1.75rem 0;
    }

    .intro-section .intro {
        -webkit-animation: fadeinleft 0.8s 0.4s ease forwards;
        animation: fadeinleft 0.8s 0.4s ease forwards;
    }

    .intro-section .intro .title {
        font-size: 3rem;
        padding: 2.5rem 2.5rem 3rem 2.5rem;
        background: #ffffff;
    }

    .intro-section img {
        height: 64vh;
    }

    .intro-section .description {
        font-size: 1rem;
        margin: 1rem 0 0 0;
    }

    .intro-section .previous,
    .intro-section .next {
        -webkit-flex-basis: 8.33%;
        flex-basis: 8.33%;
    }

    .intro-section .owl-item.active .slider-item .hide-mobile {
        display: block;
    }

    .intro-section .owl-item.active .slider-item .show-mobile {
        display: none;
    }

    .intro-section .toggle-nav {
        display: none;
    }

    .intro-section .flex-nav ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        position: relative;
        padding: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .intro-section nav {
        padding: 1.75rem 0 1.75rem 0;
    }

    .intro-section nav ul {
        line-height: 2.2;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .intro-section nav ul li {
        font-size: 1rem;
        text-transform: uppercase;
        margin: 0 2rem 0 0;
    }

    .intro-section nav ul li:nth-child(3) {
        margin: 0;
    }
}

@media only screen and (min-width: 1021px) and (max-width: 1090px) {
    .intro-section img {
        height: 28vh;
    }
}

.componant-slider .item {
    padding: 0 20px;
}

.componant-slider .slick-slide:focus {
    outline: none !important;
}

/*-------------------------------------------------------------------------------------
    Layer wrap
---------------------------------------------------------------------------------------*/
.layer-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: -1;
}

.markets-chart>div {
    width: 110%;
    margin-left: -16px;
    height: 100%;
}

.markets-container {
    position: relative;
    background: #fff;
    height: 240px;
    border: 3px solid #fff;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}

.markets-chart {
    position: absolute;
    top: 45px;
    width: 100%;
    left: 0;
    height: 100%;
    bottom: 0;
}

.markets-content span.green,
.markets-content span.red {
    position: absolute;
    right: 0;
    background: #26a69a;
    color: #fff;
    top: 15px;
    padding: 3px 12px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    font-weight: 600;
}

.markets-content span.red {
    background: #ef5350;
}

.markets-content h3 {
    font-size: 14px;
    top: 14px;
    position: absolute;
    left: 15px;
    color: #4a4a4a;
}

.markets-content p {
    position: absolute;
    top: 32px;
    left: 15px;
    font-size: 16px;
}

/*-------------------------------------------------------------------------------------
    Team Part  
---------------------------------------------------------------------------------------*/
.team-part .single-blog-item {
    position: relative;
    transition: 0.5s;
    margin-bottom: 88px;
}

@media only screen and (max-width: 575px) {
    .team-part .single-blog-item {
        margin-bottom: 110px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-part .single-blog-item {
        margin-bottom: 110px;
    }
}

@media only screen and (max-width: 767px) {
    .team-part .single-blog-item {
        margin-bottom: 110px;
    }

    .team-part .single-blog-item .single-blog-img img {
        width: 100%;
    }
}

.team-part .single-blog-item:hover .single-blog-text {
    padding: 34px 15px 34px;
}

.team-part .single-blog-item:hover .social-icon {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: 0.5s;
}

.team-part .single-blog-item:hover .single-text {
    box-shadow: 0px 15px 30px 0px rgba(48, 56, 59, 0.1);
    bottom: -68px;
}

.team-part .single-blog-item h3 {
    color: #ffffff;
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 700;
}

.team-part .single-blog-item p {
    color: #ffffff;
}

.team-part .single-blog-item .social-icon {
    margin-top: 15px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: 0.5s;
}

@media only screen and (max-width: 575px) {
    .team-part .single-blog-item .social-icon {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .team-part .single-blog-item .social-icon {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-part .single-blog-item .social-icon {
        margin-top: 15px;
    }
}

.team-part .single-blog-item .social-icon li {
    margin-right: 8px;
}

.team-part .single-blog-item .social-icon a {
    border: 1px solid #e2e5e7;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
    color: #949798;
    line-height: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.team-part .single-blog-item .social-icon a i {
    line-height: 1.6;
}

@media only screen and (max-width: 575px) {
    .team-part .single-blog-item .social-icon a {
        margin: 0px 5px;
    }
}

@media only screen and (max-width: 767px) {
    .team-part .single-blog-item .social-icon a {
        margin: 0px 5px;
    }
}

.team-part .single-blog-item .social-icon a:hover {
    background-color: #0069FF;
    color: #ffffff !important;
    border: 1px solid #0069FF;
}

.team-part .single-text {
    position: absolute;
    width: 85%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: -85px;
    transition: 0.5s;
}

.team-part .single-blog-text {
    transition: 0.5s;
    padding: 34px 15px 34px;
    border: 0px solid transparent !important;
}

.team-part .single-blog-text p {
    margin-bottom: 0;
}

@media only screen and (max-width: 575px) {
    .team-part .single-blog-text {
        padding: 22px 15px 22px !important;
    }
}

@media only screen and (max-width: 767px) {
    .team-part .single-blog-text {
        padding: 22px 15px 22px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-part .single-blog-text {
        padding: 22px 15px 22px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team-part .single-blog-text {
        padding: 22px 15px 22px !important;
    }
}

.single-page-artist {
    padding: 130px 0px 70px;
}

@media only screen and (max-width: 575px) {
    .single-page-artist {
        padding: 70px 0px 5px;
    }
}

@media only screen and (max-width: 767px) {
    .single-page-artist {
        padding: 70px 0px 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-page-artist {
        padding: 70px 0px 5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-page-artist {
        padding: 70px 0px 10px;
    }
}

.single-page-artist .single-blog-item {
    margin-bottom: 130px;
}

.team-img {
    position: relative;
    width: 210px;
    height: 210px;
    border: 4px solid #0069FF;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.team-img:hover .team-social {
    top: 130px;
    transition: all 0.3s ease-in;
}

.team-social {
    position: absolute;
    top: 201px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    -webkit-clip-path: ellipse(50% 95% at 50% 97%);
    clip-path: ellipse(50% 95% at 50% 97%);
    background: #0069FF;
}

.team-social ul {
    padding: 0;
}

.team-social li {
    display: inline-block;
}

.team-social li a {
    display: block;
    border: 1px solid #ffffff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #0069FF;
    margin: 0 2px;
    background: #ffffff;
}

.team-social li a:hover {
    box-shadow: 0px 8px 10px 0px rgba(154, 92, 118, 0.6);
}

.team-info h3 {
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 4px;
    font-size: 20px;
}

.team-info p {
    color: #0069FF;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 4px;
}

.team-box {
    cursor: pointer;
}

.team-box .img-box {
    transition: all .9s ease-in-out;
}

.team-box:hover .img-box {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* box Team */
.box-team {
    position: relative;
    overflow: hidden;
    padding: 20px;
    background: #fff;
}

.box-team .team-inner-img {
    position: relative;
}

.box-team img {
    transition: all .5s ease-in .1s;
}

.box-team .overlay {
    background-color: rgba(0, 105, 255, 0.75);
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 98;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    transition: all .5s ease-in .1s;
}

.box-team .healthcare-style {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 98;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    transition: all .5s ease-in .1s;
    background-image: linear-gradient(to right, rgba(50, 100, 245, 0.6) 0%, rgba(114, 2, 187, 0.6) 100%) !important;
}

.box-team.with-bottom-line h4 {
    position: relative;
    display: inline-block;
}

.box-team.with-bottom-line h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border: 1px solid #000;
    width: 50%;
}

.box-team ul li:nth-child(1) {
    transition-delay: .2s;
}

.box-team ul li:nth-child(2) {
    transition-delay: .3s;
}

.box-team ul li:nth-child(3) {
    transition-delay: .4s;
}

.box-team .team-social-menu {
    list-style-type: none;
}

.box-team .team-social-menu li {
    display: inline-block;
}

.box-team .team-social-menu li a {
    background: #ffffff;
    font-size: 14px;
    color: #18191d;
    height: 38px;
    width: 38px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 50%;
}

.box-team:hover .overlay {
    opacity: 1;
    visibility: visible;
    border-radius: 0;
}

.box-team:hover .healthcare-style {
    opacity: 1;
    visibility: visible;
    border-radius: 0;
}

.box-team:hover img {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

/* Team overlay box */
.team-wrap {
    position: relative;
    overflow: hidden;
}

.team-wrap:after {
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.team-wrap:hover:after {
    visibility: visible;
    opacity: 1;
}

.team-wrap img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.team-wrap:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition-duration: 1s;
}

.team-wrap .team-info {
    width: 0;
    height: 50px;
    padding: 5px 0px;
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
}

.team-wrap:hover .team-info {
    width: 80%;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 1;
}

.team-wrap .team-info h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: all 0.3s linear;
}

.team-wrap:hover .team-info h3 {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.2s;
}

.team-wrap .team-info span.position {
    font-size: 12px;
    font-weight: 600;
    color: #ddd;
    display: block;
    letter-spacing: 0.5px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
}

.team-wrap:hover .team-info span.position {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0.6s;
    transition-duration: 0.5s;
}

.team-wrap .socials {
    margin: 0;
    padding: 0;
    list-style: none;
    width: auto;
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.team-wrap .socials li {
    display: inline-block;
    margin: 15px 10px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
}

.team-wrap:hover .socials li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.team-wrap .socials li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.team-wrap .socials li a:hover {
    color: #ddd;
}

.team-wrap:hover .socials li:nth-child(1) {
    transition-delay: 0.1s;
}

.team-wrap:hover .socials li:nth-child(2) {
    transition-delay: 0.2s;
}

.team-wrap:hover .socials li:nth-child(3) {
    transition-delay: 0.3s;
}

.team-wrap:hover .socials li:nth-child(4) {
    transition-delay: 0.4s;
}

.team-wrap:hover .socials li:nth-child(5) {
    transition-delay: 0.5s;
}

/*-------------------------------------------------------------------------------------
    Image Comparision
---------------------------------------------------------------------------------------*/
.comparision-slider {
    position: relative;
    overflow: hidden;
}

.comparision-slider img {
    width: 100%;
    display: block;
    max-width: none;
}

.comparision-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.comparision-slider .handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    margin-left: -2px;
    background: #ffffff;
    cursor: ew-resize;
}

.comparision-slider .handle:after {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -30px;
    font-family: 'Font Awesome 5 Free';
    content: '\f053    \f054';
    color: #0069FF;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    line-height: 64px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 767px) {
    .comparision-slider .handle:after {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

.comparision-slider .handle.bordered {
    background: #0069FF;
}

.comparision-slider .handle.bordered:after {
    border: 1px solid #0069FF;
}

.comparision-slider .draggable:after {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

@media only screen and (max-width: 767px) {
    .comparision-slider .draggable:after {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}

/*-------------------------------------------------------------------------------------
    Menu list
---------------------------------------------------------------------------------------*/
.menu-row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
}

.menu-name {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1.8rem;
    font-weight: 600;
    padding-right: 5px;
    max-width: calc(100% - 48px);
}

@media (min-width: 576px) {
    .menu-name {
        font-size: 1.2rem;
    }
}

.menu-dots {
    border-bottom: 4px double rgba(255, 255, 255, 0.5);
    -webkit-flex: 100 1 auto;
    flex: 100 1 auto;
}

.menu-price {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 400;
    font-size: 1.1rem;
    padding-left: 5px;
}

@media (min-width: 576px) {
    .menu-price {
        font-size: 1.35rem;
    }
}

.divided-columns--dark p {
    color: #bfbfbf;
}

.menu-row .menu-name {
    color: #000000;
    font-size: 1.2rem;
}

.menu-row .menu-price {
    font-size: 1rem;
    font-weight: 600;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media (max-width: 576px) {
    .menu-row .menu-name {
        font-size: 1.2rem;
    }
}

/* Classic Menu List */
.label-heading-text {
    font-weight: 500;
}

.rounded-box {
    border-radius: 12px;
}

/*-------------------------------------------------------------------------------------
    Grid Filter  
---------------------------------------------------------------------------------------*/
.page-preview {
    margin-bottom: 50px;
}

.page-preview .thumb {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.page-preview .thumb .demo-badge {
    position: absolute;
    top: -22px;
    right: -62px;
    z-index: 3;
    color: #fff;
    font-size: 16px;
    padding: 10px 57px;
    padding-top: 34px;
    background: red;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page-preview .demo-title h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.page-preview:hover .thumb {
    box-shadow: 0 32px 58px rgba(0, 0, 0, 0.12);
    transition: all .3s ease;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.isotope-nav ul {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    list-style: none;
    font-size: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.isotope-nav ul li {
    font-size: 1rem;
    padding: 3px 20px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 15px;
    margin-right: 8px;
    text-transform: capitalize;
    transition: all .3s ease;
}

.isotope-nav ul li.active {
    background: #0069FF;
    color: #ffffff;
}

.isotope-nav ul.gradient-style li a.active {
    background-image: linear-gradient(to right, #1040C6 0%, #09AEFF 100%);
    color: #ffffff;
}

.isotope-nav ul.gradient-style li.active {
    background-image: linear-gradient(to right, #1040C6 0%, #09AEFF 100%);
    color: #ffffff;
}

.isotope-nav ul.gradient-style.style-2 li.nav-item {
    border: 1px solid transparent;
}

.isotope-nav ul.gradient-style.style-2 li.nav-item:hover {
    border: 1px solid #031034;
}

.isotope-nav ul.gradient-style.style-2 li {
    background: transparent;
}

.isotope-nav ul.gradient-style.style-2 li a.active {
    border: 1px solid #031034;
    background-image: none;
    background: none;
    color: #031034;
}

.isotope-nav ul.gradient-style.style-2 li.active {
    border: 1px solid #031034;
    background-image: none;
    background: none;
    color: #031034;
}

/*-------------------------------------------------------------------------------------
    Video Box  
---------------------------------------------------------------------------------------*/
.video-box {
    width: 100%;
    height: 350px;
    border-radius: 10px;
}

.video-box .video-content {
    position: absolute;
    bottom: 0;
    padding: 15px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all 1s ease;
}

.video-box .video-content .place {
    color: #ffffff;
    font-size: 18px;
}

.video-box .video-content .place .year {
    color: #0069FF;
}

.video-box .video-content .name {
    font-size: 24px;
    color: #ffffff;
}

.video-box .video-player {
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    transition: all 1s ease;
}

.video-box:hover .video-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.video-box:hover .video-player {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.video-box.no-animate .video-content {
    -webkit-transform: none;
    transform: none;
}

.video-box.no-animate .video-player {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/*-------------------------------------------------------------------------------------
    Instagram Post
---------------------------------------------------------------------------------------*/
.instagram-post {
    width: 100%;
    height: 230px;
    border-radius: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-post {
        height: 150px;
    }
}

@media only screen and (max-width: 575px) {
    .instagram-post {
        height: 150px;
    }
}

.instagram-post .instagram-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: all 0.5s ease;
}

.instagram-post .instagram-icon i {
    font-size: 30px;
    color: #ffffff;
}

.instagram-post:hover .instagram-icon {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*-------------------------------------------------------------------------------------
    Music Area
---------------------------------------------------------------------------------------*/
.music_area {
    position: relative;
}

.music_area .audioplayer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box;
    margin: 1em 0;
    padding: 0 24px;
    width: 100%;
    height: auto;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #DDE2E6;
    border-radius: 4px;
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
}

.music_area .audioplayer-time-current {
    margin-left: 24px;
    display: none;
}

.music_area .audioplayer-bar-played {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    z-index: 2;
    height: 8px;
    background: #615CFD;
    border-radius: 30px;
}

.music_area .audioplayer-bar-loaded {
    z-index: 1;
    height: 2px;
    background: #DDE2E6;
    border-radius: 30px;
}

.music_area .audioplayer-bar-played::after {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    content: '';
    box-sizing: border-box;
    top: -5px;
    right: -1px;
    margin-right: -5px;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 6px;
    display: none;
}

.music_area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    background: rgba(91, 130, 255, 0);
    border: 1px solid #ffffff;
}

.music_area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    content: '';
    -webkit-justify-content: center;
    justify-content: center;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 7px solid transparent;
    border-right: none;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #ffffff;
}

.music_area .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a::after {
    left: 10px;
    top: 1px;
}

.music_area .audioplayer-bar {
    position: relative;
    display: -webkit-flex;
    display: flex;
    margin: 0 10px;
    height: 12px;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    cursor: pointer;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: flex;
    top: -3px;
    margin-right: 30px;
}

.music_area .audioplayer-bar::before {
    content: '';
    position: absolute;
    top: 5px;
    width: 100%;
    height: 8px;
    background-color: #333334;
    border-radius: 30px;
}

.music_area .audioplayer-time-duration {
    margin-right: 24px;
    display: none;
}

.music_area .audioplayer-playpause {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.music_area .audioplayer-bar-loaded {
    z-index: 1;
    height: 8px;
    background: #333333;
    border-radius: 30px;
}

.music_area .audioplayer-volume-adjust>div {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 60px;
    height: 8px;
    cursor: pointer;
    background-color: #333333 !important;
    border-radius: 30px;
}

.music_area .audioplayer-volume-adjust div div {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    background-color: #0059FF;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    background-color: #615CFD;
    border-radius: 30px;
}

.music_area .audioplayer-bar-loaded {
    z-index: 1;
    height: 2px;
    background: #DDE2E6;
    border-radius: 30px;
    display: none !important;
}

.music_area .music_field .thumb {
    overflow: hidden;
    float: left;
    margin-right: 50px;
}

.music_area .music_field .audio_name {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
}

.music_area .music_field .audio_name .name {
    margin-bottom: 12px;
}

.music_area .music_field .audio_name .name h4 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    color: #ffffff;
}

.music_area .music_field .audio_name .name p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
}

.music_area .music-artist .show-title,
.music_area .music-artist .artist-image {
    transition: all .3s ease-in-out;
}

.music_area .music-artist:hover .artist-image {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

.music_area .music-artist:hover .show-title {
    color: #0069FF;
}

.music_area .audioplayer-volume-button a::before {
    width: 0;
    height: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    top: -8px;
    content: "\e601";
    font-family: 'themify';
    color: #ffffff;
    font-weight: 900;
}

@media only screen and (max-width: 767px) {
    .music_area {
        margin-top: 0;
    }

    .music_area .music_field {
        margin-bottom: 30px;
    }

    .music_area .music_field .audio_name {
        overflow: inherit;
    }
}

.music_area .tab.vertical .tab-nav {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}

.audioplayer-volume-button a {
    display: -webkit-flex;
    display: flex;
    width: 0;
    height: 8px;
    background-color: transparent;
    position: relative;
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a::after {
    left: 10px;
    top: -2px;
    width: 6px;
    height: 6px;
    border: 6px double #9A9FB0;
    border-width: 6px 6px 0 0;
    border-radius: 0 12px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

/*-------------------------------------------------------------------------------------
    Portfolio Post
---------------------------------------------------------------------------------------*/
.portfolio-post {
    overflow: hidden;
    background: #050310;
    margin-bottom: 30px;
}

.portfolio-post .title {
    padding: 40px;
    padding-bottom: 10px;
}

.portfolio-post .thumb-img {
    position: relative;
    overflow: hidden;
    background: #050310;
    transition: .3s all ease-in-out;
}

.portfolio-post .thumb-img img {
    transition: .3s all ease-in-out;
}

.portfolio-post .thumb-img:before {
    content: '';
    background: #050310;
    width: 600px;
    height: 147px;
    left: -57px;
    top: -73px;
    position: absolute;
    -webkit-transform: rotate(-13deg);
    transform: rotate(-13deg);
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-post .thumb-img:before {
        height: 94px;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-post .thumb-img:before {
        height: 105px;
    }
}

@media only screen and (max-width: 479px) {
    .portfolio-post .thumb-img:before {
        height: 105px;
    }
}

@media only screen and (max-width: 320px) {
    .portfolio-post .thumb-img:before {
        height: 84px;
    }
}

.portfolio-post:hover .thumb-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*-------------------------------------------------------------------------------------
    Book Form
---------------------------------------------------------------------------------------*/
.book-appointment-part.green-gradient-overlay::after {
    content: '';
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.booking_form .bordered-box {
    position: relative;
    background: #ffffff;
    border: 3px solid #ffffff;
}

.booking_form .bordered-box .img-sec {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .booking_form .bordered-box .img-sec {
        -webkit-align-items: unset;
        align-items: unset;
        background: #0069FF;
    }
}

.booking_form .bordered-box .img-sec img {
    position: absolute;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .booking_form .bordered-box .img-sec img {
        position: inherit;
    }
}

.booking_form .bordered-box .book_overlay_bg {
    width: 70%;
    height: 100%;
    background: #0069FF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

@media only screen and (max-width: 767px) {
    .booking_form .bordered-box .book_overlay_bg {
        display: none;
    }
}

.booking_form .bordered-box .booking_content {
    padding: 35px;
}

.booking_form .bordered-box .booking_content .nice-select {
    border: 1px solid #DADCE0;
    color: #8d8d8d;
    line-height: 36px;
}

.booking_form .bordered-box .booking_content .nice-select .current {
    color: #8d8d8d;
}

/*-------------------------------------------------------------------------------------
    Pricing Box
---------------------------------------------------------------------------------------*/
.pricing-wrap {
    margin-left: auto;
    margin-right: auto;
}

.pricing-box {
    padding: 60px 40px 60px;
    position: relative;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    height: 100%;
    margin-bottom: 0;
}

.pricing-box.active {
    padding: 106px 40px 80px;
}

.pricing-box .sl-list-2 .list-header .title-wrap h6.heading {
    font-weight: 400;
}

.pricing-box .header {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 38px;
}

.pricing-box .header .feature-mark {
    background-color: #0069FF;
    display: block;
    padding: 5px 18px 5px 10px;
    position: absolute;
    top: 44px;
    left: -4px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
}

.pricing-box .header .feature-mark::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-right: 9px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.pricing-box .header .price {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.pricing-box .header .price h3.currenct {
    font-size: 18px;
    margin-bottom: 0;
}

.pricing-box .header .price h3.heading {
    font-size: 48px;
    line-height: .9;
    margin: 0 4px;
    font-weight: 600;
}

.pricing-box .content h5.heading {
    margin-bottom: 21px;
}

.pricing-box .sl-btn-small {
    background: #000;
    color: #fff;
}

.pricing-box.hoverable:hover,
.pricing-box.hoverable.active {
    background: #0069FF;
}

.pricing-box.hoverable:hover .title,
.pricing-box.hoverable.active .title {
    color: #fff !important;
}

.pricing-box.hoverable:hover .price-wrap h3,
.pricing-box.hoverable.active .price-wrap h3 {
    color: #fff;
}

.pricing-box.hoverable:hover .period,
.pricing-box.hoverable.active .period {
    color: #fff !important;
}

.pricing-box.hoverable:hover .sl-list-2 h6,
.pricing-box.hoverable.active .sl-list-2 h6 {
    color: #fff !important;
}

.pricing-box.hoverable:hover .sl-btn-small,
.pricing-box.hoverable.active .sl-btn-small {
    background: #fff !important;
    color: #000;
}

.price-style-3 .pricing-box {
    position: relative;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    padding: 25px 35px 37px;
    transition: all 0.3s ease-in-out;
}

.price-style-3 .pricing-box .header {
    padding-bottom: 33px;
    border-bottom: 1px solid #eee;
    margin-bottom: 23px;
}

.price-style-3 .pricing-box .header .price-area .header-title {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.price-style-3 .pricing-box .header .price-area .header-title .pricing-feature-mark {
    -webkit-order: 2;
    order: 2;
    display: block;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    background: #efefef;
    line-height: 1.75;
    margin-bottom: 15px;
}

.price-style-3 .pricing-box .header .price-area .header-title .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.34;
    margin-bottom: 15px;
    -webkit-order: 1;
    order: 1;
}

.price-style-3 .pricing-box .header .price-area .price-wrap h3 {
    font-size: 40px;
    line-height: 1.275;
    margin: 0;
    font-weight: 600;
}

.price-style-3 .pricing-box .header .price-area .period {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.67;
    color: inherit;
    width: 100%;
    margin: 10px 0 0;
}

.price-style-3:hover .procing-box {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.more-pricing {
    text-align: center;
}

.more-pricing p {
    font-size: 16px;
    line-height: 1.75;
    color: #777;
}

.more-pricing p a {
    color: #68AE4A;
    position: relative;
    padding: 2px 0;
    overflow: hidden;
    z-index: 1;
}

.more-pricing p a::after {
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    width: 100%;
    right: 0;
    left: auto;
    z-index: -2;
    background: #ddd;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}

.more-pricing p a::before {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    transition: width 1s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.more-pricing p a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

/* ===================================
        Shop
  ===================================*/
.salon-prices .price-list {
    border-bottom: 2px solid #0069FF;
    padding: 25px 16px 25px 12px;
    cursor: pointer;
    background: linear-gradient(to right, rgba(0, 105, 255, 0.61) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

.salon-prices .price-list:hover {
    background-position: left bottom;
}

.salon-prices .price-list .info .sub-heading {
    font-size: 15px;
    margin-top: 15px;
}

.salon-prices .price-list .info .main-heading {
    font-size: 20px;
}

.salon-prices .price-list .rates .rate {
    font-size: 38px;
    margin: 0;
    font-weight: 600;
}

/*-------------------------------------------------------------------------------------
    List Area
---------------------------------------------------------------------------------------*/
.sl-list .list-header {
    padding-left: 36px;
}

.sl-list .list-header .marker {
    display: inline-block;
    float: left;
    position: relative;
}

.sl-list .list-header .marker::before {
    content: "\f058";
    position: absolute;
    top: 0;
    left: -36px;
    display: block;
    font-size: 18px;
    color: #7ed321;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}

.sl-list .list-header p {
    margin-top: 13px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.58;
    font-size: 14px;
}

.sl-list-2 .list-header {
    padding-left: 14px;
    margin-bottom: 20px;
}

.sl-list-2 .list-header .marker {
    display: inline-block;
    float: left;
    position: relative;
}

.sl-list-2 .list-header .marker::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -14px;
}

.sl-list-2 .list-header .marker.with-dot::before {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999;
}

.sl-list-2 .list-header .title-wrap h6.heading {
    color: inherit;
    font-weight: 500;
}

.sl-list-2 .list-header.with-ckeck {
    padding-left: 26px;
}

.sl-list-2 .list-header.with-ckeck .marker::before {
    content: "\f00c";
    display: block;
    font-size: 13px;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    color: #0069FF;
    top: -4px;
    left: -26px;
}

.sl-list-2 .list-header.with-ckeck .marker.dark-color::before {
    color: #222222 !important;
}

.sl-list-2 .list-header.with-ckeck.item-available .marker::before {
    color: #7ed321;
}

.sl-list-2 .list-header.with-ckeck.item-not-available .marker::before {
    color: #333333;
}

.sl-list-2 .list-header.with-ckeck.check-yellow-color-2 .marker::before {
    color: #F8A440;
}

.sl-list-2 .list-header.with-number {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.sl-list-2 .list-header.with-number .marker {
    position: absolute;
    left: 0;
    top: -3px;
}

.sl-list-2 .list-header.with-number--theme {
    padding-left: 30px;
    margin-bottom: 20px;
}

.sl-list-2 .list-header.with-number--theme .marker {
    color: #0069FF;
    font-size: 15px;
    font-weight: 700;
}

.sl-list-2 .list-header.with-number--theme h6.heading {
    font-size: 15px;
    line-height: 1.2;
    color: #222222;
}

.sl-list-2 .list-header.with-number--body {
    padding-left: 30px;
    margin-bottom: 3px;
}

.sl-list-2 .list-header.with-number--body .marker {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.38;
    font-family: "Rubik", sans-serif;
}

.sl-list-2 .list-header.with-number--body h6.heading {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.38;
    color: #333333;
    font-family: "Rubik", sans-serif;
}

.sl-list-2.style-2 .list-header .marker {
    font-size: 20px;
    line-height: 1.5;
    color: #bfbfbf;
    transition: .3s all ease-in-out;
}

@media only screen and (max-width: 767px) {
    .sl-list-2.style-2 .list-header .marker {
        font-size: 18px;
    }
}

.sl-list-2.style-2 .list-header .title-wrap {
    padding-left: 1rem;
}

.sl-list-2.style-2 .list-header .title-wrap p {
    color: #bfbfbf;
    font-size: 16px;
    transition: .3s all ease-in-out;
}

.sl-list-2.style-2 .list-header:hover .marker,
.sl-list-2.style-2 .list-header:hover .title-wrap p {
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Features Sliders  
---------------------------------------------------------------------------------------*/
.feature-slider {
    position: relative;
}

.feature-slider.owl-carousel .owl-nav {
    position: absolute;
    top: 155px;
    margin-bottom: 50px;
    width: 100%;
}

.feature-slider.owl-carousel .owl-nav button.owl-next,
.feature-slider.owl-carousel .owl-nav button.owl-prev {
    color: #000;
    background: #fff;
    font-size: 23px;
    padding: 8px 14px !important;
}

.feature-slider.owl-carousel .owl-nav button.owl-next:hover,
.feature-slider.owl-carousel .owl-nav button.owl-prev:hover {
    background: #0069FF;
    color: #ffffff;
}

.feature-slider.owl-carousel .owl-nav button {
    position: absolute;
}

.feature-slider.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

@media only screen and (max-width: 767px) {
    .feature-slider.owl-carousel .owl-nav button.owl-prev {
        left: 20px;
    }
}

.feature-slider.owl-carousel .owl-nav button.owl-next {
    right: 0;
}

@media only screen and (max-width: 767px) {
    .feature-slider.owl-carousel .owl-nav button.owl-next {
        right: 20px;
    }
}

.properties {
    position: relative;
    width: 100%;
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    overflow: hidden;
}

.properties .fancy-box-contents {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.properties p {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

.properties .price {
    font-size: 24px;
    font-weight: 600;
    display: block;
    color: #ffffff;
}

.properties .features {
    font-size: 14px;
    display: block;
    color: #ffffff;
}

.properties .fancy-box-header {
    padding: 0 20px;
    transition: all .3s ease-in-out 0s;
}

.properties .fancy-box-info {
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: all .3s ease-in-out 0s;
}

.properties:hover .fancy-box-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*-------------------------------------------------------------------------------------
    Google Map Area
---------------------------------------------------------------------------------------*/
#slmap {
    width: 100%;
    height: 400px;
}

.gmap-marker-wrap {
    padding: 20px;
}

.product-saas-map {
    height: 570px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-saas-map {
        height: 500px !important;
    }
}

.gmap-marker-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 14px;
}

.gmap-marker-content {
    font-size: 14px;
}

.gmap-marker-content i {
    font-size: 15px;
    margin-right: 5px;
    color: #0069FF;
}

.gm-style .gm-style-iw {
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.12);
}

.animated-dot {
    width: 100%;
    height: 100%;
    left: -9px;
    top: -5px;
    position: relative;
    background-color: #0069FF;
}

.animated-dot .middle-dot {
    width: 12px;
    height: 12px;
    border-radius: 30px;
    position: absolute;
    left: 2px;
    top: 2px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #0069FF;
}

.animated-dot .middle-dot:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    background-color: #fff;
    border-radius: 30px;
    z-index: 100;
    opacity: 0;
    -webkit-animation: animationSignal2 cubic-bezier(0, 0.55, 0.55, 1) 2s;
    animation: animationSignal2 cubic-bezier(0, 0.55, 0.55, 1) 2s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.78s;
    animation-delay: 0.78s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated-dot .signal {
    width: 180px;
    pointer-events: none;
    height: 180px;
    border-radius: 200px;
    position: absolute;
    left: -80px;
    top: -80px;
    opacity: 0;
    -webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.78s;
    animation-delay: 0.78s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #0069FF;
}

.animated-dot .signal2 {
    width: 180px;
    height: 180px;
    pointer-events: none;
    border-radius: 200px;
    position: absolute;
    left: -80px;
    top: -80px;
    opacity: 0;
    -webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #0069FF;
}

.animated-dot.red-color {
    background-color: #F0263F;
}

.animated-dot.red-color .middle-dot {
    background-color: #F0263F;
}

.animated-dot.red-color .signal {
    background-color: #F0263F;
}

.animated-dot.red-color .signal2 {
    background-color: #F0263F;
}

@-webkit-keyframes animationSignal {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    1% {
        opacity: 0.25;
    }

    20% {
        opacity: 0.25;
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes animationSignal2 {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0.2;
    }

    20% {
        opacity: 0.17;
    }

    60% {
        opacity: 0;
    }
}

@keyframes animationSignal {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    1% {
        opacity: 0.25;
    }

    20% {
        opacity: 0.25;
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes animationSignal2 {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0.2;
    }

    20% {
        opacity: 0.17;
    }

    60% {
        opacity: 0;
    }
}

/*-------------------------------------------------------------------------------------
  Breadcrumb  
---------------------------------------------------------------------------------------*/
.breadcrumb-area {
    position: relative;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading {
    font-weight: 600;
    line-height: 1.41;
    font-size: 32px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading.heading-h1 {
    font-weight: 600;
    line-height: 1.41;
    font-size: 56px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading.heading-h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading.heading-h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .heading.heading-h1 {
        font-size: 30px;
    }
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta>div {
    position: relative;
    display: inline-block;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta .post-date {
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
    color: #333333;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta .post-category {
    padding-left: 15px;
    margin-left: 7px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.58;
    font-size: 14px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta .post-category a {
    color: #333333 !important;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta .post-category::before {
    content: "|";
    position: absolute;
    top: 0;
    left: 2px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta.text-white .post-date {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .post-meta.text-white .post-category a {
    color: #ffffff !important;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb {
    padding: 0;
    margin: 0;
    margin-top: 29px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    letter-spacing: .4px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.58;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-family: "Montserrat", sans-serif;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a:hover::after {
    width: 100%;
    right: 0;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li+li {
    position: relative;
    padding-left: 22px;
}

.breadcrumb-area.breadcrumb-title-bar .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li+li::before {
    content: "\f105";
    font-size: 12px;
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .heading {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li::before {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-title-white .breadcrumb-inner .breadcrumb-insite ul.core-breadcrumb li a::after {
    background-color: #ffffff;
}

/*-------------------------------------------------------------------------------------
    Preloader
---------------------------------------------------------------------------------------*/
.preloader {
    position: fixed;
    width: 100%;
    min-height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ffffff;
    z-index: 100001;
}

.preloader .loading {
    width: 200px;
    height: 200px;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    position: relative;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.preloader {
    transition: all 1s;
}

body.loaded .preloader {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

/*-------------------------------------------------------------------------------------
    Schedule areas
---------------------------------------------------------------------------------------*/
.schedule {
    position: relative;
    width: 100%;
    display: block;
    z-index: 2;
}

.schedule .nav-pills {
    width: 100%;
    display: block;
}

.schedule .nav-pills p {
    margin-bottom: 0;
}

.schedule .nav-pills .nav-link {
    padding: 28px !important;
    border-radius: 0;
    margin-bottom: 0;
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    background: #ffffff;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.07);
    border-radius: 0;
}

.schedule .nav-pills .nav-link:after {
    position: absolute;
    top: 50%;
    bottom: 10px;
    right: -10px;
    width: 0;
    height: 0;
    margin-top: -10px;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ff4656;
    opacity: 0;
}

.schedule .nav-pills .nav-link span {
    display: block;
    font-size: 14px;
}

.schedule .nav-pills .nav-link:hover {
    background: #ff4656;
    color: #ffffff;
}

.schedule .nav-pills .nav-link.active {
    color: #ffffff;
    transition: 0.3s;
    border: 1px solid transparent;
    background: #ff4656;
}

.schedule .nav-pills .nav-link.active:after {
    opacity: 1;
}

@media only screen and (max-width: 575px) {
    .schedule .nav-pills .nav-link.active:after {
        opacity: 0;
    }
}

@media only screen and (max-width: 575px) {
    .schedule .nav-pills .nav-link {
        display: block;
        margin-bottom: 5px;
    }
}

.schedule .tab-content {
    border-radius: 0;
}

.schedule.style-2 .nav-pills .nav-link:hover,
.schedule.style-2 .nav-pills .nav-link.active {
    background: #004e92;
}

.schedule.style-2 .nav-pills .nav-link:hover::after,
.schedule.style-2 .nav-pills .nav-link.active::after {
    border-color: transparent transparent transparent #004e92;
}

.schedule.style-2 .trainer_wrap .text h3.trainer_name a {
    color: #004e92;
}

.schedule .trainer_wrap .text .time,
.schedule .trainer_wrap .text .position {
    color: #949494;
    line-height: 1.8;
}

.schedule.dark-version .nav-pills .nav-link {
    color: #bfbfbf;
    background: #100e17;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.7);
}

.schedule.dark-version .nav-pills .nav-link::after {
    border-color: transparent transparent transparent #100e17;
}

.schedule.dark-version .nav-pills .nav-link:hover,
.schedule.dark-version .nav-pills .nav-link.active {
    background: #004e92;
    color: #fff;
}

.schedule.dark-version .nav-pills .nav-link:hover::after,
.schedule.dark-version .nav-pills .nav-link.active::after {
    border-color: transparent transparent transparent #004e92;
}

.schedule.dark-version .trainer_wrap {
    background: #100e17;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.7);
}

.schedule.dark-version .trainer_wrap .text h2 a,
.schedule.dark-version .trainer_wrap .text h3 {
    color: #ffffff;
}

.schedule.dark-version .trainer_wrap .text p {
    color: #bfbfbf;
}

.schedule.dark-version .trainer_wrap .text .time,
.schedule.dark-version .trainer_wrap .text .position {
    color: #949494;
}

.schedule.dark-version .trainer_wrap .text h3.trainer_name a {
    color: #004e92;
}

.trainer_wrap {
    width: 100%;
    background: #ffffff;
    padding: 40px;
    margin-bottom: 20px;
    box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.07);
    transition: 0.3s;
}

.trainer_wrap .trainer_img {
    width: 120px;
    height: 120px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

@media only screen and (max-width: 575px) {
    .trainer_wrap .trainer_img {
        margin-bottom: 10px;
    }
}

.trainer_wrap .text {
    width: calc(100% - 120px);
}

@media only screen and (max-width: 575px) {
    .trainer_wrap .text {
        width: 100%;
    }
}

.trainer_wrap .text h2 {
    font-size: 24px;
    font-weight: 400;
}

.trainer_wrap .text h2 a {
    color: #000000;
}

@media only screen and (max-width: 575px) {
    .trainer_wrap .text p {
        margin-bottom: 10px;
    }
}

.trainer_wrap .text h3.trainer_name {
    font-size: 14px;
}

.trainer_wrap .text h3.trainer_name a {
    color: #FF5F6D;
}

.trainer_wrap .text .position {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.trainer_wrap .text .time {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.trainer_wrap:hover,
.trainer_wrap:focus {
    box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.07);
}

/*-------------------------------------------------------------------------------------
    Coming-soon
---------------------------------------------------------------------------------------*/
.coming-soon {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.coming-soon .inner {
    max-width: 100%;
    width: 880px;
    margin: auto;
    border-radius: 18px;
}

@media (max-width: 576px) {
    .coming-soon .inner {
        padding-top: 80px;
    }
}

.coming-soon .inner .bg-solid-grey .timer-grid .count-inner p {
    color: #fff !important;
}

.coming-soon .inner .logo-img {
    display: block;
    width: 100%;
    text-align: center;
}

.coming-soon .inner .logo-img img {
    max-width: 100%;
}

.coming-soon .inner p {
    font-size: 20px;
    color: #999999;
    line-height: 1.2;
}

.coming-soon .inner .promise-content {
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
}

.coming-soon .inner .promise-content span {
    border-bottom: 1px solid #999999;
}

.coming-soon .inner .form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

.coming-soon .inner .sl-newsletter-input-box {
    width: 450px;
    max-width: calc(100% - 10px);
    position: relative;
    background-color: #e6e6e6;
    height: 50px;
    border: 0px solid transparent;
    border-radius: 5px;
}

.coming-soon .inner .sl-newsletter-input-box input {
    height: 50px;
}

.coming-soon .inner .sl-newsletter-input-box button {
    width: 133px;
    height: 40px;
    font-weight: 400;
}

.coming-soon .inner .sl-newsletter-input-box button span {
    font-weight: 400;
}

/*-------------------------------------------------------------------------------------
    Error page 404
---------------------------------------------------------------------------------------*/
#notfound {
    position: relative;
    height: 100vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
}

.notfound .notfound-404 {
    position: relative;
    height: 220px;
}

.notfound .notfound-404 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 186px;
    font-weight: 200;
    margin: 0px;
    background: linear-gradient(130deg, #FF9456, #FE2B60);
    color: transparent;
    -webkit-background-clip: text;
    text-transform: uppercase;
}

.notfound h2 {
    font-size: 33px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 25px;
    letter-spacing: 3px;
}

.notfound p {
    font-size: 16px;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 25px;
}

.notfound a {
    color: #FE2B60;
    font-weight: 200;
    text-decoration: none;
    border-bottom: 1px dashed #ff6f68;
    border-radius: 2px;
}

.notfound-social>a {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 14px;
    color: #FE2B60;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 3px;
    transition: 0.2s all;
}

.notfound-social>a:hover {
    color: #fff;
    background-color: #FE2B60;
    border-color: #ff6f68;
}

@media only screen and (max-width: 479px) {
    .notfound .notfound-404 {
        position: relative;
        height: 168px;
    }

    .notfound .notfound-404 h1 {
        font-size: 142px;
    }

    .notfound h2 {
        font-size: 22px;
    }
}

/*-------------------------------------------------------------------------------------
    Datepicker
---------------------------------------------------------------------------------------*/
.xdsoft_datetimepicker {
    font-family: "Montserrat", sans-serif;
    z-index: 99999;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #000000;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
    font-weight: 400;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0069FF !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #0069FF !important;
}

.xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0069FF !important;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0069FF !important;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

.xdsoft_datetimepicker .xdsoft_label {
    font-weight: 400;
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    border: 0;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #0069FF;
    box-shadow: #0069FF 0 1px 3px 0 inset;
    color: #ffffff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #0069FF;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today {
    color: #ffffff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current.xdsoft_today:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #0069FF !important;
}

/*****************************************************************************
Bottom to top scroll
*****************************************************************************/
.scroll-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #FA5555;
    border: 2px solid #FA5555;
    box-shadow: 0 60px 135px rgba(0, 0, 0, 0.14), 0 15px 65px rgba(0, 0, 0, 0.14);
    z-index: 9999;
    border-radius: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .3s ease-in-out;
}

.scroll-top i {
    font-size: 22px;
    color: #0069FF;
}

.scroll-top:hover {
    background: #0069FF;
}

.scroll-top:hover i {
    color: #ffffff;
}

.scroll-top.with-hover {
    border-color: #0069FF;
    background: #fff;
}

.scroll-top.with-hover:hover {
    background: #0069FF;
}

.scroll-top.with-hover:hover i {
    color: #ffffff;
}

.scroll-top.show {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.crypto-table {
    padding: 5px;
    border-radius: 10px;
    position: relative;
    z-index: 3;
}

.crypto-table .table {
    background: #fff;
    margin: 0;
    border-radius: 10px;
    border: 8px solid #0069FF;
}

.crypto-table .table thead th {
    border-top: 0;
}

.our-process .section-wrap-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #113b51;
    height: calc(100% - 12em);
}

@media only screen and (max-width: 767px) {
    .our-process .section-wrap-bg {
        height: calc(100% - 7em);
    }
}

@media only screen and (max-width: 575px) {
    .our-process .section-wrap-bg {
        height: calc(100% - 5em);
    }
}

.our-process .wrap-o,
.our-process .wrap-o--contact {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        max-width: 510px;
    }
}

@media (min-width: 768px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        max-width: 750px;
    }
}

@media (min-width: 1024px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        max-width: 1000px;
    }
}

@media (min-width: 1240px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        max-width: 1220px;
    }
}

@media (min-width: 1320px) {

    .our-process .wrap-o,
    .our-process .wrap-o--contact {
        padding-left: 0;
        padding-right: 0;
        max-width: 1200px;
    }
}

.our-process .process {
    margin-top: -12em;
    position: relative;
    box-shadow: 0 10px 30px 0 rgba(17, 59, 81, 0.2);
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media only screen and (max-width: 767px) {
    .our-process .process {
        margin-top: -7em;
    }
}

@media only screen and (max-width: 575px) {
    .our-process .process {
        margin-top: -5em;
    }
}

.our-process .wrap-o-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

@media (min-width: 1320px) {
    .our-process .wrap-o-content {
        padding-left: 70px !important;
        padding-right: 70px !important;
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}

@media (min-width: 1240px) {
    .our-process .wrap-o-content {
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (min-width: 1024px) {
    .our-process .wrap-o-content {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media (min-width: 768px) {
    .our-process .wrap-o-content {
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (min-width: 576px) {
    .our-process .wrap-o-content {
        padding-left: 3em;
        padding-right: 3em;
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

.our-process .intro-box__image,
.our-process .process:before,
.our-process .process__image {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.our-process .process:before {
    content: "";
    background: linear-gradient(45deg, #FF8008, #FFC837);
    opacity: .98;
    z-index: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.our-process .intro-box__content,
.our-process .process__content {
    position: relative;
    z-index: 1;
}

.our-process .process-box,
.our-process .tile-icon--transparent {
    position: relative;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 30px 0 rgba(17, 59, 81, 0.02);
    text-align: center;
    padding: 1.5em;
    height: 100%;
    border: 1px solid #ffffff;
}

.our-process .process-box__step,
.our-process .tile-icon__icon--numeric {
    font-size: 3.25em;
}

.our-process .process-box__title {
    color: #fff;
    margin-bottom: 1em;
    font-size: 1.25rem;
}

.our-process .process-box__desc {
    opacity: .8;
}

.our-process .process-box__desc p {
    color: #fff;
}

.beauty-quote .section-title h2 {
    font-size: 60px !important;
}

@media only screen and (max-width: 767px) {
    .beauty-quote .section-title h2 {
        font-size: 48px !important;
    }
}

@media only screen and (max-width: 767px) {
    .beauty-girl-1 {
        opacity: .3;
        z-index: -1;
        width: 320px;
    }

    .beauty-girl-2 {
        opacity: .2;
        z-index: -3;
    }
}

.special-offer-box {
    background-image: url(https://codex-themes.com/thegem/sites/beauty-salon/wp-content/uploads/2017/10/beauty_salon_offer_2_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.special-offer-box .main-title p {
    font-weight: 700;
    font-size: 1.3rem;
    color: #f96b6b;
}

.special-offer-box .main-title p span {
    font-size: 1.4rem;
}

.special-offer-box ul {
    margin: 0;
    padding-left: 18px;
}

.special-offer-box ul li {
    position: relative;
    margin-bottom: .7em;
}

.main-font {
    font-family: 'Roboto', sans-serif;
}

.alt-font {
    font-family: 'Montserrat', sans-serif;
}

h3.area-title.text-white a {
    color: #fff !important;
}

/* ===================================
    General
====================================== */
/* opacity */
.opacity-full {
    opacity: 1;
}

.opacity-3 {
    opacity: .3;
}

.opacity-4 {
    opacity: .4;
}

.opacity-5 {
    opacity: .5;
}

.opacity-6 {
    opacity: .6;
}

.opacity-7 {
    opacity: .7;
}

.opacity-7 {
    opacity: .7;
}

.opacity-8 {
    opacity: .8;
}

.opacity-9 {
    opacity: .9;
}

/*font-weight*/
/* ===================================
    Header
====================================== */
header.creative-st-header {
    width: 100%;
    z-index: 99;
}

/* logo change */
header.creative-st-header .logo .logo-dark,
header.creative-st-header .logo .logo-light {
    /* visibility: hidden;
    opacity: 0; */
    width: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

header.creative-st-header .logo .logo-dark.default,
header.creative-st-header .logo .logo-light.default {
    visibility: visible;
    opacity: 1;
    width: auto;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

header.creative-st-header.header-appear nav .logo .logo-light,
header.creative-st-header.header-appear nav.header-dark .logo .logo-light {
    visibility: visible;
    opacity: 1;
    width: auto;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

header.creative-st-header.header-appear nav .logo .logo-dark,
header.creative-st-header.header-appear nav.header-dark .logo .logo-dark {
    visibility: hidden;
    opacity: 0;
    width: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

header.creative-st-header.header-appear nav .logo .logo-dark,
header.creative-st-header.header-appear nav.header-light .logo .logo-dark {
    visibility: visible;
    opacity: 1;
    width: auto;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

header.creative-st-header.header-appear nav .logo .logo-light,
header.creative-st-header.header-appear nav.header-light .logo .logo-light {
    visibility: hidden;
    /* opacity: 0; */
    width: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

header.creative-st-header a.logo {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}

header.creative-st-header a.logo img {
    max-width: 130px;
    vertical-align: sub;
}

/* Navbar */
.creative-st-header .navbar-top-default {
    position: absolute;
    top: 0;
    z-index: 99;
    overflow: hidden;
    height: 70px;
    width: 100%;
    /* background: #ffffff; */
    transition: all .1s ease;
    /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */
}

.creative-st-header.header-appear .navbar-top-default {
    height: 70px;
    position: fixed;
    z-index: 1000;
    background: #ffffff;
    -webkit-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

/* animation */
@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.creative-st-header .navbar-simple .navbar-nav .nav-link {
    padding: 0.4rem 1.5rem;
    margin-left: .5rem;
    color: #000;
    font-weight: 400;
}

.creative-st-header.header-appear .navbar-simple .navbar-nav .nav-link {
    color: #2b2b2b;
}

.creative-st-header .nav-box-round .navbar-nav .nav-link {
    border-radius: 6px;
}

.creative-st-header.header-appear .nav-box-round .navbar-nav .nav-link.active:nth-child(1) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header.header-appear .nav-box-round .navbar-nav .nav-link.active:nth-child(2) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header.header-appear .nav-box-round .navbar-nav .nav-link.active:nth-child(3) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header.header-appear .nav-box-round .navbar-nav .nav-link.active:nth-child(4) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header.header-appear .nav-box-round .navbar-nav .nav-link.active:nth-child(5) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header.header-appear .nav-box-round .navbar-nav .nav-link.active:nth-child(6) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header .nav-box-round .navbar-nav .nav-link.active:nth-child(1) {
    background-color: #FA5555;
    color: white !important;
}

.creative-st-header .nav-box-round .navbar-nav .nav-link.active:nth-child(2) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header .nav-box-round .navbar-nav .nav-link.active:nth-child(3) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header .nav-box-round .navbar-nav .nav-link.active:nth-child(4) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header .nav-box-round .navbar-nav .nav-link.active:nth-child(5) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header .nav-box-round .navbar-nav .nav-link.active:nth-child(6) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header .nav-box-round .navbar-nav .nav-link.active:nth-child(7) {
    background-color: #FA5555;
    color: #ffffff !important;
}

.creative-st-header.header-appear .nav-box-round .navbar-nav .nav-link:hover {
    color: #FA5555;
}

/* side menu button */
.creative-st-header {
    /* ===================================
    Side Menu
====================================== */
    /*Side overlay*/
    /*side clode btn*/
}

.creative-st-header .sidemenu_btn {
    transition: all .3s linear;
    width: 36px;
    padding: 6px;
    margin-right: 1rem;
    position: absolute;
    right: 15px;
    display: inline-block;
}

.creative-st-header .sidemenu_btn_inner {
    height: 70px;
    width: 70px;
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    float: left;
}

.creative-st-header .sidemenu_btn span {
    height: 2px;
    width: 100%;
    background-color: #2b2b2b;
    display: block;
}

.creative-st-header.header-appear .sidemenu_btn span {
    background-color: #2b2b2b;
}

.creative-st-header .sidemenu_btn span:nth-child(2) {
    margin: 4px 0;
}

.creative-st-header .side-menu {
    width: 40%;
    position: fixed;
    right: calc(50% - 90%);
    top: 0;
    background: #161616;
    z-index: 1032;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    overflow: hidden;
}

.creative-st-header .side-menu.left {
    left: 0;
    right: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.creative-st-header .side-menu.before-side {
    width: 280px;
}

.creative-st-header .side-menu.side-menu-active,
.creative-st-header .side-menu.before-side {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.creative-st-header .pul-menu .side-menu.side-menu-active {
    visibility: visible;
    opacity: 1;
}

.creative-st-header .side-menu .navbar-brand {
    margin: 0 0 2.5rem 0;
}

.creative-st-header #close_side_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    display: none;
    z-index: 1031;
    opacity: 0.4;
}

.creative-st-header .side-menu .btn-close {
    height: 33px;
    width: 33px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 15px;
    cursor: pointer;
}

.creative-st-header .side-menu.before-side .btn-close {
    display: none;
}

.creative-st-header .side-menu .btn-close::before,
.creative-st-header .side-menu .btn-close::after {
    position: absolute;
    left: 16px;
    content: ' ';
    height: 24px;
    width: 2px;
    background: #fff;
    top: 5px;
}

.creative-st-header .side-menu .btn-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.creative-st-header .side-menu .btn-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.creative-st-header .side-menu .inner-wrapper {
    padding: 3.5rem 5rem;
    height: 100%;
    position: relative;
    overflow-y: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: left;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.creative-st-header .pul-menu.pushwrap .side-menu .inner-wrapper {
    padding: 3.5rem 2.5rem;
}

.creative-st-header .side-menu .side-nav {
    margin-bottom: 30px;
    display: block;
}

.creative-st-header .side-nav .navbar-nav .nav-item {
    display: block;
    margin: 10px 0;
    padding: 0 !important;
    opacity: 0;
    transition: all 0.8s ease 500ms;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.creative-st-header .side-nav .navbar-nav .nav-item:first-child {
    transition-delay: .1s;
}

.creative-st-header .side-nav .navbar-nav .nav-item:nth-child(2) {
    transition-delay: .2s;
}

.creative-st-header .side-nav .navbar-nav .nav-item:nth-child(3) {
    transition-delay: .3s;
}

.creative-st-header .side-nav .navbar-nav .nav-item:nth-child(4) {
    transition-delay: .4s;
}

.creative-st-header .side-nav .navbar-nav .nav-item:nth-child(5) {
    transition-delay: .5s;
}

.creative-st-header .side-nav .navbar-nav .nav-item:nth-child(6) {
    transition-delay: .6s;
}

.creative-st-header .side-nav .navbar-nav .nav-item:nth-child(7) {
    transition-delay: .7s;
}

.creative-st-header .side-nav .navbar-nav .nav-item:nth-child(8) {
    transition-delay: .8s;
}

.creative-st-header .side-nav .navbar-nav .nav-item:nth-child(9) {
    transition-delay: .9s;
}

.creative-st-header .side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.creative-st-header .side-nav .navbar-nav .nav-link {
    display: inline-table;
    color: #fff;
    padding: 2px 0 3px 0 !important;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: normal;
    position: relative;
    border-radius: 0;
}

.creative-st-header .side-nav .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    background: #fff;
    display: inline-block;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.creative-st-header .side-nav .navbar-nav .nav-link:hover::after,
.creative-st-header .side-nav .navbar-nav .nav-link:focus::after,
.creative-st-header .side-nav .navbar-nav .nav-link.active::after {
    width: 100%;
}

.creative-st-header .side-nav .navbar-nav .nav-link.active {
    background: transparent;
}

.creative-st-header .side-menu p {
    font-size: 13px;
    margin-top: .5rem;
    margin-bottom: 0;
}

.creative-st-header .social-icons-simple {
    margin-bottom: 0;
    margin-left: -10px;
}

.creative-st-header .social-icons-simple li {
    display: inline-block;
}

.creative-st-header .social-icons-simple li a {
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 38px;
    border: 1px solid transparent;
    text-align: center;
    width: 36px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: background-color .5s ease;
}

.creative-st-header .social-icons-simple li a:hover {
    background-color: #FFFFFF;
}

.creative-st-header .social-icons-simple li.animated-wrap a:hover {
    background-color: transparent;
    color: #ffffff;
}

/* ===================================
    Single Items
====================================== */
.single-items {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    /* background-attachment: fixed; */
}
.single-items h3 {
    font-size: 3rem;
    margin-bottom: 1.3rem;
}

@media screen and (max-width: 767px) {
    .single-items h3 {
        font-size: 2.5rem;
    }
}

.kachimushi{
    background: url("../img/creative-studio/single-portfolio10.jpg") no-repeat center;
    background-size: cover;
}
.solutions{
   background: url("../img/creative-studio/single-portfolio8.jpg") no-repeat center;
   background-size: cover;
}
.libellum{
    background: url("../img/creative-studio/single-portfolio3.jpg") no-repeat center;
    background-size: cover;

}
.posfinger{
    background: url("../img/creative-studio/single-portfolio2.jpg") no-repeat center;
    background-size: cover;

}
.c4{
    background: url("../img/creative-studio/single-portfolio6.jpg") no-repeat center;
    background-size: cover;

}
.nextbrain{
    background: url("../img/creative-studio/single-portfolio5.jpg") no-repeat center;
    background-size: cover;
}
.natspace{
    background: url("../img/creative-studio/single-portfolio7.jpg") no-repeat center;
    background-size: cover;
}
.globe{
    background: url("../img/creative-studio/single-portfolio4.jpg") no-repeat center;
    background-size: cover;
}
.baires{
    background: url("../img/creative-studio/single-portfolio9.jpg") no-repeat center;
    background-size: cover;
}
.website{
    background: url("../img/creative-studio/single-portfolio11.jpg") no-repeat center;
    background-size: cover;
}
.single-items h3 a:hover,
.single-items h3 a:focus {
    color: inherit;
}

.single-items p {
    margin-bottom: 10px;
}

.center-block {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

/* ===================================
   Footer
====================================== */
.footer-social ul {
    margin: 0;
    padding: 0;
}

.footer-social li {
    display: inline-block;
}

.footer-social li a {
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #696969;
    border-radius: 50px;
    font-size: 17px;
    margin: 10px 5px;
    border: 1px solid transparent;
    transition: background-color .2s ease-in-out;
}

.footer-social li a:hover {
    background-color: #00bcd4;
    color: #ffffff;
}

.company-about {
    font-size: 13px;
}

.company-about a {
    color: #696969;
}

.scroll-top-arrow {
    font-size: 25px;
    line-height: 45px;
    color: #fff !important;
    display: none;
    height: 45px;
    width: 45px;
    padding: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    text-decoration: none;
    z-index: 99;
    border-radius: 100%;
    background-color: #FA5555;
}

.scroll-top-arrow:hover {
    background-position: right center;
}

/* button */
.btn-studio {
    -webkit-appearance: initial;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    display: inline-block;
    font-size: 17px;
    border: 2px solid transparent;
    letter-spacing: .5px;
    line-height: inherit;
    border-radius: 0;
    text-transform: capitalize;
    width: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    transition: all .5s ease !important;
}

.btn-studio.btn-transparent-white {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-studio.btn-transparent-white:hover,
.btn-studio.btn-transparent-white:focus {
    background: #ffffff !important;
    color: #585858 !important;
}

.btn-studio.btn-rounded {
    border-radius: 50px;
}

/* button size */
.btn-studio.btn-small {
    font-size: 12px;
    padding: 4px 1.8em;
}

.btn-studio.btn-medium {
    font-size: 12px;
    padding: 6px 1.8em;
}

.btn-studio.btn-large {
    font-size: 14px;
    padding: 9px 34px;
    line-height: 1.8em;
}

.btn-studio.btn-rounded {
    border-radius: 50px;
}

/* ===================================
    Media Queries
====================================== */
@media screen and (max-width: 767px) {
    .creative-st-header .side-menu {
        width: 380px;
    }

    .creative-st-header .single-items h3 {
        font-size: 2.5rem;
    }

    .creative-st-header .side-menu {
        width: 380px;
    }
    .ajuste-letra{
        font-size: 37px;
    }
    .espacio{
        display: none;
    }
}


.boton-anexo button{
    color: white;
    width: 100%;
    background: #FA5555;
    height: 50px;
    border-radius: 6px;
}