/*------------------------------------------------------------------
    Master Stylesheet
    Project:        Projy - Multipurpose Responsive Onepage Template
    Version:        1.0
    Author:         Uxign
    Primary use:    
-------------------------------------------------------------------*/


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

=Table of contents
 1- GENERAL STYLING
 2- Page Loader
 3- Option Box
 4- BOTTON SCROLL TO TOP
 5- navbar-top
 6- HEADER
 7- about services
 8- about-us
 9- Our Team
 10- My skills
 11- Counter
 12- Brands
 13- Services
 14- portfolio
 15- Testimonials
 16- Clinet
 17- Price
 18- journal
 19- contact
 20- footer
 16- Media Queries

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


/* =============================================
                Theme Reset Style
============================================= */

@import url('https://fonts.googleapis.com/css?family=Dosis:400,600%7CSource+Sans+Pro:300,400,400i,700%7CMerriweather:400i');
@import url("css/bootstrap.css");
@import url("css/font-awesome.css");
@import url("css/ionicons.min.css");
@import url("css/custom-icons.min.css");
@import url("css/animate.min.css");
@import url("css/bootsnav.css");
@import url("css/owl.carousel.css");
@import url("css/owl.theme.default.css");
@import url("css/jquery.fancybox.css");
@import url("css/style.css");

/* vietnamese */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlmC_W6EQ.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: 'Dosis';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlmC_W6EQ.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: 'Dosis';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlmC_W6EQ.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: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlmC_W6EQ.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: 'Dosis';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlmC_W6EQ.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: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlmC_W6EQ.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: 'Dosis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzlmC_W6EQ.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: 'Dosis';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v12/HhyaU5sn9vOmLzloC_U.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: 'Merriweather';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff1jvzRPA.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: 'Merriweather';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzRPA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff3jvzRPA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvzRPA.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: 'Merriweather';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.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: 'Merriweather';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.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: 'Merriweather';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.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: 'Merriweather';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.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: 'Merriweather';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf1jvzRPA.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: 'Merriweather';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf8jvzRPA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf3jvzRPA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvzRPA.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: 'Merriweather';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvw.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: 'Merriweather';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black Italic'), local('Merriweather-BlackItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf1jvzRPA.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: 'Merriweather';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black Italic'), local('Merriweather-BlackItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf8jvzRPA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black Italic'), local('Merriweather-BlackItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf3jvzRPA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black Italic'), local('Merriweather-BlackItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvzRPA.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: 'Merriweather';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black Italic'), local('Merriweather-BlackItalic'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.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: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZVcf6lvg.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: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZXMf6lvg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZV8f6lvg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZVsf6lvg.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: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.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: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.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: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.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: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v21/u-440qyriQwlOrhSvowK_l5-fCZM.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: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.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: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.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: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.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: 'Merriweather';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black'), local('Merriweather-Black'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.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: 'Merriweather';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black'), local('Merriweather-Black'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black'), local('Merriweather-Black'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black'), local('Merriweather-Black'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.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: 'Merriweather';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Merriweather Black'), local('Merriweather-Black'), url(https://fonts.gstatic.com/s/merriweather/v21/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.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;
}


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


/*  1-GENERAL STYLING
/*-----------------------------------------------------------------------------------*/

