:root {
    /* Light mode */
    --light-theme-text: #555;
    --light-theme-bg: #fcfcfc;
    --light-theme-secondbg: #fcfcfc;
    --light-theme-header-shadow:0 0 10px rgba(0, 0, 0, 0.15);

    /* Dark mode */
    --dark-theme-text: #fff;
    --dark-theme-bg: #141414;
    --dark-theme-secondbg: #0A0A0A;
    --dark-theme-header-shadow:0 0 10px rgba(0, 0, 0, 0.5);

    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: #FF8732;
    --swiper-pagination-color: #FF8732;
}



body{color:var(--light-theme-text);background:var(--light-theme-bg);}
body a{color:var(--light-theme-text);}

body.dark-theme{color:var(--dark-theme-text);background:var(--dark-theme-bg);}
body.dark-theme a{color:var(--dark-theme-text);}



*{box-sizing:border-box;}
html,
body,
input,
textarea,
a{font-family:Poppins,serif,sans-serif,monospace;font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}

h1,
h2,
h3,
h4,
h5,
h6{font-family:Poppins,serif,sans-serif,monospace;color:#333;}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6{color:#fff;}

@keyframes webiland{0%{background-position:100% 100%}100%{background-position:0 0}}
p{line-height:150%;margin-block-start:1em;margin-block-end:1em;}
b{font-weight:bold;}






.wrapper{position:relative;width:100%;max-width:1230px;padding:0 30px;margin:0 auto;}
.clearfix{}
.wrapper:after,
.clearfix:after{content:"";clear:both;display:table;}
.center{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}


.fix-button{display:inline-block;width:170px;height:45px;text-decoration:none;text-align:center;line-height:45px;font-weight:500;font-size:18px;border-radius:23px;}
.fix-button-empty{color:#3558D4;}

.btn-colored-anim{background:linear-gradient(135deg, #3558D4, #7C319F, #f5813a, #7C319F, #3558D4, #7C319F, #f5813a, #7C319F, #3558D4, #7C319F, #f5813a, #7C319F);background-size:800% 800%;background-position:100% 100%;color:#fff;border-radius:23px;}
.btn-colored-anim:hover{animation:webiland 7s linear infinite;}

.btn-common-anim{border:0;box-shadow:0 0 4px rgba(0, 0, 0, 0.25);border-radius:30px;background:#fff;}
.btn-common-anim i{background:linear-gradient(289deg, #D43578 25%, #7C319F 47%, #7E329D 52%, #FF8732 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;transition:all 0.6s ease;}

.btn-common-anim:hover{background:linear-gradient(94.8deg, #D43578 -42.97%, #7C319F 46.75%, #7E329D 47.96%, #FF8732 118.69%);color:#fff;}
.btn-common-anim:hover i{color:#fff;background:transparent;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#fff;text-fill-color:#fff;}

.btn-common-menu{border:1px solid #333;border-radius:30px;color:#333!important;}
.dark-theme .btn-common-menu{border:1px solid #fff;border-radius:30px;color:#fff!important;}
.btn-common-menu:hover{border:1px solid #3558D4;border-radius:30px;color:#3558D4!important;}

.btn-common-orange{border-radius:30px;color:#FF8732!important;border:1px solid #FF8732;}
.btn-common-orange:hover{background:#FF8732;color:#FFF!important;}
.dark-theme .btn-common-orange{border-radius:30px;color:#FF8732!important;border:1px solid #FF8732;}
.dark-theme .btn-common-orange:hover{border:1px solid #FFF;color:#FFF!important;background:transparent;}




#web-app{}
#web-app .primary-blue-btn{cursor:pointer;display:inline-block;border:0;text-align:center;font-weight:500;font-size:20px;color:#fff;background:#3558D4;width:170px;height:44px;}

header{position:fixed;width:100%;top:0;left:0;right:0;z-index:99;background:var(--light-theme-bg);box-shadow:var(--light-theme-header-shadow);}
header .wrapper{position:static;}
body.dark-theme header{background:var(--dark-theme-secondbg);box-shadow:var(--dark-theme-header-shadow);}
header .top-line{width:100%;max-width:100%;transition:all 0.6s ease;}
header .top-line,
header .top-line .top-line-item{height:110px;line-height:110px;}

header.scroll-down .top-line,
header.scroll-down .top-line .top-line-item{height:80px;line-height:80px;}
header.scroll-down .top-line .top-logo img{height:38px;}
header.scroll-down .top-line .main-menu>ul>li>a{font-size:17px;}

header .top-line .mob-menu-btn{display:none;float:left;}

.mob-menu-btn{cursor:pointer;display:inline-block;font-size:10px;width:50px;height:50px;margin-left:-15px;margin-right:10px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
.mob-menu{vertical-align:middle;-webkit-tap-highlight-color:transparent;transition:transform 400ms;}
.mob-menu .line{fill:none;transition:stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke:#000;stroke-width:5.5;stroke-linecap:round;}
.mob-menu .top{stroke-dasharray:40 160;}
.mob-menu .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform 400ms;}
.mob-menu .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform 400ms, stroke-dashoffset 400ms;}
.mob-menu.active{transform:rotate(45deg);}
.mob-menu.active .top{stroke-dashoffset:-64px;}
.mob-menu.active .middle{transform:rotate(90deg);}
.mob-menu.active .bottom{stroke-dashoffset:-64px;}
.dark-theme .mob-menu .line{stroke:#fff;}


.dark-theme .mob-menu-btn span{background:#fff;}





header .top-line .top-logo{float:left;width:20%;}
header .top-line .top-logo a.dark-theme-logo{display:none;}
header .top-line .top-logo a.light-theme-logo{display:inline-block;}
.dark-theme header .top-line .top-logo a.dark-theme-logo{display:inline-block;}
.dark-theme header .top-line .top-logo a.light-theme-logo{display:none;}
header .top-line .top-logo img{vertical-align:middle;height:46px;transition:all 0.6s ease;}
header .top-line .main-menu{float:left;width:50%;margin:0;text-align:center;}
header .top-line .main-menu ul{}
header .top-line .main-menu>ul>li{display:inline-block;height:110px;line-height:110px;margin-right:50px;}
header .top-line .main-menu>ul>li:last-child{margin-right:0;}
header.scroll-down .top-line .main-menu>ul>li{height:80px;line-height:80px;}
header .top-line .main-menu>ul>li>a{color:#333;font-size:18px;text-decoration:none;transition:all 0.6s ease;}
header .top-line .main-menu>ul>li>a:hover{background:linear-gradient(289deg, #D43578 25%, #7C319F 47%, #7E329D 52%, #FF8732 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;}
.dark-theme header .top-line .main-menu>ul>li>a{color:#fff;}



header .top-line .top-nav-right-group{float:right;width:30%;}
header .top-line .contact-us-btn{float:right;display:inline-block;width:auto;}
header .top-line .contact-us-btn a{font-size:18px;padding:10px 20px;text-decoration:none;}
header .top-line .contact-us-btn>a:hover{}
header .top-line .switch-bar{float:right;display:inline-block;margin-left:30px;}
header .top-line .switch-bar ul{}
header .top-line .switch-bar ul li{display:inline-block;margin-left:28px;}
header .top-line .switch-bar ul li:first-child{margin-left:10px;}
header .top-line .switch-bar>ul>li>a{}
i.switch-icon{display:inline-block;vertical-align:middle;width:24px;height:24px;}
i.switch-lang-icon{background:url('../img/i-switch-lang.svg') 0 0 no-repeat;}
.dark-theme i.switch-lang-icon{background:url('../img/i-switch-lang-white.svg') 0 0 no-repeat;}
i.switch-theme-icon{background:url('../img/i-get-dark-theme.svg') 0 0 no-repeat;}
.dark-theme i.switch-theme-icon{background:url('../img/i-get-light-theme.svg') 0 0 no-repeat;}


.sub-menu-container{display:none;position:absolute;top:110px;left:0;right:0;width:100%;text-align:left;background:var(--light-theme-secondbg);}
header.scroll-down .sub-menu-container{top:80px;}
.dark-theme .sub-menu-container{background:var(--dark-theme-secondbg);}

ul.sub-menu-group{width:100%;padding:0 0 20px 0;}
ul.sub-menu-group a{text-decoration:none;}
ul.sub-menu-group a:hover{text-decoration:underline;}
ul.sub-menu-group>li{}
ul.sub-menu-group>li>a{font-size:14px;color:#333;}
.dark-theme ul.sub-menu-group>li>a{color:#fff;}
ul.sub-menu-list{}
ul.sub-menu-list>li{}
ul.sub-menu-list>li>a{font-size:14px;color:#777;}
.dark-theme ul.sub-menu-list>li>a{color:#aaa;}



i.i-menu{display:block;}
i.i-menu svg{width:39px;height:46px;}
i.i-design{}
i.i-development{}
i.i-digitalmarketing{}
i.i-corporatesolutions{}

.main{}
.main .top-view{height:100vh;padding-top:110px;}
.main .top-view .slider-top{height:calc(100vh - 240px);}

.slider-top{}
.slider-top .slider-item{height:100%;background-position:right center;background-repeat:no-repeat;background-size:cover;}
.slider-top .slider-design{background-image:url('/assets/img/slide/slide-websites-white.jpg');}
.slider-top .slider-corp{background-image:url('/assets/img/slide/slide-corp-white.jpg');}
.slider-top .slider-smm{background-image:url('/assets/img/slide/slide-SMM-white.jpg');}
.slider-top .slider-seo{background-image:url('/assets/img/slide/slide-SEO-white.jpg');}
.dark-theme .slider-top .slider-design{background-image:url('/assets/img/slide/slide-websites-dark.jpg');}
.dark-theme .slider-top .slider-corp{background-image:url('/assets/img/slide/slide-corp-dark.jpg');}
.dark-theme .slider-top .slider-smm{background-image:url('/assets/img/slide/slide-SMM-dark.jpg');}
.dark-theme .slider-top .slider-seo{background-image:url('/assets/img/slide/slide-SEO-dark.jpg');}

.slider-top .slider-caption{float:left;width:50%;padding-top:95px;}
.slider-top .slider-caption h1{font-size:50px;line-height:65px;font-weight:bold;padding-right:50px;}
.slider-top .slider-caption p.description{padding-right:180px;margin-top:32px;margin-bottom:56px;}
.slider-top .slider-image{float:right;width:50%;padding-right:10%;}
.slider-top .slider-image img{display:block;width:100%;object-fit:cover;}
.slider-top .slider-seo{background-position:right -75px center;}

#top-slider-nav{position:absolute;margin-top:-70px;}
.tns-nav > [aria-controls]{display:inline-block;text-align:center;margin-right:20px;}
.tns-nav > [aria-controls] button{cursor:pointer;width:26px;height:26px;border:6px solid #fff;border-radius:50%;background:#3558D4;vertical-align:middle;transition:all 0.3s ease-out;}
.tns-nav > [aria-controls] span{content:"";display:inline-block;width:36px;height:26px;background:#333;border-top:15px solid #fff;border-bottom:16px solid #fff;vertical-align:middle;margin-left:20px;}
.tns-nav > [aria-controls]:last-child span{display:none;width:0;height:0;border:0;}
.tns-nav > .tns-nav-active button{width:26px;height:26px;background:#FF8732;border:6px solid #ffc398;}


.main .top-view .clients{height:130px;padding-top:30px;box-shadow:0 0 4px rgba(0, 0, 0, 0.1);background:var(--light-theme-secondbg);display:flex;overflow:hidden;}
.main .top-view .clients .clients-item{margin:0 45px;width:170px;height:75px;background:url('../img/clients.png') 0 0 no-repeat;background-position-x:0;background-position-y:0;}
.main .top-view .clients .clients-um{width:170px;background-position-x:0;}
.main .top-view .clients .clients-bcc{width:134px;background-position-x:-170px;}
.main .top-view .clients .clients-ada{width:116px;background-position-x:-304px;}
.main .top-view .clients .clients-bmc{width:229px;background-position-x:-420px;}
.main .top-view .clients .clients-un{width:248px;background-position-x:-649px;}
.main .top-view .clients .clients-mccann{width:263px;background-position-x:-897px;}
.main .top-view .clients .clients-innopro{width:297px;background-position-x:-1160px;}
.main .top-view .clients .clients-fortex{width:274px;background-position-x:-1460px;}
.main .top-view .clients .clients-paygroup{width:273px;background-position-x:-1738px;}
.main .top-view .clients .slider-clients{display:flex;justify-content:flex-start;}

.dark-theme .main .top-view .clients{box-shadow:0 0 4px rgba(0, 0, 0, 0.1);background:var(--dark-theme-secondbg);}
.dark-theme .main .top-view .clients .clients-item{background-position-y:-75px;}


.services{margin-top:65px;padding-top:60px;padding-bottom:40px;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);background:var(--light-theme-secondbg);}
.services .wrapper{display:flex;justify-content:flex-start;}
.dark-theme .services{box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);background:var(--dark-theme-secondbg);}
.services .services-note{float:left;width:33%;}
.services .services-note h1{font-size:50px;font-weight:bold;padding-right:50px;}
.dark-theme .services .services-note{color:#AAA;}
.services .services-list{width:66%;margin-top:-15px;display:flex;justify-content:flex-start;flex-wrap:wrap;}

.services .services-list .services-item{width:45%;margin:8px;background:#FAFBFF;border-radius:5px;display:flex;justify-content:flex-start;}
.dark-theme .services .services-list .services-item{color:#AAA;background:#141414;}
.services .services-list .services-item:hover{box-shadow:0 4px 30px rgba(0, 0, 0, 0.08);background:linear-gradient(94.8deg, #3558D4 -42.97%, #7C319F 46.75%, #FF8732 118.69%);}
.services .services-list .services-item:hover,
.services .services-list .services-item:hover h1,
.services .services-list .services-item:hover .services-item-info a{color:#fff;}
.services .services-list .services-item .services-item-icon-container{width:137px;padding:30px 15px 0 20px;}
.services .services-list .services-item .services-item-icon-container .service-item-icon{display:block;width:92px;height:78px;background:url('../img/service-icons-gray.png') 0 0 no-repeat;background-position-y:0;}
.dark-theme .services .services-list .services-item .services-item-icon-container .service-item-icon,
.services .services-list .services-item:hover .services-item-icon-container .service-item-icon{background-image:url('../img/service-icons-white.png');}
.services .services-list .services-item .services-item-icon-container .service-design-icon{background-position-x:0;}
.services .services-list .services-item .services-item-icon-container .service-development-icon{background-position-x:-94px;}
.services .services-list .services-item .services-item-icon-container .service-smm-icon{width:95px;height:78px;background-position-x:-188px;}
.services .services-list .services-item .services-item-icon-container .service-seo-icon{background-position-x:-285px;}
.services .services-list .services-item .services-item-info{width:100%;padding-top:30px;padding-right:20px;}
.services .services-list .services-item .services-item-info h1{font-size:20px;font-weight:bold;line-height:120%;}
.services .services-list .services-item .services-item-info p{font-size:14px;}
.services .services-list .services-item .services-item-info a{color:#3558D4;}
.services .services-list .services-item .services-item-info a.see-more{font-size:16px;font-weight:500;text-decoration:none;}
.services .services-list .services-item .services-item-info a.see-more .see-more-icon{display:inline-block;width:21px;height:12px;background:url('../img/arrow-right.svg') 0 0 no-repeat;margin-left:4px;}
.services .services-list .services-item:hover .services-item-info a.see-more .see-more-icon{background:url('../img/arrow-right-white.svg') 0 0 no-repeat;}

.work{margin-top:65px;box-shadow:0 2px 15px rgba(0, 0, 0, 0.05);padding-bottom:50px;background:var(--light-theme-secondbg);}
.dark-theme .work{box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);background:var(--dark-theme-secondbg);}
.work .header{}
.work .header h1{padding-top:50px;font-style:normal;font-weight:bold;font-size:50px;}
.work .header .short-info{float:left;width:370px;}
.dark-theme .work .header .short-info{color:#AAA;}
.work .header .short-info p{font-style:normal;font-weight:normal;font-size:16px;line-height:24px;}
.work .header .view-all{float:right;}
.work .header .view-all a{}
.work .work-carousel{}
.work .work-carousel .work-item-container{padding:15px;}
.work .work-carousel .work-item{min-width:350px;max-width:420px;width:100%;height:440px;background:#fcfcfc;box-shadow:0 0 4px rgba(0, 0, 0, 0.25);color:#333;}
.dark-theme .work .work-carousel .work-item{background:#141414;box-shadow:0 0 4px rgba(0, 0, 0, 0.25);color:#fff;}
.work .work-carousel .work-item .work-item-header{width:100%;height:150px;padding:22px;line-height:150%;}
.work .work-carousel .work-item .work-item-header .work-name{font-size:25px;font-weight:bold;}
.work .work-carousel .work-item .work-item-header .work-category{font-size:18px;}
.work .work-carousel .work-item .work-item-header .work-see-more{}
.work .work-carousel .work-item .work-item-header .work-see-more a.see-more{font-size:16px;font-weight:500;color:#3558D4;text-decoration:none;}
.work .work-carousel .work-item .work-item-header .work-see-more a.see-more .see-more-icon{display:inline-block;width:21px;height:12px;background:url('../img/arrow-right.svg') 0 0 no-repeat;margin-left:4px;}
.work .work-carousel .work-item .work-item-img{position:relative;width:100%;height:290px;background:linear-gradient(94.8deg, #D9D9D9 -42.97%, #D9D9D9 46.75%, #D9D9D9 118.69%);transition:all 3s ease;}
.work .work-carousel .work-item .work-item-img img{width:100%;}
.work .work-carousel .work-item:hover .work-item-img{background:linear-gradient(94.8deg, #3558D4 -42.97%, #7C319F 46.75%, #FF8732 118.69%);}

.whoweare{margin-top:65px;padding-top:50px;padding-bottom:50px;box-shadow:0 2px 15px rgba(0, 0, 0, 0.05);background:var(--light-theme-secondbg);}
.dark-theme .whoweare{box-shadow:0 4px 14px rgba(0, 0, 0, 0.05);background:var(--dark-theme-secondbg);}
.whoweare .whoweare-img{float:left;width:50%;padding-right:10%;text-align:center;}
.whoweare .whoweare-img img{width:100%;max-width:480px;}
.whoweare .whoweare-content{float:right;width:50%;padding-right:10%;}
.dark-theme .whoweare .whoweare-content{color:#AAA;}
.whoweare .whoweare-content h1{font-size:60px;font-weight:bold;line-height:120%;margin-bottom:30px;}
.whoweare .whoweare-content h1{text-shadow:1px 0 0 #333, -1px 0 0 #333, 0 1px 0 #333, 0 -1px 0 #333, 1px 1px #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333;color:#fff;}
.dark-theme .whoweare .whoweare-content h1{text-shadow:1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;color:#0A0A0A;}
.whoweare .whoweare-content p{font-size:16px;}

.contact-us{margin-top:65px;padding-top:50px;padding-bottom:50px;box-shadow:0 2px 15px rgba(0, 0, 0, 0.05);background:var(--light-theme-secondbg);}
.dark-theme .contact-us{box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);background:var(--dark-theme-secondbg);}
.contact-us .contact-us-form{float:left;width:40%;padding-right:25px;}
.contact-us .contact-us-form h1{font-size:50px;font-weight:bold;line-height:55px;}
.contact-us .contact-us-form .form-field{padding-top:15px;padding-bottom:15px;}
.contact-us .contact-us-form input{width:100%;height:50px;border:1px solid #ccc;font-size:14px;padding:18px 20px}
.contact-us .contact-us-form textarea{width:100%;height:130px;border:1px solid #ccc;font-size:14px;padding:18px 20px}
.contact-us .contact-us-form button{cursor:pointer;}
.contact-us .contact-us-location{float:right;width:60%;padding-left:25px;}
.contact-us .contact-us-location .contact-us-data{float:left;width:50%;}
.contact-us .contact-us-location .contact-us-icon{float:right;width:50%;}
.contact-us .contact-us-location .contact-us-map{width:100%;}
.contact-us .contact-us-location .contact-us-map img{width:100%;}
i.phone-icon{float:left;margin-right:10px;display:inline-block;width:26px;height:26px;background:url('../img/phone-icon.png') center 0 no-repeat;}
i.email-icon{float:left;margin-right:10px;display:inline-block;width:26px;height:26px;background:url('../img/email-icon.png') center 4px no-repeat;}
i.address-icon{float:left;margin-right:10px;display:inline-block;width:26px;height:55px;background:url('../img/address-icon.png') center 0 no-repeat;}




footer .copyrights{width:100%;padding:10px 0;line-height:120%;background:#fff;text-align:center;color:#333;font-size:14px;}
.dark-theme footer .copyrights{background:var(--dark-theme-secondbg);color:var(--dark-theme-text);border-top:1px solid #fff;}


footer .footer-top{margin-top:65px;padding-top:50px;padding-bottom:50px;box-shadow:0 2px 15px rgba(0, 0, 0, 0.05);}
.dark-theme footer .footer-top{box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);background:var(--dark-theme-secondbg);}
footer .footer-top .footer-top-item{line-height:150%;}
footer .footer-top .footer-social{float:left;width:25%;}
footer .footer-top .footer-social .logo img{height:46px;}
footer .footer-top .footer-social .logo img.footer-logo-light{display:inline-block;}
footer .footer-top .footer-social .logo img.footer-logo-dark{display:none;}
.dark-theme footer .footer-top .footer-social .logo img.footer-logo-light{display:none;}
.dark-theme footer .footer-top .footer-social .logo img.footer-logo-dark{display:inline-block;}
footer .footer-top .footer-social ul{margin-top:30px;}
footer .footer-top .footer-social ul li{display:inline-block;}
footer .footer-top .footer-social ul li a{display:inline-block;}
footer .footer-top .footer-menu{float:left;width:75%;}
footer .footer-top .footer-menu>ul{}
footer .footer-top .footer-menu>ul>li{float:left;width:25%;padding:5px 10px;}
footer .footer-top .footer-menu>ul>li>a{font-weight:600;color:#333;}
.dark-theme footer .footer-top .footer-menu>ul>li>a{color:#fff;}
footer .footer-top .footer-menu>ul>li>ul{}
footer .footer-top .footer-menu>ul>li>ul>li{}
footer .footer-top .footer-menu>ul>li>ul>li>a{color:#777;}
.dark-theme footer .footer-top .footer-menu>ul>li>ul>li>a{color:#AAA;}
footer .footer-top .footer-menu a{text-decoration:none;font-size:14px;}

.i-footer{display:inline-block;width:23px;height:23px;margin-right:31px;}
.i-facebook{background:url(../img/social/i-facebook.svg) 0 0 no-repeat;}
.i-instagram{background:url(../img/social/i-instagram.svg) 0 0 no-repeat;}
.i-twitter{background:url(../img/social/i-twitter.svg) 0 0 no-repeat;}
.i-linkedin{background:url(../img/social/i-linkedin.svg) 0 0 no-repeat;}
.dark-theme .i-facebook{background:url(../img/social/i-facebook-white.svg) 0 0 no-repeat;}
.dark-theme .i-instagram{background:url(../img/social/i-instagram-white.svg) 0 0 no-repeat;}
.dark-theme .i-twitter{background:url(../img/social/i-twitter-white.svg) 0 0 no-repeat;}
.dark-theme .i-linkedin{background:url(../img/social/i-linkedin-white.svg) 0 0 no-repeat;}



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

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

    header .top-line,
    header .top-line .top-line-item{height:90px;line-height:90px;}
    header.scroll-down .top-line,
    header.scroll-down .top-line .top-line-item{height:70px;line-height:70px;}

    header .top-line .top-logo img{height:38px;}
    header.scroll-down .top-line .top-logo img{height:34px;}

    header .top-line .main-menu>ul>li{margin-right:40px;}
    header .top-line .main-menu>ul>li>a,
    header .top-line .contact-us-btn a{font-size:17px;}
    header.scroll-down .top-line .main-menu>ul>li>a,
    header.scroll-down .top-line .contact-us-btn a{font-size:16px;}
    header .top-line .contact-us-btn a{padding:5px 14px;}

    header .top-line .main-menu>ul>li{height:90px;line-height:90px;}
    header.scroll-down .top-line .main-menu>ul>li{height:70px;line-height:70px;}

    .sub-menu-container{top:90px;}
    header.scroll-down .sub-menu-container{top:70px;}

    .main .top-view{height:auto;padding-top:90px;}
    .main .top-view .slider-top{height:calc(100vh - 220px);}

    .services .wrapper{flex-direction:column;}
    .services .services-note{width:100%;}
    .services .services-list{width:100%;margin-top:25px;}

    .whoweare .whoweare-content h1{font-size:50px;margin-bottom:20px;}
}
@media screen and (max-width:1100px){

    .main .top-view .slider-top{height:500px;}
	.slider-top .slider-caption{padding-top:45px;}
	.slider-top .slider-caption h1{font-size:40px;line-height:45px;}
	.slider-top .slider-caption p.description{font-size:15px;padding-right:150px;margin-top:24px;margin-bottom:36px;}

    .contact-us .contact-us-form h1{font-size:40px;line-height:45px;}

    footer .footer-top .footer-social{width:33%;}
    footer .footer-top .footer-menu{width:66%;}
    footer .footer-top .footer-menu>ul>li{width:50%;}
}
@media screen and (min-width:993px){
    header .top-line .main-menu>ul>li.has-dropdown:hover .sub-menu-container{display:block;}
    ul.sub-menu-group{line-height:150%;-js-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-flex:0;}
    ul.sub-menu-group>li{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:230px;padding:5px 10px}
}
@media screen and (max-width:992px){

    html.noscroll{overflow:hidden;}
    body.noscroll{overflow:visible;}

    header .top-line,
    header .top-line .top-line-item{height:70px;line-height:70px;}
    header.scroll-down .top-line,
    header.scroll-down .top-line .top-line-item{height:60px;line-height:60px;}
    header .top-line .top-line-item{position:relative;z-index:80;}

    header .top-line .top-logo{width:160px;}
    header .top-line .top-nav-right-group{width:210px;}
    header .top-line .top-logo img{height:32px;}
    header.scroll-down .top-line .top-logo img{height:28px;}

    header .top-line .mob-menu-btn{_display:inline-block;}
    header .top-line .top-line-item.main-menu{display:none;position:fixed;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;}
    header.main-menu-active .top-line .top-line-item.main-menu{display:block;}
    header .top-line .top-line-item.main-menu ul{margin-top:70px;background:var(--light-theme-secondbg);}
    header .top-line .top-line-item.main-menu ul li{display:block;height:50px;line-height:50px;margin:0;}
    .dark-theme header .top-line .main-menu ul{background:var(--dark-theme-secondbg);}
    header .top-line .main-menu>ul{float:none;width:100%;border-top:1px solid #555;}
    .dark-theme header .top-line .main-menu>ul{border-top:1px solid #333;}
    header .top-line .main-menu>ul li{float:none;width:100%;border-bottom:1px solid #555;}
    .dark-theme header .top-line .main-menu>ul li{border-bottom:1px solid #333;}
    header .top-line .main-menu>ul li a{position:relative;display:block;height:auto;line-height:100%;font-size:18px;padding:16px 30px;text-align:left;}
    header .top-line .main-menu>ul li.has-dropdown>a:after{content:"";position:absolute;top:19px;right:20px;background:url('../img/menu-arrow-right.svg') 0 0 no-repeat;width:7px;height:12px;}
    header .top-line .main-menu>ul .sub-menu-group li.has-dropdown>a:after{background:url('../img/menu-arrow-down.svg') 0 0 no-repeat;width:12px;height:7px;}
    header .top-line .main-menu>ul>li.has-dropdown.active{position:absolute;z-index:50;width:100%;height:100%;background:var(--light-theme-secondbg);}
    header .top-line .main-menu>ul>li.has-dropdown.active>a{padding-left:60px;}
    header .top-line .main-menu>ul>li.has-dropdown.active>a:after{left:40px;}
    .dark-theme header .top-line .main-menu>ul li.has-dropdown.active{background:var(--dark-theme-secondbg);}
    .dark-theme header .top-line .main-menu>ul li.has-dropdown>a:after{background-image:url('../img/menu-arrow-right-white.svg');}
    .dark-theme header .top-line .main-menu>ul .sub-menu-group li.has-dropdown>a:after{background-image:url('../img/menu-arrow-down-white.svg');}
    header .top-line .main-menu>ul li.has-dropdown.active .sub-menu-container{display:block;}
    header .top-line .switch-bar{_display:none;}

    @-webkit-keyframes mobsubmenu-1{to{margin-top:0;}}
    @keyframes mobsubmenu-1{to{margin-top:0;}}
    @-webkit-keyframes mobsubmenu-2{to{left:0;opacity:1;}}
    @keyframes mobsubmenu-2{to{left:0;opacity:1;}}
    .sub-menu-list{}
    header .top-line .main-menu .sub-menu-group{padding:0;}
    header .top-line .main-menu .sub-menu-group li.has-dropdown ul{display:none;position:relative;opacity:0;left:200px;}
    header .top-line .main-menu .sub-menu-group li.has-dropdown ul a{font-size:16px;font-weight:300;}
    header .top-line .main-menu .sub-menu-group li.has-dropdown.active{height:auto;}
    header .top-line .main-menu .sub-menu-group li.has-dropdown.active>a:after{transform:rotate(180deg);}
    header .top-line .main-menu .sub-menu-group li.has-dropdown.active ul{display:block;animation:mobsubmenu-2 .4s forwards;}

    .sub-menu-container{position:static;overflow:hidden;}
    .sub-menu-container .wrapper{padding:0;}
    header .top-line .top-line-item.main-menu .sub-menu-container ul{margin:0;}
    header .top-line .top-line-item.main-menu .sub-menu-container>.wrapper>ul{margin-top:-120%;}
    header .top-line .main-menu>ul li.has-dropdown.active .sub-menu-container>.wrapper>ul{animation:mobsubmenu-1 .4s forwards;}

    i.i-menu{display:inline-block;position:absolute;left:30px;}
    i.i-menu svg{width:23px;height:50px;}
    header .top-line .main-menu .sub-menu-group>li a{padding-left:65px;}

    .sub-menu-group,
    .sub-menu-list{border-top:1px solid #555;}
    .dark-theme .sub-menu-group,
    .dark-theme .sub-menu-list{border-top:1px solid #333;}

    .main .top-view .clients .clients-item{_height:50px;}

    .main .top-view{padding-top:70px;}

    .whoweare .whoweare-content,
    .whoweare .whoweare-img{float:none;width:100%;}
    .whoweare .whoweare-img{padding-top:20px;}


    .contact-us .contact-us-form,
    .contact-us .contact-us-location{float:none;width:100%;padding:0;}
}
@media screen and (max-width:840px){

    .services .services-list .services-item{flex-direction:column;}
    .services .services-list .services-item .services-item-icon-container{padding:20px 20px 0;}
    .services .services-list .services-item .services-item-info{padding:20px;}


    footer .footer-top .footer-social{width:100%;}
    footer .footer-top .footer-menu{width:100%;}
    footer .footer-top .footer-menu>ul>li{width:100%;}
    footer .footer-top .footer-menu>ul>li>ul{display:none;}
}
@media screen and (max-width:767px){
	.slider-top .slider-item{background-position:center center;}
	.slider-top .slider-design{background-image:url('/assets/img/slide/slide-websites-light-mobile.jpg');}
	.slider-top .slider-corp{background-image:url('/assets/img/slide/slide-corp-light-mobile.jpg');}
	.slider-top .slider-smm{background-image:url('/assets/img/slide/slide-smm-light-mobile.jpg');}
	.slider-top .slider-seo{background-image:url('/assets/img/slide/slide-seo-light-mobile.jpg');}
	.dark-theme .slider-top .slider-design{background-image:url('/assets/img/slide/slide-websites-dark-mobile.jpg');}
	.dark-theme .slider-top .slider-corp{background-image:url('/assets/img/slide/slide-corp-dark-mobile.jpg');}
	.dark-theme .slider-top .slider-smm{background-image:url('/assets/img/slide/slide-smm-dark-mobile.jpg');}
	.dark-theme .slider-top .slider-seo{background-image:url('/assets/img/slide/slide-seo-dark-mobile.jpg');}
	
	.main .top-view .slider-top{height:600px;}
	.slider-top .slider-caption{width:100%;text-align:center;}
	.slider-top .slider-caption h1{font-size:40px;line-height:45px;padding-right:0;}
	.slider-top .slider-caption p.description{display:none;}
    .slider-top .slider-caption p.apply{margin-top:375px;}
	
	
}
@media screen and (max-width:740px){

    ._wrapper{padding:0 20px;}

    .work .header .short-info,
    .work .header .view-all{float:none;width:100%;}
}
@media screen and (max-width:670px){

    .services .services-list{flex-direction:column;}
    .services .services-list .services-item{width:100%;margin:8px 0;}

	.contact-us .contact-us-location .contact-us-data,
	.contact-us .contact-us-location .contact-us-icon{float:none;width:100%;}
}
@media screen and (max-width:540px){
    ._wrapper{padding:0 10px;}
	header .top-line .contact-us-btn{display:none;}
	header .top-line .top-nav-right-group{width:65px;}

    .main .top-view{height:100vh;}
    .main .top-view .slider-top{height:calc(100vh - 200px);}

	.slider-top .slider-caption h1{font-size:34px;line-height:40px;}
    .slider-top .slider-caption p.apply{margin-top:calc(100vh - 420px);}

    .contact-us .contact-us-form h1{font-size:34px;line-height:40px;}
}
@media screen and (max-width:440px){

}


@media screen and (min-width:901px){

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

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

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

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

}
@media screen and (min-width:741px){

}
@media screen and (min-width:501px) and (max-width:740px){

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

}