/*------------------------------------------------------------------
    Master Stylesheet
    Project:        Medo - Creative Digital Agency & Multipurpose
    Version:        1.0
    Author:         Uxign
    Primary use:    
-------------------------------------------------------------------*/


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

=Table of contents
 1- GENERAL STYLING
 2- Navbar Menu
 3- Banners
 4- Counter
 5- we do
 6- About Us
 7- Services
 8- Pricing
 9- Testimonials
 10- Project
 11- Blog
 12- contact
 13 - strt project
 14 - client
 15 - Footer
 16 - Animate header
 17 - Media query


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


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


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


/* Fontface */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700|Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('assets/css/main-page.css');
@import url("assets/css/font-awesome.min.css");
@import url("assets/css/ionicons.min.css");
@import url("assets/css/bootstrap.css");
@import url("assets/css/bootsnav.css");
@import url("assets/css/all-navbar.css");
@import url("assets/css/bootstrap-touch-slider.css");
@import url("assets/css/all-header.css");
@import url("assets/css/owl.carousel.css");
@import url("assets/css/YouTubePopUp.css");
@import url("assets/css/magnific-popup.css");
@import url("assets/css/animate.css");

/* cyrillic-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.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: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.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: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hrIqM.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: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Udc1UAw.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: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.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: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Zdc0.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: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.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: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhvIqOjjg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhnIqOjjg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhoIqOjjg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhkIqOjjg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.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: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhrIqM.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: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.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: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.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: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhrIqM.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: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hmIqOjjg.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: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hvIqOjjg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hnIqOjjg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hoIqOjjg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hkIqOjjg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hlIqOjjg.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: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hrIqM.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: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.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: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.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: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpOqc.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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpOqc.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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.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: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.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: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.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: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.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: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.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: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}


/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}


/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.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: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhp.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: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pgHYYQML_B48.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pgHYYQcL_B48.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: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pgHYYT8L_.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: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKtdSZaM9iE8KbpRA_hJVQNcOM.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: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKtdSZaM9iE8KbpRA_hK1QN.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: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_p2HcYQML_B48.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_p2HcYQcL_B48.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: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: local('Quicksand Medium'), local('Quicksand-Medium'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_p2HcYT8L_.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: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pkHEYQML_B48.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pkHEYQcL_B48.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: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pkHEYT8L_.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,
html {
    background: #ffffff;
    color: #787878;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow-x: hidden;
    margin: 0 auto;
    padding: 0;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    cursor: pointer;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.2em;
    font-family: 'Quicksand', sans-serif;
}

textarea {
    overflow: hidden;
}

button {
    outline: none !important;
    cursor: pointer;
}

p {
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
    color: #888;
}

.text {
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
    color: #888;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
}

::-webkit-input-placeholder {
    color: #797979;
}

::-moz-input-placeholder {
    color: #797979;
}

::-ms-input-placeholder {
    color: #797979;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.img-ftr h4 {
    color: #efefef;
}

.font-weight-bold {
    color: #3d415b !important;
}

.colfix {
    padding-left: 0;
    padding-right: 0;
}


/************************************************/


/******************** Color  ********************/


/************************************************/

.clr-oronge {
    color: #f44fa9 !important;
}

.clr-or {
    color: #F44336 !important;
    display: initial;
}

.clr-with {
    color: #292929 !important;
    display: initial;
}


/************************************************/


/******************** Button ********************/


/************************************************/

.btn {
    height: 50px;
    line-height: 45px !important;
    min-width: 170px;
    padding: 0px 5px !important;
    border-radius: 50px;
    background: transparent;
    margin-left: 10px;
    color: #fff;
    border: 2px solid #f0f0f0 !important;
    font-size: 16px;
    text-transform: capitalize;
    margin-right: 10px;
    font-weight: 700;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
}