body {
    background: #fff;
    color: #a2a2a2;
    font-size: 15px;
    line-height: 1.5;
    font-family: "Source Sans Pro", sans-serif;
    overflow-x: hidden;
    margin: 0 auto;
    padding: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Dosis", sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
    color: #292b32;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

h1 {
    font-size: 60px;
    font-weight: 400;
    margin: 10px 0;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

a {
    color: #292b32;
    text-decoration: none !important;
}

p {
    line-height: 24px;
    color: #a2a2a2;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    font-family: "Source Sans Pro", sans-serif;
}

span {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

blockquote {
    padding: 40px;
    background-color: #f2f2f2;
    margin: 30px 0;
    border: none;
    border-left: 4px solid #b09980;
}

ul,
ol {
    margin-bottom: 0;
}

.lead {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.btn {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    padding: 8px 10px 7px 10px;
    margin: 5px 10px;
    background: transparent;
    border: medium none;
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
}

.btn:hover,
.btn:focus {
    color: #fff;
}

.btn:hover,
.btn:focus {
    background: #b09980;
}

.btn.btn-md {
    padding: 17px 48px;
    font-size: 11px;
    background: #5929ba;
    border-color: #5929ba;
}

.btn.btn-md:hover {
    background: #16171d;
    border-color: #16171d;
}

.btn.btn-mdone {
    padding: 15px 48px;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.btn.btn-mdone:hover {
    padding: 15px 48px;
    background: #16171d;
    color: #fff;
    border: 2px solid #16171d;
}

.btn.btn-mdtwo {
    padding: 15px 48px;
    font-size: 11px;
    background: #fff;
    border: none;
    color: #000;
}

.btn.btn-mdthre {
    padding: 15px 48px;
    font-size: 11px;
    background: #5929ba;
    border: none;
    color: #fff;
}

.fix2 {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    border: 2px solid #fff;
    text-transform: capitalize;
}

.fix2:hover {
    color: #5929ba;
}

.section-title {
    margin-bottom: 70px;
}

.heading {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 40px;
}

.subheading {
    font-family: "Merriweather", serif;
    font-style: italic;
    font-size: 15px;
    max-width: 770px;
    line-height: 30px;
    padding: 0 15px;
    margin-bottom: 0;
    margin-top: 25px;
    margin: 25px auto 0;
}

.entry-title {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.form-control {
    height: 50px;
    padding: 20px 20px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #292b32;
    border: 1px solid #e8ebee;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    margin-bottom: 15px !important;
}

.form-control:focus {
    box-shadow: none;
    outline: 0 none;
}

.paddsection {
    padding: 80px 0;
}

.paddsectiontwo {
    padding: 20px 0;
}

.padDiv {
    padding: 30px 20px;
}

.padDivTwo {
    padding: 40px 30px;
}

.feature-title {
    font-size: 16px;
    font-weight: bold;
}

.bord-l-r {
    border: 1px solid #f7f5f6;
}

.bord-l-r:hover {
    box-shadow: 0 5px 10px 0px rgba(17, 21, 23, .1);
    border: 1px solid #f7f5f6;
}

.services-block .fa {
    font-size: 30px;
    color: #5929ba;
}

.border-t {
    position: relative;
    border: 1px solid #f7f5f6;
}

.border-t:hover {
    box-shadow: 0 5px 10px 0px rgba(17, 21, 23, .1);
    border: 1px solid #f7f5f6;
}

.mt-0 {
    margin-top: 0;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mrg {
    margin: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-40 {
    padding-bottom: 40px;
}

.pt-154 {
    padding-top: 154px;
}

.ml-0 {
    margin-left: 0;
}

.pdb-0 {
    padding-bottom: 0;
}

.ft-size {
    font-size: 34px;
}

.Bgone {
    background: #f2f2f2;
}

.Bgtwo {
    background: #f7f4f2;
}

.Bgthre {
    background-color: transparent;
    background-image: linear-gradient(30deg, #5929ba 30%, #2131b6 100%);
}

.light {
    background: #fff;
}

.bx-sh {
    box-shadow: 0px 15px 24px rgba(64, 90, 128, 0.05);
}

.mainclr {
    color: #5929ba;
}


/* Transition */

a,
.btn,
.btn.btn-md,
.portfolio-item .portfolio-thumbnail .overlay,
.border-t,
.bord-l-r,
.services-block,
#counter .info-me,
#services .cont-services .services-block,
#ourteam .item-ourteam-stwo,
.fix {
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

a:hover,
.btn:hover,
.btn:focus,
.portfolio-item .portfolio-thumbnail .overlay:hover,
.border-t:hover,
.bord-l-r:hover,
.services-block:hover,
#counter .info-me:hover,
.fix:hover,
#services .cont-services .services-block,
.content-ourteam {
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}


/*-----------------------------------------------------------------------------------*/
/*  2- Page Loader
/*-----------------------------------------------------------------------------------*/

#preloader {
    background-color: #333;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

.spinner {
    font-size: 10px;
    height: 40px;
    margin: 18% auto;
    text-align: center;
    width: 50px;
}

.spinner>div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


/*-----------------------------------------------------------------------------------*/
/*  3- option box
/*-----------------------------------------------------------------------------------*/

.option-box {
    position: fixed;
    top: 21%;
    z-index: 999;
    display: none;
}

.option-box .fa {
    background: #414141 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    cursor: pointer;
}

.option-box .color-box {
    background: #414141 none repeat scroll 0 0;
    display: none;
    float: left;
    padding: 10px;
    width: 180px;
}

.option-box .color-box h4 {
    color: #fff;
    font-size: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.option-box .color-box ul li {
    background: blue none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    width: 35px;
}


/*-----------------------------------------------------------------------------------*/
/*  4- BOTTON SCROLL TO TOP
/*-----------------------------------------------------------------------------------*/

.top {
    background: #16171d;
    bottom: 15px;
    cursor: pointer;
    position: fixed;
    right: 15px;
    text-align: center;
    z-index: 998;
    color: #fff;
    border-radius: 100px;
}

.fa-style {
    height: 47px;
    line-height: 47px;
    width: 47px;
    display: none;
}


/*-----------------------------------------------------------------------------------*/
/*  5- navbar-top  
/*-----------------------------------------------------------------------------------*/

.navbar-wrapper {
    position: relative;
    z-index: 9999;
    overflow: hidden;
}

.navbar .navbar-header .navbar-toggle {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 31px;
    position: relative;
    top: 24px;
    color: #292b32;
}

.navbar-header .logo {
    position: relative;
    z-index: 110;
    display: table;
    height: 60px;
}

nav.navbar.bootsnav.navbar-transparent .logo {
    position: relative;
    z-index: 110;
    display: table;
    height: 80px;
}

nav .logo>a {
    display: table-cell;
    vertical-align: middle;
}

.logo img {
    max-height: 33px;
    display: block;
}

.navbar-scrollspy .logo img {
    text-align: center;
    margin: 0 auto;
}

.navbar-nav {
    float: right;
    margin: 0;
    padding: 0 10px;
}


/*-----------------------------------------------------------------------------------*/
/*  6- HEADER
/*-----------------------------------------------------------------------------------*/


/* HEADER DEMO */

#header {
    background: rgba(0, 0, 0, 0) url(images/header/1.jpg) no-repeat center center / cover;
    position: relative;
    height: 100vh;
    margin-bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(33, 35, 43, 0.8);
}

.header .header-content {
    display: block;
    text-align: center;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 3;
}

.header .header-content .btn {
    min-width: 183px;
}

.header .header-content h1,
.header .header-content p {
    color: #fff;
    text-transform: capitalize;
}

.header-four .header-content {
    width: 50%;
    left: 45%;
    text-align: left;
}

.header-four .header-content h1 {
    color: #292b32;
}

.header-four .header-content p {
    color: #a2a2a2;
}

.header-two .header-content {
    text-align: left;
    width: 65%;
}

.header .header-content .lead {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    /* line-height: 45px; */
    letter-spacing: 0.7px;
}

.header-one {
    background: rgba(0, 0, 0, 0) url(images/header/2.jpg) no-repeat center center / cover !important;
}

.header-two {
    background: rgba(0, 0, 0, 0) url(images/header/3.jpg) no-repeat center center / cover !important;
}

.header-three {
    background: rgba(0, 0, 0, 0) url(images/header/4.jpg) no-repeat center center / cover !important;
}

.header-four {
    background: #f7f4f2 !important;
}

.header-four:before {
    /* content: ""; */
    background: url(http://demo.frothyteam.com/consult-preview/consult/img/home/hero-banner.png) !important;
    width: 40% !important;
    background-size: cover !important;
    object-fit: cover !important;
    height: 90% !important;
    bottom: 0 !important;
    top: auto !important;
}

.header-five {
    background: linear-gradient(30deg, #5929ba 30%, #2131b6 100%) !important;
    position: relative;
    height: 100vh;
    margin-bottom: 0;
    width: 100%;
}

.header-five:before {
    content: normal !important;
}


/* HOME SLIDER STYLE ONE */

.homeslider-style-one {
    margin-bottom: 0;
    width: 100%;
    height: 100vh;
}

.homeslider-style-one:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(33, 35, 43, 0.45);
}

.homeslider-style-one .slide-text h1 {
    color: #fff;
    margin-top: 0;
    text-transform: capitalize;
}

.carousel-inner {
    height: 100vh;
}


/*  HOME VIDEO STYLE ONE */

.homevideo-style-one {
    position: relative;
    height: 100vh;
    margin-bottom: 0;
    width: 100%;
}

.homevideo-style-one:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(33, 35, 43, 0.45);
}

.homevideo-style-one .h-contentVideo {
    text-align: center;
    width: 100%;
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 30%;
}

.homevideo-style-one .h-contentVideo h1 {
    color: #fff;
}

.homevideo-style-one .hh-contentVideo {
    display: block;
    text-align: center;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 3;
}

#bgvideo {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    position: absolute;
    right: 0;
}

.pagefour nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a,
.pagefour nav.navbar.bootsnav.no-background.white ul.nav>li>a {
    color: #212121;
}

.pagefour nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a,
.pagefour nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a {
    color: #212121;
    padding-top: 28.3px;
    padding-bottom: 28.3px;
}


/*-----------------------------------------------------------------------------------*/
/*   7- About services 
/*-----------------------------------------------------------------------------------*/

/* STYLE ONE */

.cont-services .services-block .services-head {
    font-size: 48px;
    line-height: 1.2;
    color: #5929ba;
    font-family: "Dosis", sans-serif;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.wrapfix .section-title h2,
.wrapfix .section-title p,
.contfix .services-block .services-head,
.contfix .services-block h3,
.contfix .services-block p {
    color: #fff;
}

#services .cont-services .services-block i {
    font-size: 40px;
}

/* STYLE TWO */

.wrapper-one .cont-services .service-styletwo {
    display: flex;
}

.cont-services .service-styletwo .cont-cont-services {
    margin-left: 20px;
    width: 80%;
}

/* STYLE THREE */

#wrapper-one .cont-services .services-block img {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
}


/**** FIN *****/


/*-----------------------------------------------------------------------------------*/
/*  8- about-us
/*-----------------------------------------------------------------------------------*/

/* STYLE ONE */

#about .aboutfix {
  padding-top: 50px;
padding-bottom: 50px;
}

.about-descr span {
    color: #5929ba;
    text-transform: capitalize;
    font-size: 16px;
}

.about-descr h4 {
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}

#about .about-descr .about-title {
    font-size: 40px;
    text-transform: capitalize;
    font-weight: bold;
}

#about .smlbs {
    padding-top: 0;
    margin-top: -55px;
}

.smlbs span {
    color: #5929ba;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
}


/* STYLE TWO */

#about .about-section {
    width: 100%;
    display: flex;
}


#about .about-section .img-w img {
    width: 100%;
    height: 100%;
}

.promo__img-1 {
    box-shadow: -5px 10px 25px rgba(8, 15, 26, 0.3);
}

.promo__img-2 {
    box-shadow: -30px 30px 40px rgba(22, 19, 62, 0.2);
    position: absolute;
    top: -74px;
    right: 30px;
}


/**** FIN *****/


/*----------------------------------------------------------------------------------*/
/*  9- Our Team
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

#ourteam .item-ourteam img {
    width: 100%;
}

.item-ourteam .content-ourteam .team-title {
    font-size: 16px;
    font-weight: bold;
}

.item-ourteam .content-ourteam p {
    font-style: italic;
    font-size: 13px;
    display: inherit;
    text-transform: capitalize;
}

.item-ourteam .content-ourteam .lis-social-ourteam {
    display: flex;
}

.item-ourteam .content-ourteam .lis-social-ourteam li {
    float: left;
    padding-right: 10px;
}

.item-ourteam .content-ourteam .lis-social-ourteam li a .fa {
    font-size: 12px;
    color: #a2a2a2;
}


/* OUR TEAM STYLE TWO */

#ourteam .item-ourteam-stwo {
    position: relative;
    height: 460px;
    background: #f7f4f2;
}

#ourteam .item-ourteam-stwo img {
    width: 100% !important;
    height: 100%;
    position: absolute;
    object-fit: contain;
}

#ourteam .item-ourteam-stwo .content-ourteam {
    position: absolute;
    background: rgba(33, 35, 43, 0.89);
    width: 95%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 2.5%;
    right: 2.5%;
    opacity: 0;
}

