/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap');*/
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap');
*/
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw0aXpsog.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw9aXpsog.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw2aXpsog.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw3aXpsog.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXpsog.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXpsog.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXpsog.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw0aXpsog.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw9aXpsog.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw2aXpsog.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw3aXpsog.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w0aXpsog.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w9aXpsog.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w2aXpsog.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aXpsog.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.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;
}

@font-face {
    font-family: days;
    src: url(../fonts/Days.ttf);
  }

  section.fullscreen {
    min-height: 100vh;
    display: flex;
    align-items: center;

}

[class*='lightcase-icon-']:before{
    text-decoration: none !important;
}

body{
    min-height: 100vh;
    position: relative;
    padding-bottom: 75px;
}
footer{
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    right: 0;
}
.container-page {
    max-width: 1440px;
}

body {
    overflow-x: hidden;
}
section.fullscreen{
    padding: 30px 0;
}
.container-portfolio{
    max-width: 1700px;
}
section#partners.fullscreen{
    min-height:80vh;
}
img {
    max-width: 100%;
    height: auto;
}

.image-rwd {
    display: none;
}

header {
    background-color: #fff;
    padding: 36px 0;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    transition: padding ease-in-out .3s;
    max-width: 100vw;
}

.scrollHeader{
    background-color: #2c2d2f;
    padding: 10px 0;
}
.header-logo a:hover {
    color: transparent;
    text-decoration: none;
}
.letter{
    max-height: 30px;
}
.sigma{
    max-height: 46px;
}
.scrollHeader .sigma{

    opacity: 1;
    transform: translate(-80px);
    transition:all .5s ease-in 0s;
}
.scrollHeader .letter{

    opacity: 0;
    transform: translate(-40px);
    transition:all .5s ease-in 0s;
}

 .scrollOut .letter,
 .scrollOut .sigma{

    opacity: 1;
    transform: translate(0px);
    transition:all .5s ease-in 0s;
}


.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header-menu .navbar {
    padding: .5rem 0rem;
}
.scrollHeader #main-menu li a {
    color: #fff;
}

#main-menu li:last-child a:hover .img-phone,
#main-menu li:last-child a:hover .fa-phone{
    -webkit-animation: phone-ring 1s infinite ease-in-out;
    animation: phone-ring 1s infinite ease-in-out
}

