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



Template name:  Snail

Version:        1.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;

}



* {

    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: #004dcd;

    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;

}



.bg-gray-light {

    background: #f9f9f9 !important;

}



.bg-light-gray {

    background: #fcfcfc;

}



.bg-blueshade {

    background: #F4F7FC !important;

}



.bg-default {

    background: #0069FF !important;

}



.color-default {

    color: #0069FF !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;

}



.gradient-green-shade {

    background-image: linear-gradient(to right, #00d563 0%, #00b755 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: #0069FF !important;

}



body.template-color-1 {

    /* Light Background Button // Template color wise */

}



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: #0069FF !important;

    border: 2px solid #0069FF;

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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: #BE6A24 !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: #BE6A24;

}



body.template-color-19 #scroll-top {

    background: #BE6A24 !important;

    border: 2px solid #BE6A24;

}



body.template-color-19 #scroll-top i {

    color: #ffffff !important;

}



body.template-color-19 #scroll-top:hover {

    background: #BE6A24;

}



body.template-color-19 #scroll-top:hover i {

    color: #ffffff;

}



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 {

    background: #BE6A24 !important;

}



body.template-color-19 .pricing-box.hoverable:hover,

body.template-color-19 .pricing-box.hoverable.active {

    background: #BE6A24;

}



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: #BE6A24 !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: #BE6A24 !important;

}



body.template-color-19 .progress-bar span.percent-label:after {

    border-color: #BE6A24 transparent transparent transparent !important;

}



body.template-color-19 .icon-box.style-5 .inner .inner-icon {

    color: #BE6A24;

}



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: #BE6A24;

}



body.template-color-19 .chackbox input:checked~span {

    background: #BE6A24 !important;

    border-color: #BE6A24 !important;

}



body.template-color-19 .radio span:after {

    background: #BE6A24 !important;

}



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

    body.template-color-19 .booking_form .img-sec {

        background: #BE6A24 !important;

    }

}



body.template-color-19 .crypto-table .table {

    border: 8px solid #BE6A24;

}



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: #BE6A24;

    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: #BE6A24 !important;

}



body.template-color-19 .social-shere:hover .social-site p {

    color: #BE6A24 !important;

}



body.template-color-19 .social-shere:hover .icon i {

    color: #BE6A24 !important;

}



body.template-color-19 .testimonial-slider .carousel-indicators li.active {

    border-color: #BE6A24;

}



body.template-color-19 .service-box i {

    color: #BE6A24;

}



body.template-color-19 .service-box .readmore {

    color: #BE6A24;

}



body.template-color-19 .service-box .readmore:before {

    background-color: #BE6A24;

}



body.template-color-19 .service-box:hover {

    background: #BE6A24;

}



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: #BE6A24 !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 .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: #BE6A24;

}



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 {

    color: #BE6A24 !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: #BE6A24;

}



body.template-color-19 .footer-part.footer-classic .contact-mata:hover i {

    background: #BE6A24;

    color: #fff;

}



body.template-color-19 .comparision-slider .handle::after {

    color: #BE6A24;

}



body.template-color-19 .comparision-slider .handle.bordered {

    background: #BE6A24;

}



body.template-color-19 .comparision-slider .handle.bordered:after {

    border: 3px solid #BE6A24;

}



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: #BE6A24 !important;

    box-shadow: #BE6A24 0 1px 3px 0 inset;

    color: #ffffff !important;

}



body.template-color-19 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {

    color: #BE6A24 !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: #BE6A24 !important;

}



body.template-color-19 .xdsoft_datetimepicker .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {

    background: #BE6A24 !important;

    box-shadow: #BE6A24 0 1px 3px 0 inset;

    color: #ffffff !important;

}



body.template-color-19 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {

    background: #BE6A24 !important;

    box-shadow: #BE6A24 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: #BE6A24 !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: #BE6A24 !important;

    box-shadow: #BE6A24 0 1px 3px 0 inset;

    color: #ffffff !important;

}



body.template-color-19 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {

    color: #BE6A24 !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: #BE6A24 !important;

}



body.template-color-19 .mini-cart .shopping-cart .footer a.cart-btn {

    border-color: #BE6A24 !important;

    background-color: #BE6A24 !important;

}



body.template-color-19 .icon-box.style-4 .inner:hover .content h5 {

    color: #BE6A24 !important;

}