.btn:hover {
    color: #fff;
    border: 2px solid #9153fe !important;
    background: #9153fe !important;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.btn-orong {
    background: #f44fa9 !important;
    border-color: #f44fa9 !important;
}

.btn-blue {
    background: #9153fe !important;
    border-color: #9153fe !important;
}

.btn-light {
    color: #888;
    background: transparent !important;
    border-color: #888 !important;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 10px;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}


/************************************************/


/**************** title section *****************/


/************************************************/

.title-section {
    margin: 0 0 50px 0;
    z-index: 999;
    position: relative;
}

.title-section h2 {
    position: relative;
    display: block;
    font-size: 42px;
    line-height: 1.3em;
    color: #101010;
    font-weight: 700;
    display: inline-block;
    text-transform: capitalize;
}

.title-section h2:before {
    position: absolute;
    width: 30px;
    height: 4px;
    content: "";
    display: inline-block;
    background: #9153fe;
    top: 56px;
    right: 20px;
}

.title-section h2:after {
    position: absolute;
    width: 10px;
    height: 4px;
    content: "";
    display: inline-block;
    background: #9153fe;
    top: 56px;
    right: 0;
}


/********************************************/


/**************** Background  *****************/


/******************************************/

.bg-one .btn:hover,
.bg-two .btn:hover,
.bg-three .btn:hover,
.bg-for .btn:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #292929;
}

.bg-one {
    background: #F44336
}

.bg-two {
    background: #E91E63;
}

.bg-three {
    background: #9C27B0
}

.bg-for {
    background: #9153fe;
}

.bg-five {
    background: #fff;
}

.gray {
    background: #f6faff !important;
}

.head-image {
    background-image: url(http://www.awesomethemez.com/work/html5/axista/assets/img/hero-bg.jpg) !important;
}


/*****************************************************/


/**************** Margin & padding  *****************/


/***************************************************/

.padd-l-r {
    padding-left: 0;
    padding-right: 0;
}

.paddsection {
    padding: 80px 0;
}

.pad-head-page {
    padding: 180px 0;
}

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

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

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

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

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

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

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

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

.ml-30 {
    margin-left: 30px;
}

.mlr-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mt-80 {
    margin-top: 134px !important;
}

.mt-14O {
    margin-top: 65px !important;
}

.mt-134 {
    margin-top: 134px !important;
}

.mt-29 {
    margin-top: 29px !important;
}

.pt-0 {
    padding-top: 0;
}


/*****************************************************/


/**************** Autre class  *****************/


/***************************************************/

.head-section {
    position: relative;
    z-index: 99;
}

.icon-img {
    width: 74px;
    height: 75px;
    margin-right: auto;
    object-fit: cover;
    margin-bottom: 25px;
}

.head-section {
    position: relative;
    z-index: 99;
}

#home,
#counter,
#wedo,
#aboutus,
#services,
#pricing,
#testimonials,
#project,
#before-blog,
#blog,
#contact,
#project-start,
#client,
.page-header,
.team,
.faq-page {
    position: relative;
    z-index: 15;
    background: #fff;
}


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


/*  2- Navbar Menu
/*-----------------------------------------------------------------------------------*/


/* css/all-navbar.css */


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


/*  3- Banners
/*-----------------------------------------------------------------------------------*/


/* css/all-header.css */


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


/*  4- Counter
/*-----------------------------------------------------------------------------------*/

#counter {
    z-index: 11;
}

#counter .row {
    position: relative;
    z-index: 14;
}

#counter .counetr-block {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9999999;
}

#counter .counetr-block .counter-item {
    -webkit-box-shadow: 0px 4px 30px 5px rgba(218, 221, 254, 0.35);
    box-shadow: 0px 4px 30px 5px rgba(218, 221, 254, 0.35);
    border-radius: 59% 41% 60% 40% / 56% 55% 45% 44% !important;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 0 auto 30px;
    padding-top: 37px;
    background: #fff;
    z-index: 9999999;
    position: relative;
    overflow: hidden;
}