@-webkit-keyframes phone-ring {
    0% {
        -webkit-transform:rotate(0) scaleX(-1) skew(1deg);
                transform:rotate(0) scaleX(-1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scaleX(-1) skew(1deg);
                transform:rotate(-25deg) scaleX(-1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scaleX(-1) skew(1deg);
                transform:rotate(25deg) scaleX(-1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scaleX(-1) skew(1deg);
                transform:rotate(-25deg) scaleX(-1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scaleX(-1) skew(1deg);
                transform:rotate(25deg) scaleX(-1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scaleX(-1) skew(1deg);
                transform:rotate(0) scaleX(-1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scaleX(-1) skew(1deg);
                transform:rotate(0) scaleX(-1) skew(1deg)
    }
}

@keyframes phone-ring {
    0% {
        -webkit-transform:rotate(0) scaleX(-1) skew(1deg);
                transform:rotate(0) scaleX(-1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scaleX(-1) skew(1deg);
                transform:rotate(-25deg) scaleX(-1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scaleX(-1) skew(1deg);
                transform:rotate(25deg) scaleX(-1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scaleX(-1) skew(1deg);
                transform:rotate(-25deg) scaleX(-1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scaleX(-1) skew(1deg);
                transform:rotate(25deg) scaleX(-1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scaleX(-1) skew(1deg);
                transform:rotate(0) scaleX(-1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scaleX(-1) skew(1deg);
                transform:rotate(0) scaleX(-1) skew(1deg)
    }
}

#main-menu li a {
    color: #2c2d2f;
    font-size: 15px;
    font-weight: 500;
       margin: 0 19px;
    padding: 10px 0px;
    position: relative;
    display: inline-block;
    border-top: 2px solid transparent;
    font-family: 'Poppins', sans-serif;
}

#main-menu li:last-child a{
    border-top:none;
    text-decoration: none!important;
    margin: 0 13px;
    margin-left: 60px;
}

#main-menu li a:hover::before,
#main-menu li a:focus::before {
    max-width: 100%;
}

#main-menu li a::before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 10px 0;
    max-width: 0;
    border-bottom: 2px solid #66b843;
    color: #66b843;
    content: attr(data-hover);
    -webkit-transition: max-width 0.5s;
    -moz-transition: max-width 0.5s;
    transition: max-width 0.5s;
}

#main-menu li a .fa-phone{
    -webkit-transform: scaleX(-1);
 	   -moz-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	     -o-transform: scaleX(-1);
            transform: scaleX(-1);
            font-size: 1.4em;
            padding: 0 10px;
            color: #66b843;
}

#main-menu li a .img-phone{
            margin:0 10px;
            width:21px;
            transform: rotate(90deg);
}


#main-menu li a .img-phone *{
            fill: #66b843;
}

.call-action p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.call-action p a {
    color: #2c2d2f;
    text-decoration: none;
}

.call-action img {
    margin-left: 13px;
    margin-right: 13px;
}

/* social icon */


@font-face {
    font-family: 'icomoon';
    src:url('http://fontmagnet.com/fonts/icomoon.eot');
    src:url('http://fontmagnet.com/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
          url('http://fontmagnet.com/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

a{
  text-decoration: none;
}

.social{
    width: auto;
    position: relative;
    margin: 0px auto;

}
.social a{
    position: relative;
    display: inline-block;
    font-family: "icomoon";
    font-size: 1.2em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: white;
    border-radius: 50%;
    text-align: center;
}

.social svg *{
    fill:#fff;
}
.social .fb{
    background: #46629E;
    margin-right: 9px;
}

.social svg{
    width:8px;
}


.social .fb:before,
.social .fb:after{
    border-color: #46629E;
}

.social .tw{
    background: #e4405f;
}

.social .tw svg{
    width:14px;
}
.social .tw:before,
.social .tw:after{
    border-color: #e4405f;
}

.social .gp{
    background: #DD4B39;
}
.social .gp:before,
.social .gp:after
{
    border-color: #DD4B39;
}
.social a:before,
.social a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 50%;
    transition: .3s all;
    border: 3px solid;
}
.social a:hover:after{
   -webkit-transform: scale(1.5);
}
.social a:hover:before{
    -webkit-transform: scale(2);
    transition: .3s all;
    opacity: 0;
}

/* end social icon*/

.en-flag img,
.pl-flag img{
    width:30px;
    border: 1px solid #00000014;
}

.phone {
    position: absolute;
    bottom: 0;
}

.phone-big {
    right: 0;
    max-height: 82vh;
}

.phone-medium {
    right: 240px;
    max-height: 66vh;

}

.phone-small {
    right: 367px;
    max-height: 55vh;
}

img.grafika {
    bottom: 255px;
    right: 60px;
    max-height: 54vh;
}

img.menu {
    bottom: 49px;
    right: 96px;
    max-height: 35vh;
}

img.kubek {
    bottom: 23px;
    right: 232px;
    max-height: 8.5vw;
}

img.wizytowki {
    bottom: 0;
    right: 35px;
    max-height: 13vh;
}

#mainCarousel .carousel-item{
    min-height: 100vh;
}

#mainCarousel img{
    min-height: 100vh;
    object-fit: cover;
    width: auto;
}

#mainCarousel .carousel-caption{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    color: #000;
    display: flex;
    max-width: 350px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    padding: 0 15px;
    font-size: 16px;
    text-align: left;
}

#mainCarousel .carousel-caption h1{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
}

#mainCarousel .carousel-caption ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    list-style: none;
    line-height: 22px;
}

.after-line,
#mainCarousel .carousel-caption .after{
    position: relative;
}

.after-line:after,
#mainCarousel .carousel-caption .after:after{
    position: absolute;
    bottom: -5px;
    content: '';
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #69b94a;
}

#mainCarousel .carousel-caption .after:after{
    bottom: -10px;
}


.carousel-item.snd,
.carousel-item.fst {
    background-image: url(../img/bgr-slider.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto calc(100vh - 43px);
}

#info{
    padding: 100px 0;
}

#info .mobilad-logo{
    height: 26px;
    margin-right: 5px;
}

#info .info-img{
    max-width: none;

}

#info h2{
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 40px;
    font-family: 'Poppins';
}

#info h2 a{
    color:#000;
    transition:all .3s ease-in 0s;
}


#info h2.after-line:after{
    bottom: -20px;
}

#info ul,
.subpage .section-description ul{
    padding-left: 20px;
    list-style: none;
}

#mainCarousel .carousel-caption li,
#mainCarousel .carousel-caption p,
#info li, 
#info p,
.subpage .section-description li{
    font-size: 17px;
    color: #00000a;
    font-weight: 300;
    font-family: Montserrat, sans-serif;
    line-height: 1.75;
}

