/*==  THE  FONTS == */


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 200;
    src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPFcZTIAOhVxoMyOr9n_E7fdMbewI1Db5yciWM.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: 'Titillium Web';
    font-style: italic;
    font-weight: 200;
    src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPFcZTIAOhVxoMyOr9n_E7fdMbewI1DYZyc.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 300;
    src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPFcZTIAOhVxoMyOr9n_E7fdMbepI5Db5yciWM.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: 'Titillium Web';
    font-style: italic;
    font-weight: 300;
    src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPFcZTIAOhVxoMyOr9n_E7fdMbepI5DYZyc.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPAcZTIAOhVxoMyOr9n_E7fdMbWAaxWXr0.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: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPAcZTIAOhVxoMyOr9n_E7fdMbWD6xW.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPFcZTIAOhVxoMyOr9n_E7fdMbe0IhDb5yciWM.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: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPFcZTIAOhVxoMyOr9n_E7fdMbe0IhDYZyc.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 700;
    src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPFcZTIAOhVxoMyOr9n_E7fdMbetIlDb5yciWM.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: 'Titillium Web';
    font-style: italic;
    font-weight: 700;
    src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPFcZTIAOhVxoMyOr9n_E7fdMbetIlDYZyc.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffAzHGIVzY4SY.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: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffAzHGItzYw.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY4SY.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: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzYw.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.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: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzY4SY.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: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzYw.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY4SY.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: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.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;
}


/* latin-ext */

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 900;
    src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGIVzY4SY.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: 'Titillium Web';
    font-style: normal;
    font-weight: 900;
    src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url(https://fonts.gstatic.com/s/titilliumweb/v6/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGItzYw.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmhduz8A.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmRduz8A.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: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.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;
}

body {
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    font-style: normal;
    overflow-x: hidden;
    color: #444444;
}

.submenu-toggler .fa-minus:before {
    content: "\f068";
}

.fw-600 {
    font-weight: 600 !important;
}

.ff-source {
    font-family: 'Source Sans Pro', sans-serif;
}

.height-100 {
    height: 100px;
}

.height-200 {
    height: 200px;
}

.height-300 {
    height: 300px;
}

.height-400 {
    height: 400px;
}

.height-500 {
    height: 500px;
}

.height-600 {
    height: 600px;
}

.width-100 {
    width: 100px;
}

.width-200 {
    width: 200px;
}

.width-300 {
    width: 300px;
}

.width-400 {
    width: 400px;
}

.width-500 {
    width: 500px;
}

.width-600 {
    width: 600px;
}

.reset-input {
    border: none;
}

.reset-input:focus {
    box-shadow: none;
    color: inherit;
    border-color: none;
}

.dashed-border {
    border: 1px dashed #e4e4e4;
}

.underlined {
    text-decoration: underline;
}

.framed {
    border: 1px solid #fff;
}

.hvr-underline:hover {
    text-decoration: underline;
}

.hvr-opacity:hover {
    opacity: 1 !important;
}

.img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.fix {
    overflow: hidden
}

button,
select {
    cursor: pointer;
    text-transform: none;
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer-menu li a:hover {
    color: #2B96CC;
    text-decoration: none;
}

a,
button {
    color: #1696e7;
    outline: medium none;
}

.lowercase {
    text-transform: lowercase !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif;
    margin-top: 0px;
    font-style: normal;
    font-weight: 600;
    text-transform: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 26px;
    color: #095a19;
}

h2 {
    font-size: 22px;
}

h2.bgr {
    font-size: 26px;
    color: #000000;
}

h3 {
    font-size: 18px;
    color: #095a19;
}

h4 {
    font-size: 16px;
    color: #8bb02b;
}

h5 {
    font-size: 14px;
    color: #0000;
}

h6 {
    font-size: 14px;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
    font-family: 'Source Sans Pro', sans-serif;
}

p {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    text-align: justify;
    line-height: 22px;
    font-family: 'Source Sans Pro', sans-serif;
}

hr {
    border-bottom: 1px solid #d6d6d6;
    border-top: 0 none;
    margin: 20px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

strong {
    /* text-decoration: underline; */
    font-family: 'Source Sans Serif', sans-serif;
}

*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    font-size: 14px;
    opacity: 1;
}

*::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

.theme-overlay {
    position: relative
}

.theme-overlay::before {
    background: #1696e7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}

.separator {
    border-top: 1px solid #f2f2f2
}


/* button style */

.red-bg {
    background: #d33232;
}

.btn.btn-black {
    background: #303b41;
}

.btn.btn-black:hover {
    background: #1a1a1a;
}

.btn:hover {
    /* background: #106fab; */
    /* color: #fff */
}

.btn.btn-large {
    padding: 10px 25px;
}

.btn-lg {
    font-weight: 700;
    padding: 13px 31px;
}

.btn.white-btn:hover {
    border-color: #ddd;
    color: #ddd
}

.btn.btn-base.btn-link {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #1696e7;
    padding: 0;
    text-decoration: none;
}

.btn.btn-base.btn-link:hover {
    color: #106fab;
}

.theme-bg {
    background: #1696e7
}

.bg-white {
    background-color: #ffffff;
}

.breadcrumb>.active {
    color: #888;
}


/* 2. header */

.header-top-area {
    padding-bottom: 14px;
    padding-top: 11px;
}

.headers-wrapper {
    margin-top: 10px;
}

.header-text {}

.header-text p {
    color: #a5a5a5;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.header-icon {}

.header-icon a {
    color: #a5a5a5;
    font-size: 16px;
    margin-right: 15px;
}

.header-icon a:last-child {
    margin-right: 0;
}

.header-icon a:hover {
    color: #a8d128;
}

.header-area {
    padding-bottom: 25px;
    padding-top: 16px;
}

.header-content {
    display: inline-block;
}

.header-logo {}

.header-wrapper {}

.header-img {
    float: left;
    margin-right: 13px;
    margin-top: 6px;
}

.headers-text {
    display: inline-block;
}

.headers-text h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.headers-text span {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
}

.header-button {
    margin-top: 9px;
}

.header-button a {
    background: #a8d128 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 15px 31px;
    text-transform: capitalize;
    transition: .3s;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.header-button a::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.header-button a:hover::before {
    transform: scaley(1);
}


/* main-menu-area */

.main-menu-area {
    margin-bottom: -34px;
    position: relative;
    z-index: 999;
}

.main-menu {
    float: left;
}

.main-menu ul {}

.main-menu ul li {
    display: inline-block;
    position: relative;
}

.main-menu ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 23px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.main-menu ul li:first-child a {
    padding-left: 0;
}

.main-menu ul li:hover>a,
.main-menu ul li.active>a {
    color: #444;
}


/* sub-menu */

.main-menu ul li .sub-menu {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 3px solid #e43636;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 9;
}

.main-menu ul li:hover .sub-menu {
    opacity: 1;
    top: 100%;
    visibility: visible
}

.main-menu ul li .sub-menu li {
    display: block
}

.main-menu ul li .sub-menu li a {
    color: #5a9265;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 10px 0;
    text-transform: capitalize;
    transition: .3s;
    font-family: 'Titillium Web', sans-serif;
}

.main-menu ul li .sub-menu.mega-menu li a {
    color: #9abe30;
}

.main-menu ul li:hover>.sub-menu li>a:hover {
    /* color:#fff; */
    /* background:#fe9604; */
    /* padding-left:30px; */
}

.search-form {
    padding-top: 16px;
    overflow: hidden;
    position: relative;
}

.search-form input {
    background: #97bc23 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #edfcbf;
    float: right;
    font-size: 16px;
    font-weight: 600;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    width: 235px;
}

.search-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #edfcbf;
    font-size: 16px;
    height: 100%;
    line-height: 53px;
    padding-top: 15px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 55px;
}

.search-form button:hover {
    color: #ff6600;
}

.menu {
    background: #a8d128 none repeat scroll 0 0;
    border-radius: 3px;
    min-height: 74px;
    padding: 0 30px;
    position: relative;
    z-index: 2147483647;
}


/* 3. slider-area */

.slider-area {}

.slider-wrapper {
    background-position: center center;
    background-size: cover;
}

.slider-content {}

.slider-content h1,
.slider-content span,
.inner-info p,
.slider-content a {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeOutDown;
}

.active .slider-content h1,
.active .slider-content span,
.active .inner-info p,
.active .slider-content a {
    animation-name: fadeInUp;
}

.slider-content h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 8px;
    animation-delay: 0.2s;
}

.slider-content span {
    color: #fff;
    display: inline-block;
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 14px;
    animation-delay: 1s;
}

.inner-info {
    margin: auto auto 42px;
    width: 755px;
}

.inner-info p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    animation-delay: 1.5s;
}

.slider-content a {
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-right: 15px;
    padding: 15px 38px;
    position: relative;
    text-transform: uppercase;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
    animation-delay: 2s;
}

.slider-content a::before {
    background: #a8d128;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.slider-content a:hover::before {
    transform: scaley(1);
}

.slider-content a:hover {
    border-color: #a8d128;
    ;
}

.slider-content a.active {
    background: #a8d128;
    border-color: #a8d128;
    color: #fff;
    padding: 15px 30px;
    border-radius: 3px;
}

.slider-active .owl-nav div {
    background: #0c0705;
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    height: 60px;
    left: 0;
    line-height: 60px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 60px;
}

.slider-active .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.slider-active .owl-nav div:hover {
    background: #231F09;
}

.slider-active:hover .owl-nav div {
    left: 60px;
    opacity: 1;
}

.slider-active:hover .owl-nav div.owl-next {
    left: auto;
    right: 60px;
}


/* 4. welcome-area */

.welcome-area {}

.welcome-wrapper {}

.welcome-content {}

.welcome-content h1 {
    color: #222222;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 0;
}

.welcome-content h1 span {
    color: #a8d128;
    font-weight: 700;
}

.welcome-content h3 {
    color: #222222;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 20px;
}

.welcome-content h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
}