.circ-one:before,
.circ-two:before,
.circ-three:before,
.circ-four:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    left: -19%;
    top: 45px;
    border-radius: 50%;
    z-index: -1;
    border-radius: 30% 70% 100% 0% / 45% 64% 36% 55%;
}

.circ-one:before {
    background: rgba(244, 67, 54, .07);
}

.circ-two:before {
    background: rgba(145, 83, 254, .07);
}

.circ-three:before {
    background: rgba(233, 30, 99, .07);
}

.circ-four:before {
    background: rgba(156, 39, 176, .07);
}

#counter .counetr-block .clr-number {
    color: #9153fe;
    font-size: 30px;
    z-index: 9999;
    position: relative;
    font-weight: 700;
    line-height: 1em;
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
}

#counter .counetr-block .counter-item h4 {
    margin-bottom: 0px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.8em;
    z-index: 99999999;
    position: relative;
    font-size: 24px;
    color: #101010;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
}

.timeline-wave {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    display: inline-block !important;
    z-index: 12;
}

.timeline-wave img {
    width: 100%;
}


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


/*  5- we do
/*-----------------------------------------------------------------------------------*/

#wedo .item-wedo {
    padding: 40px 20px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    z-index: 9999;
    position: relative;
    background: #fff;
    text-align: left;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#wedo .item-wedo h4 {
    position: relative;
    color: #101010;
    font-size: 24px;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 25px;
}

#wedo .item-wedo .text {
    position: relative;
}

.title-section .text {
    position: relative;
    color: #777;
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 15px;
}

.txtabout p {
    margin-bottom: 25px;
    color: #555;
}

.txtabout p:first-child {
    margin-bottom: 10px;
}


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


/*  6- About Us
/*-----------------------------------------------------------------------------------*/

.aboutus .title-section {
    margin: 0 0 25px 0;
}

.aboutus .text {
    margin-bottom: 25px;
}

#aboutus .block-aboutus {
    overflow: hidden;
    max-width: 100% !important;
}

#aboutus .img-aboutus {
    position: relative;
    height: 100%;
    height: 420px;
    width: 100%;
}

#aboutus .img-aboutus img {
    margin-left: auto;
    margin-right: auto;
}

#aboutus .content-about .w-video {
    font-size: 11px;
    text-transform: lowercase;
    color: #888;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
}

#aboutus .content-about .w-video .video-btn {
    background: #9153fe !important;
    border-color: #9153fe !important;
    border-radius: 100px;
    padding: 0;
    width: 50px !important;
    height: 50px;
    min-width: 50px;
    max-width: 50px;
}

#aboutus .content-about .w-video .video-btn:hover {
    background: #9153fe !important;
    border-radius: 100px;
    padding: 0;
}

#aboutus .content-about .w-video .video-btn .fa {
    padding: 12px 14px;
    text-align: center;
    color: #fff;
}


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


/*  7- Services
/*-----------------------------------------------------------------------------------*/

#services {
    background: url(assets/images/image-23.jpg) no-repeat !important;
    background-size: cover;
    height: 100%;
    width: 100%;
}

#services .item-services {
    padding: 40px 20px;
    border-radius: 6px;
    opacity: 0.9;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#services .item-services h4 {
    color: #fff;
}

#services .item-services p {
    color: #fff;
    margin-bottom: 30px;
    margin-bottom: 20px;
}

#services .item-services a {
    padding: 0;
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #fff;
}

.btn-services-top {
    display: inline-block;
    width: 100%;
    margin-top: 50px !important;
    margin-bottom: 0px !important;
}


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


/*  8- Pricing
/*-----------------------------------------------------------------------------------*/

.nav-tabs {
    border-bottom: none;
    padding-top: 0;
    display: inline-block;
    justify-content: left;
    margin-bottom: 50px;
}