#mainCarousel .carousel-caption li,
#info li,
.subpage .section-description li{
    position: relative;
}

#mainCarousel .carousel-caption li:after,
#info li:after,
.subpage .section-description li:after{
    position: absolute;
    content: '';
    right: calc(100% + 5px);
    top: 15px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #69b94a;
}

#info li a{
    color:#000;
    transition:all .3s ease-in 0s;
}

#info h2 a:hover,
#info li a:hover{
    color:#66b843;
    text-decoration: none;
    transition:all .3s ease-in 0s;
}

#we-are{
    background-image:  url(../img/onas.webp);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    min-height: 904px
}

#we-are p{
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-shadow: 0px 0px 3px #000;
}

#we-are .col-6{
    min-height: 904px
}

#we-are p.right-up{
    font-size: 4rem;
    margin-bottom: 45px;
    line-height: 4rem;
    transition: all .8s ease-in-out;
    opacity: 0;

}
#we-are p.right-down{
    font-size: 40px;
    transition: all .8s ease-in-out .5s ;
    opacity: 0;
    font-weight: 400;
}
#we-are p.left-up{
    font-size: 40px;
    transition: all .7s ease-in-out 1s;
    opacity: 0;
    font-weight: 400;
}
#we-are p.left-down{
    font-size: 41px;
    transition: all .5s ease-in-out 1.3s;
    opacity: 0;
    font-weight: 400;
}

#we-are.scroll-animation p.right-up{
    opacity: 1;
}
#we-are.scroll-animation p.right-down{
    opacity: 1;
}
#we-are.scroll-animation p.left-up{
    opacity: 1;
  }
#we-are.scroll-animation p.left-down{
    opacity: 1;
 }

.home.en #we-are p.right-up,
.home.en #we-are p.right-down,
.home.en #we-are p.left-up,
.home.en #we-are p.left-down{
    opacity: 1;
}

#contact {
    min-height: 0 !important;
}

footer {
    margin-bottom: 0px;
}

footer .container-page {
    display: grid;
    grid-template: 1fr /80% 20%;
    align-items: center;
    max-width: 1180px;
}

footer .footer-snd {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}



footer .footer-snd p {
    margin-right: 17px;
    margin-bottom: 0;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: rgba(34, 34, 34, 0.702);
}

footer .footer-snd span {
    font-weight: bold;
}

footer .footer-trd {
    text-align: right;
}



footer .footer-trd a {
    color: #8c8c8c;
    font-size: 17px;
}

footer .footer-trd a:hover {
    color: #69b94a;
}

#contact .social-link svg,
footer .footer-trd svg{
    width:8px;
}

#contact .social-link svg *,
footer .footer-trd svg *{
    fill:#8c8c8c;
}

#contact .social-link.social-link-insta svg,
footer .footer-trd .footer-trd-insta svg{
    width: 14px;
}

#portfolio h3.section-title:after {
    left: 50%;
    transform: translateX(-50%);
}
#portfolio{
    background-color: #2c2d2f;
}
.section-title.white{
color:#fff;
}
.portfolio-elements{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height:calc(55vh + 20px);
    margin: 70px 0 40px;
}