.welcome-content h4 span {
    color: #a8d128;
}

.welcome-content p {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 24px;
}

.welcome-content a {
    background: #a8d128 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-right: 20px;
    margin-top: 14px;
    padding: 13px 25px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.welcome-content a:last-child {
    margin-right: 0;
}

.welcome-content a::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.welcome-content a:hover::before {
    transform: scaley(1);
}

.welcome-content a.phone-btn:hover::before {
    display: none
}

a.phone-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ff8212;
    font-weight: 700;
    font-size: 20px;
    padding: 0;
}

a.phone-btn i {
    font-size: 16px;
    margin-right: 2px;
}

a>.phone-btn:hover {
    color: #ff8212;
    background-color: none;
}

.welcome-menu {
    display: inline-block;
}

.welcome-link {
    float: right;
}

.welcome-menu li {
    color: #444;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 12px;
}

.welcome-menu li:last-child {
    padding-bottom: 0;
}

.welcome-menu li img {
    margin-right: 7px;
}

.welcome-link {}


/* 5. we-work-area */

.we-work-area {
    background-size: cover;
    background-position: center center;
}

.section-title {}

.section-title h1 {
    color: #222222;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 13px;
}

.section-title p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: auto;
    width: 760px;
    margin-bottom: 0;
}

.white-text h1 {
    color: #fff;
}

.white-text p {
    color: #fff;
}

.we-work-wrapper {}

.we-work-content {}

.we-work-content a {
    background: #fe9604 none repeat scroll 0 0;
    border: 3px solid #c3e362;
    border-radius: 4px;
    display: inline-block;
    margin-right: 25px;
    padding: 14px 30px;
}

.we-work-img {
    float: left;
    margin-top: 10px;
}

.we-work-info {
    display: inline-block;
    margin-left: 15px;
}

.we-work-info h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.we-work-info span {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}


/* 6. our-services-area */

.our-services-area {}

.our-services-wrapper {}

.our-services-img>img {
    width: 100%;
}

.our-services-content {
    margin-top: 12px;
}

.our-services-content h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 13px;
}

.our-services-content h3>a {
    color: #a8d128;
}

.our-services-content p {
    color: #666666;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
}

.our-services-content span {
    color: #666;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 2px;
    display: block;
}

.services h3 a {
    color: #333333;
}

.our-services-content>a {
    background: #666;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 30px;
    padding: 13px 25px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.services>a {
    color: #fff;
    transition: .3;
}

.services>a:hover {
    color: #fff;
    ;
}

.our-services-content>a::before {
    background: #a8d128;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.our-services-content>a:hover::before {
    transform: scaley(1);
}

.services-active .owl-nav div {
    background: #a8d128;
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    height: 60px;
    left: 0;
    line-height: 60px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 60px;
}

.services-active .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.services-active .owl-nav div:hover {
    background: #e0eeb2;
}

.services-active:hover .owl-nav div {
    left: -60px;
    opacity: 1;
}

.services-active:hover .owl-nav div.owl-next {
    left: auto;
    right: -60px;
}


/* 7. counter-area */

.counter-area {}

.counter-section {}

.counter-section h1 {
    color: #fff;
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 0;
    margin: auto;
    width: 732px;
}

.counter-content h1 {
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 23px;
}

.counter-content>span {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
}


/* 8. project-area */

.project-area {
    background-size: cover;
    background-position: center center;
}

.project-title>h1 {
    color: #fff;
    float: left;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}

.portfolio-menu button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-right: 18px;
    padding: 0 0 6px;
    transition: all 0.3s ease 0s;
}

.portfolio-menu button:focus {
    outline: 0 none;
}

.portfolio-menu button:last-child {
    margin-right: 0;
}

.portfolio-menu button:hover {
    color: #a8d128;
}

.portfolio-menu button.active {
    color: #a8d128;
}

.custom {
    margin: 0 -15px;
}

.project-wrapper {}

.project-img {
    position: relative;
}

.project-img>a {
    display: block;
    position: relative;
}

.project-img>a::before {
    background: #a8d128 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
    transform: scale(0);
    transition: .3s;
}

.project-wrapper:hover .project-img>a::before {
    opacity: 0.8;
    transform: scale(1);
}

.project-img img {
    width: 100%;
}

.project-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .3s;
}

.project-wrapper:hover .project-content {
    opacity: 1;
}

.project-content h2 {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 0;
}

.project-content h2>a {
    border: 1px dashed;
    color: #fff;
    line-height: 1;
    padding: 80px 48px;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
}


/* 9. pricing-area */

.pricing-area {}

.pricing-wrapper {
    border-radius: 3px;
    padding: 25px 7px 25px 16px;
}

.single-pricing {
    padding: 0;
}

.single-pricing {
    padding: 2px 0 40px;
    transition: .3s;
    transition: .3s;
}

.single-pricing:hover {
    background: #32b526;
}

.pricing-menu.price-menu {
    padding: 0 30px;
}

.pricing-menu {
    margin-bottom: 10px;
}

.single-pricing .pricing-menu {
    padding: 0 30px;
}

.single-pricing .pricing-menu li {
    color: #fff;
}

.single-pricing .pricing-menu li i {
    color: #fff;
}

.single-pricing .price-info span {
    color: #fff;
    display: block;
    padding: 0 30px;
}

.pricing-img {
    margin-bottom: 20px;
    position: relative;
}

.pricing-img>img {
    width: 100%;
}

.single-price {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.price-head {
    background: #a8d128 none repeat scroll 0 0;
    border-radius: 32%;
    display: inline-block;
    padding: 9px 20px;
    transition: .3s;
}

.single-pricing:hover .price-head {
    background: #32b526;
}

.price-head>h1 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 2px;
}

.price-head>span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.pricing-content {
    margin-bottom: 11px;
    margin-top: 20px;
}

.price-head h3 {
    color: #011a48;
    display: inline-block;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 0;
}

.pricing-content h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.single-pricing .pricing-content h4 {
    font-size: 26px;
    font-weight: 700;
    color: #666666;
    transition: .3;
}

.single-pricing:hover .pricing-content h4 {
    color: #32b526;
}

.pricing-menu {
    margin-bottom: 10px;
    padding-right: 3px;
}

.price-info {
    margin-bottom: 60px;
}

.single-pricing .price-info {
    margin-bottom: 38px;
}

.price-info span {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.pricing-menu li {
    color: #666;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    padding-bottom: 25px;
    padding-left: 7px;
}

.pricing-menu li:last-child {
    padding-bottom: 0;
}

.pricing-menu li i {
    color: #a8d128;
    font-size: 14px;
    margin-right: 7px;
}

.pricing-menu li span {
    color: #a8d128;
}

.pricing-button {}

.pricing-button a {}

.pricing-button a i {
    margin-right: 8px;
}

.pricing-button {
    text-align: center;
}

.price-btn {
    border: 3px solid #a8d128;
    border-radius: 3px;
    color: #a8d128;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 38px;
    margin-bottom: 15px;
}

.single-pricing .price-btn {
    border: 3px solid #fff;
    color: #fff;
}

.single-pricing .price-btn:hover {
    color: #fff;
}

.price-btn:hover {
    color: #a8d128;
}

.Request-btn {
    background: #a8d128 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding: 15px 42px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.single-pricing .Request-btn {
    background: #ffffff;
    color: #555;
}

.Request-btn:hover {
    color: #fff;
}

.Request-btn::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.single-pricing .Request-btn::before {
    background: #a8d128;
    color: #fff;
}

.Request-btn:hover::before {
    transform: scaley(1);
}


/* 10. work-hard */

.work-hard {}

.welcome-content a.more-btn {
    background: #a8d128 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: 26px;
    padding: 16px 30px;
    position: relative;
    text-transform: uppercase;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.welcome-content a.more-btn::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.welcome-content a.more-btn:hover::before {
    transform: scaley(1);
}

.work-hard-wrapper {}

.work-hard-img {}

.work-hard-img img {
    width: 100%;
}

.work-hard-content {}

.work-hard-content h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 16px;
}

.work-hard-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #444444;
    margin-bottom: 0;
}

.work-hard-content h3>a {
    color: #a8d128;
}

.work-hard-content>a {
    color: #666666;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.work-hard-content>a:hover {
    color: #a8d128;
}

.work-hard-content a i {
    padding-left: 6px;
}


/* col-to-action-area */

.col-to-action-area {
    background-size: cover;
    background-position: center center;
}

.col-to-action-wrapper {}

.col-to-action-title {}

.col-to-action-title h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 35px;
}

.col-to-action-title p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: auto;
    width: 742px;
}

.col-to-action-content {}