#pricing .nav-tabs .nav-item .btn.active,
.pricing .nav-tabs .nav-item .btn:active {
    border: 2px solid #9153fe !important;
    padding: 10px 25px;
    background: #9153fe !important;
    margin-left: 10px;
    color: #fff;
    border: 2px solid #fff;
    margin-right: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#pricing .nav-tabs .nav-item.active {
    padding: 0;
}

#pricing .nav-tabs .nav-item {
    padding: 0;
    margin: 0 10px;
}

#pricing .nav-tabs .nav-item:last-child {
    margin: 0px;
}

#pricing .nav-tabs .nav-item a {
    margin-left: 0;
    margin-right: 0;
    color: #777777;
    background: transparent !important;
    border-color: #f0f0f0 !important;
    border-radius: 50px !important;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#pricing .nav-tabs>li>a:hover {
    background: #9153fe !important;
    border-color: #9153fe !important;
    color: #fff;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#pricing .nav-tabs .nav-item.active .nav-link {
    color: #fff !important;
    border-color: #9153fe !important;
    background: #9153fe !important;
}

#pricing .tab-content {
    width: 100%;
    z-index: 99;
    position: relative;
}

#pricing .tab-content .item-pricing {
    padding: 35px 20px;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.bg-img-one:before {
    background: url(assets/images/fantasy-4.png);
}

.bg-img-two:before {
    background: url(assets/images/fantasy-5.png);
}

.bg-img-thre:before {
    background: url(assets/images/fantasy-6.png);
}

#pricing .tab-content .item-pricing:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1%;
    right: 0;
    background-size: cover;
    width: 40%;
}

#pricing .tab-content .item-pricing .price-box-content {
    margin: 25px 0;
}

.icons {
    text-align: center;
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    font-size: 46px;
    color: #9153fe;
    line-height: 80px;
    margin-bottom: 25px;
    border-radius: 50%;
    border: 10px solid #f6f6f6;
    background-color: #eeedf7;
}

.item-pricing:hover .icons {
    background: #fff;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.tab-content .item-pricing .price-title h4 {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 20px;
}

.tab-content .item-pricing .price-title h5 {
    font-size: 32px;
    color: #101010;
    margin-bottom: 0;
    display: inherit;
    padding-top: 25px;
    border-top: 1px solid #f0f0f0;
}

.item-pricing .price-title h5 span {
    font-size: 11px;
    padding: 0;
    display: inline-block;
    text-transform: capitalize;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.item-pricing .price-title h5 .mount {
    font-weight: 700;
    font-size: 36px;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#pricing .tab-content .item-pricing .price-box-content ul {
    position: relative;
}

.item-pricing .price-box-content ul li {
    padding-left: 35px;
    position: relative;
    color: #888;
    font-size: 16px;
    margin-bottom: 15px;
}

.item-pricing .price-box-content ul li:before {
    content: "\f00c";
    position: absolute;
    color: #9153fe;
    left: 0;
    top: 3px;
    font: normal normal normal 18px/35px FontAwesome;
    line-height: inherit;
    font-size: 16px;
}

.footer-price-box-content {
    text-align: left;
}

.item-pricing .footer-price-box-content .btn {
    border-color: #9153fe !important;
}


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


/*  9- Testimonials
/*-----------------------------------------------------------------------------------*/

#testimonials .container-fluid {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

#testimonials .item-testimonials {
    padding: 35px 20px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #f0f0f0;
    text-align: left;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#testimonials .item-testimonials .fa {
    font-size: 45px;
    color: #9153fe;
}

#testimonials .item-testimonials .text {
    margin: 25px 0;
}

#testimonials .item-testimonials .author-info {
    position: relative;
    text-align: left;
}

#testimonials .item-testimonials .author-info .author-inner {
    position: relative;
    padding-left: 80px;
    min-height: 50px;
}

#testimonials .item-testimonials .author-info .author-inner .image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;
}

#testimonials .item-testimonials .author-info .author-inner .image img {
    width: 100%;
    height: 100%;
}