.portfolio-row {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
 .portfolio-row .portfolio-element {
    height: calc(50% - 10px);
}
.portfolio-element{
  height: 100%;
}
.portfolio-row .portfolio-element img{

width: 100%;
object-fit: cover;

}
 .portfolio-element img{
  height: 100%;
    width: 100%;
    object-fit: cover;
    }
.portfolio-element .pe-img{
    background: url("/assets/img/portfolio/new/1.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 188px;
    margin-bottom:50px;
}   
.portfolio-elements > div:nth-child(1) .pe-img{
    background-image: url("/assets/img/portfolio/new/1.webp");
}
.portfolio-elements > div:nth-child(2) > .portfolio-element:nth-child(1) .pe-img{
    background-image: url("/assets/img/portfolio/new/4.webp");
    background-size: contain;   
    background-color: #EBEBEB;
}
.portfolio-elements > div:nth-child(2) > .portfolio-element:nth-child(2) .pe-img{
    background-image: url("/assets/img/portfolio/new/3.webp");
}
.portfolio-elements > div:nth-child(3) .pe-img{
    background-image: url("/assets/img/portfolio/new/2.webp");
}

.portfolio-element .pe-img:before{
  content:" ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 188px;
  display: block;
  opacity: 0;
  transition: opacity ease-in-out .5s;
  z-index: 0;
  background-color: rgba(0,255,0,0.1);
}

.portfolio-element .pe-img:hover:before, .portfolio-element .pe-img:focus:before{
    opacity: 1;
}
        }

        .portfolio-element .pe-img div{
              content: '';
              overflow: hidden;
              display: block;
              height:20px;
            max-width: 0px;
        margin-top:-20px;
              background-color: #69b94a;

            }
          .portfolio-element .pe-img:hover div,
          .portfolio-element .pe-img:focus div{
            -webkit-transition: max-width 0.5s;
            -moz-transition: max-width 0.5s;
            transition: max-width 0.5s;
                max-width: 100%;
            }
.portfolio-button{
    font-size: 30px;
    color: #fff;

    font-weight: 500;
    margin: 0 19px;
    padding: 10px 0px;
    position: relative;
    display: inline-block;
    border-top: 2px solid transparent;
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding-top: 0;
}
.container-portfolio{
    text-align: center;
}
a.portfolio-button:hover::before,
a.portfolio-button:focus::before {
    max-width: 100%;
}
a.portfolio-button:hover,
a.portfolio-button:focus {
    color: #fff ;
    text-decoration: none !important;
}
a.portfolio-button::before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 10px 0;
    max-width: 0;
    color: #66b843;
    content: attr(data-hover);
    -webkit-transition: max-width 0.5s;
    -moz-transition: max-width 0.5s;
    transition: max-width 0.5s;
    padding-top: 0;
}
a.portfolio-button::after{
  content: '';
  overflow: hidden;
  display: block;
  height:5px;
max-width: 0px;
  border-radius:25px;
  background-color: #69b94a;
margin-left:70px;
  -webkit-transition: max-width 0.5s;
  -moz-transition: max-width 0.5s;
  transition: max-width 0.5s;
}
a.portfolio-button:hover::after,
a.portfolio-button:focus::after {
    max-width: 69px;
}
#portfolio-page{
    margin-top: 155px;
}

.portfolio-page-element{
    margin-bottom: 25px;
}
.portfolio-page-box .portfolio-page-element.full-portfolio a,
.full-portfolio,
.half-portfolio {
    width:100%;
}

/*
.portfolio-page-box .portfolio-page-element.half-portfolio a {
width:calc(50% - 10px);
}
*/

.gallery {
    width: 80%;
    margin: 50px auto;
}


.item {
    width: 100%;
}

.portfolio-page-box .portfolio-page-element.half-portfolio img {
   height: 450px;
   width: 100%;
   object-fit: cover;
    
    width:calc(50% - 10px);
    }
    .portfolio-page-box .portfolio-page-element.full-portfolio img {
        height: 700px;
        width: 100%;
        object-fit: cover;
         }
    .half-portfolio{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }



h3.section-title {
    text-align: center;
    font-size: 49px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 28px;
    margin-bottom: 27px;
    position: relative;
}

h3.section-title:after{
    width: 69px;
    height: 5px;
    content:"";
    background: #69b94a;
    bottom: 0;
    position: absolute;
    left:0;
    border-radius: 25px;
}

.section-description {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 58px;
}

.section-description p {
    font-size: 17px;
    text-align: center;
    color: #606060;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
    line-height: 1.75;
}

/* partnerzy */



#partners h3.section-title:after{
    left: 50%;
    transform: translateX(-50%);
}
.partners-box {
    max-width: 1170px;
    margin: 0 auto;
}

.gs-partners-elements {
    padding: 40px 25px;
    border: 1px solid #e4e4e4;
}

.partners-carousel .owl-stage {
    display: flex;
}

.gs-partners-elements {
    height: 100%;
}

.partners-carousel .owl-item {
    padding: 2px;

}

.partners-carousel .gs-partners-elements img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 100px;
    filter: grayscale(100%);
}
.partners-carousel .owl-item:hover .gs-partners-elements{
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
}


.partners-carousel .owl-item:hover img {
  transition: ease-in 0.5s;
    filter: grayscale(0%);
}

.section-title.left {
    text-align: left;
}


/* Kontakt */


.contact-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


.section-contact.text {
    text-align: right;
}

.section-contact.map {
    filter: grayscale(100%);
}

.section-title.rigt {
    text-align: right;
    font-size: 38px;
    font-weight: 600;
    line-height: 55px;
}
.section-title.rigt:after{
    right: 0;
    left: inherit;
}
.section-contact.map iframe {
    width: 100%;
    height: 562px;
}
.section-contact.text p{
    font-weight: 300;
    color:#8c8c8c;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 1.3;
}

#contact a[href*="mailto:"],
.section-contact.text p span.color{
    color:#69b94a;
    transition: color ease-in-out .3s;
}

