@import url('https://fonts.googleapis.com/css?family=Cairo:400,700');
    @font-face {
        font-family: 'industryincw00-baseregular';
        src: url('../../fonts/industry_inc_w00_base-webfont.woff2') format('woff2'), url('../../fonts/industry_inc_w00_base-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    /* General Classes */
    
    .industr-font {
        font-family: 'industryincw00-baseregular';
    }
    
    html {
        font-size: 100%;
        font-family: 'Cairo', sans-serif;
    }
    
    body {
        min-width: 320px;
        -ms-overflow-style: scrollbar;
        background: #fff;
        color: #1a191a;
        font-family: 'Cairo', sans-serif;
        font-size: 100%;
    }
    
    a:hover,
    a:focus,
    a:active {
        text-decoration: none;
    }
    
    .red {
        color: #b72d26;
    }
    
    .blue {
        color: #2b65a5;
    }
    
    .text-justify {
        text-align: justify
    }
    /* end of general classes */
    /* architecture */
    
    .achitect {
        background: url('../images/architecture-services.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 75%;
    }
    /* end of archeticture */
    /* header */
    
    .header-wrapper {
        background-image: url('../images/bg.jpg');
        height: 778px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 100% 58%;
    }
    
    .header-wrapper h2 {
        text-align: right;
        font-weight: bold;
        font-size: 46px;
        margin-top: 5px;
    }
    
    .header-wrapper h3 {
        font-size: 39px;
        text-align: right;
        margin-top: 145px
    }
    
    .header-wrapper .particle {
        position: absolute;
        opacity: 0;
        overflow: visible;
        background-size: contain;
    }
    
    .header-wrapper .img-container {
        width: 100%;
    }
    
    .header-wrapper .list-inline>li {
        padding-right: 0;
        padding-left: 20px;
    }
    
    .header-wrapper .particle.elem1 {
        left: -226px;
        top: -400px;
        height: 119px;
        width: 119px;
        -webkit-animation: animation1 linear 17s infinite;
        animation: animation1 linear 17s infinite;
        background-image: url('../images/ele1.png');
    }
    
    .header-wrapper .particle.elem2 {
        left: -240px;
        top: -100px;
        -webkit-animation: animation2 linear 19s infinite;
        animation: animation2 linear 19s infinite;
        height: 80px;
        width: 80px;
        background-image: url('../images/ele2.png');
    }
    
    .header-wrapper .particle.elem3 {
        left: -180px;
        top: -362px;
        -webkit-animation: animation3 linear 18s infinite;
        animation: animation3 linear 18s infinite;
        height: 95px;
        width: 95px;
        background-image: url('../images/ele3.png');
    }
    
    .header-wrapper .particle.elem7 {
        left: 50px;
        top: 529px;
        -webkit-animation: animation7 linear 16s infinite;
        animation: animation7 linear 16s infinite;
        height: 50px;
        width: 50px;
        background-image: url('../images/ele3.png');
    }
    
    .header-wrapper .anim-delay1 {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
    }
    
    .header-wrapper .anim-delay2 {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
    }
    
    .header-wrapper .anim-delay3 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    
    .header-wrapper .anim-delay4 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }
    /* used instead of animation in mob */
    
    @keyframes flickerAnimation {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @-o-keyframes flickerAnimation {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @-moz-keyframes flickerAnimation {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @-webkit-keyframes flickerAnimation {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    /* used instead of animation in mob */
    
    @-webkit-keyframes animation1 {
        0% {
            -webkit-transform: translate(540px, 652px);
            transform: translate(540px, 652px);
        }
        10% {
            -webkit-transform: translate(572px, 652px);
            transform: translate(572px, 652px);
        }
        20% {
            -webkit-transform: translate(604px, 625px);
            transform: translate(604px, 625px);
        }
        30% {
            -webkit-transform: translate(636px, 598px);
            transform: translate(636px, 598px);
        }
        40% {
            -webkit-transform: translate(668px, 571px);
            transform: translate(668px, 571px);
        }
        50% {
            -webkit-transform: translate(700px, 544px);
            transform: translate(700px, 544px);
        }
        60% {
            -webkit-transform: translate(732px, 544px);
            transform: translate(732px, 544px);
        }
        70% {
            -webkit-transform: translate(764px, 517px);
            transform: translate(764px, 517px);
        }
        80% {
            -webkit-transform: translate(796px, 490px);
            transform: translate(796px, 490px);
        }
        90% {
            -webkit-transform: translate(828px, 463px);
            transform: translate(828px, 463px);
        }
        100% {
            -webkit-transform: translate(860px, 436px);
            transform: translate(860px, 436px);
        }
        0% {
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        85% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes animation1 {
        0% {
            -webkit-transform: translate(540px, 652px);
            transform: translate(540px, 652px);
        }
        10% {
            -webkit-transform: translate(572px, 652px);
            transform: translate(572px, 652px);
        }
        20% {
            -webkit-transform: translate(604px, 625px);
            transform: translate(604px, 625px);
        }
        30% {
            -webkit-transform: translate(636px, 598px);
            transform: translate(636px, 598px);
        }
        40% {
            -webkit-transform: translate(668px, 571px);
            transform: translate(668px, 571px);
        }
        50% {
            -webkit-transform: translate(700px, 544px);
            transform: translate(700px, 544px);
        }
        60% {
            -webkit-transform: translate(732px, 544px);
            transform: translate(732px, 544px);
        }
        70% {
            -webkit-transform: translate(764px, 517px);
            transform: translate(764px, 517px);
        }
        80% {
            -webkit-transform: translate(796px, 490px);
            transform: translate(796px, 490px);
        }
        90% {
            -webkit-transform: translate(828px, 463px);
            transform: translate(828px, 463px);
        }
        100% {
            -webkit-transform: translate(860px, 436px);
            transform: translate(860px, 436px);
        }
        0% {
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        85% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @-webkit-keyframes animation2 {
        0% {
            -webkit-transform: translate(732px, 598px);
            transform: translate(732px, 598px);
        }
        8.33% {
            -webkit-transform: translate(764px, 625px);
            transform: translate(764px, 625px);
        }
        16.67% {
            -webkit-transform: translate(796px, 652px);
            transform: translate(796px, 652px);
        }
        25% {
            -webkit-transform: translate(828px, 652px);
            transform: translate(828px, 652px);
        }
        33.33% {
            -webkit-transform: translate(860px, 652px);
            transform: translate(860px, 652px);
        }
        41.67% {
            -webkit-transform: translate(892px, 625px);
            transform: translate(892px, 625px);
        }
        50% {
            -webkit-transform: translate(924px, 598px);
            transform: translate(924px, 598px);
        }
        58.33% {
            -webkit-transform: translate(956px, 571px);
            transform: translate(956px, 571px);
        }
        66.67% {
            -webkit-transform: translate(988px, 571px);
            transform: translate(988px, 571px);
        }
        75% {
            -webkit-transform: translate(1020px, 571px);
            transform: translate(1020px, 571px);
        }
        83.33% {
            -webkit-transform: translate(1052px, 598px);
            transform: translate(1052px, 598px);
        }
        91.67% {
            -webkit-transform: translate(1084px, 625px);
            transform: translate(1084px, 625px);
        }
        100% {
            -webkit-transform: translate(1116px, 598px);
            transform: translate(1116px, 598px);
        }
        0% {
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        85% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes animation2 {
        0% {
            -webkit-transform: translate(732px, 598px);
            transform: translate(732px, 598px);
        }
        8.33% {
            -webkit-transform: translate(764px, 625px);
            transform: translate(764px, 625px);
        }
        16.67% {
            -webkit-transform: translate(796px, 652px);
            transform: translate(796px, 652px);
        }
        25% {
            -webkit-transform: translate(828px, 652px);
            transform: translate(828px, 652px);
        }
        33.33% {
            -webkit-transform: translate(860px, 652px);
            transform: translate(860px, 652px);
        }
        41.67% {
            -webkit-transform: translate(892px, 625px);
            transform: translate(892px, 625px);
        }
        50% {
            -webkit-transform: translate(924px, 598px);
            transform: translate(924px, 598px);
        }
        58.33% {
            -webkit-transform: translate(956px, 571px);
            transform: translate(956px, 571px);
        }
        66.67% {
            -webkit-transform: translate(988px, 571px);
            transform: translate(988px, 571px);
        }
        75% {
            -webkit-transform: translate(1020px, 571px);
            transform: translate(1020px, 571px);
        }
        83.33% {
            -webkit-transform: translate(1052px, 598px);
            transform: translate(1052px, 598px);
        }
        91.67% {
            -webkit-transform: translate(1084px, 625px);
            transform: translate(1084px, 625px);
        }
        100% {
            -webkit-transform: translate(1116px, 598px);
            transform: translate(1116px, 598px);
        }
        0% {
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        85% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @-webkit-keyframes animation3 {
        0% {
            -webkit-transform: translate(276px, 787px);
            transform: translate(276px, 787px);
        }
        3.23% {
            -webkit-transform: translate(508px, 814px);
            transform: translate(508px, 814px);
        }
        6.45% {
            -webkit-transform: translate(540px, 817px);
            transform: translate(540px, 817px);
        }
        9.68% {
            -webkit-transform: translate(572px, 820px);
            transform: translate(572px, 820px);
        }
        12.9% {
            -webkit-transform: translate(604px, 814px);
            transform: translate(604px, 814px);
        }
        16.13% {
            -webkit-transform: translate(636px, 834px);
            transform: translate(636px, 834px);
        }
        19.35% {
            -webkit-transform: translate(668px, 854px);
            transform: translate(668px, 854px);
        }
        22.58% {
            -webkit-transform: translate(700px, 787px);
            transform: translate(700px, 787px);
        }
        25.81% {
            -webkit-transform: translate(732px, 760px);
            transform: translate(732px, 760px);
        }
        29.03% {
            -webkit-transform: translate(764px, 787px);
            transform: translate(764px, 787px);
        }
        32.26% {
            -webkit-transform: translate(796px, 760px);
            transform: translate(796px, 760px);
        }
        40% {
            -webkit-transform: translate(828px, 733px);
            transform: translate(828px, 733px);
        }
        50% {
            -webkit-transform: translate(860px, 760px);
            transform: translate(860px, 760px);
        }
        60% {
            -webkit-transform: translate(892px, 780px);
            transform: translate(892px, 780px);
        }
        70% {
            -webkit-transform: translate(924px, 747px);
            transform: translate(924px, 787px);
        }
        80% {
            -webkit-transform: translate(956px, 787px);
            transform: translate(956px, 787px);
        }
        90% {
            -webkit-transform: translate(988px, 814px);
            transform: translate(988px, 814px);
        }
        100% {
            -webkit-transform: translate(1020px, 787px);
            transform: translate(1020px, 787px);
        }
        0% {
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        80% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes animation3 {
        0% {
            -webkit-transform: translate(276px, 787px);
            transform: translate(276px, 787px);
        }
        3.23% {
            -webkit-transform: translate(508px, 814px);
            transform: translate(508px, 814px);
        }
        6.45% {
            -webkit-transform: translate(540px, 817px);
            transform: translate(540px, 817px);
        }
        9.68% {
            -webkit-transform: translate(572px, 820px);
            transform: translate(572px, 820px);
        }
        12.9% {
            -webkit-transform: translate(604px, 814px);
            transform: translate(604px, 814px);
        }
        16.13% {
            -webkit-transform: translate(636px, 834px);
            transform: translate(636px, 834px);
        }
        19.35% {
            -webkit-transform: translate(668px, 854px);
            transform: translate(668px, 854px);
        }
        22.58% {
            -webkit-transform: translate(700px, 787px);
            transform: translate(700px, 787px);
        }
        25.81% {
            -webkit-transform: translate(732px, 760px);
            transform: translate(732px, 760px);
        }
        29.03% {
            -webkit-transform: translate(764px, 787px);
            transform: translate(764px, 787px);
        }
        32.26% {
            -webkit-transform: translate(796px, 760px);
            transform: translate(796px, 760px);
        }
        40% {
            -webkit-transform: translate(828px, 733px);
            transform: translate(828px, 733px);
        }
        50% {
            -webkit-transform: translate(860px, 760px);
            transform: translate(860px, 760px);
        }
        60% {
            -webkit-transform: translate(892px, 780px);
            transform: translate(892px, 780px);
        }
        70% {
            -webkit-transform: translate(924px, 747px);
            transform: translate(924px, 787px);
        }
        80% {
            -webkit-transform: translate(956px, 787px);
            transform: translate(956px, 787px);
        }
        90% {
            -webkit-transform: translate(988px, 814px);
            transform: translate(988px, 814px);
        }
        100% {
            -webkit-transform: translate(1020px, 787px);
            transform: translate(1020px, 787px);
        }
        0% {
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        80% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @-webkit-keyframes animation7 {
        0% {
            -webkit-transform: translate(-68px, 193px);
            transform: translate(-68px, 193px);
        }
        5.26% {
            -webkit-transform: translate(-36px, 193px);
            transform: translate(-36px, 193px);
        }
        10.53% {
            -webkit-transform: translate(-4px, 193px);
            transform: translate(-4px, 193px);
        }
        15.79% {
            -webkit-transform: translate(28px, 166px);
            transform: translate(28px, 166px);
        }
        21.05% {
            -webkit-transform: translate(60px, 139px);
            transform: translate(60px, 139px);
        }
        26.32% {
            -webkit-transform: translate(92px, 112px);
            transform: translate(92px, 112px);
        }
        31.58% {
            -webkit-transform: translate(124px, 139px);
            transform: translate(124px, 139px);
        }
        36.84% {
            -webkit-transform: translate(156px, 139px);
            transform: translate(156px, 139px);
        }
        42.11% {
            -webkit-transform: translate(188px, 112px);
            transform: translate(188px, 112px);
        }
        47.37% {
            -webkit-transform: translate(220px, 85px);
            transform: translate(220px, 85px);
        }
        52.63% {
            -webkit-transform: translate(252px, 58px);
            transform: translate(252px, 58px);
        }
        57.89% {
            -webkit-transform: translate(284px, 58px);
            transform: translate(284px, 58px);
        }
        63.16% {
            -webkit-transform: translate(316px, 31px);
            transform: translate(316px, 31px);
        }
        68.42% {
            -webkit-transform: translate(348px, 31px);
            transform: translate(348px, 31px);
        }
        73.68% {
            -webkit-transform: translate(380px, 58px);
            transform: translate(380px, 58px);
        }
        78.95% {
            -webkit-transform: translate(412px, 58px);
            transform: translate(412px, 58px);
        }
        84.21% {
            -webkit-transform: translate(444px, 58px);
            transform: translate(444px, 58px);
        }
        89.47% {
            -webkit-transform: translate(476px, 58px);
            transform: translate(476px, 58px);
        }
        94.74% {
            -webkit-transform: translate(508px, 58px);
            transform: translate(508px, 58px);
        }
        100% {
            -webkit-transform: translate(540px, 31px);
            transform: translate(540px, 31px);
        }
        0% {
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        85% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes animation7 {
        0% {
            -webkit-transform: translate(-68px, 193px);
            transform: translate(-68px, 193px);
        }
        5.26% {
            -webkit-transform: translate(-36px, 193px);
            transform: translate(-36px, 193px);
        }
        10.53% {
            -webkit-transform: translate(-4px, 193px);
            transform: translate(-4px, 193px);
        }
        15.79% {
            -webkit-transform: translate(28px, 166px);
            transform: translate(28px, 166px);
        }
        21.05% {
            -webkit-transform: translate(60px, 139px);
            transform: translate(60px, 139px);
        }
        26.32% {
            -webkit-transform: translate(92px, 112px);
            transform: translate(92px, 112px);
        }
        31.58% {
            -webkit-transform: translate(124px, 139px);
            transform: translate(124px, 139px);
        }
        36.84% {
            -webkit-transform: translate(156px, 139px);
            transform: translate(156px, 139px);
        }
        42.11% {
            -webkit-transform: translate(188px, 112px);
            transform: translate(188px, 112px);
        }
        47.37% {
            -webkit-transform: translate(220px, 85px);
            transform: translate(220px, 85px);
        }
        52.63% {
            -webkit-transform: translate(252px, 58px);
            transform: translate(252px, 58px);
        }
        57.89% {
            -webkit-transform: translate(284px, 58px);
            transform: translate(284px, 58px);
        }
        63.16% {
            -webkit-transform: translate(316px, 31px);
            transform: translate(316px, 31px);
        }
        68.42% {
            -webkit-transform: translate(348px, 31px);
            transform: translate(348px, 31px);
        }
        73.68% {
            -webkit-transform: translate(380px, 58px);
            transform: translate(380px, 58px);
        }
        78.95% {
            -webkit-transform: translate(412px, 58px);
            transform: translate(412px, 58px);
        }
        84.21% {
            -webkit-transform: translate(444px, 58px);
            transform: translate(444px, 58px);
        }
        89.47% {
            -webkit-transform: translate(476px, 58px);
            transform: translate(476px, 58px);
        }
        94.74% {
            -webkit-transform: translate(508px, 58px);
            transform: translate(508px, 58px);
        }
        100% {
            -webkit-transform: translate(540px, 31px);
            transform: translate(540px, 31px);
        }
        0% {
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        85% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    /* end of header */
    /* breadcrumb */
    
    .breadcrumb {
        background-color: transparent;
        display: block;
        height: auto;
        /* width: 100%; */
    }
    
    .breadcrumb a {
        color: #fff;
        padding-right: 15px;
    }
    
    .breadcrumb li {
        color: #fff;
        padding-left: 15px !important;
    }
    /* end of breadcrumb */
    /* branding header */
    
    .header-wrapper.branding {
        background-image: url('../images/branding-bg.png');
        height: 630px;
        background-color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 100% 100%;
    }
    
    .header-wrapper.branding .brand-img {
        width: 200px;
        float: right;
    }
    
    .header-wrapper.branding h2 {
        color: #fff;
        text-align: left;
        font-weight: bold;
        margin-left: 25px;
        font-size: 47px;
        margin-top: 60px;
    }
    /* end of branding header */
    /* events */
    
    .events-body .gradient-num {
        width: 33px;
        height: 33px;
        margin-right: 15px;
        display: inline-block;
        text-align: center;
        line-height: 33px;
        border-radius: 33px;
        background-image: linear-gradient(#b72d26, #2b65a5), linear-gradient(#b72d26, #2b65a5);
    }
    
    .events-body .num {
        width: 31px;
        height: 31px;
        display: inline-block;
        text-align: center;
        line-height: 31px;
        background: #fff;
        border-radius: 30px;
        box-sizing: border-box;
    }
    
    .events-body p {
        font-size: 17px;
    }
    
    .events-body .service-list {
        margin-bottom: 55px;
    }
    
    .events-body .service-list li {
        font-size: 17px;
        line-height: 45px;
    }
    
    .events-body .service-img {
        margin: 0 auto !important;
        width: 75%;
    }
    /* end of events */
    /* designs */
    
    .designs p {
        font-size: 17px;
        text-align: justify;
    }
    
    .designs .web-design-img {
        margin-top: 25px !important;
    }
    
    .designs .corporate-design-img {
        margin-top: 20px !important;
    }
    
    .designs .logo-design-img {
        margin-top: 30px !important;
    }
    
    .designs .packaging-design-img {
        margin-top: 20px !important;
    }
    
    .designs .content-development-img {
        margin-top: 20px !important;
        width: 40% !important;
    }
    
    .designs .ui-design-img {
        margin-top: 15px !important;
        width: 34% !important;
    }
    
    .designs .video-production-img {
        margin-top: 15px !important;
        width: 38% !important;
    }
    
    .designs .social-media-img {
        margin-top: 25px !important;
        width: 42% !important;
    }
    
    .designs .corporate {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    .designs .corporate img {
        width: 50%;
        margin: 0 auto;
    }
    
    .designs .business {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 55px;
    }
    
    .designs .business img {
        width: 45%;
        margin: 0 auto;
    }
    
    .designs .logo-design {
        padding-top: 15px;
        padding-bottom: 25px;
        padding-left: 55px;
    }
    
    .designs .logo-design-container,
    .designs .corporate-design-container,
    .designs .business-design-container,
    .designs .publication-design-container,
    .designs .packaging-design-container {
        position: relative;
    }
    
    .designs .logo-design-container .bg,
    .designs .business-design-container .bg,
    .designs .packaging-design-container .bg {
        position: absolute;
        width: 90%;
        right: 0;
        height: 100%;
        background-size: 225% 100%;
        background-image: linear-gradient(to right, transparent 50%, #999 50%);
        transition: background-position 0.7s;
        border-top-left-radius: 150px;
        border-bottom-left-radius: 150px;
    }
    
    .designs .corporate-design-container .bg,
    .designs .publication-design-container .bg {
        position: absolute;
        width: 90%;
        left: 0;
        height: 100%;
        background-size: 200% 100%;
        background-image: linear-gradient(to right, transparent 50%, #999 50%);
        transition: background-position 0.7s;
        border-top-right-radius: 150px;
        border-bottom-right-radius: 150px;
    }
    
    .designs .logo-design-container:hover .bg,
    .designs .business-design-container:hover .bg,
    .designs .packaging-design-container:hover .bg {
        background-position: 90% 0;
    }
    
    .designs .corporate-design-container:hover .bg,
    .designs .publication-design-container:hover .bg {
        background-position: -100% 0%;
    }
    
    .designs .logo-design-container:hover .logo-design-img,
    .designs .corporate-design-container:hover .corporate-design-img,
    .designs .business-design-container:hover .business-design-img,
    .designs .publication-design-container:hover .publication-design-img,
    .designs .packaging-design-container:hover .packaging-design-img {
        filter: brightness(0) invert(1);
        -ms-filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
        -o-filter: brightness(0) invert(1);
        -moz-filter: brightness(0) invert(1);
    }
    
    .designs .logo-design-container:hover p,
    .designs .logo-design-container:hover h3,
    .designs .corporate-design-container:hover p,
    .designs .corporate-design-container:hover h3,
    .designs .business-design-container:hover p,
    .designs .business-design-container:hover h3,
    .designs .publication-design-container:hover p,
    .designs .publication-design-container:hover h3,
    .designs .packaging-design-container:hover p,
    .designs .packaging-design-container:hover h3 {
        color: #fff;
    }
    
    .designs .logo-design img,
    .designs .corporate img,
    .designs .business img,
    .designs .publication img,
    .designs .packaging img {
        width: 45%;
        margin: 0 auto;
        -moz-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        -webkit-transition: all .5s ease-in;
        transition: all .5s ease-in;
    }
    
    .designs .logo-design-container p,
    .designs .corporate-design-container p,
    .designs .business-design-container p,
    .designs .publication-design-container p,
    .designs .packaging-design-container p {
        -moz-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        -webkit-transition: all .5s ease-in;
        transition: all .5s ease-in;
    }
    
    .designs .logo-design-container h3,
    .designs .corporate-design-container h3,
    .designs .business-design-container h3,
    .designs .publication-design-container h3,
    .designs .packaging-design-container h3 {
        -moz-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        -webkit-transition: all .5s ease-in;
        transition: all .5s ease-in;
        display: block;
        clear: both;
    }
    
    .designs .packaging-design-container {
        margin-bottom: 75px;
    }
    
    .designs .publication {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    .designs .publication img {
        width: 45%;
        margin: 0 auto;
    }
    
    .designs .packaging {
        padding-top: 20px;
        padding-bottom: 25px;
        padding-left: 55px;
    }
    
    .designs .packaging img {
        width: 45%;
        margin: 0 auto;
    }
    
    .designs .corporate,
    .designs .publication {
        padding-right: 55px;
    }
    /* end of designs */
    /* menu */
    
    .main-menu {
        margin-bottom: 80px;
    }
    
    .main-menu .menu-items {
        padding-top: 40px;
    }
    
    .main-menu .menu-items li>a {
        color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative;
        transition: 0.5s color ease;
    }
    
    .main-menu .menu-items li>a:before,
    .main-menu .menu-items li>a:after {
        content: "";
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .main-menu .menu-items li>a:after {
        content: "";
        transition: 0.5s all ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        bottom: -0.25em;
        height: 2px;
        width: 0;
        background: #fff;
    }
    
    .main-menu .menu-items li>a:hover:after {
        content: "";
        width: 100%;
    }
    
    .main-menu .logo img {
        width: 80%;
        padding-top: 10px;
    }
    /* end of menu */
    /* resons section */
    
    .reasons {
        margin-top: -40px;
        margin-bottom: 25px;
    }
    
    .reasons h4 {
        font-size: 15px;
    }
    
    .reasons p {
        font-size: 22px;
        color: #585858;
        padding-left: 20px;
        padding-bottom: 25px;
    }
    
    .reasons .number6 {
        font-size: 28px;
        font-weight: bold;
    }
    
    .reasons .img-container {
        height: 70px;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .reasons .img-container img {
        height: 100%;
        margin: 0 auto;
    }
    /* end of reasons section */
    /* build brand section */
    
    .build-brand {
        background: #ebebeb;
    }
    
    .build-brand .brand-img {
        width: 100%;
        padding-right: 100px;
    }
    
    .build-brand .brand-text {
        margin-top: 60px;
        padding-left: 45px;
        padding-right: 15px;
    }
    
    .build-brand .brand-text h2 {
        line-height: 40px;
    }
    
    .build-brand .brand-text p {
        line-height: 31px;
    }
    
    .build-brand .btn-contact {
        box-shadow: none !important;
        font-size: 20px;
        color: #2b65a5;
    }
    
    .build-brand .btn-contact:hover {
        color: #b72d26;
    }
    
    .gradient-border {
        position: relative;
        border: 4px solid transparent;
        border-radius: 50px;
        background: linear-gradient(transparent, transparent);
        background-clip: padding-box;
        padding: 0px;
        margin-top: 30px;
    }
    
    .gradient-border p {
        border-radius: 50px;
        background: #ebebeb;
        z-index: 2;
        position: relative;
        margin: 0px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .gradient-border::after {
        position: absolute;
        top: -0.1rem;
        bottom: -0.1rem;
        left: -0.1rem;
        right: -0.1rem;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#b72d26), to(#2b65a5));
        background: -webkit-linear-gradient(#b72d26, #2b65a5);
        background: -moz-linear-gradient(#b72d26, #2b65a5), -moz-linear-gradient(#b72d26 0, #2b65a5);
        background: -o-linear-gradient(#b72d26, #2b65a5), -o-linear-gradient(#b72d26, #2b65a5);
        background: linear-gradient(#b72d26, #2b65a5), linear-gradient(#b72d26, #2b65a5);
        content: '';
        z-index: 1;
        border-radius: 50px;
    }
    /* end of build brand section */
    /* logo steps */
    
    .logo-steps {
        background: url('../images/logo-steps-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        min-height: 900px;
    }
    
    .logo-steps .arrows {
        position: absolute;
        top: 90px;
        width: 1160px;
    }
    
    .logo-steps .logo-steps-head {
        margin-top: 20px;
        font-size: 35px;
    }
    
    .logo-steps .steps {
        color: #fff;
        background: #b72d26;
        font-size: 30px;
        font-weight: bold;
        border-radius: 15px;
        padding: 0px 30px;
        margin: 0 auto;
    }
    
    .logo-steps .step4 p {
        padding-left: 35%;
        padding-right: 35%;
    }
    
    .logo-steps .step1 {
        margin-top: 52px;
    }
    
    .logo-steps.trigger-animation .step1 {
        opacity: 0;
        -webkit-animation: 0.5s circle-sphere forwards 1s;
        animation: 0.5s circle-sphere forwards 1s;
    }
    
    .logo-steps .step1 .step1-img {
        height: 125px;
        margin: 0 90px 25px;
    }
    
    .logo-steps .step1 h3 {
        padding-right: 15%;
    }
    
    .logo-steps .step1 p {
        padding-right: 20%;
    }
    
    .logo-steps .step2 {
        margin-top: 107px;
        padding-left: 50px;
    }
    
    .logo-steps.trigger-animation .step2 {
        opacity: 0;
        -webkit-animation: 0.5s circle-sphere forwards 1.5s;
        animation: 0.5s circle-sphere forwards 1.5s;
    }
    
    .logo-steps .step2 .step2-img {
        height: 125px;
        margin: 0 auto 25px;
    }
    
    .logo-steps .step3 {
        margin-top: 38px;
        padding-left: 13%;
    }
    
    .logo-steps.trigger-animation .step3 {
        opacity: 0;
        -webkit-animation: 0.5s circle-sphere forwards 2.5s;
        animation: 0.5s circle-sphere forwards 2.5s;
    }
    
    .logo-steps .step3 .step3-img {
        height: 125px;
        margin: 0 auto 25px;
    }
    
    .logo-steps .step4 .step4-img {
        height: 125px;
        margin: 0 auto 25px;
    }
    
    .logo-steps .step4 {
        margin-top: 55px;
        padding-left: 50px;
        padding-right: 16px;
    }
    
    .logo-steps.trigger-animation .step4 {
        opacity: 0;
        -webkit-animation: 0.5s circle-sphere forwards 3.5s;
        animation: 0.5s circle-sphere forwards 3.5s;
    }
    
    .trigger-animation .arrows svg .st0 {
        stroke-dasharray: 500;
        stroke-dashoffset: -500;
        -webkit-animation: test 1s linear normal forwards;
        animation: test 1.5s linear normal forwards;
        animation-delay: 1s;
    }
    
    .trigger-animation .arrows svg .st1 {
        stroke-dasharray: 500;
        stroke-dashoffset: -500;
        -webkit-animation: test 1s linear normal forwards;
        animation: test 1s linear normal forwards;
    }
    
    .trigger-animation .arrows svg .st2,
    .trigger-animation .arrows svg .st3 {
        animation-delay: 1.5s;
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        -webkit-animation: test-1 1s linear alternate forwards 1s;
        animation: test-1 1s linear alternate forwards 1s;
    }
    
    .trigger-animation .arrows svg .st4,
    .trigger-animation .arrows svg .st5 {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        -webkit-animation: test-1 1s linear alternate forwards 2s;
        animation: test-1 1s linear alternate forwards 2s;
    }
    
    .trigger-animation .arrows svg .st6,
    .trigger-animation .arrows svg .st7 {
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        -webkit-animation: test 1s linear normal forwards 2.5s;
        animation: test 1s linear normal forwards 2.5s;
    }
    
    .trigger-animation .arrows svg .st8,
    .trigger-animation .arrows svg .st12,
    .trigger-animation .arrows svg .st16 {
        opacity: 0;
        animation-delay: 1.5s;
        -webkit-animation: 0.5s circle-sphere forwards 1s;
        animation: 0.5s circle-sphere forwards 1s;
    }
    
    .trigger-animation .arrows svg .st16 {
        animation-delay: 1.5s;
    }
    
    .trigger-animation .arrows svg .st11,
    .trigger-animation .arrows svg .st15 {
        opacity: 0;
        -webkit-animation: 0.5s circle-sphere forwards 3s;
        animation: 0.5s circle-sphere forwards 3s;
    }
    
    .trigger-animation .arrows svg .st9,
    .trigger-animation .arrows svg .st10,
    .trigger-animation .arrows svg .st13,
    .trigger-animation .arrows svg .st14 {
        opacity: 0;
        -webkit-animation: 0.5s circle-sphere forwards 1.5s;
        animation: 0.5s circle-sphere forwards 1.5s;
    }
    
    .trigger-animation .arrows svg .st9 {
        animation-delay: 1s;
    }
    
    .trigger-animation .arrows svg .st14 {
        animation-delay: 2.2s;
    }
    
    .arrows svg {
        width: 100%;
        overflow: visible;
        height: 100%;
    }
    
    @-webkit-keyframes circle-sphere {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @keyframes circle-sphere {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @-webkit-keyframes test {
        from {
            opacity: 1;
            stroke-dashoffset: -500;
        }
        to {
            stroke-dashoffset: 0;
            opacity: 1;
        }
    }
    
    @keyframes test {
        from {
            opacity: 0;
            stroke-dashoffset: 500;
        }
        to {
            stroke-dashoffset: 0;
            opacity: 1;
        }
    }
    
    @-webkit-keyframes test-1 {
        from {
            opacity: 1;
            stroke-dashoffset: 500;
        }
        to {
            opacity: 1;
            stroke-dashoffset: 0;
        }
    }
    
    @keyframes test-1 {
        from {
            opacity: 1;
            stroke-dashoffset: 500;
        }
        to {
            opacity: 1;
            stroke-dashoffset: 0;
        }
    }
    /* end of logo steps  */
    /* lamps section  */
    
    .lamps .img-container .swinglamps {
        height: 95%;
        margin: 0 auto;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
        animation: swinging 3.5s ease-in-out forwards infinite;
    }
    
    .lamps .img-container .swinglamps.white-lamp {
        height: 50%;
    }
    
    .lamps .img-container .swinglamps.blue-lamp {
        height: 74%;
        margin-left: 90px;
    }
    
    .lamps .img-container {
        height: 350px;
        margin: 0 auto;
        text-align: center;
    }
    
    .lamps .lamp-check li {
        text-align: left;
        line-height: 50px;
        font-size: 17px;
    }
    
    .lamps h3.red {
        margin-bottom: 2px;
        margin-top: 45px;
        font-size: 26px;
    }
    
    .lamps h3.blue {
        margin-top: 5px;
        font-size: 26px;
    }
    
    .lamps .btn-order {
        box-shadow: none !important;
        font-size: 20px;
        color: #2b65a5;
        width: 88%;
        margin: 20px auto;
    }
    
    .lamps .btn-order:hover {
        color: #b72d26;
    }
    
    .lamps .gradient-border p {
        background: #fff;
    }
    
    .lamps .gradient-border::after {
        top: -0.1rem;
        bottom: -0.1rem;
        left: -0.1rem;
        right: -0.1rem;
    }
    
    .lamps .lamp-check .icon-check:before {
        padding-right: 10px;
        background: -webkit-linear-gradient(#b72d26, #2b65a3);
        -webkit-background-clip: text;
        width: 26px;
        height: 26px;
        -webkit-text-fill-color: transparent;
    }
    
    .lamps .corporate-list {
        padding-left: 17px;
    }
    
    @-webkit-keyframes swinging {
        0% {
            -webkit-transform: rotate(10deg);
        }
        50% {
            -webkit-transform: rotate(-5deg)
        }
        100% {
            -webkit-transform: rotate(10deg);
        }
    }
    
    @keyframes swinging {
        0% {
            transform: rotate(10deg);
        }
        50% {
            transform: rotate(-5deg)
        }
        100% {
            transform: rotate(10deg);
        }
    }
    /* end of lamps section */
    /* footer */
    
    .pre-border {
        height: 2px;
        border-top: 4px solid #444444;
        margin-bottom: 4px;
        margin-top: 50px;
    }
    
    .pre-footer {
        background-color: #444444;
        padding-top: 35px;
        padding-bottom: 10px;
        position: relative;
        margin: 0px;
    }
    
    .middle-logo {
        position: absolute;
        top: -28%;
        left: 46.5%;
    }
    
    .middle-logo img {
        width: 105px;
        height: 105px;
    }
    
    .links .text {
        color: #fff;
        font-weight: 400;
    }
    
    .links .icon-phone i {
        display: inline-block;
        font-size: 16px;
    }
    
    .links .icon-mail i {
        font-size: 13px;
    }
    
    .links .icon-text {
        display: inline-block;
        color: #8f8f8f;
    }
    
    .links h3 {
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        line-height: 20px;
    }
    
    .links li {
        line-height: 25px;
    }
    
    .links i {
        color: #fff;
        font-size: 10px;
    }
    
    .links a {
        text-decoration: none;
        color: #8f8f8f;
        font-size: 14px;
    }
    
    .footer {
        background: #353535;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 5px;
        margin: 0px;
        font-size: 13px;
    }
    
    .social i {
        color: #fff;
        margin-right: 10px;
        transition: all .3s ease-in-out;
    }
    
    .footer .social i:hover {
        transform: scale(1.5);
        color: #ccc;
    }
    
    .footer p {
        padding: 0px;
        color: #fff;
    }
    
    .links .dropdown {
        display: inline-block;
    }
    
    .links .dropdown-menu {
        border-radius: 0px;
        min-width: auto;
        width: 36px;
    }
    
    .links .dropdown-menu>li>a {
        font-weight: bold;
    }
    
    .dropdown-menu>li>a {
        text-align: center;
        font-size: 17px;
        padding: 3px 0px;
    }
    
    .links .dropdown-menu>li>a:focus,
    .links .dropdown-menu>li>a:hover {
        background: #1a191a;
        color: #fff;
    }
    
    .links .lang-btn {
        margin-top: -8px;
        padding-left: 10px;
        border-radius: 0px;
        background: #1a191a;
        color: #fff;
        font-weight: bold;
        width: 35px;
        height: 35px;
        margin-right: 7px;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        font-size: 24px;
    }
    
    .links .client-btn {
        background: #b72d26;
        color: #fff;
        font-weight: bold;
        width: 35px;
        height: 35px;
        display: inline-block;
        text-align: center;
        line-height: 41px;
        margin-right: 10px;
    }
    
    .links .client-btn i {
        vertical-align: baseline;
        font-size: 24px;
    }
    
    .links .support-btn {
        display: inline-block;
        background: #2b65a5;
        color: #fff;
        font-weight: bold;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 41px;
    }
    
    .links .support-btn i {
        vertical-align: baseline;
        font-size: 24px;
    }
    /* end footer */
    /* responsive */
    
    @media only screen and (min-width: 1366px) {
        .header-wrapper {
            background-position: 100% 100%;
        }
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .header-wrapper {
            background-position: 100% 100%;
        }
        .events-body .service-img {
            margin: 35px auto !important;
            width: 68%;
        }
        /* designs */
        .designs .logo-design,
        .designs .business,
        .designs .packaging {
            padding-left: 100px;
        }
        .designs .corporate,
        .designs .publication {
            padding-right: 90px;
        }
        .designs img {
            margin-top: 30px !important;
        }
        .designs .logo-design-img {
            margin-top: 55px !important;
        }
        .designs .corporate-design-img {
            margin-top: 40px !important;
        }
        /* end of designs */
    }
    
    @media only screen and (min-width: 1024px) and (max-width:1365px) {}
    
    @media only screen and (max-width: 1023px) {
        .middle-logo {
            top: -20%;
            left: 40%;
        }
        .pre-border {
            margin-top: 70px;
        }
        .header-wrapper .particle.elem1 {
            left: 6%;
            top: 25%;
            height: 119px;
            width: 119px;
            -webkit-animation: flickerAnimation 3.5s infinite;
            -moz-animation: flickerAnimation 3.5s infinite;
            -o-animation: flickerAnimation 3.5s infinite;
            animation: flickerAnimation 3.5s infinite;
            background-image: url('../images/ele1.png');
        }
        .header-wrapper .particle.elem2 {
            left: 43%;
            top: 10%;
            animation-delay: 0.5s;
            -webkit-animation: flickerAnimation 4.3s infinite;
            -moz-animation: flickerAnimation 4.3s infinite;
            -o-animation: flickerAnimation 4.3s infinite;
            animation: flickerAnimation 4.3s infinite;
            height: 80px;
            width: 80px;
            background-image: url('../images/ele2.png');
        }
        .header-wrapper .particle.elem3 {
            left: 27%;
            top: 37%;
            animation-delay: 0.8s;
            -webkit-animation: flickerAnimation 4.5s infinite;
            -moz-animation: flickerAnimation 4.5s infinite;
            -o-animation: flickerAnimation 4.5s infinite;
            animation: flickerAnimation 4.5s infinite;
            height: 95px;
            width: 95px;
            background-image: url('../images/ele3.png');
        }
        .header-wrapper .particle.elem7 {
            left: 50px;
            top: 529px;
            animation-delay: 1s;
            -webkit-animation: flickerAnimation 5s infinite;
            -moz-animation: flickerAnimation 5s infinite;
            -o-animation: flickerAnimation 5s infinite;
            animation: flickerAnimation 5s infinite;
            height: 50px;
            width: 50px;
            background-image: url('../images/ele3.png');
        }
        .header-wrapper .list-inline>li {
            padding-left: 10px;
        }
        .header-wrapper.branding h2 {
            font-size: 30px;
            margin-top: 10px !important;
            margin-left: 85px;
        }
        .header-wrapper {
            background-position: 100% 58%;
            height: 577px;
        }
        .reasons {
            margin-top: 0px;
        }
        .header-wrapper.branding .brand-img {
            width: 126px !important;
            margin-right: 45px;
            margin-top: -20px;
        }
        .breadcrumb {
            margin-left: 61px;
        }
        /* designs digital media */
        .designs .web-design-img {
            margin-top: 45px !important;
        }
        .designs .content-development-img {
            margin-top: 24px !important;
            width: 45% !important;
        }
        /* end of designs digital media */
        /* lamps */
        .lamps h3.red {
            font-size: 1.5rem;
        }
        .lamps h3.blue {
            font-size: 1.4rem;
        }
        /* end of lamps */
        /* build brand */
        .build-brand .brand-img {
            padding: 0px;
        }
        /* end of build brand */
    }
    /* ----------- iPad Pro 10.5" ----------- */
    /* Portrait  */
    
    @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
        /* branding header */
        .header-wrapper {
            height: 690px;
        }
        .header-wrapper.branding {
            height: 480px;
            background-position: 81% 58%;
        }
        .header-wrapper.branding .brand-img {
            width: 160px;
            margin-right: 45px;
        }
        .header-wrapper.branding h2 {
            font-size: 37px;
            margin-top: 46px;
        }
        .header-wrapper h3 {
            font-size: 35px;
        }
        .header-wrapper h2 {
            font-size: 41px;
        }
        /* end of branding header */
        /* header */
        .header-wrapper h3,
        .header-wrapper h2 {
            text-align: right;
            margin-right: 25px;
        }
        /* end of header */
        /* build brand */
        .build-brand h2.red {
            font-size: 24px;
        }
        .build-brand .brand-text {
            margin-top: 16px;
        }
        .build-brand {
            padding-bottom: 35px;
        }
        /* end of build brand */
        /* lamps */
        .main-menu .logo img {
            width: 100%;
            padding-top: 15px;
        }
        /* end of lamps */
        /* designs */
        .designs .logo-design,
        .designs .business,
        .designs .packaging {
            padding-left: 100px;
        }
        .designs .corporate,
        .designs .publication {
            padding-right: 90px;
        }
        .designs img {
            margin-top: 30px !important;
        }
        .designs .logo-design-img {
            margin-top: 55px !important;
        }
        .designs .corporate-design-img {
            margin-top: 40px !important;
        }
        /* end of designs */
        /* lamps */
        .lamps .corporate-list .col-sm-6 {
            padding: 0px;
        }
        .lamps h3.red {
            font-size: 23px;
        }
        .lamps h3.blue {
            font-size: 22px;
        }
        .lamps .btn-order {
            margin: 25px auto;
        }
        .lamps .corporate-list {
            padding-left: 0px;
        }
        .lamps .lamp-check li {
            font-size: 16px;
        }
        /* end of lamps */
        /* logo steps */
        .logo-steps .arrows {
            width: 950px;
        }
        .logo-steps .step1 .step1-img {
            height: 95px;
            margin: 0 70px 25px;
        }
        .logo-steps .step2 .step2-img {
            height: 95px;
        }
        .logo-steps .step2 .step2-img {
            height: 95px;
        }
        .logo-steps .step3 .step3-img {
            height: 95px;
        }
        .logo-steps .step3 {
            margin-top: 29px;
            padding-left: 10%;
        }
        .logo-steps .step4 .step4-img {
            height: 95px;
        }
        .logo-steps .step4 {
            margin-top: 28px;
        }
        /* end of logo steps */
        /* event */
        .events-body .service-img {
            margin: 70px auto 0px auto !important;
        }
        /* end of event */
    }
    /* Small Devices, Tablets */
    
    @media only screen and (max-width: 768px) {
        /* architecture */
        /* end of archeticture */
        .achitect {
            background-position: bottom;
            background-size: 100%;
        }
        /* events */
        .events-body .service-img {
            margin: 130px auto 0px auto !important;
            width: 90%;
        }
        /* end of events */
        /* branding header */
        .header-wrapper.branding {
            height: 380px;
            background-position: 63% 58%;
        }
        .header-wrapper.branding h2 {
            margin-top: 85px;
        }
        .header-wrapper.branding .brand-img {
            width: 150px;
        }
        /* end of branding header */
        /* designs */
        .designs img {
            width: 69% !important;
            margin: 40px auto 25px auto !important;
        }
        .designs .business,
        .designs .logo-design,
        .designs .packaging {
            padding-left: 40px;
        }
        .designs .corporate,
        .designs .publication {
            padding-left: 40px;
        }
        .designs .corporate img {
            margin-top: 55px !important;
        }
        .designs .logo-design-img {
            margin-top: 55px !important;
        }
        .designs .packaging img {
            margin-top: 50px !important;
        }
        .designs .corporate .content-development-img {
            width: 63% !important;
            margin-top: 60px !important;
        }
        .designs .ui-design-img {
            margin-top: 54px !important;
            width: 40% !important;
        }
        .designs .publication img.video-production-img {
            margin-top: 40px !important;
            width: 56% !important;
        }
        .designs .social-media-img {
            margin-top: 55px !important;
            width: 62% !important;
        }
        .designs .corporate-design-container .bg,
        .designs .publication-design-container .bg {
            width: 96%;
        }
        .designs .logo-design-container .bg,
        .designs .business-design-container .bg,
        .designs .packaging-design-container .bg {
            width: 100%;
        }
        /* end of designs */
        .animated {
            display: block;
            opacity: 1;
            /*CSS transitions*/
            -o-transition-property: none !important;
            -moz-transition-property: none !important;
            -ms-transition-property: none !important;
            -webkit-transition-property: none !important;
            transition-property: none !important;
            /*CSS transforms*/
            -o-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important;
            /*CSS animations*/
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
            -ms-animation: none !important;
            animation: none !important;
        }
        /* header */
        .header-wrapper .laptop-img {
            margin-left: 0px;
        }
        /* .header-wrapper {
        background-position: 76% 58%;
    } */
        .header-wrapper .img-container {
            width: 100%;
        }
        /* end of header */
        /* main menu */
        .main-menu .logo img {
            width: 90%;
            padding-top: 15px;
        }
        .header-wrapper h3 {
            font-size: 28px;
            text-align: left !important;
            margin-top: 55px;
        }
        .header-wrapper h2 {
            font-size: 32px;
            text-align: left !important;
        }
        /* end of main menu */
        /* steps */
        .logo-steps .arrows {
            display: none;
        }
        .logo-steps .step1 .step1-img {
            margin: 0 auto;
        }
        .logo-steps .step1 p {
            padding-right: 0;
        }
        .logo-steps .step1 h3 {
            padding-right: 0;
        }
        .logo-steps .step2 {
            margin-top: 52px;
            padding-left: 15px;
        }
        .logo-steps .step3 {
            margin-top: 52px;
            padding-left: 15px;
        }
        .logo-steps .step4 {
            margin-top: 52px;
            padding-left: 15px;
            padding-right: 15px;
        }
        .logo-steps .step4 p {
            padding-left: 0;
            padding-right: 0;
        }
        .logo-steps {
            min-height: 770px;
        }
        /* end of steps */
        /* lamps */
        .lamps .img-container .swinglamps.blue-lamp {
            margin-left: 0px;
        }
        .lamps .corporate-list {
            padding-left: 0px;
        }
        .lamps .btn-order {
            margin-bottom: 40px;
        }
        /* end of lamps */
        /* build brand */
        .build-brand .brand-img {
            width: 100%;
        }
        .build-brand .brand-text {
            margin-top: 11px;
            margin-bottom: 25px;
        }
        .build-brand .brand-text h2 {
            font-size: 23px;
            line-height: 33px;
        }
        /* end of build brand */
        .reasons p {
            text-align: center;
            padding-left: 0px;
        }
        .reason {
            margin-bottom: 45px;
        }
    }
    
    @media only screen and (max-width: 767px) and (orientation:landscape) {
        .header-wrapper .mobile-red {
            background: #b72d26;
            margin-bottom: 25px;
            padding-top: 35px;
            height: 235px;
        }
        /* designs */
        .designs .packaging-design-container {
            margin-bottom: 0px;
        }
        .designs .web-design-img {
            width: 16% !important;
        }
        .designs .corporate .content-development-img {
            width: 17% !important;
        }
        .designs .ui-design-img {
            width: 12% !important;
        }
        .designs .publication img.video-production-img {
            width: 16% !important;
        }
        .designs .social-media-img {
            width: 16% !important;
        }
        .designs .logo-design-container:hover .logo-design-img,
        .designs .corporate-design-container:hover .corporate-design-img,
        .designs .business-design-container:hover .business-design-img,
        .designs .publication-design-container:hover .publication-design-img,
        .designs .packaging-design-container:hover .packaging-design-img {
            filter: none;
        }
        .designs .logo-design-container .bg,
        .designs .business-design-container .bg,
        .designs .packaging-design-container .bg,
        .designs .corporate-design-container .bg,
        .designs .publication-design-container .bg {
            display: none;
        }
        .designs .logo-design-container:hover h3,
        .designs .corporate-design-container:hover h3,
        .designs .business-design-container:hover h3,
        .designs .publication-design-container:hover h3,
        .designs .packaging-design-container:hover h3 {
            color: #b72d26;
        }
        .designs .logo-design-container:hover p,
        .designs .corporate-design-container:hover p,
        .designs .business-design-container:hover p,
        .designs .publication-design-container:hover p,
        .designs .packaging-design-container:hover p {
            color: #1a191a;
        }
        .designs .corporate,
        .designs .publication {
            padding: 0px;
        }
        /* end of designs */
        /* events */
        .events-body .service-img {
            width: 50%;
            margin: 50px auto 40px auto !important;
        }
        /* end of events */
        /* logo steps */
        .logo-steps {
            background: url('../images/logo-steps-bg-mobile.jpg');
        }
        .logo-steps .step4 {
            padding-bottom: 52px;
        }
        /* end of logo steps */
        /* brand header */
        .header-wrapper.branding {
            background-image: none;
            height: auto;
        }
        .header-wrapper.branding h2 {
            color: #fff;
            display: block;
            text-align: center;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 40px;
        }
        .header-wrapper.branding .brand-img {
            width: 170px;
            display: block;
            float: none;
            text-align: center !important;
            margin: 0 auto;
        }
        /* end of brand header */
        /* designs */
        .designs .business,
        .designs .logo-design,
        .designs .packaging {
            padding-left: 0px;
        }
        .designs img {
            width: 16% !important;
            margin-bottom: 40px !important;
        }
        .designs {
            text-align: center;
        }
        /* end of designs */
        /* mobile menu */
        .main-menu-mobile .open {
            position: fixed;
            top: 28px;
            right: 24px;
            z-index: 99;
            width: 50px;
            height: 50px;
            display: block !important;
            cursor: pointer;
            -webkit-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
        }
        .main-menu-mobile .open:hover {
            opacity: 0.8;
        }
        .main-menu-mobile .open span {
            display: block;
            float: left;
            clear: both;
            height: 4px;
            width: 36px;
            border-radius: 40px;
            background-color: #b72d26;
            position: absolute;
            right: 3px;
            top: 3px;
            overflow: hidden;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        .main-menu-mobile .open span:nth-child(1) {
            margin-top: 9px;
            z-index: 9;
        }
        .main-menu-mobile .open span:nth-child(2) {
            margin-top: 18px;
        }
        .main-menu-mobile .open span:nth-child(3) {
            margin-top: 27px;
        }
        .sub-menu {
            -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            height: 0;
            width: 0;
            right: 6px;
            top: 7px;
            position: absolute;
            background-color: rgba(183, 45, 38, 0.64);
            border-radius: 50%;
            z-index: 18;
            overflow: hidden;
        }
        .sub-menu li {
            display: block;
            float: right;
            clear: both;
            height: auto;
            margin-right: -160px;
            -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }
        .sub-menu li:first-child {
            margin-top: 203px;
        }
        .sub-menu li:nth-child(1) {
            -webkit-transition-delay: 0.05s;
        }
        .sub-menu li:nth-child(2) {
            -webkit-transition-delay: 0.10s;
        }
        .sub-menu li:nth-child(3) {
            -webkit-transition-delay: 0.15s;
        }
        .sub-menu li:nth-child(4) {
            -webkit-transition-delay: 0.20s;
        }
        .sub-menu li:nth-child(5) {
            -webkit-transition-delay: 0.25s;
        }
        .sub-menu li a {
            color: #fff;
            font-family: 'Lato', Arial, Helvetica, sans-serif;
            font-size: 16px;
            width: 100%;
            display: block;
            float: left;
            line-height: 40px;
        }
        .oppenned .sub-menu {
            opacity: 1;
            height: 443px;
            width: 422px;
            z-index: 98;
        }
        .oppenned span:nth-child(2) {
            overflow: visible;
        }
        .oppenned span:nth-child(1),
        .oppenned span:nth-child(3) {
            z-index: 100;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #fff;
        }
        .oppenned span:nth-child(1) {
            -webkit-transform: rotate(45deg) translateY(12px) translateX(12px);
            transform: rotate(45deg) translateY(12px) translateX(12px);
        }
        .oppenned span:nth-child(2) {
            height: 429px;
            width: 409px;
            right: -160px;
            top: -160px;
            border-radius: 50%;
            background-color: #b72d26;
        }
        .oppenned span:nth-child(3) {
            -webkit-transform: rotate(-45deg) translateY(-10px) translateX(10px);
            transform: rotate(-45deg) translateY(-10px) translateX(10px);
            margin-top: 40px;
        }
        .oppenned li {
            margin-right: 168px;
        }
        .main-menu .logo img {
            width: 30%;
        }
        .main-menu {
            margin-bottom: 40px;
        }
        /* end of menu */
        /* header */
        .header-wrapper {
            background-image: none;
            height: auto;
        }
        .header-wrapper h3 {
            text-align: center !important;
        }
        .header-wrapper h2 {
            text-align: center !important;
        }
        .header-wrapper .laptop-img {
            width: 50%;
            margin: 0 auto;
        }
        .header-wrapper .particle {
            display: none;
        }
        /* end of header */
        /* reason */
        .reasons {
            margin-top: 20px;
        }
        .reasons p {
            padding-left: 0px;
            text-align: center;
        }
        /* end of reason */
        /* build brand */
        .build-brand .brand-img {
            width: 75%;
            margin: 0 auto;
            padding: 0px;
        }
        /* end of brand */
        /* lamps */
        .lamps .corporate-list {
            padding-left: 10%;
        }
        .lamps .img-container .swinglamps.blue-lamp {
            margin-left: 25%;
        }
        .lamps .img-container .swinglamps.blue-lamp {
            height: 53%;
        }
        .lamps .img-container .swinglamps {
            height: 80%;
        }
        .lamps .img-container .swinglamps.white-lamp {
            height: 38%;
        }
        .lamps h3.red {
            margin-top: 0px;
        }
        /* end of lamps */
        /* archi */
        .achitect {
            background: none;
        }
        /* end of archi */
        /* footer  */
        .footer .copyright,
        .footer .social {
            float: none !important;
            text-align: center;
        }
        .pre-border {
            margin-top: 0px;
        }
        .pre-footer {
            padding-top: 0px;
        }
        .links .dropdown {
            display: block;
            width: 31%;
            float: left;
            margin-left: 2.5%;
        }
        .links .lang-btn {
            width: 100%;
            margin-top: 5px;
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 22px;
        }
        .links .client-btn {
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 34px;
            width: 31%;
            float: left;
            margin-top: 5px;
            margin-left: 1%;
            margin-right: 0px;
        }
        .links .dropdown-menu {
            width: 100%;
            margin-top: -8px;
        }
        .links .support-btn {
            margin-left: 1%;
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 34px;
            width: 31%;
            float: left;
            margin-top: 5px;
            margin-right: 0px;
        }
        .links .client-btn i,
        .links .support-btn i {
            vertical-align: middle;
            padding-right: 8px;
        }
        span.links-text {
            width: 109px;
            text-align: left;
            display: inline-block;
            padding-left: 5px;
        }
        .mobile-footer {
            padding-top: 15px;
        }
        /* end of footer */
        .events-body .service-list {
            margin-bottom: 35px;
        }
    }
    
    @media only screen and (max-width: 480px) {
        /* pre border footer  */
        .pre-border {
            margin-top: 20px;
        }
        .links .dropdown-menu {
            width: 100%;
            margin-top: -7px;
        }
        /* end of pre border footer */
        /* designs */
        .designs .logo-design-container:hover .logo-design-img,
        .designs .corporate-design-container:hover .corporate-design-img,
        .designs .business-design-container:hover .business-design-img,
        .designs .publication-design-container:hover .publication-design-img,
        .designs .packaging-design-container:hover .packaging-design-img {
            filter: none;
        }
        .designs .logo-design-container .bg,
        .designs .business-design-container .bg,
        .designs .packaging-design-container .bg,
        .designs .corporate-design-container .bg,
        .designs .publication-design-container .bg {
            display: none;
        }
        .designs .logo-design-container:hover h3,
        .designs .corporate-design-container:hover h3,
        .designs .business-design-container:hover h3,
        .designs .publication-design-container:hover h3,
        .designs .packaging-design-container:hover h3 {
            color: #b72d26;
        }
        .designs .logo-design-container:hover p,
        .designs .corporate-design-container:hover p,
        .designs .business-design-container:hover p,
        .designs .publication-design-container:hover p,
        .designs .packaging-design-container:hover p {
            color: #1a191a;
        }
        .designs h3 {
            text-align: center;
            display: block;
            clear: both;
        }
        .designs img {
            margin-bottom: 25px !important;
            width: 30% !important;
        }
        .designs .business,
        .designs .logo-design,
        .designs .packaging {
            padding-left: 0px;
        }
        .designs .packaging {
            padding-bottom: 0px;
        }
        .designs .corporate,
        .designs .publication {
            padding: 0px;
        }
        .designs .logo-design {
            padding-top: 0px;
        }
        .designs .logo-design-img {
            margin-top: 0px !important;
        }
        .designs .web-design-img {
            width: 26% !important;
        }
        .designs .corporate .content-development-img {
            width: 26% !important;
        }
        .designs .ui-design-img {
            width: 20% !important;
        }
        .designs .publication img.video-production-img {
            width: 23% !important;
        }
        .designs .social-media-img {
            width: 23% !important;
        }
        .designs .packaging-design-container {
            margin-bottom: 0;
        }
        /* end of designs */
        /* branding header */
        .header-wrapper .mobile-red {
            background: #b72d26;
            margin-bottom: 25px;
            padding-top: 8px;
            height: 235px;
        }
        .header-wrapper.branding {
            background-image: none;
            height: auto;
        }
        .header-wrapper.branding .brand-img {
            width: 170px;
            float: none !important;
            margin: 20px auto;
        }
        .header-wrapper.branding h2 {
            color: #fff;
            float: none !important;
            font-weight: bold;
            margin-right: 0px;
            margin-left: 0px;
            font-size: 30px;
            margin-top: 5px;
            margin-bottom: 25px;
        }
        /* end of branding header */
        /* mobile menu */
        .main-menu-mobile .open {
            position: fixed;
            top: 26px;
            right: 24px;
            z-index: 99;
            width: 50px;
            height: 50px;
            display: block !important;
            cursor: pointer;
            -webkit-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
        }
        .main-menu-mobile .open:hover {
            opacity: 0.8;
        }
        .main-menu-mobile .open span {
            display: block;
            float: left;
            clear: both;
            height: 4px;
            width: 40px;
            border-radius: 40px;
            background-color: #b72d26;
            position: absolute;
            right: 3px;
            top: 3px;
            overflow: hidden;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        .main-menu-mobile .open span:nth-child(1) {
            margin-top: 9px;
            z-index: 9;
        }
        .main-menu-mobile .open span:nth-child(2) {
            margin-top: 18px;
        }
        .main-menu-mobile .open span:nth-child(3) {
            margin-top: 27px;
        }
        .sub-menu {
            -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            height: 0;
            width: 0;
            right: 6px;
            top: 7px;
            position: absolute;
            background-color: rgba(183, 45, 38, 0.64);
            border-radius: 50%;
            z-index: 18;
            overflow: hidden;
        }
        .sub-menu li {
            display: block;
            float: right;
            clear: both;
            height: auto;
            margin-right: -160px;
            -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }
        .sub-menu li:first-child {
            margin-top: 203px;
        }
        .sub-menu li:nth-child(1) {
            -webkit-transition-delay: 0.05s;
        }
        .sub-menu li:nth-child(2) {
            -webkit-transition-delay: 0.10s;
        }
        .sub-menu li:nth-child(3) {
            -webkit-transition-delay: 0.15s;
        }
        .sub-menu li:nth-child(4) {
            -webkit-transition-delay: 0.20s;
        }
        .sub-menu li:nth-child(5) {
            -webkit-transition-delay: 0.25s;
        }
        .sub-menu li a {
            color: #fff;
            font-family: 'Lato', Arial, Helvetica, sans-serif;
            font-size: 16px;
            width: 100%;
            display: block;
            float: left;
            line-height: 40px;
        }
        .oppenned .sub-menu {
            opacity: 1;
            height: 443px;
            width: 422px;
            z-index: 98;
        }
        .oppenned span:nth-child(2) {
            overflow: visible;
        }
        .oppenned span:nth-child(1),
        .oppenned span:nth-child(3) {
            z-index: 100;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #fff;
        }
        .oppenned span:nth-child(1) {
            -webkit-transform: rotate(45deg) translateY(12px) translateX(12px);
            transform: rotate(45deg) translateY(12px) translateX(12px);
        }
        .oppenned span:nth-child(2) {
            height: 429px;
            width: 409px;
            right: -160px;
            top: -160px;
            border-radius: 50%;
            background-color: #b72d26;
        }
        .oppenned span:nth-child(3) {
            -webkit-transform: rotate(-45deg) translateY(-10px) translateX(10px);
            transform: rotate(-45deg) translateY(-10px) translateX(10px);
            margin-top: 40px;
        }
        .oppenned li {
            margin-right: 168px;
        }
        .main-menu .logo img {
            width: 60%;
        }
        /* end of mobile menu */
        /* header */
        .header-wrapper {
            height: 100%;
            background-image: none;
        }
        .header-wrapper h3 {
            font-size: 30px;
            text-align: center !important;
        }
        .header-wrapper h2 {
            font-size: 36px;
            text-align: center !important;
        }
        /* end of header */
        /* logo steps */
        .logo-steps {
            background: url('../images/logo-steps-bg-mobile.jpg');
            background-size: cover;
        }
        .logo-steps .arrows {
            display: none;
        }
        .header-wrapper .particle {
            display: none;
        }
        /* end of logo steps */
        /* menu */
        .main-menu {
            margin-bottom: 28px;
        }
        /* end of menu */
        /* build brand */
        .build-brand .brand-text {
            margin-top: 21px;
            padding-left: 30px;
            padding-right: 30px;
        }
        .build-brand .btn-contact {
            margin-bottom: 20px;
        }
        .build-brand .brand-img {
            width: 100%;
            margin: 0 auto;
            padding: 0px;
        }
        .build-brand .brand-text h2 {
            font-size: 24px;
        }
        /* end of build brand */
        /* reasons */
        .reasons {
            margin-top: 30px;
        }
        .reasons .reason {
            margin-bottom: 30px;
        }
        .reasons p {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 25px;
            text-align: center;
        }
        /* end of reasons */
        /* steps */
        .logo-steps .logo-steps-head:before {
            background: url('../images/1.png');
            background-size: cover;
            background-repeat: no-repeat;
            content: "";
            width: 14px !important;
            height: 74px !important;
            left: 48%;
            position: absolute;
            bottom: 68%;
        }
        .logo-steps .logo-steps-head {
            margin-top: 55px;
            font-size: 32px;
            display: inline-block;
            clear: both;
            background: #b72d26;
            font-weight: bold;
            border-radius: 15px;
            padding: 10px 30px;
        }
        .logo-steps .logo-steps-head strong {
            color: #fff !important;
        }
        .logo-steps .steps {
            color: #b72d26;
            background: transparent;
            font-size: 36px;
            display: block;
        }
        .logo-steps .step1 {
            margin-top: 80px;
        }
        .logo-steps .step1 .step1-img {
            margin: 0 auto;
        }
        .logo-steps .step1 h3 {
            padding-right: 0;
        }
        .logo-steps .step1 p {
            padding-right: 0;
        }
        .logo-steps .step2 {
            padding-left: 15px;
            margin-top: 80px;
        }
        .logo-steps .step3 {
            margin-top: 80px;
            padding-left: 15px;
        }
        .logo-steps .step4 {
            margin-top: 80px;
            margin-bottom: 80px;
            padding-left: 15px;
            padding-right: 15px;
        }
        .logo-steps .step4 p {
            padding: 0px;
            margin-bottom: 10px;
        }
        .logo-steps .step1 .step1-img,
        .logo-steps .step2 .step2-img,
        .logo-steps .step3 .step3-img,
        .logo-steps .step4 .step4-img {
            height: 110px;
        }
        /* end of steps */
        /* lamps */
        .lamps h3.red {
            font-size: 1.2rem;
            margin-top: 0;
        }
        .lamps h3.blue {
            font-size: 1.2rem;
        }
        .lamps .corporate-list {
            padding-left: 20px;
            padding-right: 20px;
        }
        .lamps .lamp-check li {
            line-height: 40px;
            font-size: 15px;
        }
        .lamps .lamp-check .icon-check:before {
            padding-right: 0px;
        }
        .lamps .corporate-list .col-xs-6 {
            padding: 0px;
        }
        .lamps .img-container .swinglamps.white-lamp {
            height: 42%;
        }
        .lamps .img-container .swinglamps {
            height: 82%;
        }
        .lamps .img-container .swinglamps.blue-lamp {
            height: 57%;
            margin-left: 20%;
        }
        .lamps .btn-order {
            margin-bottom: 0px;
        }
        /* end of lamps */
        /* events */
        .events-body .service-list li {
            font-size: 14px;
        }
        .events-body .num {
            line-height: 32px;
        }
        .events-body .gradient-num {
            margin-right: 8px;
        }
        .events-body h3 {
            font-size: 22px;
        }
        .events-body .service-list {
            margin-bottom: 0px;
        }
        .events-body .service-img {
            margin-top: 30px !important;
        }
        /* end of events */
        /* footer */
        .footer .copyright,
        .footer .social {
            float: none !important;
            text-align: center;
        }
        .pre-border {
            margin-top: 15px;
        }
        .pre-footer {
            padding-top: 15px;
        }
        .pre-footer .links {
            padding-left: 15px;
        }
        .links .dropdown {
            display: block;
        }
        .links .lang-btn {
            width: 100%;
            margin-top: 5px;
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 22px;
        }
        .links .client-btn,
        .links .support-btn {
            width: 100%;
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 34px;
        }
        .links .client-btn i,
        .links .support-btn i {
            vertical-align: middle;
            padding-right: 8px;
        }
        span.links-text {
            width: 90px;
            text-align: left;
            display: inline-block;
            padding-left: 5px;
        }
        /* end of footer */
        /* architect */
        .achitect {
            background: none;
        }
        /* end of architect */
    }
    
    @media only screen and (max-width: 340px) {
        /* footer */
        .pre-footer .links {
            padding-left: 20px;
        }
        /* end of footer */
        /* lamps */
        .lamps .img-container .swinglamps.blue-lamp {
            margin-left: 5%;
            height: 65%;
        }
        .lamps .img-container .swinglamps {
            height: 92%;
        }
        .lamps .img-container .swinglamps.white-lamp {
            height: 45%;
        }
        .lamps h3.red {
            font-size: 1.1rem;
        }
        .lamps h3.blue {
            font-size: 1rem;
        }
        .lamps .corporate-list {
            padding-left: 10px;
            padding-right: 10px;
        }
        .lamps .lamp-check li {
            font-size: 13px;
        }
        /* end of lamps */
        /* reasons */
        .reasons .reason h4 {
            font-size: 15px;
        }
        /* end of reasons */
        .events-body h3 {
            font-size: 20px;
        }
        /* brand */
        /* end of brand */
    }
    
    @supports (-ms-ime-align: auto) {
        .arrows svg path {
            stroke-dashoffset: 0!important;
        }
    }
    
    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        .arrows svg path {
            stroke-dashoffset: 0!important;
        }
    }