#ourteam .item-ourteam-stwo:hover .content-ourteam {
    opacity: 1
}

#ourteam .item-ourteam-stwo .content-ourteam .team-title,
#ourteam .item-ourteam-stwo .content-ourteam p {
    color: #fff
}

.item-ourteam-stwo .content-ourteam .lis-social-ourteam {
    display: inline-block;
}

.item-ourteam-stwo .content-ourteam .lis-social-ourteam li a .fa {
    color: #fff;
}


/**** FIN *****/


/*-----------------------------------------------------------------------------------*/
/*  10- My skills
/*-----------------------------------------------------------------------------------*/

#skills .list-skills {
    padding-left: 0;
}

#skills .bar_group {
    margin-bottom: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*  11- Counter
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

.counter .counter-content {
    position: relative;
    z-index: 2;
}

.counter-content .info-me .counter-timer {
    font-size: 48px;
    line-height: 1.2;
    font-family: "Dosis", sans-serif;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 0;
}

.counter-content .info-me .counter-text {
    font-size: 16px;
    font-weight: bold;
}


/* STYLE TWO */

.c-s-t {
    background: rgba(0, 0, 0, 0) url(images/header/6.jpg) no-repeat center center / cover;
    position: relative;
}

.c-s-t:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(226, 166, 6, 0.85);
    background-color: transparent;
    background-image: linear-gradient(30deg, #5929ba 30%, #2131b6 100%);
}