#contact a[href*="mailto:"]:hover{
    text-decoration: none;
    color: #8c8c8c;
}

.section-contact.text p span.bold{
    font-weight: 500;
    font-size: 28px;
    color: #00000a;
    line-height: 50px;

}
.social-link{
    color:#8c8c8c;
}

.social-link:hover{
    color:#69b94a;
}

.footer-trd a:not(:last-of-type),
a.social-link:not(:last-of-type) {
    margin-right: 7px;
}

/* Grafika reklamowa, Strony internetowe, Pozycjonowanie */

.section-description p.graphic-main-text {
    padding-top:25px;
    padding-bottom: 45px;
    font-size:20px;
    line-height: 25px;
    color: #2c2d2f!important;
    text-align: center!important;
}

#websites h2 {
    padding-bottom: 40px;
}

 .section-description p.graphic-main-text {
    padding-bottom: 80px;
}

#design .dark-box, #websites .dark-box, #seo .dark-box, #adwords .dark-box {
    margin-bottom: 100px;
    margin-top: 10px;
}

#adwords .dark-box {
    margin-bottom: 120px;
}

.offer-part {
    padding-bottom: 80px;
    max-width: 95vw;
    margin: 0 auto;
}

.offer-top {
    padding-top: 90px;
}

.offer-ads {
    padding-top:20px;
}

.offer-bottom {
    padding-bottom: 90px;
}

.offer-no-bottom {
    padding-bottom: 20px;
}

.offer-part ul li{
    margin-bottom:10px;
}
.part-animation {
    display: flex;
    justify-content: center;
}

.part-animation p {
        text-align: center;
}

#design .branding-box .helper, #websites .branding-box .helper, #seo .branding-box .helper, #adwords .branding-box .helper {
    position: inherit;
}

#design .branding-box .thumb-container, #websites .branding-box .thumb-container, #seo .branding-box .thumb-container, #adwords .branding-box .thumb-container  {
    height: 300px;
    margin-bottom: 80px;
    margin-right:10px;
    margin-left: 10px;
}

#design .branding-box div.helper img, #websites .branding-box div.helper img, #seo .branding-box div.helper img,  #adwords .branding-box div.helper img {
    position: inherit;
    transform: translateY(-20%);
}

#design .branding-box div.helper img:hover, #websites .branding-box div.helper img:hover,  #seo .branding-box div.helper img:hover, #adwords .branding-box div.helper img:hover{
    transform: translateY(-20%) scale(1.1)!important;
}

div.thumb-container {
    overflow:hidden;
    height: 250px;
    clear:both;
    max-height: 400px;
}
div.thumb-container img {
    max-width: 100%;
    height: auto;
    -webkit-transition: 0.8s; /* Safari */
    transition: 0.8s;
}
div.thumb-container img:hover {
    transform:scale(1.1);
}
div.helper {
    height: 100%;
    position: relative;
}
div.helper img {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    max-width:100%;
    height:auto;
}
div.helper img:hover {
    transform: translateY(-50%) scale(1.1);
}

@media screen and (max-width: 600px) {
    #design .branding-box .thumb-container, #websites .branding-box .thumb-container, #seo .branding-box .thumb-container, #adwords .branding-box .thumb-container {
        margin-bottom: 30px;
        height: 200px;
    }
    .offer-part {
        padding-bottom: 50px;
    }
    .offer-top {
        padding-top:30px;
    }
    .section-description p.graphic-main-text {
        padding-bottom: 50px;
    }
    .dark-box {
        margin-bottom: 50px!important;
    }
    .section-description {
        margin-bottom: 0;
    }
}

/* ANIMACJA*/

#animation{
    min-height: 120vh;
    margin-left: 120px;
    margin-right: 120px;
    margin-bottom: 40px;
    position: relative;
    top: 0;
}
#animation-box{
    display: flex;
    justify-content: center;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    height: 365px;
}
.a-text{
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
    justify-content: space-between;
}
.left,
.right{
    width: 63%;
    display: inherit;
    font-size: 3.5rem;
    font-family: days;
}

.right{
    width: 37%;
}
.a-text,
.bracket,
#animation-box .a-text .disapper{
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    opacity: 1;

}

.no-disapper,
.a-sigma{
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;

}

.a-sigma{
    margin-right: 30px;
}

/* 1 */


#animation-box.scrollInFstAmtion .a-text .disapper,
#animation-box.scrollInFstAmtion .bracket{
    opacity: 0;

}