#testimonials .item-testimonials .author-info .author-inner h3 {
    position: relative;
    color: #444;
    ;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 5px;
    letter-spacing: .5px;
    font-size: 18px;
    text-transform: capitalize;
}

#testimonials .item-testimonials .author-info .author-inner .designation {
    position: relative;
    color: #888;
    font-size: 15px;
    font-weight: 400;
}


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


/*  10- Project
/*-----------------------------------------------------------------------------------*/

#project .owl-carousel .owl-stage .item-project {
    height: 500px;
    position: relative;
    overflow: hidden;
    background: #E91E63;
    -webkit-box-shadow: 0px 0px 68px 0px rgba(218, 221, 254, 0.35);
    box-shadow: 0px 0px 68px 0px rgba(218, 221, 254, 0.35);
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.item-project:before,
.item-project:after {
    content: '';
    background-color: #fff;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999;
}

.item-project:before {
    width: 60px;
    height: 2px;
    left: 0;
}

.item-project:after {
    height: 60px;
    width: 2px;
    top: 100%;
}

.item-project img,
.item-project:before,
.item-project:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.project .owl-carousel .item-project img {
    height: 100%;
    width: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top;
}

.item-project:hover img,
.item-project.hover img {
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    opacity: 0.5;
}

.item-project .content-project .text-project {
    bottom: 10%;
    position: absolute;
    padding: 0px 20px;
    padding-bottom: 0;
    width: 100%;
    z-index: 9999;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.item-project:hover .text-project {
    display: none;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.owl-carousel .item-project .content-project span,
.owl-carousel .item-project .content-project h3,
.owl-carousel .item-project .content-project p {
    color: #fff;
}

.owl-carousel .item-project .content-project span {
    font-size: 11px;
    display: block;
    margin-bottom: 8px;
    text-transform: lowercase;
}

.owl-carousel .item-project .content-project h3 {
    position: relative;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 20px;
    font-size: 16px;
    text-transform: lowercase;
    color: #efefef;
    letter-spacing: 1.3px;
}

.project .owl-carousel .item-project a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 7;
}

.item-project:hover:before,
.item-project:hover:before,
.item-project:hover:after,
.item-project:hover:after {
    opacity: 1;
    top: 50%;
    left: 50%;
}


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


/*  11- Blog
/*-----------------------------------------------------------------------------------*/

.blog .item-blog {
    height: 100%;
    width: 100%;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#blog .item-blog .img-ftr {
    height: 300px;
    position: relative;
}

#blog .item-blog .img-ftr .img-blog {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top;
}

#blog .item-blog .img-ftr .back-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 20px;
    z-index: 3;
}

#blog .item-blog .img-ftr .back-footer h4 {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em;
}

#blog .item-blog .img-ftr .back-footer span {
    color: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
    text-transform: capitalize;
}

.item-blog:hover .back-footer {
    opacity: 0.9;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.img-ftr h4,
.img-ftr span {
    color: #fff;
    opacity: 0;
}

#blog .item-blog .footer-blog {
    padding: 35px 20px;
    position: relative;
    overflow: hidden;
}

.footer-blog:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    left: -9%;
    top: 21px;
    border-radius: 50%;
    z-index: 1;
    border-radius: 30% 70% 100% 0% / 45% 64% 36% 55%;
}

#blog .item-blog .footer-blog .lis-footer {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#blog .item-blog .footer-blog .lis-footer li {
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    color: #777;
}

#blog .item-blog .footer-blog .lis-footer li,
#blog .item-blog .footer-blog .lis-footer li span {
    font-size: 15px;
}

#blog .item-blog .footer-blog .lis-footer li:before {
    position: absolute;
    content: '/';
    right: -5px;
    color: #8c929d;
}

#blog .item-blog .footer-blog .lis-footer li:last-child:before {
    content: '';
}