body.template-color-19 .fancy-box-travel.overlay-color::after {

    background-image: linear-gradient(to top, #BE6A24 0%, transparent 100%);

}



body.template-color-19 .widget-category-list ul.category-area li a:hover {

    color: #BE6A24 !important;

}



body.template-color-19 .widget-category-list ul.category-area li a:hover span {

    background: #BE6A24 !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: #BE6A24 !important;

    border-color: #BE6A24 !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: #BE6A24 !important;

}



body.template-color-19 .social-icon.tooltip-layout.theme-color li a.tooltip-theme[aria-label]::before {

    border-top-color: #BE6A24;

}



body.template-color-19 .btn .light-color {

    border-color: #BE6A24;

    background: rgba(6, 198, 220, 0.11);

}



body.template-color-19 .btn .light-color:hover {

    background: #BE6A24;

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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 {

    /* Light Background Button // Template color wise */

}



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 .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 {

    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 .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 .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 {

    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;

}



.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-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,

.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;

}



/*-------------------------------------------------------------------------------------

    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);

}



/*-------------------------------------------------------------------------------------

    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 {

    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 {

        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: #bfbfbf;

}



/*-------------------------------------------------------------------------------------

    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, #BE6A24 0, #04F1EF 51%, #BE6A24 100%);

}



.btn .grad-btn-9:after,

.btn .grad-btn-9.outline:hover,

.btn .grad-btn-9.outline.active {

    background-image: linear-gradient(to right, #BE6A24 0, #04F1EF 51%, #BE6A24 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 .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);

}



/*-------------------------------------------------------------------------------------

    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;

}



@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 64px;

}



@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 

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

.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: #BE6A24 !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: #BE6A24;

}



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: #BE6A24;

}



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;

}



.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);

}



/*-------------------------------------------------------------------------------------

    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(3, 1fr);

    grid-column-gap: 30px;

    grid-row-gap: 30px;

}



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

    .gallery-grid {

        grid-template-columns: repeat(1, 1fr);

    }

}



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

    .gallery-grid {

        grid-template-columns: repeat(1, 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);

}



/*-------------------------------------------------------------------------------------

    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 .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 0%, 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;

}
.banner.banner-8 .banner-inner .banner-text a.contact {

    font-size: 24px !important;
	
	font-weight: 600;
	
	color: #fff;

}



@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-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;

}



/*-------------------------------------------------------------------------------------

    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;

}



/*-------------------------------------------------------------------------------------

    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%;

}

.header-right2 {
	float: right;
	display: block;
	
}
.header-right2 .mainmenu2 li{
	display: inline-block;
	float: left;
	
}
.header-right2 .mainmenu2 li a{
	padding: 0 30px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;	
}
.header-left a img{
	max-height: 130px;
}
.breadcrumb-inner text-center h2{
	color: #fff;
}
.breadcrumb-inner.text-center {
    background: #0009;
    padding: 8px 10px;
    max-width: 650px;
    margin: auto;
}
/* -------------------------

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;

}



.header-crypto.header-sticky.header-not-top {

    background-image: linear-gradient(to right, #3C53D7 0, #1A1B6E 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,
 .header-crypto .mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1.active>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;

}



.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: 18px;

}



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

    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: 100003;

    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;

}



.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;

    }



    .full-menu-toggler {

        top: 32px;

    }



    .header-full-active .full-menu-toggler {

        top: 18px;

    }



    .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;

    }

}



/*-------------------------------------------------------------------------------------

    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 .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: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.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;

}



.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: 30px;

    font-weight: 700;

    line-height: 1.24;

}



.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;

}



.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%;

    }

}



/*-------------------------------------------------------------------------------------

    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: #0069FF;

}



.panel .panel-heading h5.panel-title span {

    background-color: #0069FF;

    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;

}



/*-------------------------------------------------------------------------------------

    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%;

    }

}



/*-------------------------------------------------------------------------------------

    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;

}



/*-------------------------------------------------------------------------------------

    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: 25px;

    -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 a {

    border: 1px solid #e2e5e7;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    font-size: 12px;

    display: inline-block;

    color: #949798;

    line-height: 30px;

    margin: 0px 5px;

}



@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 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 img {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

}



/*-------------------------------------------------------------------------------------

    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;

}



/*-------------------------------------------------------------------------------------

    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 a.contact{

    font-weight: 600;
	
	font-size: 24px !important;
	
	color: #fff !important;
}



.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: #fff;

    border: 2px solid #0069FF;

    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.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;

}
/*
     FILE ARCHIVED ON 20:12:19 Dec 22, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:19:47 Mar 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.5
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.007
  esindex: 0.009
  cdx.remote: 18.116
  LoadShardBlock: 138.509 (3)
  PetaboxLoader3.datanode: 97.399 (4)
  PetaboxLoader3.resolve: 263.612 (2)
  load_resource: 264.879
*/