.c-s-t .counter-content .info-me i,
.c-s-t .counter-content .info-me .counter-timer,
.c-s-t .counter-content .info-me .counter-text {
    color: #fff
}


/**** FIN *****/


/*-----------------------------------------------------------------------------------*/
/*  12 - brands
/*-----------------------------------------------------------------------------------*/

#brands {
    position: relative;
    width: 100%;
    height: 250px;
    height: 100% !important;
    padding-top: 40px;
}

#brands .brands-content {
    position: relative;
}

#brands .brands-content h2 {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    text-transform: capitalize;
}


/*-----------------------------------------------------------------------------------*/
/* 13- Services
/*-----------------------------------------------------------------------------------*/


/* STYLE TWO */

#services .cont-services .services-block img {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
}


/* STYLE THREE */

.cont-services .services-block-two {
    display: inline-block;
}

.cont-services .services-block-two i {
    font-size: 30px !important;
    color: #5929ba;
    float: left;
    margin-right: 20px;
}

.cont-services .services-block-two .item-ser {
    width: 80%;
    float: left;
    text-align: left;
}

.cont-services .img-services img {
    margin-top: 12%;
}


/**** FIN *****/


/*-----------------------------------------------------------------------------------*/
/*  14- portfolio
/*-----------------------------------------------------------------------------------*/