#animation-box.scrollInFstAmtion .a-text .no-disapper{
    opacity: 1;
    color: green;

}

/* 3th */

#animation-box.scrollInFstAmtion.scrollInThrAmtion .no-disapper {
    color:#000;
}

#particles-js{
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: transparent !important;
}

/*.podstrona*/
.subpage main{
    margin-top: 133px;
}

.subpage main.scroll-margin{
    margin-top: 180px;
}

.subpage h1{
    margin-bottom: 1rem;
}

.subpage h1,
.subpage h2,
.text-green,
.subpage p.text-green{
    color:#69b94a;
}

.subpage .section-description{
    max-width: 991px;
}

.subpage .section-description p {
    text-align: justify;
    margin-bottom: 17px;
}

.subpage .dark-box{
    padding:40px;
    background: #2c2d2f;
    margin-bottom: 17px;
}

.subpage .dark-box h2, 
.subpage .dark-box p,
.subpage .dark-box li{
    color:#fff;
}
 
.subpage .section-description .dark-box li:after{
    background:#fff;
}

.text-bold,
.section-description .text-bold{
    font-weight: 500;
}

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

    .fst .slider-text-center h3,
    .snd .slider-text-center h2 {
        font-size: 3rem;
    }
    .snd .slider-text-center h3 {
        font-size: 2.5rem;
    }
    .snd .slider-text-center,
    .slider-text-center {
        left: 15px;
        width: 50%;
    }
    .slider-button {
        font-size: 1.2rem;
        margin-top: 18px;
        padding: 7px 27px;
    }

    .phone-medium {
        right: 210px;
    }
    img.grafika {
        bottom: 215px;
        max-height: 50vh;
    }
}

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

    .container-page,
    footer .container-page {
        max-width: 994px;
    }
    .snd .slider-text-center,
    .slider-text-center {
        left: 30px;
        width: 60%;
    }
    .phone-big {
        max-height: 60vh;
    }
    .phone-medium {
        right: 140px;
        max-height: 52vh;
    }
    .phone-small {
        right: 260px;
        max-height: 36vh;
    }
    img.grafika {
        max-height: 38vh;
    }
    img.menu {
        max-height: 28vh;
    }
    img.kubek {
        max-height: 10vh;
    }
    img.wizytowki {
        max-height: 10vh;
    }
    .carousel-item.snd,
    .carousel-item.fst {
        background-size: auto calc(82vh);
    }

}

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

    .fst .slider-text-center h3,
    .snd .slider-text-center h2 {
        font-size: 2.5rem;
        text-shadow: 0px 2px 9px #0000006e;
    }

    .snd .slider-text-center h3 {
        font-size: 2rem;
        text-shadow: 0px 2px 9px #0000006e;
    }

    .container-page,
    footer .container-page {
        max-width: 961px;
    }

    footer .container-page {
        grid-template: 1fr / 30% 65% 5%;
    }
}