.col-to-action-content a {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-right: 15px;
    padding: 17px 37px;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.col-to-action-content a:last-child {
    margin-right: 0
}

.col-to-action-content a:hover {
    color: #fff;
}

.col-to-action-content a::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.col-to-action-content a:hover::before {
    transform: scaley(1);
}

.col-to-action-content a.contact-btn {
    padding: 17px 47px;
}


/* 11. what-customer-area */

.what-customer-area {}

.what-customer-wrapper {
    border-radius: 4px;
    position: relative;
    box-shadow: 0 10px 20px 0 rgba(123, 130, 102, .1)
}

.what-customer-wrapper::after {
    border-right: 21px solid rgba(0, 0, 0, 0);
    border-top: 24px solid #ffffff;
    bottom: -24px;
    content: "";
    left: 15px;
    position: absolute;
}

.what-customer-content {
    padding: 20px 15px 20px 22px;
}

.what-customer-content p {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
}

.testimonial-information {
    border-top: 1px solid #e8e8e8;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 15px;
}

.testimonial-img {
    float: left;
    margin-left: 25px;
    margin-right: 15px;
}

.testimonial-img img {}

.testimonial-name {
    padding-top: 17px;
    display: inline-block;
}

.testimonial-name h4 {
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.testimonial-name span {
    color: #666666;
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.price-rating {
    display: inline-block;
    float: right;
    margin-top: 24px;
    padding-right: 44px;
}

.price-rating i {
    color: #a8d128;
    font-size: 14px;
}

.customer-active .owl-nav div {
    background: #a8d128;
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    height: 60px;
    left: 0;
    line-height: 60px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 60px;
}

.customer-active .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.customer-active .owl-nav div:hover {
    background: #e0eeb2;
}

.customer-active:hover .owl-nav div {
    left: -60px;
    opacity: 1;
}

.customer-active:hover .owl-nav div.owl-next {
    left: auto;
    right: -60px;
}


/* 12. blog-area */

.the-blog-area {}

.the-blog-title {}

.the-blog-title span {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
}

.the-blog-title h1 {
    color: #222222;
    font-size: 35px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
}

.the-blog-title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    width: 760px;
}

.the-blog-wrapper {}

.the-blog-img {}

.the-blog-img a {}

.the-blog-img a img {
    width: 100%;
}

.blog-content {
    margin-top: 5px;
}

.blog-content h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

.blog-content h4>a {
    color: #222222;
    transition: .3s;
}

.blog-content a:hover {
    color: #a8d128;
}

.blog-content>p {
    color: #444444;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 0;
}

.blog-date {
    margin-bottom: 5px;
}

.blog-date span {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}

.blog-date span i {
    font-size: 16px;
    margin-right: 8px;
    color: #a8d128;
}

.blog-content>a {
    background: #a8d128 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: 21px;
    padding: 13px 25px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.blog-content>a:hover {
    color: #fff;
}

.blog-content>a::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.blog-content>a:hover::before {
    transform: scaley(1);
}

.blog-active .owl-nav div {
    background: #fff none repeat scroll 0 0;
    color: #a8d128;
    font-size: 25px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 140px;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.blog-active .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.blog-active:hover .owl-nav div {
    left: 0;
}

.blog-active:hover .owl-nav div.owl-next {
    left: auto;
    right: 0;
}


/* 13. subscribe-area  */

.subscribe-area {}

.subscribe .row {
    padding: 0 75px 0 85px;
}

.subscribe-text {}

.subscribe-text h1 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 2px;
}

.subscribe-text span {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
}

.subscribe-form {
    margin-left: 64px;
    margin-top: 13px;
    overflow: hidden;
}

.subscribe-form>form {
    position: relative;
}

.subscribe-form input {
    border: medium none;
    border-radius: 3px;
    color: #a8d128;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 55px;
    padding-left: 16px;
    text-transform: capitalize;
    width: 100%;
}

.subscribe-form button {
    background: #fe9604 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}


/* map */

#map {
    height: 500px;
    width: 100%;
}

.pos-relative {
    position: relative;
}

.map-wrapper {}

.map-contact>h2 {
    color: #222222;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
}

.map-contact {
    background: #fff none repeat scroll 0 0;
    float: right;
    left: 870px;
    padding: 30px 30px 52px;
    position: absolute;
    top: 90px;
    width: 666px;
    border-radius: 3px;
}

#map-form {
    display: flex;
    flex-wrap: wrap;
}

#map-form select {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #dadada;
    color: #666666;
    font-size: 15px;
    height: 50px;
    margin-bottom: 15px;
    padding: 0 15px;
    width: 100%;
}

#map-form input {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #dadada;
    border-radius: 3px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    margin-bottom: 15px;
    padding-left: 20px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.map-btn {
    background: #a8d128 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-left: 19px;
    padding: 17px 40px;
    position: relative;
    text-transform: uppercase;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.map-btn::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.map-btn:hover::before {
    transform: scaley(1);
}


/* brand */

.brand-wrapper {
    text-align: center;
}

.brand1-wrapper {}

.brand1-img {}

.brand1-img>img:hover {
    color: #000
}

.brand-active.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}


/* 13. footer */

.footer-top-area {}

.footer-wrapper {
    overflow: hidden;
}

.footer-logo {
    /* margin-bottom: 16px; */
}

.footer-logo a {}

.footer-text {}

.footer-text p {
    color: #ededed;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 15px;
}

.footer-icon {
    margin-top: 30px;
}

.footer-icon a {
    border: 2px solid #d6d6d6;
    border-radius: 30px;
    color: #ededed;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 27px;
    margin-right: 5px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30px;
}

.footer-icon a:hover {
    color: #a1c928;
}

.footer-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 19px;
}

.footer-menu {}

.footer-menu li {
    padding-bottom: 7px;
}

.footer-menu li:last-child {
    padding-bottom: 0;
}

.footer-menu li a {
    color: #ededed;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}

.footer-menu li a:hover {
    color: #a8d128;
    padding-left: 5px;
}

.footer-link {}

.footer-link li {
    color: #5b5b5b;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.footer-top .footer-link li {
    color: #d4d4d4;
    display: flex;
}

.footer-link li:last-child {
    margin-bottom: 0;
}

.footer-link li i {
    color: #a8d128;
    font-size: 18px;
    width: 15px;
}

.footer-link span {
    color: #ededed;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 20px;
}

.footers {
    margin-top: 30px;
}


/* breadcrumb-banner-area */

.breadcrumb-banner-area,
.blog-details-page {
    background-size: cover;
    background-position: center center;
    position: relative;
}

.breadcrumb-banner-area::before,
.blog-details-page:before {
    position: absolute;
    background: #000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: .4;
}

.breadcrumb-text {
    position: relative;
    z-index: 1;
}

.breadcrumb-text h1 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: capitalize;
}

.breadcrumb-menu {}

.breadcrumb-menu ul {}

.breadcrumb-menu ul li {
    display: inline-block;
    padding: 0 3px;
    text-transform: capitalize;
}

.breadcrumb-menu ul li::after {
    color: #fff;
    content: "/";
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    right: -4px;
}

.breadcrumb-menu ul li:last-child::after {
    display: none;
}

.breadcrumb-menu span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.breadcrumb-menu ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}

.breadcrumb-menu ul li a:hover {
    color: #a9cf3a;
}


/* 14. team-area */

.team-area {
    background-size: cover;
    background-position: center center;
}

.team-wrapper {
    background: #fff none repeat scroll 0 0;
    padding: 10px 10px 30px;
}

.team-img {
    position: relative;
}

.team-img>a {
    position: relative;
    display: block;
}

.team-img>a::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #a8d128;
    opacity: 0;
    transition: .3s;
}

.team-wrapper:hover .team-img>a::before {
    opacity: .8;
}

.team-img img {
    width: 100%;
}

.team-text {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    opacity: 0;
}

.team-wrapper:hover .team-text {
    opacity: 1;
}

.team-text h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.team-text h4 a {
    color: #fff;
}

.team-icon {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.team-wrapper:hover .team-icon {
    opacity: 1;
    bottom: 20px;
}

.team-icon>a {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 35px;
    margin-right: 8px;
    width: 36px;
    text-align: center;
}

.team-icon>a:last-child {
    margin-right: 0;
}

.team-icon>a {}

.team-content {}

.team-content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 9px;
    margin-top: 15px;
}

.team-content h4 a {
    color: #444;
}

.team-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
}


/* 15. features-area */

.features-area {}

.features-border {
    border-top: 1px solid #e8ebdd;
}

.features-wrapper {}

.features-img {
    border-radius: 100%;
    box-shadow: 0 15px 40px 0 rgba(114, 129, 68, 0.2);
    height: 80px;
    line-height: 79px;
    margin: auto auto 20px;
    transition: all 0.3s ease 0s;
    width: 80px;
}


/* .features-wrapper:hover .features-img{background:#a8d128;color:#fff} */

.features-img img {}

.features-content {}

.features-content h4 {
    color: #a8d128;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.features-content p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
}


/* 16. about-area */

.about-area {
    background-size: cover;
    background-position: center center;
}

.about-start-wrapper {}

.about-menu {}

.about-menu {}

.about-menu li {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 16px;
    display: flex;
    font-family: 'Source Sans Pro';
}

.about-menu li:last-child {
    padding-bottom: 0;
}

.about-menu li span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-right: 40px;
    position: relative;
}

.about-menu li span::before {
    border: 2px solid #fff;
    border-radius: 100%;
    content: "";
    height: 14px;
    position: absolute;
    right: -26px;
    top: 5px;
    width: 14px;
}

.about-menu li span::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 30px;
    position: absolute;
    right: -20px;
    top: 18px;
    width: 3px;
}

.about-menu li:last-child span::after {
    display: none;
}

.about-menu li span:hover::before {
    background: #fff;
}

.about-menu li.active span>::before {
    background: #fff;
}

.about-wrapper {}

.about-wrapper h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: -7px;
}

.about-wrapper span {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 18px;
}

.about-img {
    position: relative
}

.about-img img {
    border-radius: 5px;
    width: 100%;
}