#blog .item-blog .footer-blog .lis-footer li span {
    position: relative;
    color: #777777;
    font-size: 16px;
}

#blog .item-blog .footer-blog .lis-footer li .date {
    color: #888 !important;
}

#blog .item-blog .footer-blog .lis-footer li .name {
    color: #888;
}

#blog .item-blog .footer-blog h4 {
    color: #101010;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
}

#blog .item-blog .footer-blog .text {
    margin-top: 20px;
}

.read-more {
    display: inline-block;
    position: relative;
    color: #f44fa9;
    font-size: 15px;
    margin-top: 20px;
    font-weight: 600;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.read-more:hover {
    color: #f44fa9 !important;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


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


/* 12 - contact
/*-----------------------------------------------------------------------------------*/

#contact .cnt-new:before {
    background: url(assets/images/Map.png);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
}

.cnt-new .fix-blok {
    background-image: -webkit-linear-gradient(-114deg, #9153fe 0%, #bc84f8 100%);
    background-image: -ms-linear-gradient(-114deg, #9153fe 0%, #bc84f8 100%);
    padding: 67px 70px;
    padding-left: 20px;
    border-radius: 6px;
    text-align: left;
    margin-bottom: 0px;
}

#contact .cnt-new h4 {
    color: #fff;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em;
}

#contact .cnt-new:last-child h4 {
    margin-bottom: 25px;
}

#contact .cnt-new .text {
    color: #fff;
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
}

#contact .cnt-new .list-contact li {
    color: #fff;
    position: relative;
    font-size: 16px;
    margin-bottom: 15px;
}

#contact .cnt-new .list-contact li i {
    padding-right: 20px;
}

#contact input.form-control,
#contact textarea.form-control {
    font-weight: 400;
    color: #929292;
}

#contact textarea.form-control {
    height: 138px;
}

#contact .btn-send {
    border: 2px solid #9153fe !important;
    background: #9153fe !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}


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


/* 13 - project start
/*-----------------------------------------------------------------------------------*/

#project-start {
    background-image: -webkit-linear-gradient(-114deg, #9153fe 0%, #bc84f8 100%);
    background-image: -ms-linear-gradient(-114deg, #9153fe 0%, #bc84f8 100%);
}

#project-start .project-item {
    padding: 67px 100px;
    text-align: left;
    max-width: 100% !important;
}

#project-start .project-item .text-item h2 {
    color: #fff;
    position: relative;
    font-size: 30px;
    font-weight: 700;
}

.mainpage #project-start .project-item .text-item h2 {
    margin-bottom: 25px;
}

#project-start .project-item .btn-item {
    text-align: right;
}

.mainpage #project-start .project-item .btn-item {
    text-align: center;
}

#project-start .project-item .btn-item .btn-orong:hover {
    color: #fff;
    font-weight: bold;
    background: #f44fa9 !important;
    border-color: #f44fa9 !important;
}

.mainpage #project-start .project-item .text-item .text {
    color: #fff;
    margin-bottom: 45px;
}


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


/* 14 - Client
/*-----------------------------------------------------------------------------------*/


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


/*  15 - Footer
/*-----------------------------------------------------------------------------------*/

#footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#footer:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: -100px;
    background-color: #fbfafa;
    -ms-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
}

#footer .footer-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 60px 0;
}

#footer .logoo-footer {
    height: 32px;
    display: inline-block;
    margin-bottom: 19px;
}

#footer .logoo-footer .logo {
    margin-left: auto;
    margin-right: auto;
    /* width: 113px; */
    margin: 0;
    margin-top: -8px;
}

#footer .footer-center .footer-menu h4 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: capitalize;
    margin-bottom: 25px;
    color: #101010;
}

#footer .footer-center .footer-menu ul li {
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    color: #777;
    cursor: pointer;
}

#footer .footer-center .footer-menu ul li a {
    color: #777;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#footer .footer-center .footer-menu ul li:last-child {
    margin-bottom: 0px;
}