@media screen and (max-width: 991px) {
    body, section, main, footer{
        width: 100vw;
        overflow-x: hidden;
    }
    .we-are-img {
        margin-top: 35px;
        text-align: center;
    }
    #main-menu li a:hover:after{
        display: none;
    }
    .snd .slider-text-center,
    .slider-text-center {
        left: 10px;
    }

    img.wizytowki,
    img.kubek,
    img.menu,
    img.grafika,
    .phone-big,
    .phone-medium,
    .phone-small {
        display: none;
    }

    .phone.image-rwd,
    .graphic.image-rwd {
        display: block;
        max-height: 44vh;
        right: 0;

    }

    .graphic.image-rwd {
        bottom: 0;
        position: absolute;
    }

    .snd .slider-text-center,
    .slider-text-center {
        left: 50%;
        top: 45%;
        width: 100%;
        transform: translate(-50%, -50%);
        padding: 5px;
    }

    .carousel-item.snd,
    .carousel-item.fst {
        background-size: auto calc(65vh);
    }

    img.grafika {
        right: 37vw;
        bottom: 10px;
    }

    .container-page,
    footer .container-page {
        max-width: initial;
    }

    .header-menu {
        order: 3;
    }

    .navbar {
        display: block;
    }

    .navbar-toggler {
        border-color: transparent;
        color: rgb(99, 184, 67);
        text-align: right;
        font-size: 2rem;
        width: auto;
    }

    .navbar {
        padding: 0;
        position: initial;
    }

    #main-menu,
    button.navbar-toggler {
        border-radius: 0;
        outline: transparent;
    }

    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }

        .navbar-toggler-icon svg{
            margin-top:-10px;
            width: 30px;
        }

    .navbar-toggler-icon svg *{
        fill:#66b843;
    }

    .navbar-collapse{
        position: absolute;
        right: 0;
        top: 100%;
        width: 100vw;
        background-color: #fff;
    }

    .scrollHeader .navbar-collapse{
        background-color: #2c2d2f
    }

    .navbar-collapse.show{
        display: flex;
    }

    .navbar-collapse ul{
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .navbar-collapse.show ul{
        display: flex;
    }

    header .container-page {
        padding: 0;
    }
    .header-info {
        z-index: 100;
         }
    #logo {
        padding-left:0rem;
        z-index: 100;
    }
    footer .footer-snd p {
        margin-right: 10px;
    }


    header .container-page {
        justify-content: space-around;
    }

    #animation{
        margin-left: 0;
        margin-right: 0;
        min-height: 50vh;
    }

    #animation .a-sigma{
        max-width: 25%;
    }

    #animation .bracket{
        max-width: 20%;
        width: 20%;
    }

    #animation-box{
        height: auto;
        transform: translateY(0);
    }

    footer{
        position: relative;
    }

    .a-text{
        flex-direction: column;
    }

    .portfolio-elements{
        flex-wrap: wrap;
        height: auto;
        flex-direction: column;
    }

    .portfolio-elements img{
        margin-bottom: 15px;
        width: 100%;
        height: auto;
    }
}


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

    img.grafika {
        right: 40vw;
    }

    img.menu {
        right: 0;
    }

    footer .container-page {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .footer-fst {
        width: 100%;
        text-align: center;
    }

    .section-contact.text {
        text-align: center;
        margin-bottom: 20px;
    }

    .section-title.rigt{
        text-align: center;
        line-height: 1.5;
    }

    .section-title.rigt:after{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    footer .footer-snd {
        flex-direction: column;
        width: 100%;
    }
    footer .footer-snd p {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    #info .info-img{
        max-width: 100%;
    }

}


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


    header .container-page,
    .header-info {
        justify-content: flex-start;
    }

    #logo {
        padding-left:0.75rem;
    }


}
@media screen and (max-width:425px) {


    #logo {
        max-width: 40%;
    }

    .call-action {
        margin-right: 5px;
    }

    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }

    header {
        padding-top: 15px;
    }

   .header-menu .navbar-toggler {
        padding: 0rem .75rem;
        line-height: 0px;
    }
    * {
        animation-name: none !important;
    }


    #mainslider .carousel-inner .carousel-item {
        min-height: 100vw;
    }
    .phone.image-rwd,
    .graphic.image-rwd {
        max-height: 35vw;
    }

    .carousel-item.snd, .carousel-item.fst {
        background-size: auto calc(55vw);
    }
    .fst .slider-text-center h3,
    .snd .slider-text-center h2 {
        font-size: 1.2rem;
    }

    .snd .slider-text-center h3 {
        font-size: .8rem;
    }

    .slider-button {
        font-size: .7rem;
        margin-top: 0px;
        padding: 3px 17px;
    }
    .snd .slider-text-center, .slider-text-center {
        top: 50%;
    }
}
@media screen and (max-width:270px) {

    .phone.image-rwd, .graphic.image-rwd {
     display: none;
    }
    .snd .slider-text-center, .slider-text-center {
        top: 65%;
    }


    .fst .slider-text-center h3,
    .snd .slider-text-center h2 {
        font-size: 1rem !important;
    }

    .snd .slider-text-center h3 {
        font-size: .6rem !important;
    }

}


/* mobile horizontal */


@media (max-width: 991px) and (max-height: 500px) {



    .fst .slider-text-center h3,
    .snd .slider-text-center h2 {
        font-size: 1.5rem;
    }

    .snd .slider-text-center h3 {
        font-size: 1.2rem;
    }

    .slider-button {
        font-size: 1rem;
        margin-top: 5px;
        padding: 3px 27px;
    }

    .snd .slider-text-center,
    .slider-text-center {
        left: 35%;
        top: 50%;
    }

    header {
        padding-top: 16px;
        position: relative;
    }


    #mainslider .carousel-inner .carousel-item {
        min-height: 39vw;
    }
    .phone.image-rwd,
    .graphic.image-rwd {
        max-height: 25vw;
    }

    .carousel-item.snd, .carousel-item.fst {
        background-size: auto calc(35vw);
    }

    .snd .slider-text-center, .slider-text-center {
        left: 40%;
        top: 35%;
    }


}