.about-icon {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.about-icon a {
    border: 5px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 48px;
    line-height: 37px;
    padding-left: 4px;
    width: 48px;
    transition: .3s;
}

.about-icon a:hover {
    transform: scale(1.1);
}

.about-content {
    margin-top: 40px;
}

.about-content h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 7px;
}

.about-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
}

.about-content span {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.about-content a {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #a8d128;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: 28px;
    padding: 15px 25px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.about-content a:hover {
    color: #fff;
}

.about-content a::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.about-content>a:hover::before {
    transform: scaley(1);
}


/* blog-page-area */

.blog-page-area {}

.blog-page-area {
    background-position: center center;
    background-size: cover;
}

.blog-page-wrapper {}

.blog-page-content {}

.blog-page-content h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 3px;
}

.blog-page-content span {
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
}

.blog-page-content a {}

.blog-page-content a {
    background: #a8d128 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-top: 36px;
    padding: 13px 38px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

.blog-page-content a:hover {
    color: #fff;
}

.blog-page-content a::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

.blog-page-content a:hover::before {
    transform: scaley(1);
}


/* blog-area */

.blog-post {}

.blog-thumb img {
    width: 100%;
}

.blog-thumb a {}

.blog-text {
    border: 1px dashed #e4e4e4;
    border-radius: 3px;
    padding: 12px;
}

.post-title {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    /* line-height: 40px; */
    /* margin-bottom: 13px; */
}

.post-title a {
    color: #222222;
    transition: .3s;
}

.post-title a:hover {
    color: #095a19;
}

.blog-text>p,
article p {
    color: #444444;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
}

.blog-meta {
    margin: 10px 0;
}

.blog-meta span {
    color: #095a19;
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}

.blog-meta span:first-child::before {
    display: none;
}

.blog-meta span i {
    font-size: 16px;
    margin-right: 5px;
}

.paginations>ul {
    border: 1px solid #e7e7e7;
    display: inline-block;
}

.paginations ul li {
    border-right: 1px solid #e7e7e7;
    float: left;
}

.paginations ul li:last-child {
    border-right: 0;
}

.paginations ul li a {
    color: #7e7e7e;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 35px;
    width: 35px;
    display: inline-block;
    line-height: 35px;
}

.paginations ul li:hover a,
.paginations ul li.active a {
    background: #a8d128;
    color: #fff;
}

.paginations ul li a i {
    font-size: 17px;
}

.widget {
    overflow: hidden;
}

.searchs-form {
    overflow: hidden;
    position: relative;
}

.searchs-form input {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    color: #666666;
    float: left;
    font-size: 16px;
    height: 55px;
    padding-left: 20px;
    text-transform: capitalize;
    width: 100%;
}

.searchs-form button {
    background: #a8d128 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    height: 100%;
    line-height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 98px;
}

.widget-title {
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.blog-categories>li {
    border-bottom: 1px dashed #e4e4e4;
    margin: 0;
    overflow: hidden;
    padding: 14px 0;
    position: relative;
}

.blog-categories>li:last-child {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.blog-categories>li:first-child {
    padding-top: 0;
}

.blog-categories a {
    color: #666666;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    position: relative;
}

.blog-categories a:hover {
    color: #a8d128;
}

.count {
    color: #666666;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.tag {}

.tag li {
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 9px;
}

.tag li:last-child {
    margin-bottom: 0;
    margin-right: 0;
}

.tag li a {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #ededed;
    border-radius: 3px;
    color: #666666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 12px 22px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.tag li a:hover {
    background: #a8d128;
    border-color: #a8d128;
    color: #fff;
}

.recent-posts {}

.recent-posts>li {
    margin-bottom: 20px;
    overflow: hidden;
}

.recent-posts>li:last-child {
    margin-bottom: 0;
}

.widget-posts-image {
    float: left;
    overflow: hidden;
}

.widget-posts-body {
    margin-left: 138px;
}

.widget-posts-title {
    font-weight: 600;
    font-size: 18px;
    /* line-height: 25px; */
    /* margin: 3px; */
}

.widget-posts-meta {
    color: #095a19;
    font-size: 16px;
    font-weight: bold;
}

.widget-posts-meta i {
    margin-right: 5px;
}

.widget-posts-title>a {
    color: #222222;
    transition: all 0.3s ease 0s;
}

.widget-posts-title>a:hover {
    color: #095a19;
}

.archived-link>li {
    background: #f4f4f4 none repeat scroll 0 0;
    height: 55px;
    padding: 20px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ececec;
}

.archived-link a {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}


/* faq */

.faq-wrapper .card button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #222222;
    font-size: 20px;
    padding: 14px 0;
    text-align: left;
    text-decoration: none;
    width: 100%;
    font-weight: 600;
}

.btn.btn-link.collapsed {
    border-bottom: 1px solid #ddd;
}

.faq-wrapper .card button {}

.faq-wrapper .card button.collapsed::before {
    border-radius: 50%;
    color: #a8d128;
    content: "";
    font-family: "Font Awesome 5 Free";
    height: 30px;
    width: 30px;
}

.faq-wrapper .card button::before {
    color: #a8d128;
    content: "";
    font-family: "Font Awesome 5 Free";
    margin-right: 12px;
}

.faq-wrapper .card-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 0 none;
    margin-bottom: 0;
    padding: 0;
}

.card {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    background-clip: border-box;
    background-color: #fff;
    border: 0 none;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    position: relative;
}

.card-body {
    -moz-box-flex: 1;
    border-bottom: 1px solid #ddd;
    flex: 1 1 auto;
    padding: 0 0 26px;
}


/* 17. contact-area */

.contact-area {}

.contact-left-wrapper {}

.contact-section {}

.contact-section h2 {
    color: #222222;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 16px;
}

.contact-section h2 span {
    color: #a8d128;
}

.contact-section>p {
    color: #666666;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0;
}

.contact-section p span {
    color: #a8d128;
    font-weight: 700;
}

.contact-section {}

.contact-info {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 16px 20px 16px 20px;
    border-radius: 3px;
}

.contact-info h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.contact-info h4 a:hover {
    color: #A8D128
}

.contact-info h4 i {
    margin-left: 10px;
}

.contact-menu {
    border: 1px solid #f4f4f4;
    padding-left: 20px;
    margin-bottom: 16px;
}

.contact-menu li {
    border-bottom: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #666666;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    padding-bottom: 23px;
    padding-top: 22px;
}

.contact-menu li:last-child {
    border-bottom: none;
}

.contact-menu li i {
    color: #a8d128;
    float: left;
    font-size: 20px;
    margin-right: 10px;
    margin-top: 5px;
}

.contact-menu li span {
    color: #222222;
    font-size: 16px;
}

.contact-text {}

.contact-text h3 {
    color: #222222;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 35px;
}

.contact-text span {
    color: #a8d128;
}

.contact-wrapper {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 30px 30px 62px;
    border-radius: 3px;
}

#contact-form {
    display: flex;
    flex-wrap: wrap;
}

#contact-form input {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    margin-bottom: 22px;
    padding-left: 20px;
    text-transform: capitalize;
    width: 100%;
}

#contact-form textarea {
    color: #666666;
    font-size: 18px;
    height: 160px;
    padding: 20px;
    text-transform: capitalize;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
}

#contact-form>button {
    background: #a8d128 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    line-height: 1;
    margin-left: 19px;
    margin-right: 16px;
    margin-top: 22px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
}

#contact-form>button:hover {
    background: #fe9604;
}


/* request-area */

.request-area {}

.request-wrapper {}

.request-content {}

.request-content h2 {
    color: #333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
}

.request-content h2 span {
    color: #a8d128;
}

.request-content span {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.request-img img {
    width: 100%;
}

.request-wrapper.mb-30>p {
    color: #222222;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

.request-quote-wrapper>h2 {
    color: #333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 28px;
}

#quote-form {
    background: #a8d128 none repeat scroll 0 0;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 30px 45px;
    border-radius: 3px;
}

#quote-form select {
    border: 1px solid #e9e9e9;
    color: #666666;
    font-size: 15px;
    height: 50px;
    padding: 0 15px;
    width: 100%;
}

#quote-form input {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 17px;
    text-transform: capitalize;
    width: 100%;
}

#quote-form textarea {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    color: #666666;
    font-size: 16px;
    height: 100px;
    padding: 20px;
    text-transform: capitalize;
    width: 100%;
}

#quote-form>button {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #a8d128;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-left: 19px;
    margin-top: 20px;
    padding: 14px 85px;
    position: relative;
    text-transform: uppercase;
    transform: perspective(1px) translateZ(0px);
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}

#quote-form>button:hover {
    color: #fff
}

#quote-form>button::before {
    background: #fe9604;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 3px;
}

#quote-form>button:hover::before {
    transform: scaley(1);
}


/* 18. service-details-area */

.service-details-area {}

.service-widget {}

.service-link {}

.service-link li {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px dashed #cecece;
    border-radius: 3px;
    font-size: 16px;
    margin-bottom: 4px;
    padding: 10px 5px 15px 20px;
    position: relative;
    transition: .3s;
}

.service-link li a {
    color: #666666;
    transition: .3s;
}

.service-link li:hover a {
    color: #fff;
    ;
}

.service-link li:last-child {
    margin-bottom: 0;
}

.service-link li:hover {
    background: #a8d128;
}

.service-link li::before {
    border: 1px dashed #fff;
    bottom: 5px;
    content: "";
    left: 5px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: all 0.3s ease 0s;
}

.service-link li:hover::before {
    opacity: 1;
}

.service-link li:last-child {
    margin-bottom: 0;
}

.service-details-wrapper {}

.service-img {}