.portfolio-thumbnail {
    height: 250px;
    position: relative;
    width: 100%;
}

#portfolio .portfolio-item .portfolio-thumbnail img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.portfolio-item .portfolio-thumbnail .overlay {
    background: rgba(33, 35, 43, 0.89);
    height: 95%;
    left: 2.5%;
    opacity: 0;
    position: absolute;
    top: 2.5%;
    width: 95%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portfolio-item .portfolio-thumbnail .overlay:hover {
    opacity: 1;
}

.portfolio-thumbnail .overlay .content-port {
    position: relative;
    display: inline-block;
    width: 100%;
}

.overlay .content-port .work-item-title {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
}

.overlay .content-port .work-item-category {
    color: #fff;
    font-size: 13px;
    font-style: italic;
    text-transform: capitalize;
}


/* Portfolio style two */

.owl-carousel-portfolio-two .portfolio-thumbnail {
    height: 290px;
    position: relative;
    width: 100%;
    background: #f7f4f2;
}

.owl-carousel-portfolio-two .portfolio-thumbnail img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    padding: 20px;
    padding-bottom: 0;
}


/* Prtfolio style thre */

.portfolio-list {
    margin-bottom: 35px;
}

.portfolio-list .nav {
    display: inline-block;
}

.portfolio-list .nav li {
    cursor: pointer;
    float: left;
    text-transform: capitalize;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    padding: 5px 20px;
    border-radius: 100px;
}