@media (max-width: 480px) and (max-height: 500px) {


    .fst .slider-text-center h3,
    .snd .slider-text-center h2 {
        font-size: 1.2rem;
    }

    .snd .slider-text-center h3 {
        font-size: .8rem;
    }

    .slider-button {
        font-size: .7rem;
        margin-top: 0px;
        padding: 3px 17px;
    }
    .snd .slider-text-center, .slider-text-center {
        left: 50%;
        top: 35%;
    }


}
@media (max-width: 480px) and (max-height: 320px) {

    .fst .slider-text-center h3,
    .snd .slider-text-center h2 {
        font-size: 1rem;
    }

    .snd .slider-text-center h3 {
        font-size: .7rem;
    }

    .slider-button {
        font-size: .7rem;
        margin-top: 5px;
        padding: 3px 27px;
    }

    .snd .slider-text-center,
    .slider-text-center {
        left: 50%;
        top: 30%;
    }

    footer .container-page {
        flex-direction: column;
    }

    footer .footer-snd p {
        margin-right: 0px;
        width: 100%;
        text-align: center;
    }

}

@media (max-width:1880px)  {

    .left, .right {
        font-size: 3rem;
    }
    .a-sigma{
        max-height: 300px;
    }
    .bracket{
        max-height: 320px;
    }
}

@media screen and (max-width: 991px){
    .portfolio-element .pe-img{
        height: 0;
        overflow: hidden;
        padding-top: 100%;
        min-height: 0;
    }

    #mainCarousel .carousel-caption {
        position: absolute;
        max-width: 100%;
        bottom: auto;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255,255,255, .8);
        padding: 30px;
        width: 50%;
        min-width: 300px; 
    }

    #we-are p.right-up{
        font-size: 2rem;
        margin-bottom: 45px;
        line-height: 4rem;
        transition: all .8s ease-in-out;
        opacity: 0;

    }

    #we-are p.right-down{
        font-size: 1.5rem;
        transition: all .8s ease-in-out .5s ;
        opacity: 0;
        font-weight: 400;
    }

    #we-are p.left-up{
        font-size: 1.5rem;
        transition: all .7s ease-in-out 1s;
        opacity: 0;
        font-weight: 400;
    }

    #we-are p.left-down{
        font-size: 1.5rem;
        transition: all .5s ease-in-out 1.3s;
        opacity: 0;
    }

    .letter{
                max-height: unset;
        height: 17px;
        width:auto;
    }

    .sigma{
                max-height: unset;
        height: 25px;
        width:auto;
    }

    .scrollHeader .sigma{
        transform: translate(-50px);  
    }

    .section-contact.map{
        padding: 0;
    }

    #main-menu li:last-child a{
        margin-left: 0;
    }

    #main-menu li:last-child a span.text{
        display: block;
        margin-bottom: 6px;
    }

    #we-are{
        min-height: 100vh;
    }

    header{
        padding: 10px 0;
    }
    

    #mainCarousel .carousel-caption ul,
    #info ul{
        text-align: center;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-left: 0;
        width: 100%;
    }

    #mainCarousel .carousel-caption h1,
    #info h2{
        text-align: center;
    }
    
    #mainCarousel .carousel-caption li:after{
        display: none;
    }

    #mainCarousel .carousel-caption ul.after:after,
    .after-line:after{
        left: 50%;
        transform: translateX(-50%);
    }

    #info p{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: 30px;
    }

    .section-title.rigt,
    #we-are p.right-up,
    #info h2,
    #mainCarousel .carousel-caption h1,
    h3.section-title{
        font-size: 30px;
        line-height: 1.5;
    }
    
    #we-are p,
    .section-contact.text p{
        font-size: 17px;
    }

    .section-contact.text p span.bold{
        font-size: 22px;
    }

    #mainCarousel .carousel-caption li:after, #info li:after{
        top: 13px;
    }
        
}

@media (min-width: 992px){
    .section-contact.text{
        padding-right: 43px;
    }
    .section-contact.map{
        padding-left: 43px;
    }   
}

@media (min-width: 1400px){
    #info .container{
        max-width: 1340px;
    }
}

@media (min-width: 1500px){
    #info .container{
        max-width: 1440px;
    }
}

body{ margin:0; font:normal 75% Arial, Helvetica, sans-serif; } canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ position:absolute; width: 100%; height: 100%; background-color: #b61924; background-image: url("/assets/img/tlo.webp"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }


@media screen and (max-width: 767px){
    #particles-js{
        background-image: url(/assets/img/tlo-mobile.webp);
    }
}

.owl-dots, .owl-nav{
    display: none!important;
}