.services-img.mb-30>img {
    width: 100%;
}

.service-img img {
    width: 100%
}

.service-details-wrapper>p {
    color: #222222;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 0;
    text-align: center;
}


/* service-img-area */

.service-img-area {}

.service-details-img {
    position: relative
}

.service-details-img>img {
    width: 100%;
}

.service-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.service-icon a {
    border: 7px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 70px;
    line-height: 56px;
    padding-left: 4px;
    transition: all 0.3s ease 0s;
    width: 70px;
}

.service-icon a:hover {
    transform: scale(1.1);
}

.servic-img-active .owl-dots {
    bottom: -44px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 99;
}

.servic-img-active .owl-dot {
    background: #e2e2e2 none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    width: 15px;
}

.servic-img-active .owl-dot.active {
    background: #a8d128;
    position: relative;
}

.lawn-content>h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.lawn-content>p {
    color: #666666;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 23px;
}

.lawn-content>p:last-child {
    margin-bottom: 0;
}


/* project-started-area */

.project-started-area {}

.project-started-wrapper {}

.project-started {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
}

.project-started-text {}

.project-started-text h4 {
    color: #a8d128;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3px;
}

.project-started-text span {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}

.text-project {
    margin-left: 56px;
}


/* project-short */

.project-short {}

.project-short-wrapper {}

.project-short-wrapper h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.project-short-wrapper p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 27px;
}

.project-short-wrapper p:last-child {
    margin-bottom: 0
}

.project2-wrapper {
    background: #f6fbeb none repeat scroll 0 0;
    border: 1px dashed #cfcfcf;
    padding: 48px 27px 56px;
}

.project2-content {}

.project2-content p {
    color: #666666;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    font-style: italic;
}

.project2-content img {
    margin: 27px auto auto;
}

.project2-info {
    margin-top: 11px;
}

.project2-info h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.project2-info span {
    color: #666666;
    font-size: 14px;
    font-style: italic;
}

.project1-active .owl-dots {
    bottom: 25px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 99;
}

.project1-active .owl-dot {
    background: #e2e2e2 none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 9px;
    margin: 0 4px;
    width: 9px;
}

.project1-active .owl-dot.active {
    background: #a8d128;
    position: relative;
}

.project1-active.owl-carousel .owl-item img {
    display: block;
    width: inherit;
}


/* blog-details-area */

.blog-details-area {}

.blog-details-wrapper {}

.details-content {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
}

.details-content h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 17px;
}

.details-content p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
}

.details-content p a {
    color: #444;
    text-decoration: underline;
}

.details-content>span {
    color: #222222;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-top: 8px;
}

.details-content>h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 34px;
}

.details-content h5 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 17px;
}

.details-content ul li {
    color: #666666;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

.details-content ul li span {
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
}

.blog-details>h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
    padding-top: 12px;
}

.details-info {}

.details-info p {
    color: #666666;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 46px;
}

.details-info p:last-child {
    margin-bottom: 0;
}

.details-info p a {
    color: #444;
}

.share-info {}

.share-text {}

.share-text h4 {}

.share-text>h4 {
    color: #666666;
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    margin-right: 16px;
}

.share-text li {
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}

.share-text a {
    color: #fff;
    padding: 3px 15px 2px 10px;
}

.share-text a i {
    margin-right: 6px;
}

.fb {
    background: #3a5897 none repeat scroll 0 0;
}

.twitter {
    background: #49c9f2 none repeat scroll 0 0;
}

.instagram {
    background: #3b749f none repeat scroll 0 0;
}

.pinterest {
    background: #cd2129 none repeat scroll 0 0;
}

.next-prev {
    margin-bottom: 28px;
    margin-top: 35px;
}

.next-prev a {
    color: #444444;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-weight: 400;
}

.next-prev a i {
    color: #666666;
    font-size: 14px;
    margin-right: 8px;
    transition: all 0.3s ease 0s;
}

a.next-btn {
    margin-left: 306px;
}

a.next-btn i {
    margin-left: 8px;
}

.blog-detailss-wrapper {}

.blog-detailss-img {
    float: left;
    margin-right: 10px;
}

.blog-detailss-content {
    margin-top: 13px;
    overflow: hidden;
}

.blog-detailss-content h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 1px;
}

.blog-detailss-wrapper li {
    border: 1px dashed #e6e6e6;
    overflow: hidden;
}

.blog-detailss-content h4 a {
    color: #333333;
    transition: .3s;
}

.blog-detailss-content h4 a:hover {
    color: #a8d128;
}

.blog-detailss-content span {
    color: #888888;
    font-size: 14px;
    font-weight: 500;
}

.leave-comment-form {
    margin-top: 40px;
}

.leave-comment-form form textarea {
    background: #f4f4f4 none repeat scroll 0 0;
    border: medium none;
    color: #666666;
    font-size: 16px;
    height: 128px;
    padding: 20px;
    width: 100%;
    margin-bottom: 18px;
}

.leave-comment-form form input {
    background: #f4f4f4 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #666666;
    font-size: 16px;
    height: 50px;
    padding-left: 20px;
    text-transform: capitalize;
    width: 100%;
    margin-bottom: 18px;
}

.leave-comment-form .submit {
    background: #a8d128 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 16px 138px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.leave-comment-form .submit:hover {
    background: #fe9604;
}

#scrollUp {
    background-color: #666666;
    bottom: 30px;
    color: #ffffff;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    right: 30px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 50px;
}

#scrollUp:hover {
    background: #a8d128;
    color: #fff;
}

.comment-area {
    overflow: hidden;
}

.coment-title {
    color: #222222;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 13px;
}

.comment-wrapper {
    border: 1px dashed #d8d8d8;
    padding: 30px 34px 20px 27px;
    border-radius: 3px;
}

.comment-content {
    margin-bottom: 15px;
    overflow: hidden;
}

.comment-img {
    float: left;
    margin-right: 20px;
}

.comment-img img {}

.commment-text {
    display: inline-block;
    margin-top: 20px;
}

.commment-text h4 {
    color: #a8d128;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1px;
}

.commment-text span {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}

.comment-icon {
    float: right;
    display: inline-block;
}

.comment-icon a {
    color: #d8d8d8;
    display: inline-block;
    font-size: 25px;
    padding-top: 17px;
    transition: .3s;
}

.comment-icon a:hover {
    color: #a8d128;
}

.comment-icon a i {}

.comment-wrapper>p {
    color: #666666;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
}

.comment-meta {
    margin-top: 13px;
}

.comment-meta span {
    color: #666666;
    font-size: 14px;
    margin-right: 19px;
}

.comment-meta span:last-child {
    margin-right: 0;
}

.comment-meta span i {
    color: #666666;
    font-size: 14px;
    margin-right: 6px;
}

.blog-details-meta {
    margin-bottom: 10px;
}

.blog-details-meta span {
    font-weight: 400;
    color: #8b8b8b;
    font-size: 14px;
}

.blog-details-meta span img {
    margin-right: 4px;
}

.blog-details-meta span a {
    color: #a8d128;
    font-size: 14px;
    font-weight: 600;
}


/* 19. projects-area */

.projects-wrapper {}

.projects img {}

.projects-single {}

.projects-content {}

.projects-content h4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #222222;
}

.projects-img>img {
    width: 100%;
}

.projects-content p {
    color: #666666;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 21px;
}

.projects-content span {
    color: #666666;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 7px;
}

.projects-content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.projects-content ul li {
    color: #666666;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 30px;
    padding: 0 15px;
    width: 50%;
}

.projects-content ul li::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    margin-right: 12px;
}

.projects-content ul li:last-child {
    padding-bottom: 0;
}

.projects-content ul li i {
    color: #a8d128;
    font-size: 18px;
    margin-right: 20px;
    width: 16px;
    margin-top: 4px;
}


/* ===== C U S T O M   S T Y L E ==== */


/*  Colors
  Green : #095a19
*/

.icheckbox {
    background-color: #ebebeb;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    position: relative;
    width: 16px;
    top: -2px;
    /* border: 2px solid transparent; */
    border-radius: 4px;
}

.icheckbox:after {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Free';
    speak: none;
    font-weight: bold;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    color: #fff;
    content: "\f00c";
    position: absolute;
    line-height: 16px;
    font-size: 10px;
    left: 3px;
}

.icheckbox.checked:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.icheckbox.checked {
    background-color: #a8ce5f;
}