.portfolio-list .nav li:hover {
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.portfolio .portfolio-item .p-s-thre {
    width: 47%;
    margin-left: 1%;
    margin-right: 1%;
}

.mix {
    display: none;
}


/* STYLE FOUR */

.portfolio .portfolio-item .p-t-four {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
}

/**** FIN *****/


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


/*  15- Testimonials
/*-----------------------------------------------------------------------------------*/

#testimonials {
    background: url(images/3.jpg) no-repeat center center / cover;
    width: 100%;
    position: relative;
}

#testimonials .overlay {
    background: rgba(33, 35, 43, 0.89);
    height: 100%;
    margin-bottom: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#testimonials .content-testimonials img {
    width: 72px;
    height: 72px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 25px;
}

#testimonials .content-testimonials .testimonial-text {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "Dosis", sans-serif;
    font-size: 18px;
    line-height: 30px;
}

#testimonials .content-testimonials .testimonials-subtitle {
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
    font-style: italic;
}

#testimonials .content-testimonials .testimonial-author {
    color: #fff;
    font-size: 16px;
}


/* Testimonials style two */

.testimonials.testimonials-styletwo {
    width: 100%;
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(30deg, #5929ba 30%, #2131b6 100%) !important;
}

.testimonials.testimonials-styletwo .heading {
    color: #fff;
}

#testimonials .owl-testimonials-styletwo .content-item {
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 5px 10px 0px rgba(17, 21, 23, .1);
    border: 1px solid #f7f5f6;
    background: #fff;
}

.owl-testimonials-styletwo .content-item .testimonial-text {
    color: #a2a2a2 !important;
    font-size: 15px !important;
    font-weight: 400;
}

.owl-testimonials-styletwo .content-item .testimonial-author {
    color: #a2a2a2 !important;
}

.owl-testimonials-styletwo .content-item .testimonials-subtitle {
    color: #a2a2a2 !important;
}


/* TESTIMONIALS STYLE THREE */

.t-s-thre {
    background: #f7f4f2 !important;
}

#testimonials .o-t-s-thre .content-item img {
    float: left;
    font-size: 50px;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 0;
    width: 50px;
}

#testimonials .o-t-s-thre .content-item .content-item-testimonials {
    width: 77%;
    float: left;
    display: inline-block;
    text-align: left;
}

.o-t-s-thre .content-item .testimonial-text {
    display: inline-block;
    width: 79%;
    text-align: left;
    font-size: 15px !important;
    font-weight: 400;
    width: 77%;
}

#testimonials .o-t-s-thre .content-item {
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    margin: 10px;
}

.o-t-s-thre .content-item .testimonial-text {
    color: #a2a2a2 !important;
}

.o-t-s-thre .content-item .testimonial-author {
    color: #a2a2a2 !important;
}

.o-t-s-thre .content-item .testimonials-subtitle {
    color: #a2a2a2 !important;
}


/**** FIN *****/


/* TESTIMONIALS PAGE THRE */

.pagethre div#testimonials {
    background: #fff !important;
}

.pagethre div#testimonials .content-item {
    background: #5929ba;
}


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


/*  16- client
/*-----------------------------------------------------------------------------------*/

#client .client-img {
    margin-left: auto;
    margin-right: auto;
    width: 148px;
}


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


/*  17- PRICE
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

.price .table-offers .pricing-table-title {
    position: relative;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
}

.price .table-offers strong {
    font-family: "Dosis", sans-serif;
    font-size: 72px;
    color: #292b32;
    font-weight: 400;
    display: inline-block;
    margin-top: 25px;
}

.price .table-offers strong sup {
    font-weight: normal;
    color: #292b32;
    font-size: 16px;
    top: -41px;
    left: -4px;
}

.price .table-offers strong span {
    color: #a2a2a2;
    font-size: 13px;
    display: inline-block;
    margin-top: 0;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 0;
    text-transform: capitalize;
}

.price .table-offers .pricing-table-features {
    color: #a2a2a2;
    font-size: 15px;
    margin: 25px 0;
}

.price .table-offers .pricing-table-features li {
    padding: 12px 0;
}


/* STYLE TWO */

.price-tab .nav-tabs {
    display: inline-block;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    margin-bottom: 70px;
}

