/*Mobile Waves CSS File Coded By Dream Solutions Ltd - www.thedreamsolutions.com*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,700&display=swap');
@font-face {
    font-family: 'montHeavy';
    src: url("../fonts/Mont-HeavyDEMO.otf") format("opentype");
}
body {
    font-family: 'Raleway', sans-serif;
    color: #120037;
    font-size: 16px;
    background: #fff;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'montHeavy', sans-serif;
    color: #120037;
}
h1 {
    font-size: 60px;
    margin-bottom: 15px;
}
h2 {
    font-size: 50px;
    margin: 50px 0 20px 0;
}
p {
    line-height: 24px;
    margin-bottom: 25px;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.container {
    max-width: 1280px;
    margin: auto;
    position: relative;
    z-index: 5;
    box-sizing: border-box;
}
.call2action {
    background: #FE4444;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 15px 25px;
    text-decoration: none;
    border-radius: 8px;
    position: relative;
    font-size: 14px;
}
.call2action:hover {
    color: #120037;
    background: #FCC845;
    text-decoration: none;
}
.call2action.inverse {
    color: #120037;
    background: #FCC845;
    padding: 15px 40px 15px 25px;
}
.call2action.blue {
    background: #0048A7;
}
.call2action.blue:hover {
    background: #FE4444;
    color: #fff;
}
.call2action.inverse:hover {
    background: #FE4444;
    color: #fff;
}
.call2action.inverse:after {
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    background: url(../images/action-arrow.svg) no-repeat;
    background-size: 8px auto;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 20px;
}
.call2action + .call2action {
    margin-left: 15px;
}
.learn-more {
    margin-left: 100px;
    text-decoration: none;
    color: #FE4444;;
}
.learn-more:hover {
    color: #555;
}
.row-reverse {
    flex-direction: row-reverse;
}
.topline {
    background: #fff;
    padding: 25px 0;
    position: relative;
    z-index: 20;
}
.mobile-menu {
    display: none;
}
nav a {
    display: inline-block;
    padding: 15px;
    margin: 0 5px;
    color: #120037;
    font-weight: bold;
    position: relative;
}
nav a.getintouch {
    background: #FE4444;
    border-radius: 8px;
    color: #fff;
    padding: 15px 25px;
}
nav a:hover {
    text-decoration: none;
    color: #120037;
}
nav a:hover:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 15px;
    background: url(../images/menu-hover.svg) no-repeat;
    background-size: 20px auto;
    margin-top: 5px;
    left: 50%;
    margin-left: -10px;
}
nav a.active {
    text-decoration: none;
    color: #120037;
}
nav a.active:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 15px;
    background: url(../images/menu-hover.svg) no-repeat;
    background-size: 20px auto;
    margin-top: 5px;
    left: 50%;
    margin-left: -10px;
}
nav a.getintouch:hover:after {
    display: none;
}
nav a.getintouch:hover {
    background: #FCC845;
}
nav .dropdown .dropdown-menu {
    margin: 15px 0 0 0;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14); 
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14);
    border: 1px solid rgb(177 177 177 / 15%);
}
nav .dropdown:hover .dropdown-menu {
    display: block;
    z-index: 10;
}
nav .dropdown:hover .dropdown-menu a {
    display: block;
    text-align: center;
}
header {
    height: 450px;
    width: 100%;
    background: #333;
    overflow: hidden;
    position: relative;
    background-position: bottom !important;
}
#ytbg {
    width: 100%;
    height: 100%;
}
#ytbg:before {
    content: "";
    width: 1200px;
    height: 800px;
    position: absolute;
    right: -40px;
    bottom: -20px;
    z-index: 3;
    background: url(../images/waves.svg) no-repeat;
    background-size: cover;
}
#ytbg:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 100%);
    z-index: 2;
    bottom: 0;
}
header .container {
    height: 100%;
    padding: 0 150px;
}
.hero-text {
    position: absolute;
    z-index: 4;
    bottom: 150px;
    max-width: 800px;
}
.hero-text p {
    font-size: 20px;
    line-height: 30px;
}
/*Tech Slider*/
.top-slider-holder {
    margin: -100px auto 50px auto;
}
.what-we-do {
    position: absolute;
    top: -16px;
    border-radius: 8px;
    text-align: center;
    z-index: 4;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: 'montHeavy', sans-serif;
    font-weight: bold;
    color: #fff;
    background: #FE4444;
    padding: 10px 10px;
    display: block;
}
.tech-slider {
    padding: 40px 60px;
    background: #fff;
    border-radius: 8px;
    height: 200px;
    margin: 0 80px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14); 
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14);
}
.tech-slider h3 {
    margin-left: 100px;
    font-size: 24px;
}
.tech-slider p {
    margin-left: 100px;
    font-weight: 500;
    margin-bottom: 10px;
}
.tech-slider h3 a, .tech-slider p a, .tech-slider h3 a:hover, .tech-slider p a:hover {
    text-decoration: none;
    color: #120037;
}
.slick-prev, .slick-next {
    margin-top: -7px;
    width: 35px;
    height: 35px;
}
.slick-prev:before, .slick-next:before {
    content: "";
    width: 35px;
    height: 35px;
    background: url(../images/right-arrow.svg) no-repeat;
    background-size: contain;
    display: block;
}
.slick-prev:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    display: none;
}
.slick-prev {
    left: -15px;
    display: none;
}
.slick-next {
    right: -18px;
}
.slick-dots {
    bottom: -45px;
    margin-left: -60px;
}
.slick-dots li {
    margin: 0;
}
.slick-dots li button:before {
    color: #EDECF0;
    font-size: 25px;
    opacity: 1;
}
.slick-dots li.slick-active button:before {
    color: #FD4444;
    font-size: 35px;
}
/*About Us Home Section*/
.about-us {
    margin: 50px 0;
    /*background: url(../images/whoweare.png) no-repeat right;
    background-size: 35% auto;*/
    padding: 190px 0 50px 0;
    position: relative;
}
.about-us:after {
    background: url(../images/waves-grey.svg) no-repeat;
    background-size: cover;
    background-position: calc(100% + 500px) 300px;
    content: "";
    width: 1200px;
    height: 1200px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.about-us img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.about-us h2:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 20px;
    background: url(../images/wave-part-1.svg) no-repeat;
    background-size: cover;
    margin-top: -70px;
}
.we-are-more {
    display: block;
    margin: 35px 0;
    border-left: 10px solid #F0EFF2;
    padding-left: 30px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'montHeavy', sans-serif;
}
.we-are-more span {
    display: block;
    margin-top: 5px;
    color: #FE4444;
}
/*Technologies Home Page*/
.technologies {
    margin: 50px 0;
    padding: 190px 0;
}
.technologies h2 {
    margin: 100px 0;
}
.tech-icon {
    max-width: 75px;
    height: auto;
    margin-bottom: 25px;
}
.webapps {
    padding: 190px 0;
    position: relative;
    background: #F7F7F8;
}
.webapps img.absolute {
    position: absolute;
    right: 0;
    margin-top: -300px;
    max-width: 750px;
    z-index: 2;
}
.webapps:after {
    content: "";
    width: 1200px;
    height: 800px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/waves-vertical.svg) no-repeat;
    background-size: cover;
}
.apis {
    margin: 0;
    padding: 150px 0;
}
/*Our Goals Home Coded by Dream Solutions Ltd.*/
.our-goals {
    margin: 30px 0 50px 0;
    padding: 100px 0;
    background: #EF7262;
    /*background: #EF7262 url(../images/goals@2x.png) no-repeat right bottom;
    background-size: 700px auto;*/
    position: relative;
    overflow: hidden;
    z-index: 2
}
.our-goals:after {
    content: "";
    width: 1600px;
    height: 800px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/waves-grey-2.svg) no-repeat;
    background-size: contain;
    z-index: 3;
}
.our-goals .container {
    padding: 0 100px;
}
.our-goals h2 {
    color: #fff;
}
.our-goals ul.goals {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.our-goals ul.goals li {
    list-style: none;
    margin: 35px 4% 35px 0;
    padding-left: 95px;
    color: #fff;
    max-width: 29%;
}
/*Clients Home*/
.clients {
    margin: 30px 0 50px 0;
    padding: 100px 0;
}
.clients h2 {
    margin-top: 0;
}
.clients .slick-dots {
    margin-left: 0;
}
.clients .slick-next {
    right: 25px;
}
.client-holder {
    margin: 30px;
    padding: 40px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14); 
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14);
    border: 1px solid rgb(177 177 177 / 15%);
    border-radius: 8px;
    text-align: center;
}
.client-holder .client-name {
    color: #0048A7;
    font-family: 'montHeavy', sans-serif;
    margin-bottom: 5px;
}
.client-holder .client-role {
    margin-bottom: 0;
    font-size: 14px;
}
.client-holder .rating {
    margin-bottom: 15px;
}
.client-holder .checked {
  color: #FE4444;
}
/*Case Study*/
.casestudy {
    padding: 150px 0;
    background: #F7BE39;
}
.casestudy .sub-title {
    font-family: 'montHeavy', sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
/*Careers*/
.careers {
    padding: 0 0 500px 0;
    background: url(../images/careers@2x.png) no-repeat bottom;
    background-size: 100% auto;
    position: relative;
}
/*Inner page*/
.inner-page header {
    height: 350px;
}
.inner-page header .container {
    padding: 0 50px;
}
.inner-page .hero-text {
    bottom: 40px;
}
.inner-page .about-us {
    padding: 50px 0 190px 0;
}
.inner-page .about-us h2:before {
    display: none;
}
.inner-page .learn-more {
    margin-left: 0;
}
.inner-page .tech-slider .learn-more {
    margin-left: 100px;
}
.slick-slide img {
    margin: auto;
}
/*About Us*/
.timeline {
    margin-top: -200px;
    padding: 40px 60px 30px 60px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14); 
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14);
    border: 1px solid rgb(177 177 177 / 15%);
    position: relative;
}
.timeline:before {
    content: "";
    width: 50px;
    height: 30px;
    background: url(../images/wave-part-3.svg) no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
    left: -35px;
    bottom: 30px;
}
.timeline-border {
    border: 2px dashed #eee;
}
.timeline .point {
    display: inline-block;
    position: relative;
    width: 24%;
    margin-top: 22px;
}
.timeline .point:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/point.svg) no-repeat;
    background-size: cover;
    position: absolute;
    margin-top: -30px;
    display: block;
}
.timeline .point.start:after {
    content: "";
    width: 13px;
    height: 13px;
    background: url(../images/pin-point.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: -45px;
    display: block;
}
.timeline .point-date {
    display: block;
    font-family: 'montHeavy', sans-serif;
    font-size: 14px;
}
.timeline .point-name {
    display: block;
    font-family: 'montHeavy', sans-serif;
    font-size: 22px;
}
.the-team {
    background: #F7F7F8;
    margin-top: -75px;
    min-height: 200px;
}
.the-team .container {
    padding-top: 150px;
}
.the-team img {
    max-width: 100%;
    height: auto;
}
.senior {
    margin-top: -100px;
    background: #fff;
    margin-bottom: 50px;
    padding-top: 50px;
}
.senior h2:before {
    content: "";
    width: 50px;
    height: 30px;
    background: url(../images/wave-part-2.svg) no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
    left: 50%;
}
.senior-holder {
    margin: 30px;
    padding: 40px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14); 
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.14);
    border: 1px solid rgb(177 177 177 / 15%);
    border-radius: 8px;
    text-align: center;
}
.senior-holder img {
    border-radius: 100px;
    max-width: 140px;
    display: block;
    margin: 0 auto 20px auto;
}
.senior-holder .senior-name {
    font-family: 'montHeavy', sans-serif;
    font-size: 22px;
}
.senior-holder .senior-role {
    color: #fff;
    border-radius: 8px;
    display: inline-block;
    padding: 5px 10px 2px 10px;
    background: #FE4444;
    font-family: 'montHeavy', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.senior-slider .slick-dots {
    margin-left: 0;
}
.senior-slider .slick-next {
    right: 25px;
}
.why-mobile-wave {
    background: #F7BE39 url(../images/bg-map.svg) no-repeat;
    background-size: 55% auto;
    background-position : calc(100% - 30px) center !important;
    padding: 50px 0;
}
.why-mobile-wave h2 {
    margin-bottom: 10px;
}
.why-mobile-wave h5 {
    margin-bottom: 30px;
}
.brands {
    padding: 50px 0;
}
.brands-slider {
    margin: 30px 0;
}
.brands-slider .slick-next {
    right: 25px;
}
.brand:hover img {
    opacity: 0.8;
}
.culture {
    background: #EF7262;
    padding: 50px 0;
    margin: 50px 0 0 0;
    color: #fff;
}
.culture h2 {
    margin-bottom: 10px;
    color: #fff;
}
.culture h5 {
    margin-bottom: 30px;
    color: #fff;
}
.culture img {
    max-width: 100%;
    height: auto;
}
.section img {
    max-width: 100%;
    height: auto;
}
/*Technology*/
.technology-page .hero-text {
    bottom: 120px;
}
.technology-page .section img {
    max-width: 80%;
}
.technology-page .webapps.section img {
    max-width: 100%;
}
.tech-used {
    padding-top: 150px;
}
.tech-used img {
    max-width: 80%;
    height: auto;
}
.native-apps {
    margin: 50px 0;
    padding: 190px 0 0 0;
}
.technology-page .webapps {
    position: relative;
    overflow: hidden;
    background-position: right !important;
    padding-bottom: 50px;
    margin-bottom: 0;
}
.technology-page .webapps img.absolute {
    top: 100px;
    margin-top: 0;
}
.technology-page .webapps:after {
    content: "";
    width: 1200px;
    height: 800px;
    position: absolute;
    background: url(../images/waves-vertical.svg) no-repeat;
    background-size: cover;
}
.cloud {
    padding: 190px 0 50px 0;
    position: relative;
    background: #F7F7F8;
}
.methodology {
    padding: 100px 0;
    position: relative;
}
.methodology:before {
    content: "";
    width: 1200px;
    height: 800px;
    position: absolute;
    right: 0;
    margin-top: -550px;
    z-index: 3;
    background: url(../images/waves.svg) no-repeat;
    background-size: cover;
}
/*Jobs listing Coded By Dream Solutions Ltd.*/
.job-listing {
    margin: 50px;
}
.job-listing:after {
    content: "";
    display: block;
    width: 40px;
    height: 20px;
    background: url(../images/wave-part-4.svg) no-repeat;
    background-size: cover;
    margin: 25px auto 0 auto;
}
.job-listing .container {
    padding: 0 120px;
}
.job-list {
    border-top: 1px solid #F0EFF2;
}
.job-list:last-child {
    border-bottom: 1px solid #F0EFF2;
}
.job-list a {
    padding: 15px 0;
    display: block;
    text-decoration: none;
    color: #0048A7;
    font-size: 16px;
    font-weight: bold;
}
.job-list a:after {
    content: "";
    display: block;
    width: 7px;
    height: 20px;
    background: url(../images/action-arrow.svg) no-repeat;
    float: right;
    margin-top: 7px;
}
.job-list a .job-department, .job-listing a .job-location {
    font-weight: normal;
    color: #120037;
}
.job-list a span {
    display: inline-block;
    width: 50%;
}
.job-list a span + span {
    width: 24%;
}
/*Job Application Form*/
.apply-block {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #120037 url(../images/waves.svg) no-repeat;
    background-size: cover;
    opacity: 0.9;
    z-index: 45;
    display: none;
}
.form-holder {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 47;
    display: block;
    display: none;
}
.application-form {
    max-width: 550px;
    margin: auto;
    position: relative;
    z-index: 50;
    padding-top: 20px;
}
.application-form form {
    background: #fff;
    padding: 20px;
}
.application-form form h3 {
    margin-bottom: 25px;
}
.application-form form input, .application-form form textarea {
    width: 100%;
}
.application-form .close {
    font-size: 14px;
    float: right;
    color: #777;
    margin-top: 5px;
}
/*News Coded By Dream Solutions Ltd.*/
.news header, .single-job header {
    height: 540px;
}
.news header .hoverblock, .single-job header .hoverblock {
    background: #120037;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.news .container, .single-job .container {
    z-index: 15;
}
.news .hero-text h1, .single-job .hero-text h1 {
    font-size: 50px;
}
.news .hero-text p, .single-job .hero-text p {
    font-size: 18px;
}
.news .hero-text h1 a, .news .hero-text p a, .single-job .hero-text h1, .single-job .hero-text p {
    color: #fff;
    display: block;
}
.news .hero-text h1 a:hover, .news .hero-text p a:hover {
    text-decoration: none;
    opacity: 0.9;
}
.news .news-tags {
    margin-bottom: 20px;
    display: block;
}
.news .news-tags span {
    display: inline-block;
    padding: 5px 10px 3px 10px;
    color: #fff;
    background: #FE4444;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'montHeavy', sans-serif;
    margin-right: 10px;
}
.news-listing {
    padding: 80px 0;
}
.news-listing h3 {
    margin-bottom: 40px;
}
.news-listing .list-news img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.news-listing .list-news h3 {
    margin: 0;
    padding: 0;
}
.news-listing .list-news h3 a {
    font-size: 18px;
    padding: 20px 0 10px 0;
    display: block;
    color: #120037;
    line-height: 30px;
}
.news-listing .list-news h3 a:hover {
    text-decoration: none;
    color: #333;
}
.news-listing .list-news .news-tags {
    position: absolute;
    top: 10px;
    left: 40px;
}
.news-listing .row {
    margin-left: -30px;
    margin-right: -30px;
}
.news-listing .news-holder {
    padding-left: 30px;
    padding-right: 30px;
}
.single-news .learn-more {
    display: none;
}
.single-news .news-content, .single-job .job-content {
    padding: 50px;
}
.careers-page .why-work-in .job-content {
    padding: 50px 0;
}
.single-news .news-content .learn-more {
    display: inline;
}
.single-news .news-content .row + .row {
    margin-top: 50px;
}
.single-job .continue-reading {
    margin-bottom: 20px;
}
.job-purpose {
    background: #F7BE39 url(../images/waves-white.svg) no-repeat right top;
}
.why-work-in {
    background: #0048A7;
}
.why-work-in h2, .why-work-in h4 {
    color: #fff;
}
.why-work-in ul.benefits {
    margin: 0;
    padding: 0;
    list-style: none;
}
.why-work-in ul.benefits:after {
    display: block;
    content: "";
    clear: both;
}
.why-work-in ul.benefits li {
    list-style: none;
    margin: 35px 0 0 3%;
    padding-left: 95px;
    color: #fff;
    width: 30%;
    float: left;
    min-height: 170px;
}
.section ul, .content ul {
    margin: 30px 0;
    list-style: none;
}
.section ul li, .content ul li {
    list-style: none;
    margin: 20px 0;
    padding: 0 0 0 25px;
    background: url(../images/point.svg) no-repeat;
    background-position: 0 6px;
}
/*Contacts*/
.contacts {
    padding: 50px 0;
}
.contactform span {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #120037;
    font-size: 14px;
}
.contactform input, .contactform textarea {
    border-radius: 8px;
    border: 1px solid #CECBD6;
    margin-bottom: 20px;
    padding: 15px;
    color: #120037;
    width: 70%;
    font-size: 14px;
}
.contactform textarea {
    width: 85%;
}
.contactform input {
    padding-left: 45px;
}
.contactform .name-line {
    background: url(../images/name-icon.svg) no-repeat;
    background-position: 10px 14px;
    background-size: 24px;
}
.contactform .email-line {
    background: url(../images/email-icon.svg) no-repeat;
    background-position: 10px 14px;
}
.contactform .phone-line {
    background: url(../images/phone-icon.svg) no-repeat;
    background-position: 10px 14px;
}
.contactform input::placeholder, .contactform textarea::placeholder {
    color: #CECBD6;
}
.contacts .address-box div {
    padding-left: 30px;
}
.contacts .address-box div.social {
    padding-left: 0;
}
.contacts .address-box div.social a + a {
    margin-left: 15px;
}
.contactform input[type=submit] {
    border: 0;
    box-shadow: none;
    color: #fff;
    width: auto;
    padding: 15px 25px;
}
.iteams {
    background-size: 500px auto !important;
    position: relative;
    background-position: right bottom !important;
}
.section .slick-slider ul li, .content .slick-slider ul li {
    background: none;
}
.form-holder {
        overflow: auto;
    }
/*Footer*/
footer {
    background: #F7F7F8;
    padding: 50px 0;
    position: relative;
    z-index: 5;
}
footer .logo {
    display: block;
    margin-bottom: 20px;
}
footer .logo img {
    max-width: 100px;
    height: auto;
}
footer .copies {
    color: #120037;
    font-size: 14px;
    line-height: 18px;
}
footer .copies span {
    display: block;
    color: #120037;
    padding-left: 0;
}
footer span {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    padding-left: 30px;
}
footer span.phone, .contacts .phone {
    background: url(../images/phone.svg) no-repeat;
    background-position: 0 5px;
}
footer span.email, .contacts .email {
    background: url(../images/email.svg) no-repeat;
    background-position: 0 5px;
}
footer span.address, .contacts .address {
    background: url(../images/pin.svg) no-repeat;
    background-position: 0 5px;
}
footer .privacy {
    text-decoration: none;
    color: #120037;
    display: inline-block;
    margin: 15px 10px 0 0;
}
footer .privacy:nth-of-type(2) {
    margin: 15px 0 0 10px;
}
footer .privacy:nth-of-type(3) {
    margin: 15px 0 0 20px;
}
* {
    outline: none;
}
.news-content img {
    max-width: 100%;
    height: auto !important;
}
@media only screen and (min-width: 1920px) {
    .careers {
        padding: 0 0 750px 0;
    }
}
@media only screen and (max-width: 1370px) {
    .careers-page .why-work-in .job-content h2 {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 1280px) {
    .container, .job-listing .container {
        padding: 0 50px;
    }
    .topline .container {
        padding: 0 20px;
    }
    .webapps img.absolute {
        max-width: 50%;
    }
}
@media only screen and (max-width: 1024px) {
    .timeline .point-name {
        font-size: 18px;
    }
    .job-listing {
        margin: 30px 0;
    }
    .news .container {
        padding: 50px;
    }
    .news .topline .container {
        padding: 0 20px;
    }
    .news .hero-text h1, .single-job .hero-text h1 {
        font-size: 42px;
    }
    .webapps img.absolute {
        max-width: 48%;
    }
}
@media only screen and (max-width: 960px) {
    #mobile-menu {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mobile-menu {
        display: block;
    }
    .mobile-menu img {
        width: 40px;
        height: auto;
    }
    .dropdown-menu {
        float: none;
        position: relative;
        margin-bottom: 25px;
        max-width: 100%;
    }
    nav a {
        display: block;
        padding: 20px 0;
        text-align: center;
    }
    h2 {
        font-size: 35px;
        margin: 50px 0 20px 0;
    }
    .tech-slider {
        margin: 0;
    }
    .job-list a span {
        width: 40%;
    }
    .job-list a span + span {
        width: 28%;
    }
    .news-listing {
        padding: 50px;
    }
    header .container {
        padding: 0 50px;
    }
    #mobile-menu {
        display: none;
    }
    .news-content img {
        width: 100% !important;
        height: auto !important;
    }
}
@media only screen and (max-width: 900px) {
    .topline .row div {
        width: 50% !important;
    }
    .inner-page.news header {
        height: 400px;
    }
    .inner-page #ytbg:before, .careers-page #ytbg:before {
        content: "";
        width: 1200px;
        height: 800px;
        position: absolute;
        right: -40px;
        bottom: -120px;
        z-index: 3;
        background: url(../images/waves.svg) no-repeat;
        background-size: cover;
    }
    .technology-page .webapps:after, .webapps:after {
        content: "";
        width: 700px;
        height: 600px;
        position: absolute;
        background: url(../images/waves-vertical.svg) no-repeat;
        background-size: cover;
    }
    .webapps .row div {
        width: 48%;
        flex: 0 0 48%;
    }
    .webapps img.absolute {
        margin-top: -250px;
        max-width: 50%;
    }
    .brands-slider .slick-dots {
        top: 80px;
    }
    .careers-page .why-work-in .job-content {
        padding: 50px 20px;
    }
}
@media only screen and (max-width: 860px) {
    header {
        height: 450px;
    }
    .inner-page header {
        height: 250px;
    }
    .inner-page.single-job header{
        height: 330px;
    }
    .iteams {
        background-size: 200px auto !important;
        background-position: bottom right !important;
    }
    .webapps .row div {
        width: 48%;
        flex: 0 0 48%;
    }
    .why-work-in h2, .why-work-in h4 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 800px) {
    .why-work-in ul.benefits li {
        margin: 35px 0 0 3%;
        width: 47%;
    }
    .our-goals ul.goals {
        flex-wrap: wrap;
    }
    .our-goals ul.goals li {
        margin: 35px 3% 35px 0;
        max-width: 46%;
    }
}
@media only screen and (max-width: 780px) {
    .full-bg-top {
        background-position: center 20px !important;
        background-size: 100% auto !important;
        padding: 400px 0 50px 0 !important;
    }
    .web-mobile-dev {
        padding: 200px 0 0 0 !important;
    }
    .webapps .row div {
        width: 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
}
@media only screen and (max-width: 768px) {
    .webapps .row div {
        width: 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .webapps img.absolute {
        max-width: 48%;
    }
}
@media only screen and (max-width: 740px) {
    .webapps .row div {
        width: 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
}
@media only screen and (max-width: 680px) {
    .hero-text {
        padding-right: 15px;
    }
    .hero-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .inner-page header {
        height: 220px;
    }
    .inner-page.news header {
        height: 380px;
    }
    .news-listing .news-holder {
        margin-bottom: 40px;
    }
    .news-content img {
        width: 100% !important;
        margin: 20px 0;
        float: none !important;
    }
    .tech-slider {
        height: 280px;
    }
    .contacts .container {
        padding: 0;
    }
    .technologies {
        background-size: 70% auto !important;
        background-position: center top !important;
        padding: 270px 0 50px 0;
    }
    .webapps {
        padding: 50px 0;
    }
    .webapps .row div {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .webapps img.absolute {
        position: relative;
        width: 80%;
        margin-top: 0;
    }
    .apis {
        background-size: auto 75% !important;
        background-position: top left !important;
        padding: 150px 0 50px 0;
    }
    .job-listing .container {
        padding: 0;
    }
    .job-list a span {
        width: 100%;
        margin-bottom: 10px;
    }
    .job-list a span + span {
        width: 48%;
    }
    .timeline .point {
        width: 100% !important;
    }
    .timeline .point:before {
        margin-top: 5px;
        margin-left: -30px;
    }
    .timeline .point.start:after {
        top: -10px;
        left: -30px;
    }
    .our-goals:after {
        width: 800px;
    }
    .our-goals ul.goals li {
        margin: 35px 0;
        max-width: 100%;
        min-height: 75px;
    }
    .why-work-in {
        padding: 0 20px;
    }
    .why-work-in .job-content {
        padding: 30px 0;
    }
    .contactform input, .contactform textarea {
        width: 100%;
    }
    .row-reverse, .tech-used .row, .section.cloud-tech .row {
        flex-direction: column-reverse;
    }
    .web-mobile-dev {
        padding: 150px 0 0 0 !important;
    }
    .margin-top-0 h2 {
        margin-top: 0;
    }
    .section {
        padding: 0 !important;
    }
    .full-bg-top {
        background-position: center 20px !important;
        background-size: 100% auto !important;
        padding: 330px 0 50px 0 !important;
    }
    .section.apis {
        padding: 0 !important;
    }
    .section.cloud-tech {
        background-position: center top !important;
        background-size: 100% auto !important;
        padding: 200px 0 0 0 !important;
    }
    .engage {
        padding: 330px 0 0 0 !important;
    }
    .web-mobile-dev {
        padding: 150px 0 0 0 !important;
    }
    footer .row {
        flex-direction: column-reverse;
    }
    footer .logo {
        margin-top: 25px;
    }
    footer .logo, footer .copies {
        text-align: center;
    }
}
@media only screen and (max-width: 540px) {
    header {
        height: 70vh;
    }
    .single-news .news-content, .single-job .job-content {
        padding: 30px;
    }
    h1, .news .hero-text h1, .single-job .hero-text h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 28px;
    }
    #ytbg:before {
        width: 600px;
        height: 300px;
    }
    .tech-slider {
        height: auto;
        padding: 40px 20px;
    }
    .slick-dots {
        margin-left: -20px;
    }
    .tech-holder {
        background-size: 60px auto;
    }
    .about-us {
        padding: 50px 0;
    }
    .about-us .row {
        flex-direction: column-reverse;
    }
    .brands-slider .slick-dots {
        top: 100px;
    }
    .row div + div {
        margin-top: 25px;
    }
    .technologies {
            padding: 180px 0 50px 0;
    }
    .topline .row div + div {
        margin-top: 0;
    }
    .our-goals {
        padding: 20px 0;
    }
    .our-goals .container {
        padding: 0 20px;
    }
    .our-goals h2 {
        margin-top: 20px;
    }
    .casestudy {
        padding: 50px 20px;
    }
    .careers {
        padding: 0 0 200px 0;
    }
    header .container, .container {
        padding: 0 20px;
    }
    .news-listing {
        padding: 50px 20px;
    }
    .timeline {
        margin-top: -350px;
    }
    .why-work-in ul.benefits li {
        margin: 35px 0 0 0;
        width: 100%;
    }
    .full-bg-top {
        background-position: center 20px !important;
        background-size: 100% auto !important;
        padding: 150px 0 50px 0 !important;
    }
    .job-listing {
        margin: 20px;
    }
    .why-work-in ul.benefits li {
        min-height: 100px;
    }
    .web-mobile-dev {
        padding: 50px 0 0 0 !important;
    }
     .engage {
        padding: 150px 0 0 0 !important;
    }
    .news .news-tags span {
        font-size: 10px;
    }
}