.container {
    /* width: 1280px; */
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.btn {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 4px;
    font-weight: bold;
    font-size: 18px;
}

.btn-green {
    border: 1px solid #095a19;
    background: #fff;
    color: #095a19;
}


/* .btn-green:hover{
  background: #095a19;
} */

.btn-green-reverse {
    border: 1px solid transparent;
    background: #095a19;
    color: #fff;
}


/* .btn-green-reverse:hover{
  border: 1px solid #095a19;
  background: #fff;
  color: #095a19;
} */

.btn-light-green {
    background: #fff;
    border: 1px solid #a9cf3a;
    color: #a9cf3a;
}


/* .btn-light-green:hover{
  background: #a9cf3a;
  color: #fff;
} */

.btn-light-green-reverse {
    background: #a9cf3a;
    border: 1px solid #a9cf3a;
    color: #fff;
}


/* .btn-light-green-reverse:hover{
  background: #fff;
  color: #a9cf3a;
} */

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-center-vertical {
    display: flex;
    align-items: center;
}

.heading {
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    color: #444444;
}

a,
a:hover,
a:focus,
a:active {
    color: inherit;
}

a.acontenu:hover {
    text-decoration: underline;
}

.input-reset {
    border: none;
    outline: none !important;
}

.btn-reset,
.btn-reset:hover,
.btn-reset:active,
.btn-reset:focus {
    background: none;
    border: none;
    outline: none;
    color: inherit;
}

.bottom-only {
    border-bottom: 2px solid #095a19;
}


/*  HEADER  */

header::after {
    content: "";
    display: block;
    width: 30%;
    /* background: #e3e3e3; */
    border-bottom: 1px solid #e3e3e3;
    height: 1px;
    /* margin-top: 10px; */
}

header {
    background: url(../img/header-background.png) center no-repeat;
    background-size: cover;
}


/* header .row.has-bg{
  background: #f4f4f4;
} */

header .user-menu ul li+li::before {
    content: "l";
    padding: 0 5px;
    color: #919191;
    vertical-align: middle;
    font-weight: 600;
}

header .user-menu a {
    color: #919191;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Titillium Web', sans-serif;
}

header .user-menu a:hover {
    color: #095a19;
}

header .user-menu a.special-link {
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 5px 6px;
    border-radius: 4px;
    color: #095a19;
}

header .user-menu a.special-link:hover {
    background: transparent;
}

header .user-menu a.special-link::before {
    content: url('../img/marker-icon.png');
    vertical-align: middle;
    padding-right: 4px;
}

header .search-area form input {
    background: transparent;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    padding: 5px 0;
}

header .search-area form button[type="submit"] {
    background: transparent;
    position: absolute;
    right: 0;
    z-index: 10;
}

header .search-area form input::placeholder {
    color: #919191;
    font-weight: 500;
    font-size: 14px;
}

#header-navigation .navbar {
    padding: 0;
}

#header-navigation .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
    color: #095a19;
    text-transform: uppercase;
    padding: 20px 15px;
}


/*  H O M E */

.video-wrapper {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-wrapper .play-element {
    /* position: absolute; */
    /* top: 45%; */
    /* right: 45%; */
    opacity: 0.6;
    color: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#home .video-wrapper {
    height: 535px;
    background: url('../img/home-video-back.jpg') center;
}

.main-menu ul li .sub-menu li+li a {
    border-top: 1px solid #e3e3e3;
}

.main-menu ul li .sub-menu li a {
    border-bottom: 1px solid transparent;
}

.main-menu ul li .sub-menu li a:hover {
    /*padding-left: 5px;*/
    /*background: #f3f8e6;*/
}

.main-menu ul li .sub-menu li {
    padding-right: 20px;
    padding-left: 20px;
    /* width: max-content; */
}

.main-menu ul li .sub-menu {
    width: 390px;
    /* width: max-content; */
    padding: 5px 5px;
}

.main-menu ul li .sub-menu.mega-menu {
    width: 600px;
}

.sub-menu .submenu-header {
    font-size: 20px;
    font-weight: 600;
    color: #095a19;
    padding: 10px 0;
}

.form-underline label.extra {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.form-underline label span {
    font-size: 28px;
}

.form-underline select,
.form-underline select:hover,
.form-underline select:active,
.form-underline select:focus {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    outline: none;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

select {
    /* background: url('../img/.png'); */
    width: 100%;
}

.form-underline select,
.form-underline select:hover {
    background: url('../img/select-caret-green.png') no-repeat;
    background-position: right 50%;
    padding-left: 0px;
    border-bottom: 2px solid #5a9265 !important;
    box-shadow: 0px 3px 0px #dfdfdf;
    color: #5a9265;
    font-weight: bold;
}

.form-underline select:after {
    font-weight: bold;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 5px;
    top: 40%;
    background: #000;
}

.sketched-wrapper {
    /* height: 290px; */
}

.intro {
    font-weight: 600;
    padding-left: 8px;
    padding-right: 8px;
}

.intro .intro-subtitle {
    font-size: 24px;
    color: #222;
    font-weight: 500;
}

.intro .intro-subtitle strong {
    text-decoration: inherit;
    font-family: 'Titillium Web', sans-serif;
}

.intro p,
p {
    font-size: 16px;
    font-weight: 500;
    color: #444444;
}

.nos-solutions {
    background: url('../img/nos-solutions-back.jpg');
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
}

.nos-solutions h3 {
    color: #fff;
    font-size: 24px;
    margin-top: 10px;
    text-align: center;
    text-transform: capitalize;
}

.nos-solutions h3 span:hover {
    color: #a9cf3a;
}

.nos-solutions h3 span::before {
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    /* margin-right: 5px; */
    vertical-align: middle;
}

.solution-item {
    height: 170px;
    overflow: hidden;
    width: 170px;
    border-radius: 50%;
    /* border: 2px solid #fff; */
    margin: 0 auto;
}

.nos-programmes h3 {
    font-size: 26px;
}

.nos-partenaires {
    background: #f5fae5;
}

.o:hover .owl-nav div {
    display: block;
}

.carousel-warapper {
    position: relative;
}

.partner {
    max-width: 230px;
    height: 120px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto;
}

#partners-nav .owl-prev:after,
#partners-nav .owl-next:after {
    font-family: 'Font Awesome 5 free';
    font-weight: bold;
    color: #cecece;
    font-size: 20px;
    position: absolute;
    top: 45%;
    /* display: none; */
}

#partners-nav .owl-prev::after {
    content: "\f053";
    left: -30px;
}

#partners-nav .owl-next::after {
    content: "\f054";
    right: -30px;
}

.blog-title {
    font-weight: 600;
    margin-top: 5px;
}

.blog-item .blog-title {
    font-size: 20px;
    color: inherit;
}

.blog-item .blog-content p {
    font-size: 14px;
}

.blog-img img {
    width: 100%;
}

.bread-banner {
    background: url('../img/banner-back.jpg') center center no-repeat;
    background-size: cover;
}

.bread-title {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
}

.historique {
    background: url('../img/history-back.jpg') center center no-repeat;
    background-size: cover;
}

.historique .heading {
    text-transform: capitalize;
    color: #fff;
}

.historique p {
    font-size: 18px;
}

.historique .video-wrapper {
    background-image: url('../img/history-video-back.jpg');
    height: 237px;
}

.historique .video-wrapper .play-element {
    opacity: 0.8;
}

.qualities p {
    font-size: 15px;
}

.quality-wrapper {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    -webkit-box-shadow: 7px 12px 29px 0px rgba(223, 223, 223, 0.89);
    box-shadow: 7px 12px 29px 0px rgba(223, 223, 223, 0.89);
}

.about-menu.partnership-history li {
    font-size: 16px;
    font-weight: 500;
}

.about-menu.partnership-history li,
.about-menu.partnership-history li span {
    color: #095a19;
    font-family: 'Source Sans Pro';
}

.about-menu.partnership-history li span {
    font-weight: bold;
}

.about-menu.partnership-history li span::before {
    border-color: #8bb02b;
}

.about-menu.partnership-history li span::after {
    background-color: #8bb02b;
    /* height: 28px; */
}

.partner-item {
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 300px; */
    padding: 0 20px;
    height: 177px;
}


/* F O O T E R */

footer .social-item {
    color: #d33232;
    border: 1px solid #e3e3e3;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.social-item:hover {
    color: #fff;
    background: #d33232;
}

.social-label {
    font-weight: 600;
    margin-top: 5px;
}

.social-label::after {
    margin-left: 5px;
    vertical-align: middle;
    content: url('../img/share-icon.png');
}

footer .sitemap-section {
    border-top: 3px solid #ebebeb;
    background: #f4f4f4;
}

footer .copyrights {
    background: #f4f4f4;
    border-top: 1px solid #dfdfdf;
    font-size: 12px;
    font-weight: 600;
}

footer .sitemap ul li a {
    font-size: 14px;
    font-weight: 600;
    color: #444444;
    padding: 10px 12px;
}

a.radius-item {
    display: block;
}

.radius-item {
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    height: 210px;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.radius-item .radius-body {
    height: 126px;
}

.radius-item.xtra-size {
    height: 253px;
}

.radius-item.xtra-size .radius-body {
    height: 180px;
}

.radius-item.xtra-size .auto-overlay {
    overflow: hidden;
    height: 0;
}

.radius-item.xtra-size:hover .auto-overlay {
    height: 66px;
}

.auto-overlay {
    height: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #a8ce5f;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0px 15px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    /* opacity: 0; */
    border-radius: 0 0 8px 8px;
}

.auto-overlay p {
    font-weight: 600;
    margin: 0;
    line-height: 18px;
    padding: 5px 0;
}

.auto-overlay a {
    color: #000;
    font-weight: 600;
}

.auto-overlay a:hover {
    text-decoration: underline;
}

.auto-overlay p,
.auto-overlay .download {
    font-size: 14px;
    color: #000;
}

.auto-overlay .download {
    font-weight: bold;
}

.auto-overlay .download:hover {
    text-decoration: underline;
}

.radius-item:hover .auto-overlay {
    /* opacity: 1; */
    height: 50%;
}

.radius-inner {
    /* position: relative; */
    padding: 5px 15px 0;
}

.radius-item .radius-footer {
    /* height: 80px; */
    border-top: 1px solid #e2e2e2;
    padding: 8px 0;
}

.radius-item .radius-footer .radius-name {
    font-size: 24px;
    font-weight: 600;
}

.radius-small {
    font-family: 'Source Sans Pro', sans-serif;
}

.radius-small::before,
.radius-small::after {
    content: " -- ";
}

.filter-box .filter-header {
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
}

.filter-box .filter-list li,
.filter-box .selected-filter-list li,
.filter-box .filter-list li label {
    padding: 5px 0;
    font-weight: bold;
    color: #444444;
    margin: 0;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
}

.filter-box .filter-inner.has-custom-scroll,
.selected-filter-list.has-custom-scroll {
    max-height: 300px;
    overflow-y: auto;
    margin: 6px 0;
}

.filter-box .filter-list {
    padding-left: 5px;
}

.filter-box .sub-filter-list li,
.filter-box .sub-filter-list li label {
    padding: 0;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: block;
}

.filter-box .selected-filter-text {
    font-weight: 600;
}

.filter-box .delete-filters {
    text-align: left;
    padding: 10px;
    font-weight: bold;
    position: relative;
}

.filter-box .delete-filters:hover .delete-filter-btn {
    color: #fff;
}

.filter-box .delete-filter-btn {
    font-size: 18px;
    position: absolute;
    right: 10px;
    color: #a8ce5f;
    cursor: pointer;
}

#programme-traitement .traitement .row>[class^="col-"],
#programme-traitement .traitement .row>[class*=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.traitement .radius-item .radius-footer .radius-name {
    font-size: 18px;
    line-height: 20px;
}