.price-tab .nav-tabs li {
    margin: 0;
}

.price-tab .nav-tabs>li>a {
    border-radius: 0;
    width: 150px;
    line-height: 45px;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #797376;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.price-tab .nav-tabs>li:first-child>a {
    border-radius: 30px 0 0 30px;
}

.price-tab .nav-tabs>li:last-child>a {
    border-radius: 0 30px 30px 0;
}

.price-tab .nav-tabs>li.active>a,
.price-tab .nav-tabs>li.active>a:hover,
.price-tab .nav-tabs>li.active>a:focus {
    background: linear-gradient(30deg, #5929ba 30%, #2131b6 100%);
    color: #fff;
}


/**** FIN *****/


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


/*  18- journal
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

#journal .journal-block {
    display: inline-block;
    height: auto;
    width: 100%;
}

#journal .journal-block .journal-info {
    background: #fff;
}

#journal .journal-block .journal-info img {
    height: 235px;
    width: 100%;
}

.journal-info .journal-txt .entry-title {
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    font-weight: bold;
}

.journal-info .journal-txt p {
    text-align: left;
}

.main-content .journal-info .journal-txt {
    background: #fff;
}


/* STYLE TWO */

.journal-info .journal-txt .list-item-blog {
    display: inline-block;
}

.journal-info .journal-txt .list-item-blog li {
    font-style: italic;
    font-size: 13px;
    display: inherit;
    text-transform: capitalize;
    float: left;
    margin-right: 20px;
}

.journal-info .journal-txt .list-item-blog li i {
    margin-right: 10px;
}

.j-block-two .journal-info .journal-txt .link-title {
    padding: 5px 20px;
    display: inline-block;
    border-radius: 100px;
    background: #5929ba;
    color: #fff;
    text-transform: uppercase;
}


/**** FIN *****/


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


/*  19- contact
/*-----------------------------------------------------------------------------------*/

#contact .contact-form .textarea-contact {
    height: 200px;
    width: 100%;
    position: relative;
    border-radius: 4px;
    margin-bottom: 15px;
}

#contact .contact-form .textarea-contact textarea {
    height: 100% !important;
    width: 100% !important;
    border: 0;
    padding: 20px;
    outline: none;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #e8ebee;
    color: #292b32;
    border-radius: 0;
}

#contact .contact-form .textarea-contact>span {
    position: absolute;
    top: 6px;
    left: 12px;
    font-size: 14px;
    text-transform: capitalize;
    color: #292b32;
    opacity: 0.5;
    font-weight: 300;
}

#contact .contact-form .btn {
    margin-left: auto;
    display: inherit;
    margin-right: auto;
}

#contact .socials-media ul {
    display: inline-block;
}

#contact .socials-media ul li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
}

#contact .socials-media ul li .fa {
    color: #a2a2a2;
}


/**** FIN *****/


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


/*  20- footer
/*-----------------------------------------------------------------------------------*/

#footer {
    position: relative;
    background-size: cover;
    background-position: center center;
}

#footer .footer-widgets {
    padding: 80px 0;
}

.widget-info .footer-logo img {
    max-height: 29px;
    margin-bottom: 21px;
    margin-top: -9px;
}

.footer-widgets .widget-info .footer-contact {
    line-height: 34px;
    color: #fff;
}

#footer .footer-widgets a {
    color: #fff;
}

#footer .footer-widgets a:hover {
    color: #fff;
}

.footer-widgets .widget .widget-title {
    font-size: 14px;
    color: #fff;
}

.footer-widgets .widget .list-widget {
    margin-bottom: 0;
}

.footer-widgets .widget .list-widget>li {
    position: relative;
    margin-bottom: 15px;
    color: #fff;
}

.footer-widgets .widget .list-widget>li:last-child {
    margin-bottom: 0px;
}

.footer-bottom {
    background-color: #16171d;
    padding: 20px 0;
}

.footer-bottom a {
    color: #a2a2a2;
}

.nameauthor {
    color: #f62459;
    color: #5929ba;
    display: inherit;
}

.footer-bottom .copyright {
    display: inline-block;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    text-transform: capitalize;
}


/**** FIN *****/


/* Fix */

ul.list-skills {
    padding-left: 0;
}