#footer .footer-center .footer-menu ul li a:hover {
    color: #f44fa9;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#footer .desc-site p {
    margin-top: 0px;
    margin-bottom: 25px;
    color: #777;
}

#footer .footer-social-media {
    display: inline-block;
    width: 100%;
}

#footer .footer-social-media .list-footer-social {
    display: inline-block;
    width: 100%;
}

#footer .footer-social-media .list-footer-social li {
    float: left;
    margin: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #777;
    line-height: 40px;
    border-radius: 100px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 0 !important;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#footer .footer-social-media .list-footer-social li:last-child {
    margin-right: 0;
}

#footer .footer-social-media .list-footer-social li:hover {
    border-color: #f44fa9;
    background: #f44fa9;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#footer .footer-social-media .list-footer-social li:hover a {
    color: #fff !important;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


/* Copyright */

#footer .footer-btm {
    display: -ms-flexbox;
    padding: 20px 0;
    text-align: center;
    position: relative;
    background: #3d415b;
}

#footer .footer-btm .copyright h4 {
    margin: 0;
    font-size: 18px;
    font-size: 16px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
}

#footer .footer-center .footer-menu .widgetlist li a:before {
    position: absolute;
    content: '\f105';
    left: 0px;
    font-size: 10px;
    font-weight: 900;
    font-family: "FontAwesome";
}

#footer .footer-center .footer-menu .widgetlist li {
    padding-left: 20px;
}


/* Boxed Footer */


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


/*  16 - Animate header
/*-----------------------------------------------------------------------------------*/


/* Icon animation */

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0px auto;
}


/* Circle two */

.circle-two {
    height: 20px;
    width: 20px;
    border: 2px solid #F44336;
    bottom: 10%;
    position: absolute;
    border-radius: 50px;
    -webkit-box-shadow: 0px 1px 1px #F44336;
    box-shadow: 0px 3px 4px #F44336;
}


/* Icone One */

#home .icon-one {
    top: 82%;
}

.icon-one {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border: 3px solid #eaddff;
    left: 35%;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

#bootstrap-touch-slider .icon-one {
    left: 75%;
    bottom: 8%;
}


/* .icon-one {
    animation-name: rotateme;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 7s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
} */


/* Icone Two */