.left-border {
    border-left: 2px solid #e2e2e2;
}

.thread-type {
    font-size: 18px;
    font-weight: 600;
}

.thread-name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.thread-item:hover .thread-overlay {
    /* display: flex; */
    bottom: 0;
    height: 100%;
}

.thread-item {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    overflow: hidden;
}

.thread-item img {
    width: 100%;
}

.thread-item .thread-footer h3 {
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
    margin: 0;
}

.thread-img-wrapper {
    height: 175px;
    font-size: 22px;
    position: relative;
}

.thread-img-wrapper::after {
    width: 0;
    height: 0;
    content: "\f0da";
    font-weight: bold;
    font-family: 'font awesome 5 Free';
    display: block;
    position: absolute;
    top: 50px;
    right: 3px;
    z-index: -100;
    font-size: 45px;
}

.thread-img-wrapper.green-bg::after {
    color: #095a19;
}

.thread-img-wrapper.red-bg::after {
    color: #d33232;
}

.thread-overlay {
    background: rgba(168, 206, 58, 0.75);
    position: absolute;
    bottom: 100%;
    width: 100%;
    overflow: hidden;
    /* height: 100%; */
    /* display: none; */
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.thread-overlay span {
    font-weight: 600;
    text-shadow: 0px 0px 1px #367c06;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.dynamic-parent-wrapper {
    position: relative;
    /* height: 470px; */
}

.dynamic-wrapper {
    position: absolute;
}

#programme-zero .radius-item {
    margin-right: 0;
    margin-left: 0;
}

.pagination .previous,
.pagination .next {
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    color: #727272;
}

.pagination .previous:hover,
.pagination .next:hover {
    color: #222;
}

.pagination .previous::before,
.pagination .next::after {
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    margin: 0 5px;
}

.pagination .previous::before {
    content: "\f100";
}

.pagination .next::after {
    content: "\f101";
}

.selectize-input.full {
    background-color: transparent;
}

.form-underline .selectize-input {
    padding: 10px 0;
    border-bottom: 2px solid rgb(90, 146, 101) !important;
    box-shadow: 0px 3px 0px #dfdfdf;
    font-size: 16px;
}

.form-underline .selectize-dropdown {
    color: #a4a4a4;
    font-weight: 600;
    border: 1px solid rgb(90, 146, 101) !important;
}

.form-underline .selectize-dropdown .option.active {
    border-left: 1px solid rgb(90, 146, 101);
}

.selectize-dropdown .option:hover {
    background: #f3f8e6;
}

.selectize-dropdown {
    box-shadow: 0px 1px 2px #4444;
}

.form-underline .selectize-input,
.form-underline .selectize-input input {
    color: #5a9265;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    padding: 10px 10px;
}

.selectize-control.single .selectize-input:after {
    right: 5px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    background: #042b0b;
    border-radius: 50%;
    right: -20px;
    text-align: center;
    padding: 0px;
    font-size: 32px;
    width: 45px;
}

.mfp-iframe-holder .mfp-close {
    top: -30px;
}

aside.agencies {
    height: 770px;
    overflow-y: scroll;
}

.panel figure {
    margin: 0;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
}

.panel-default>.panel-heading {
    background-color: #f5f5f5;
}

.panel-heading {
    padding: 18px 8px;
    border-radius: 4px 4px 0 0;
}

.panel-body {
    padding: 10px 8px;
    border: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
}


/*  SCROLLBAR  */


/* width */

.has-custom-scroll::-webkit-scrollbar {
    width: 10px;
}


/* Track */

.has-custom-scroll::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 2px grey; */
    border-radius: 10px;
    background: #e8e8e8;
}


/* Handle */

.has-custom-scroll::-webkit-scrollbar-thumb {
    background: #a9cf3b;
    border-radius: 10px;
}


/* Handle on hover */

.has-custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #82a716;
}

#fiche-produit .pdf-files button {
    margin-bottom: 10px;
    margin-right: 5px;
    font-weight: 600;
    text-align: inherit;
    width: 180px !important;
    color: #095a19;
}

#fiche-produit .pdf-files button:hover {
    color: #fff;
}

#fiche-produit .left-border {
    border-left: 3px solid #ebebeb;
}

.back-btn {
    padding: 0 10px;
    font-weight: 400;
    border-radius: 0;
}

.back-btn.button--aylen {
    color: #095a19;
}

.back-btn.button--aylen:hover {
    color: #fff;
}

.table-produits .table td,
.table th {
    border-right: 4px solid #fff;
    font-weight: 600;
    border-top: 0;
    padding: 15px .75em;
}

.table-produits .table td:last-child,
.table th:last-child {
    border-right: 0;
}

.table-produits .table th {
    font-size: 20px;
    border-bottom: 0;
}

.table-produits .light-green-bg {
    background-color: #8bb02b;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ecf8cc;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f3ffd4;
}

#contact .gray {
    color: #bababa;
}

.contact-us-area {
    padding: 30px 40px;
}

.contact-us-area .input {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.contact-us-area .input__field {
    font-size: 14px;
    color: #444444;
}

.contact-us-area .input--ichiro {
    margin-top: 33px;
}

.contact-us-area .input__label-content {
    font-family: 'Source Sans Pro';
    font-size: 16px;
    color: #444444;
    font-weight: 600;
    padding: 12px 0;
}

.contact-us-area .input__label {
    color: #444444;
    font-size: 80.25%;
}

.contact-us-area textarea {
    font-weight: 600;
    font-size: 16px;
    resize: none;
}

.contact-us-area .selectize-input.full {
    background-color: #fff;
    padding: 15px 10px;
}

.form-underline .selectize-input.full {
    background-color: transparent;
}

.contact-us-area .selectize-control {
    margin-bottom: -6px;
}

.contact-us-area textarea::placeholder {
    color: #444444;
    font-size: 16px;
    font-weight: 600600;
    font-family: 'Source Sans pro', sans-serif;
}


/*  REST HOVER EFFECTS  */

.button {
    min-width: inherit;
    max-width: inherit;
    margin: inherit;
    float: none;
}

.btn-light-green-reverse.button--aylen::before {
    background: #a1ca2591;
}

.btn-light-green-reverse.button--aylen::after {
    background: #a9cf3a;
    color: #fff;
}

.btn-light-green-reverse.button--aylen {
    color: #a9cf3a;
}

.btn-light-green-reverse.button--aylen:hover {
    color: #fff;
}

a.discover span {
    vertical-align: baseline;
}

.btn-green-reverse.button--aylen {
    background: #095a19;
    color: #fff;
}

.btn-green-reverse.button--aylen:hover {
    background: #fff;
    color: #095a19;
    border: 1px solid #095a19;
}

.btn-green-reverse.button--aylen::before {
    background: #095a198a;
}

.btn-green-reverse.button--aylen::after {
    background: #fff;
}

.ok {
    min-width: 100%;
    max-width: none;
}

#header-navigation .navbar {
    /* display: flex;
  justify-content: center; */
}

.navbar-toggler {
    padding: 2px 5px;
}

.btn-green.button--aylen::before {
    background: #095a1999
}

.btn-green.button--aylen::after {
    background: #095a19;
}

.marker-icon-link::before {
    vertical-align: middle;
    content: url('../img/contact-marker-hover.png');
}

a.discover:hover .marker-icon-link::before {
    content: url('../img/contact-marker.png');
}

footer .button--moema {
    padding: inherit;
    background: #fff;
}

.social-item.button--moema::before {
    left: -10px;
    right: -10px;
}

.main-menu ul li .sub-menu.has-icons li a span img {
    width: 32px;
}

.da-thumbs {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.da-thumbs li {
    float: none;
}

.submenu-toggler {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 20px;
    /* height: 100%; */
    border: 1px solid #095a19;
    padding: 5px 8px;
    color: #095a19;
    border-radius: 6px;
    font-size: 12px;
}

.owl-prev,
.owl-next {
    cursor: pointer;
}

.blog-item .blog-title:hover {
    color: #095a19;
}

.nos-programmes .intro a {
    width: 134px;
}

.contact-us-area .selectize-input {
    border-bottom: none;
    font-family: 'Source sans pro';
    font-size: 16px;
    font-weight: 600;
    color: #444444;
}

.input__label-content--ichiro {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

#contact .panel figure .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 28.333333%;
    max-width: 28.333333%;
}

#map-modal .modal-header .heading {
    font-size: 24px;
}

.loading {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #a9cf3a;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 15s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
}

.loading-wrapper {}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.static-content p {
    margin-bottom: 30px;
}

.static-content h2,
.static-content h5 {
    color: #000;
}

.static-content strong {
    color: #000;
}

.thread-item.has-triangle {
    overflow: visible;
}

.border-thumb {
    width: 168px;
    height: 105px;
    border: 1px solid #ebebeb;
}

.border-thumb .thumb-side {
    width: 25px;
}

.border-thumb .thumb-side img {
    width: 100%;
}

.border-thumb .thumb-body {
    width: 131px;
}

.button--aylen.btn.btn-green {
    color: #095a19;
}

.button--aylen.btn-green:hover {
    color: #fff;
}

.main-menu ul li .sub-menu {
    width: 290px;
    padding: 0;
    /* Check */
}

.main-menu ul li .sub-menu li {
    transition: .4s;
}

.main-menu ul li .sub-menu li:not(.submenu-header):hover {
    background: #f3f8e6;
}

.main-menu ul li .sub-menu li:hover a {
    padding-left: 5px;
}


/*  M S G  B O X  */

#msgbox,
#msgbox_val {
    width: 450px;
    min-height: 50px;
    border-radius: 6px;
}

#msgbox p,
#msgbox_val p {
    clear: both;
    display: block;
    font-family: 'Titillium web', 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 15px 0;
    margin: 0;
}

.fancybox-close-small:after {
    border-radius: 0 0 0 8px !important;
    top: 0 !important;
    right: 0 !important;
}

.error-404 h1 {
    font-size: 72px;
    line-height: 1;
}

.error-404 p {
    color: #949494;
}

.error-404 a {
    font-family: 'Source Sans Pro', sans-serif;
    color: #578e62;
}

.error-404 .linear-back-top {
    background: linear-gradient(to top, #ecf1ed, #fff, #fff);
}

.error-404 .linear-back-bottom {
    background: linear-gradient(to bottom, #f5f5f5, #fff);
}

.disable_filter,
.disable_filter label {
    color: #EBEBEB !important;
}

.main-menu ul li .sub-menu.has-icons li a .icon {
    vertical-align: -12px;
}


/* CSS Sprite Optimization */

.sub-menu-icon-1,
.sub-menu-icon-2,
.sub-menu-icon-3,
.sub-menu-icon-4,
.sub-menu-icon-5,
.sub-menu-icon-6,
.sub-menu-icon-7,
.sub-menu-icon-8,
.sub-menu-icon-9,
.sub-menu-icon-10 {
    display: inline-block;
    background: url('../img/submenu-icons.png') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 32px;
    height: 45px;
}

.sub-menu-icon-1 {
    background-position: -0px -0px;
}

.sub-menu-icon-2 {
    background-position: -32px -0px;
}

.sub-menu-icon-3 {
    background-position: -64px -0px;
}

.sub-menu-icon-4 {
    background-position: -0px -45px;
}

.sub-menu-icon-5 {
    background-position: -32px -45px;
}

.sub-menu-icon-6 {
    background-position: -64px -45px;
}

.sub-menu-icon-7 {
    background-position: -0px -90px;
}

.sub-menu-icon-8 {
    background-position: -32px -90px;
}

.sub-menu-icon-9 {
    background-position: -64px -90px;
}

.sub-menu-icon-10 {
    background-position: -5px -127px;
}

li.lang-li {
    width: 113px;
    margin-left: 5px;
    max-height: 27px;
    position: relative;
}

li.lang-li::before {
    content: "" !important;
    display: none;
}

.selectize-control.lang {
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 5px 6px;
    border-radius: 4px;
    color: #095a19;
    width: 100%;
    display: inline;
    padding-top: 7px;
    position: absolute;
    top: -4px;
    padding: 3px 6px;
}

.lang .selectize-input {
    padding: 0;
    border-bottom: 0;
    margin-top: 2px;
    /*position: initial;*/
}

.lang .selectize-input .item {
    padding: 0 0 0 25px;
}

.lang .selectize-input .item::before,
.lang .selectize-dropdown-content .option::before {
    position: absolute;
    left: 0;
}

.lang .selectize-input .item[data-value$="/"]::before,
.lang .selectize-dropdown-content .option[data-value$="/"]::before {
    content: url('../img/lang-fr.png');
}

.lang .selectize-input .item[data-value$="en/"]::before,
.lang .selectize-dropdown-content .option[data-value$="en/"]::before {
    content: url('../img/lang-en.png');
}

.lang .selectize-dropdown [data-selectable] {
    padding: 10px 25px;
}

.lang .selectize-dropdown {
    width: 100% !important;
    left: 0 !important;
    top: 105% !important;
}

.lang .selectize-dropdown-content {
    padding-left: 5px;
}

.lang .selectize-dropdown-content .option::before {
    left: 5px;
}

.lang-li .selectize-control.single .selectize-input:after {
    border-color: #095a19 transparent transparent transparent;
}

.search-area .selectize-input {
    border-bottom: 5px;
    padding: 8px 0;
}

.search-area .selectize-input input {
    top: 5px!important;
}

.selectize-input:before,
.items:before,
.has-options:before,
.full:before,
.has-items:before {
    display: none;
    height: 0;
    width: 0;
}

.selectize-control.single .selectize-input::after {
    border-width: 5px 5px 0px !important;
}


/* Seach field */

.search_result {
    display: block;
    width: 100%;
    position: absolute;
    /* padding: 20px 10px; */
    top: 75%;
    background: #f4f4f4;
    box-shadow: 0px 2px 6px #095a19;
    z-index: 1000;
    max-height: 500px;
    overflow-y: auto;
}

.search_result a:hover {
    background: #ebebeb;
}

.search_result a {
    display: block;
    padding: 6px 15px;
    /* color: #fff; */
}

.download-section {
    border-top: 1px solid #dfdfdf;
    background: #f4f4f4;
    padding: 20px 0;
}

.download-links .app-download {
    margin: 0 10px;
}

.infos-row {
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf;
}

.infos-row .titre {
    font-weight: 700;
    color: #095718;
    font-size: 16px;
}

.infos-row p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

._title {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0 -5px;
}

._zone {
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 0;
}

._zone_detail p {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
}

._zone_detail {
    padding-left: 10px;
}

.main-title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
}

button.gm-ui-hover-effect {
    right: 0 !important;
    top: 0 !important;
    width: 35px !important;
    height: 35px !important;
}

button.gm-ui-hover-effect img {
    width: 35px !important;
    height: 35px !important;
    margin: 0 !important;
}

.gm-style-iw-d {
    max-width: 400px !important;
}

@media(min-width:1200px) {
    .container {
        max-width: 1280px;
    }
}

@media(min-width:992px) {
    .modal-xl {
        max-width: 1000px;
    }
}

@media (max-width:1200px) {
    #header-navigation .navbar .container {
        max-width: 100% !important;
    }
    #home .video-wrapper {
        height: 335px;
    }
    .user-menu ul.d-flex {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .user-menu ul.d-flex li.lang-li {
        width: 113px;
        margin: 10px 0;
    }
}

@media (max-width:1080px) {
    #header-navigation .navbar-expand-lg .navbar-nav .nav-link {
        padding: 20px 11px;
        font-size: 14px;
    }
    .radius-item .radius-footer .radius-name {
        font-size: 18px;
    }
    .traitement .radius-item .radius-footer .radius-name {
        font-size: 16px;
    }
}

@media (max-width:1024px) {}

@media (max-width:992px) {
    #header-navigation .navbar .container {
        max-width: 90% !important;
    }
    .main-menu ul li:not(:last-child) {
        border-bottom: 1px solid #4444;
    }
    .main-menu ul li .sub-menu {
        width: 100%;
        margin-left: 10px !important;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        padding: 0;
        margin-bottom: 4px;
        border-bottom: none;
    }
    .main-menu ul li .sub-menu li {
        padding-right: 0;
        padding-left: 0;
        width: auto;
        border-bottom: none !important;
    }
    .sub-menu .submenu-header {
        font-size: 14px;
    }
    .main-menu ul li .sub-menu.mega-menu {
        width: 100%;
    }
    .main-menu ul li .sub-menu li a {
        font-size: 14px;
    }
    .main-menu ul li .sub-menu {
        position: relative;
        display: none;
    }
    .main-menu ul li.sub-menu {
        opacity: 1;
    }
    .order-md-first-fix {
        order: -1;
    }
    .user-menu ul.d-flex li.lang-li {
        margin: 0;
    }
}

@media (max-width:768px) {
    .about-menu li span {
        font-size: 14px;
        margin-right: 30px;
    }
    .about-menu li span::before {
        right: -18px;
    }
    .about-menu li span::after {
        right: -12px
    }
    .about-menu li {
        font-size: 12px;
    }
    .about-menu li span::after {
        height: 100%;
    }
    #partners-nav .owl-prev,
    #partners-nav .owl-next {
        display: none;
    }
    #home .video-wrapper {
        height: 235px;
    }
}

@media (max-width:576px) {
    #msgbox,
    #msgbox_val {
        width: 300px;
        padding: 18px;
    }
    #msgbox p,
    #msgbox_val p {
        font-size: 16px;
        padding: 8px 0;
    }
    #home .video-wrapper {
        height: 200px;
    }
    ._zone_detail {
        padding-left: 0;
        padding-top: 15px;
    }
    ._zone {
        flex-wrap: wrap;
    }
}

@media (max-width:398px) {
    .user-menu ul.d-flex li.lang-li {
        margin: 15px 0;
    }
    .user-menu ul.d-flex {
        padding-bottom: 20px;
    }
}

@media (max-width:375px) {}

@media (max-width:320px) {}


/*  */