.icon-two {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 75%;
    top: 62%;
    display: inline-block;
    background: url(assets/images/icon-2.png) no-repeat;
    background-image: -webkit-linear-gradient(-114deg, #9153fe 0%, #bc84f8 100%);
    background-image: -ms-linear-gradient(-114deg, #9153fe 0%, #bc84f8 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 5px;
    opacity: 0.5;
}

.head-image .icon-two {
    left: 70%;
    top: 26%;
}


/* Icone Three*/

.icon-three {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #9153fe;
    -webkit-transform: rotate(29deg);
    -ms-transform: rotate(29deg);
    transform: rotate(29deg);
    left: 14%;
    top: 56%;
    border-radius: 0px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

#bootstrap-touch-slider .icon-three {
    left: 48%;
    top: 26%;
}


/* .icon-three {
    animation-name: rotateme;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 10s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 10s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
} */

.icon-four {
    position: absolute;
    width: 58px;
    height: 58px;
    right: 3%;
    bottom: 5%;
    display: inline-block;
    z-index: 999;
}

.icon-four {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


/* Sauqre  One*/

.square {
    width: 300px;
    height: 600px;
    background: #eaddff;
    border-radius: 100px;
    -webkit-transform: rotate(61deg);
    -ms-transform: rotate(61deg);
    transform: rotate(61deg);
    top: -28%;
    position: absolute;
    left: 0%;
    opacity: 0.23;
}

.square-two {
    width: 300px;
    height: 600px;
    background: #eaddff;
    border-radius: 100px;
    -webkit-transform: rotate(61deg);
    -ms-transform: rotate(61deg);
    transform: rotate(61deg);
    top: -28%;
    position: absolute;
    left: 1%;
    opacity: 0.23;
}

#wedo .auto-container .square {
    width: 700px;
    height: 500px;
    border-radius: 50%;
    border-width: 5px;
    border-color: rgba(244, 67, 54, 1);
    border-style: dotted;
    top: 21%;
    position: absolute;
    left: 23%;
    opacity: 0.23;
    background: #fff;
}

.down-section {
    position: absolute;
    -webkit-box-shadow: 0px 18px 27px 0px rgba(145, 83, 254, 0.35);
    box-shadow: 0px 18px 27px 0px rgba(145, 83, 254, 0.35);
    background: #eaddff;
    color: #9153fe;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    -webkit-animation: moveRound 20s linear 2s infinite alternate;
    animation: moveRound 20s linear 2s infinite alternate;
    text-align: center;
    line-height: 60px;
    z-index: 999;
}


/* PAttern */

.pattern {
    position: absolute;
    background: url(http://themeht.com/loptus/html/images/pattern/07.png);
    width: 400PX;
    height: 400PX;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Full scren fixed z-index */

.full-screen .full-slider .circle-two,
.full-screen .full-slider .icon-one,
.full-screen .full-slider .icon-two,
.full-screen .full-slider .icon-three,
.full-screen .full-slider .square,
.full-screen .full-slider .square-two {
    z-index: 14;
}

.full-screen .full-slider .icon-four {
    z-index: 9999;
}


/* float bob */

@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

@keyframes float-bob {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}


/* Top bottom image */

@-webkit-keyframes topBottom {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes topBottom {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}


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


/*  17 - Scrool to top
/*-----------------------------------------------------------------------------------*/

.bck {
    position: fixed;
    bottom: 30px;
    right: 30px;
    visibility: hidden;
    line-height: 50px;
    text-align: center;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    z-index: 9999;
    display: block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
}

.bck img {
    width: 35px;
}

.bck.bck-on {
    visibility: visible;
}

.bck .fade {
    opacity: 0;
}

.bck-on.fade {
    opacity: 1;
}

.rightToLeft {
    bottom: -50px;
}

.bck-on.rightToLeft {
    bottom: 1rem;
}

.bottomToTop {
    bottom: -50px;
}

.bck-on.bottomToTop {
    bottom: 30px;
}

.bck-leftToRight {
    left: -50px;
}

.bck-on.leftToRight {
    left: 1rem;
}

.topToBottom {
    top: -50px;
}

.bck-on.topToBottom {
    top: 1rem;
}


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


/*  18 - Nice scrool
/*-----------------------------------------------------------------------------------*/

#boxscroll2 {
    padding: 40px;
    height: 120px;
    width: 730px;
    border: 2px solid #F00;
    overflow: auto;
}

#boxscroll3 {
    overflow: hidden;
}

#boxframe {
    position: absolute;
    top: 28px;
    left: 420px;
    width: 400px;
    height: 300px;
    overflow: auto;
    border: 2px solid #0F0;
}

#boxscroll4 {
    height: 300px;
    margin-top: 40px;
    background-color: #00FF66;
    font-size: 18px;
    padding: 20px;
    color: #006633;
    overflow: auto;
}


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


/*  19 - Fix Fix
/*-----------------------------------------------------------------------------------*/

#wedo,
.project,
.contact {
    background: #fbfafa !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    #services .title-section,
    #pricing .title-section,
    #contact .title-section {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 767px) {
    #pricing .tab-content .item-pricing {
        margin: 0 12%;
    }
}

@media (min-width: 768px) {
    .nav>li {
        margin-right: 34px;
    }
}

@media (max-width: 768px) {
    nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a,
    nav.navbar.bootsnav.no-background.white ul.nav>li>a,
    nav.navbar.bootsnav ul.nav>li>a {
        line-height: 30px;
        font-size: 16px !important;
        letter-spacing: .5px;
    }
}