* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ul,
ol {
    list-style: none;
}
img {
    border: none;
}
a {
    outline: none;
    text-decoration: none;
}
a img {
    border: none;
    outline: none;
}
.clear {
    clear: both;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/Montserrat-Regular.woff") format("woff"),
        url("../fonts/Montserrat-Regular.ttf") format("truetype"),
        url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Montserrat-Bold.woff") format("woff"),
        url("../fonts/Montserrat-Bold.ttf") format("truetype"),
        url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
}

body {
    font-family: "Montserrat", Arial;
    font-size: 12px;
    font-weight: 400;
    color: #131313;
}


.container {
    width: 97%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.banner {
    position: relative;
    overflow: hidden;
    background: url("../images/background/banner-home.jpg") no-repeat center
        center;
    background-size: cover;
    min-height: 100vh;
}
@media (max-width: 1024px) {
    .banner {
        min-height: 1px;
        padding-bottom: 70px;
    }
}
.banner::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.home-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
}
.banner .header {
    position: relative;
    z-index: 2;
}
.logo {
    float: left;
    margin-top: 40px;
    cursor: pointer;
}
.logo a {
    display: block;
}
.logo embed {
    height: 62px;
}
.nav {
    float: right;
    margin-top: 57px;
}
.nav ul {
    list-style: none;
    margin-left: -30px;
}
.nav ul li {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
}
@media (max-width: 700px) {
    .nav ul li:not(:last-child) {
        display: none;
    }
}
.nav ul li a:not(.mail-icon) {
    font-weight: 700;
    color: #fff;
    transition: color 300ms linear 0s;
    cursor: pointer;
    font-size: 20px;
}
.nav ul li a:not(.mail-icon):hover,
.nav ul li.active a:not(.mail-icon),
.nav.subpage-nav ul li a:not(.mail-icon):hover {
    color: #fd6a02;
}
.nav ul li a.mail-icon {
    display: block;
}
.nav ul li a.mail-icon svg:hover path {
    fill: #fd6a02;
    transition: all 0.3s ease 0s;
}
.menu-toggle {
    cursor: pointer;
    border: none;
    background-color: transparent;
    position: relative;
    width: 43px;
    height: 27px;
}
.menu-toggle:focus {
    outline: none;
}
.menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    background-color: #fd6a02;
    right: 0;
}
.menu-toggle span:nth-child(1),
.menu-toggle span:nth-child(3) {
    width: 100%;
}
.menu-toggle span:nth-child(1) {
    top: 0;
}
.menu-toggle span:nth-child(2) {
    width: 50%;
    top: 12px;
    transition: width 300ms linear 0s;
}
.menu-toggle:hover span:nth-child(2) {
    width: 100%;
}
.menu-toggle span:nth-child(3) {
    top: 24px;
}
.menu-open {
    overflow: hidden;
}
.overlay-menu {
    backface-visibility: hidden;
    background-color: #fff;
    height: 100%;
    opacity: 1;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 101;
    transition: right 0.5s linear 0s;
    overflow-y: auto;
}
.menu-open .overlay-menu {
    right: 0;
}
.close-menu {
    cursor: pointer;
    width: 30px;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 2%;
    background-color: transparent;
    border: none;
}
.close-menu:focus {
    outline: none;
}
.close-menu span {
    top: 15px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: transform 300ms linear 0s;
}
.close-menu span:first-child {
    transform: rotate(45deg);
}
.close-menu span:last-child {
    transform: rotate(-45deg);
}
.close-menu:hover span:first-child {
    transform: rotate(-45deg);
}
.close-menu:hover span:last-child {
    transform: rotate(45deg);
}
.menu-left,
.menu-right {
    height: 100%;
}
.menu-left {
    float: left;
    width: 72%;
    padding: 80px 0 80px 30px;
}
.menu-col {
    width: 25%;
    padding: 0 20px 10px 20px;
    height: 100%;
    float: left;
    border-right: 1px solid #efebeb;
}
.menu-col:nth-child(5) {
    border-right: none;
}
.clear-mob-menu {
    display: none;
    clear: both;
}
@media (max-width: 991px) {
    .menu-col {
        width: 50%;
    }
    .menu-col:nth-child(2) {
        border-right: none;
    }
    .clear-mob-menu {
        display: block;
    }
}
@media (max-width: 680px) {
    .menu-col {
        width: 100%;
        float: none;
        padding: 0;
        border-right: none;
    }
    .clear-mob-menu {
        display: none;
    }
}
.menu-head {
    position: relative;
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
    font-weight: 700;
}
.menu-head span {
    color: #fd6a02;
}
.menu-right .menu-head,
.menu-right .menu-head span {
    color: #fff;
}
.menu-right .right-bottom-menu {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #fff;
}
@media (min-width: 681px) {
    .menu-col > ul,
    .menu-right .menu-head + ul {
        display: block !important;
    }
}
@media (max-width: 680px) {
    .menu-right .right-bottom-menu {
        margin-top: 0;
        padding-top: 0;
    }
    .menu-head,
    .menu-right .right-bottom-menu li a {
        display: block !important;
        cursor: pointer;
        font-size: 15px;
        margin-bottom: 0;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .menu-head::after {
        content: "+";
        position: absolute;
        right: 0;
        top: 8px;
        font-size: 21px;
    }
    .menu-right .right-top-menu li a {
        font-weight: 400 !important;
    }
    .menu-right .right-bottom-menu {
        border: none;
    }
    .menu-col:nth-child(5) .menu-head {
        border-color: transparent;
    }
    .menu-col > ul,
    .menu-right .menu-head + ul {
        display: none;
        margin-top: 5px;
    }
    .menu-col > ul.active,
    .menu-right .menu-head + ul.active {
        display: block;
    }
}
.menu-col ul li a {
    display: inline-block;
    padding: 8px 0;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    transition: color 300ms linear 0s;
}
.menu-col ul li a:hover {
    color: #fd6a02;
}
.menu-right {
    float: right;
    width: 27%;
    padding: 71px 0 0 50px;
    background-color: #000;
}
.menu-right .right-top-menu li a,
.menu-right .right-bottom-menu li a {
    display: inline-block;
    padding: 8px 0;
    color: #fff;
    transition: color 300ms linear 0s;
}
.menu-right .right-top-menu li a {
    font-size: 20px;
    font-weight: 700;
}
.menu-right .right-bottom-menu li a {
    font-size: 20px;
}
.menu-right .right-top-menu li a:hover {
    color: #fd6a02;
}
.menu-right .right-bottom-menu li a {
    color: #fd6a02;
}
.menu-right .right-bottom-menu li a:hover {
    color: #fff;
}
@media (max-width: 1024px) {
    .overlay-menu {
        background-color: #000;
    }
    .menu-left,
    .menu-right {
        float: none;
        width: 100%;
        height: auto;
    }
    .menu-left {
        padding: 60px 30px 20px;
        background-color: #fff;
    }
    .menu-right {
        padding: 30px 50px;
    }
    .close-menu span {
        background-color: #000;
    }
}
@media (max-width: 680px) {
    .menu-left {
        padding-top: 54px;
        padding-bottom: 10px;
    }
    .menu-right {
        padding: 20px 30px 10px;
    }
}
.sticky-wrapper{
	width:100%;
}
.sticky-wrapper:not(.is-sticky) {
	height: auto !important;
	max-height: 135px;
}
.sticky-wrapper.is-sticky .header {
    background-color: #000;
    padding: 10px 0;
    z-index: 100 !important;
    opacity: 0.9;
    bottom: auto !important;
    top: 0;
}
.sticky-wrapper.is-sticky .logo {
    margin-top: 0;
}
.sticky-wrapper.is-sticky .logo embed {
    height: 50px;
}
.sticky-wrapper.is-sticky .nav {
    margin-top: 17px;
}
.container.head {
    position: absolute;
    left: 50%;
    margin-left: -585px;
    top: 35%;
}
@media (max-width: 1200px) {
    .container.head {
        left: 2%;
        margin-left: 0;
    }
}
@media (max-width: 1025px) {
    .container.head {
        position: static;
        margin-left: auto;
    }
}
.banner-head {
    font-size: 92px;
    font-weight: 700;
    color: #fd6a02;
    line-height: 105px;
}
.banner-head span {
    color: #fff;
}
.banner-head-tag {
    position: relative;
    margin-top: 15px;
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    width: 56%;
    line-height: 32px;
}
@media (min-width: 1025px) {
    .banner .head-new {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        margin-left: -585px;
        margin-right: auto;
        left: 50%;
    }
    .banner-head {
        position: absolute;
        z-index: 2;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media (max-width: 1024px) {
    .banner .head-new {
        position: relative;
        z-index: 2;
    }
}
@media (max-width: 991px) {
    .head-new {
        padding-top: 50px;
        padding-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .banner-head {
        font-size: 50px;
        line-height: 57px;
    }
    .banner-head span {
        display: inline;
    }
    .mob-center-tag {
        text-align: center;
    }
    .banner-head-tag {
        font-size: 16px;
        line-height: 22px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
}
.our-work-main {
    position: relative;
}
.our-work-main::after {
    position: absolute;
    content: "Our Work";
    top: 0;
    font-size: 120px;
    font-weight: 700;
    font-family: "Montserrat";
    opacity: 0.05;
}
.our-work h1 {
    font-size: 63px;
    padding-top: 46px;
	font-weight:700;
}
.wrk-hdng{
    font-size: 63px;
    padding-top: 46px;
}
.our-work span,
.our-work-shar-txt span,
.our-work-box1-title span,
.footer-hdng span {
    color: #fd6a02;
}
.our-work p {
    font-size: 20px;
}
.our-work-shar {
    margin-top: 50px;
    position: relative;
}

.img-resp {
    width: 100%;
}
.our-work-shar-txt {
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.our-work-shar-txt div {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    position: relative;
}
.our-work-shar-txt div::before {
    position: absolute;
    content: "";
    width: 80px;
    background: #fff;
    height: 2px;
    top: -25px;
}
.our-work-shar-logo {
    position: absolute;
    top: 20px;
    right: 50px;
}
.our-work-box3 {
    margin-left: -1%;
    margin-right: -1%;
}
.our-work-box1 {
    width: 33.3%;
    float: left;
    padding: 0 10px;
    position: relative;
    margin-top: 20px;
}
.box1-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0;
    margin-top: 0;
    margin-left: 10px;
    margin-bottom: 2px;
    margin-right: 10px;
}
.our-work-box1-title {
    position: relative;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-top: 65px;
    margin-left: 30px;
}
.our-work-box1-title::before {
    width: 60px;
    position: absolute;
    content: "";
    background: #fff;
    height: 2px;
    top: -20px;
}
.our-work-box1-logo {
    margin-left: 30px;
    bottom: 30px;
    position: absolute;
}
.expr-box1 {
    min-height: 525px;
}
@media (max-width: 890px) {
    .our-work-box1 {
        width: 50%;
    }
    .expr-box1 {
        min-height: 540px;
        padding-bottom: 10px;
    }
}
@media (max-width: 760px) {
    .our-work h1 {
        font-size: 45px;
        padding: 10px;
    }
	.wrk-hdng{
        font-size: 45px;
        padding: 10px;
    }
    .our-work p {
        font-size: 16px;
        padding: 10px;
    }
}
@media (max-width: 678px) {
    .our-work-box1 {
        max-width: 390px;
        min-width: 350px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .our-work-shar-txt div {
        font-size: 30px;
    }
    .our-work-shar-txt {
        left: 25px;
    }
    .our-work-shar-bg {
        min-height: 160px;
    }
    .our-work-shar-logo img {
        width: 50px;
    }
    .our-work-shar-logo {
        right: 13px;
    }
}
.footer {
    padding: 50px 0 40px 0;
    background-color: #181818;
}
.foot-add-row {
    display: flex;
    justify-content: space-between;
}
.foot-add-box {
    margin-bottom: 20px;
}
.foot-add-head {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fd6a02;
}
.foot-add-txt {
    font-size: 13px;
    line-height: 22px;
}
.foot-add-txt,
.foot-add-txt a {
    color: #9f9e9e;
}
.foot-add-txt a {
    transition: color 300ms linear 0s;
}
.foot-add-txt a:hover {
    color: #fd6a02;
}
@media (max-width: 991px) {
    .foot-add-row {
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .foot-add-col {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (max-width: 575px) {
    .foot-add-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.footer-sub {
    padding-top: 20px;
    border-top: 1px solid #343434;
}
.foot-part-logos {
    float: left;
}
.foot-part-logos li,
.social-icon li {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}
.foot-part-logos li:first-child,
.social-icon li:first-child {
    margin-left: 0;
}
.foot-part-logos li {
    margin-bottom: 10px;
}
.social-media {
    float: right;
}
.foot-soc-head {
    font-size: 22px;
    font-weight: 700;
    color: #9f9e9e;
}
.social-icon {
    float: right;
}
.social-icon li {
    margin-top: 10px;
}
.social-icon li a {
    display: block;
}
@media (max-width: 575px) {
    .foot-part-logos,
    .social-media,
    .social-icon {
        float: none;
    }
    .foot-part-logos,
    .social-media {
        text-align: center;
    }
    .social-media {
        margin-top: 10px;
        padding-top: 20px;
        border-top: 1px solid #343434;
    }
}
@media (max-width: 380px) {
    .foot-part-logos li {
        display: block;
        margin-left: 0;
    }
}

/*=============SUB BANNER==============*/

.sub-banner {
    background-image: url("../images/background/sub-banner.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: #000;
    background-size: cover;
    padding-bottom: 110px;
	
}
.sub-banner-head {
    margin-top: 110px;
    margin-bottom: 3px;
    font-size: 50px;
    color: #fd6a02;
    line-height: 54px;
}
.sub-banner-head .banner-title-break {
    display: block;
}
.sub-banner-txt {
    width: 58%;
    font-size: 22px;
    color: #fff;
    line-height: 34px;
}
@media (max-width: 767px) {
    .sub-banner-head {
        font-size: 30px;
        line-height: 33px;
    }
    .sub-banner-txt {
        width: 100%;
    }
	.sub-banner-txt {
		font-size: 18px;
		line-height: 28px;
	}
}

/*=============SUB PAGES==============*/

.sub-page-bg {
    background-color: #f9f9f9;
}
.soft-dev-left {
    float: left;
    width: 41%;
}
.soft-dev-side-intro {
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
}
.soft-dev-side-intro span {
    color: #fd6a02;
}
.soft-dev-side-intro-brd {
    width: 140px;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 20px;
    background-color: #fd6a02;
}
.soft-dev-right {
    float: right;
    width: 50%;
}
.item-row {
    margin-left: -15px;
    margin-right: -15px;
}
.flex-row {
    display: flex;
    flex-wrap: wrap;
}
.item-col {
    padding-left: 15px;
    padding-right: 15px;
}
.side-tech-col {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.side-tech-head {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.side-tech-head::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background-color: #fd6a02;
}
.side-tech-txt {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 24px;
}
.side-tech-link {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #181818;
    transition: color 300ms linear 0s;
}
.side-tech-link:hover {
    color: #fd6a02;
}
.side-tech-row.a {
    margin-top: 9px;
}
.side-tech-row + .side-tech-row {
    margin-top: 10px;
}
@media (max-width: 1024px) {
    .soft-dev-left,
    .soft-dev-right {
        float: none;
        width: 100%;
    }
    .soft-dev-side-intro-brd {
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .side-tech-row.a,
    .side-tech-row + .side-tech-row {
        margin-top: 0;
    }
}
@media (max-width: 600px) {
    .side-tech-col {
        float: none;
        width: 100%;
    }
}
.soft-dev-serv {
    border-top: 1px solid #cfcfcf;
    margin-top: 40px;
    padding-top: 40px;
}
.soft-dev-serv-left {
    position: relative;
    float: left;
    width: 26%;
    font-size: 24px;
    padding-bottom: 20px;
}
.soft-dev-serv-left span {
    display: block;
}
.soft-dev-serv-left::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 140px;
    height: 2px;
    background-color: #fd6a02;
}
.soft-dev-serv-right {
    float: right;
    width: 71%;
}
.soft-dev-serv-right-col {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 20px;
}
.soft-dev-serv-right-box {
    display: block;
    height: 100%;
    padding: 30px 10px;
    background-color: #fd6a02;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.soft-dev-serv-right-col:nth-child(2n) .soft-dev-serv-right-box {
    background-color: #181818;
}
@media (max-width: 1100px) {
    .soft-dev-serv-right-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .soft-dev-serv-right-box {
        background-color: #181818;
    }
    .soft-dev-serv-right-col:nth-child(4n + 0) .soft-dev-serv-right-box {
        background-color: #fd6a02;
    }
    .soft-dev-serv-right-col:nth-child(4n + 1) .soft-dev-serv-right-box {
        background-color: #fd6a02;
    }
}
@media (max-width: 767px) {
    .soft-dev-serv-left,
    .soft-dev-serv-right {
        float: none;
        width: 100%;
    }
    .soft-dev-serv-left {
        margin-bottom: 30px;
    }
}
@media (max-width: 575px) {
    .soft-dev-serv-right-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .soft-dev-serv-right-box {
        background-color: #fd6a02;
    }
    .soft-dev-serv-right-col:nth-child(4n + 0) .soft-dev-serv-right-box {
        background-color: #181818;
    }
    .soft-dev-serv-right-col:nth-child(4n + 1) .soft-dev-serv-right-box {
        background-color: #fd6a02;
    }
}

.exprt-hd-main {
    position: relative;
}

.exprt-hd-main h1 {
    font-size: 62px;
    padding-top: 46px;
}
.work-hd-main {
    position: relative;
}
.work-hd-main h1 {
    font-size: 65px;
    padding-top: 46px;
}
.expert-box-txt h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
}
.expert-box-img {
    position: relative;
}
.expert-box-img img {
    display: block;
}
.expert-box-txt p {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 70px;
    line-height: 33px;
}
.expert-box-overlay {
    padding: 20px;
    opacity: 0;
    position: absolute;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.7) 100%
    );
    /*background-color: rgba(0,0,0,0.7);*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    transition: opacity 300ms ease-in-out;
}
.work-logo {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 20px;
}
.exprt-mb {
    margin-bottom: 20px;
}
.exprt-msn {
    margin-top: 0px;
    position: relative;
	background: url("../images/background/expert-m2.jpg") no-repeat center center;
	background-size: cover;
	min-height:400px;
	color:#FFF;
	padding:20px;
	position:relative;
	margin-bottom:50px;
}
.exprt-msn-ovrly{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.7);
	height:100%;
	z-index:10;
}
.exprt-msn h2 {
    z-index:11;
    font-size: 30px;
	position:relative;
}
.exprt-msn-p {
    
    font-size: 22px;
    line-height: 35px;
    position:absolute;
    bottom: 20px;
	left:0px;
	padding: 20px;
	z-index:11;
	
}

.our-office-box {
    margin-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
}
.our-office-box1 {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.of1 {
    background-image: url("../images/background/office-bg1.jpg");
}
.of2 {
    background-image: url("../images/background/office-bg2.jpg");
}
.of3 {
    background-image: url("../images/background/office-bg3.jpg");
}
.of4 {
    background-image: url("../images/background/office-bg4.jpg");
}
.our-office-box-overlay {
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
}
.our-office-box-txt {
    position: relative;
    z-index: 10;
    padding-bottom: 20px;
    min-height: 300px;
}
.our-office-box-txt h2 {
    color: #fff;
    font-size: 20px;
    padding: 31px 20px 0 41px;
}
.our-office-box-txt p {
    color: #fff;
    line-height: 25px;
    font-size: 16px;
    padding: 15px 41px;
}

.our-office-box-hd {
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    position: relative;
    z-index: 10;
    transition: 0.5s;
}

.our-office-box1:hover .our-office-box-hd {
    color: #fd6a02;
}
.our-office-box-img {
    position: relative;
    padding-bottom: 10px;
}

.our-office-box-overlay h2 {
    color: #fff;
    font-size: 20px;
    padding: 31px 20px 0 41px;
}
.our-office-box-overlay p {
    color: #fff;
    line-height: 25px;
    font-size: 16px;
    padding: 15px 41px;
}
.office-hd-main {
    position: relative;
}
/* .office-hd-main::after {
    position: absolute;
    content: "Our Offices";
    top: 0;
    font-size: 80px;
    font-weight: 700;
    font-family: "Montserrat";
    opacity: 0.05;
} */

@media (max-width: 778px) {
    .our-office-box1 {
        max-width: 390px;
        min-width: 300px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .our-office-box-overlay p {
        padding: 10px 22px;
        line-height: 24px;
        font-size: 12px;
    }
    .exprt-msn-p {
        width: 100%;
    }
}
.work-box1-main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
}
.work-box1 {
    width: 50%;
    float: left;
    margin-bottom: 60px;
}
.work-box-txt h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
    padding-right: 10px;
    color: #000;
    margin-right: 50px;
}
.work-box-txt h2 span,
.work-box-txt p span {
    color: #fd6a02;
}
.work-box-txt p span {
    margin-top: 5px;
    display: block;
}
.work-box-txt p {
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 20px;
    padding-right: 10px;
}

@media (max-width: 778px) {
    .work-box1 {
        max-width: 390px;
        min-width: 300px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .work-box-txt p {
        padding: 0;
    }
}

@media (max-width: 700px) {
	.exprt-msn h2 {
		font-size: 30px;
	}
	.exprt-msn-p {
		font-size: 16px;
		line-height:27px;
	}
}
.our-clnt {
    margin-top: 70px;
    margin-bottom: 100px;
}
.our-clnt h2 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 50px;
}

.slick-prev:before,
.slick-next:before {
    color: #000;
}
.slick-list {
    margin-left: 30px;
    margin-right: 30px;
}
.slick-next {
    right: 0px;
}
.slick-prev {
    left: 0px;
}
.slick-slide img {
    display: inline;
}
.slick-slide {
    border: 1px solid #ccc;
    text-align: center !important;
    margin: 5px;
}
.slick-dots li button:before {
    font-size: 60px;
}
.slick-dots li {
    margin: 0 1px;
}
.slick-slide:focus {
    outline: none;
}

/*------Breenu----*/
.sub-menu {
    background-color: #000;
}
.sub-menu ul {
    text-align: center;
    margin-left: 9px;
}
.sub-menu li {
    display: inline-block;
    padding: 14px 10px !important;
    font-size: 13px;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    position: relative;
    margin: 0 auto 0 -3px;
}
.sub-menu li a {
    color: #bdb6b1;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.sub-menu li a:hover {
    color: #fff;
}
.sub-menu li.sub-menu-hover {
    border-bottom: 4px solid #fd6a02;
}

.sub-menu-hover a {
    color: #fff !important;
}

.sub-menu-select {
    padding: 10px;
    margin: 0 auto;
    display: none;
    text-transform: uppercase;
    padding: 14px;
    border: 1px solid #ececec;
    font-weight: 600;
}

.sub-menu-select:focus {
    outline: none;
}
.sub-menu-webhosting li {
    padding: 20px 20px !important;
}
@media screen and (max-width: 1185px) {
    .sub-menu-select {
        display: block;
    }
    .sub-menu {
        display: none;
    }
}
.cust-sot-hd-li {
    margin-top: 30px;
}
.cust-sot-hd-li span {
    margin-right: 20px;
    font-size: 45px;
    font-weight: 700;
    line-height: 63px;
}
.cust-sot-hd-p {
    font-size: 21px;
    line-height: 35px;
    position: relative;
}
.ser-p {
    font-size: 21px;
    line-height: 35px;
}

.service-subhead-title {
    margin-top: 27px !important;
    margin-bottom: 0px !important;
}
.cust-sot-hd-li h2 {
    font-size: 45px;
    font-weight: 700;
    margin-top: 50px;
}
.col-box-main {
    margin-top: 25px;
}
.col-box-main h2,
.col-box-main h3 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 15px;
}
.col-box1-main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
}
.col-box1 {
    width: 32.6%;
    margin: 0.5%;
    text-align: left;
    padding: 25px;
    line-height: 27px;
    color: #fff;
    position: relative;
}

.col-box1:nth-of-type(3n + 1) {
    margin-left: 0;
}
.col-box1:nth-of-type(3n) {
    margin-right: 0;
}
.col-box11 {
    width: 48.5%;
}

.g-aps-box1 {
    width: 48%;
    margin: 0.5%;
    text-align: center;
    padding: 50px 25px 50px 25px;
    line-height: 27px;
    color: #fff;
    position: relative;
}
.g-aps-box1:nth-of-type(2n + 1) {
    margin-left: 0;
}
.g-aps-box1:nth-of-type(2n) {
    margin-right: 0;
}
.col-box2 {
    z-index: 50 !important;
    position: relative;
}

.col-box2 h3 {
    text-transform: uppercase;
    margin-bottom: 16px;
    line-height: 30px;
    margin-top: 10px;
    font-size: 18px;
}
.col-box2 p {
    font-size: 16px;
    line-height: 35px;
}
.img-res {
    width: 100%;
}
.col-box1-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    z-index: 10 !important;
}

.col-box-bg1 {
    background: url("../images/background/sw-dev11.jpg") no-repeat center center;
	background-size: cover;
}
.col-box-bg2 {
    background: url("../images/background/sw-dev22.jpg") no-repeat center center;
	background-size: cover;
}
.col-box-bg3 {
    background: url("../images/background/sw-dev33.jpg") no-repeat center center;
	background-size: cover;
}
.col-box-bg4 {
    background: url("../images/background/sw-dev44.jpg") no-repeat center center;
	background-size: cover;
}
.col-box-bg5 {
    background: url("../images/background/sw-dev55.jpg") no-repeat center center;
	background-size: cover;
}
.col-box-bg6 {
    background: url("../images/background/sw-dev66.jpg") no-repeat center center;
	background-size: cover;
}
.wh-box-bg1 {
    background: url("../images/web-hosting/web-hosting1.jpg") no-repeat center center;
	background-size: cover;
}
.wh-box-bg2 {
    background: url("../images/web-hosting/web-hosting2.jpg") no-repeat center center;
    background-size: cover;   
}
.wh-box-bg3 {
    background: url("../images/web-hosting/web-hosting3.jpg") no-repeat center center;
    background-size: cover;   
}
.wh-box-bg4 {
    background: url("../images/web-hosting/web-hosting4.jpg") no-repeat center center;
    background-size: cover;  
}
.wh-box-bg5 {
    background: url("../images/web-hosting/web-hosting5.jpg") no-repeat center center;
    background-size: cover;   
}
.wh-box-bg6 {
    background: url("../images/web-hosting/web-hosting6.jpg") no-repeat center center;
    background-size: cover;   
}
.wh-box-bg7 {
    background: url("../images/web-hosting/web-hosting7.jpg") no-repeat center center;
    background-size: cover;   
}
.wh-box-bg8 {
    background: url("../images/web-hosting/web-hosting8.jpg") no-repeat center center;
    background-size: cover;   
}
.wh-box-bg9 {
    background: url("../images/web-hosting/web-hosting9.jpg") no-repeat center center;
    background-size: cover;   
}
.wh-box-bg10 {
    background: url("../images/web-hosting/web-hosting10.jpg") no-repeat center center;
    background-size: cover;   
}
.wh-box-bg11 {
    background: url("../images/web-hosting/web-hosting11.jpg") no-repeat center center;
    background-size: cover;    
}
.wh-box-bg12 {
    background: url("../images/web-hosting/web-hosting12.jpg") no-repeat center center;
	background-size: cover;
}
.col-box1-overlay h3 {
    font-size: 18px;
    margin-top: 20px;
    text-transform: uppercase;
}
.col-box1-overlay p {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 28px;
}
.col-box11-overlay p {
    line-height: 47px;
}
.start-proj {
    background: #000;
    margin-top: 70px;
    padding: 50px 0;
}
.start-proj .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.start-proj .container .clear {
    display: none;
}
.strt-proj-lft {
    color: #fff;
}
.strt-proj-lft h2,
.strt-proj-lft h3 {
    font-size: 46px;
    line-height: 47px;
}
.strt-proj-lft p {
    font-size: 27px;
    line-height: 47px;
}
.strt-proj-rgt a {
    display: inline-block;
    background: #fd6a02;
    color: #000;
    padding: 10px 25px;
    font-size: 19px;
    line-height: 47px;
    text-transform: uppercase;
    font-weight: 700;
}
.sft-ftr-row1 {
    margin-bottom: 20px;
    margin-top: 50px;
}
.sft-ftr-lft {
    width: 40%;
    float: left;
    padding-bottom: 20px;
}
.sft-ftr-lft h2,
.sft-ftr-lft h3 {
    font-size: 27px;
    font-weight: 400;
    line-height: 41px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.sft-ftr-lft h2::after,
.sft-ftr-lft h3::after {
    position: absolute;
    height: 2px;
    width: 150px;
    content: "";
    background: #fd6a02;
    left: 0;
    bottom: 0;
}
.sft-ftr-lft h2 span,
.sft-ftr-lft h3 span {
    font-weight: 700;
}
.sft-ftr-rgt {
    padding: 20px 20px;
    width: 60%;
    float: left;
}
.sft-ftr-rgt p {
    font-size: 16px;
    line-height: 42px;
}
.ftr-hr {
    margin-bottom: 30px;
    margin-top: 20px;
}
.sft-ftr-li li {
    font-size: 16px;
    line-height: 42px;
    position: relative;
    padding-left: 20px;
}
.sft-ftr-li li span {
    font-weight: 700;
}
.sft-ftr-li li::before {
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    background: #fd6a02;
    left: 0;
    top: 16px;
}
.sw-dev3-icons-col {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    min-height: 230px;
}
.sw-dev3-icons-col p {
    font-weight: 400;
    padding-top: 22px;
    font-size: 17px;
    text-align: center;
}
.sw-dev3-icon-circle {
    height: 120px;
    margin: 0 auto;
    width: 120px;
    padding-top: 30px;
}
.sw-dev3-icon-txt {
    text-align: center;
    padding-top: 22px;
    font-size: 17px;
}
.sw-dev3-icons-col-new {
    min-height: 160px;
}
.sw-dev3-icons-tech {
    min-height: 210px;
}
.skill-box-list {
    margin-top: 20px;
}
.skill-box-list span {
    color: #fff;
    padding: 4px 14px;
    display: inline-block;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #fff;
}
.dev-skil-h3 {
    font-size: 40px;
    font-weight: 400;
    line-height: 47px;
}
.contact-main {
    display: flex;
    width: 100%;
}
.contact-lft {
    background: #000;
    padding: 30px;
    width: 35%;
}
.contact-rgt {
 /* padding: 40px;
    background: #fff;
    box-shadow: 3px 3px 6px -1px #ccc; */
    width: 100%;
}
.cont-row{
	margin-left:-15px;
	margin-right:-15px;
}
.contact-lft-row1 {
    margin-top: 10px;
    margin-bottom: 50px;
}
.contact-icon {
    float: left;
    width: 10%;
}
.contact-addr-main {
    width: 90%;
    margin-left: 15%;
}
.contact-hdng {
    color: #fb8a35;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 20px;
}
.contact-addr {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
}
.loc-map-btn {
    display: inline-block;
    color: #fb8a28;
    padding: 7px 0px;
    margin-top: 10px;
    font-size: 16px;
    transition: 0.5s;
}

.contact-rgt h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    position: relative;
}
.contact-rgt h2::after {
    background: #fb8a28;
    position: absolute;
    content: "";
    width: 150px;
    height: 2px;
    bottom: -20px;
    left: 0;
}
.frm-clmn {
    width: 33.33%;
    min-height: 95px;
    float: left;
	padding:15px;
}
.frm-clmn1 {
    width: 100%;
    min-height: 95px;
	padding:15px;
}
.frm-clmn label,
.frm-clmn1 label {
    font-weight: 400;
    font-size: 20px;
	display: block;
}
.inpt-txt {
    width: 100%;
    border: none;
    border-bottom: 2px solid #ccc;
    padding: 25px 0 10px 0;
    transition: 0.5s;
    font-family: "Montserrat", Arial;
	background:none;
	font-size:17px;
	color:#000;
}
.inpt-select {
    font-family: "Montserrat", Arial;
	display:block; 
	width:100%;
}
.inpt-txt1,
.txt-ara {
    width: 100%;
    font-family: "Montserrat", Arial;
}
.inpt-txt:focus {
    outline: none;
    border-bottom: 2px solid #fb8a28;
}
.cont-btn{
	background:none;
	min-width:150px;
	border:none;
	color:#000;
	cursor:pointer;
	transition:.5s;
	font-size:18px;
	text-align:center;
	font-family: "Montserrat", Arial;
	text-transform:uppercase;
	box-shadow: 0 3px #a94e0e;
	border-radius: 7px;
	font-weight:400;
}

.cont-btn:focus{
	outline:none;
}
.btn-txt{
	display: block;
    float: left;
    width: 125px;
    padding: 17px;
    background: #fd6a02;
    height: 55px;
    text-align: center;
    color: #FFF;
	border-top-left-radius: 7px;
	transition:.5s;
}
.snd-icn-m{
	padding:8px;
	display:block;
	width:50px;
	float:left;
	background: #de6109;
	border-top-right-radius: 7px;
	transition:.5s;
	height: 55px;
	float:right;
}
.snd-icn{
	fill:#FFF;
	margin-top: 4px;
    margin-right: 2px;
}
.cont-btn:hover .btn-txt{
	background:#ea690d;
}
.cont-btn:hover .snd-icn-m{
	background:#da5d05;
}
.frm-clmn3{
	width:50%;
	float:left;
	padding-left:15px;
}
.cnt-btn-new{
	background: #fd6a02;
    border: none;
    padding: 25px 50px;
    color: #000;
    text-transform: uppercase;
    font-family: "Montserrat", Arial;
    font-size: 19px;
    font-weight: 700;
    cursor: pointer;
	float:right;
	margin-right:15px;
}
.cnt-btn-new:focus{
	outline:none;
}
@media(max-width:960px){
	.cont-btn{
		margin-left:40px;
	}
}
@media(max-width:850px){
	.cont-btn{
		margin-left:0px;
		margin-top:20px;
	}
	.frm-clmn3{
		width:100%;
		float:none;
	}
	.cnt-btn-new{
		float:none;
		margin-top:20px;
	}
}
.cnt-snd-btn {
    background: none;
    border: none;
    color: #fb8a28;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 220px;
    transition: 0.2s;
	
}
.cnt-snd-btn-img {
    float: left;
}

.cnt-snd-btn-label {
    font-size: 18px;
    padding-top: 14px;
}
.cnt-snd-btn:hover {
    color: #c56a26;
}
.snd-btn-img2 {
    display: none;
}
.cnt-snd-btn:hover .snd-btn-img2 {
    display: block;
}
.cnt-snd-btn:hover .snd-btn-img1 {
    display: none;
}

.cnt-snd-btn:focus {
    outline: none;
}
.seo-dubai123 {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.seo-dubai123 li {
    color: #fd6a02;
    font-size: 16px;
    display: inline;
}
.seo-dubai123 li a {
    color: #fd6a02;
    padding: 10px;
}
.bottom-link {
    background: #000;
    border-top: 1px solid #343434;
    border-bottom: 1px solid #343434;
}
.bottom-link ul {
    text-align: center;
}
.bottom-link li {
    display: inline-block;
    padding: 20px 10px !important;
    font-size: 13px;
    text-decoration: none;
    position: relative;
    margin: 0 auto;
}
.bottom-link li a {
    color: #bdb6b1;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.bottom-link li a:hover {
    color: #fff;
}
.bottom-link li:first-child {
    color: #fd6a02;
    font-weight: 600;
    font-size: 16px;
}
.bottom-link li:last-child {
    border-right: none;
}
.social-row {
    display: flex;
    flex-wrap: wrap;
}
.social-col {
    width: 33.3%;
    float: left;
    text-align: left;
    line-height: 30px;
    padding: 15px;
    font-size: 16px;
    margin-top: 10px;
}
.social-col p,
.social-col h2 {
    padding-top: 15px;
}
.social-icon-new {
    float: none;
}

.social-icon li {
    display: inline-block;
    list-style: none;
    margin-left: 20px;
}
.social-icon li:first-child {
    margin-left: 0;
}
.social-icon li svg:hover path {
    fill: #aa331b;
    transition: all ease 0.3s;
}
.social-icon li svg path {
    transition: all ease 0.3s;
}
.seo-myths-left {
    width: 50%;
    text-align: right;
    float: left;
    padding-right: 4px;
}
.seo-myths-rght {
    width: 50%;
    text-align: left;
    float: left;
    padding-left: 4px;
}
.seo-dubai-myths {
    width: 100%;
    margin-top: 0px;
}
.seo-dubai-myths li {
    font-size: 16px;
    display: block;
    line-height: 40px;
}
.seo-dubai-myths li a {
    color: #000;
    text-decoration: underline;
}
.seo-dubai-myths li a:hover {
    color: #fb8a28;
}
.seo-myths-left .seo-dubai-myths li {
    position: relative;
    padding-right: 20px;
}
.seo-myths-left .seo-dubai-myths li::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 15px;
    right: 0px;
    top: 13px;
    background: #fb8a28;
}
.seo-myths-rght .seo-dubai-myths li {
    position: relative;
    padding-left: 20px;
}
.seo-myths-rght .seo-dubai-myths li::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 15px;
    left: 0px;
    top: 13px;
    background: #fb8a28;
}
.qstn {
    font-weight: 700;
}

.seo-li16 {
    margin-top: 50px;
    font-size: 16px;
    line-height: 35px;
}
.sf-h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center;
}

.clnt-exper-logo img {
    margin-left: 3%;
    margin-top: 30px;
}
.tech-list-p {
    font-size: 21px;
    line-height: 30px;
    position: relative;
}
.tech-list li {
    font-size: 17px;
    margin-top: 10px;
    line-height: 24px;
    position: relative;
}

.tec-li-clmn-main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
}
.tec-li-clmn {
    width: 48.5%;
    float: left;
    margin: 0.5%;
	padding-right:10px;
}
.tec-li-clmn h2 {
    font-size: 35px;
    margin-top: 70px;
}
.abt-icn-txt {
    padding-bottom: 20px;
    padding-top: 20px;
}
.abt-icn {
    width: 20%;
    float: left;
    text-align: center;
}
.abt-txt {
    margin-left: 25%;
}
.abt-txt h2 {
    font-size: 45px;
}
.abt-txt p {
    font-size: 21px;
    line-height: 28px;
}
.partnership-logo {
    margin-bottom: 50px;
}
.partnership-logo img {
    margin-left: 2%;
    margin-top: 30px;
}
/* @media (max-width: 1130px) {
	.col-box1{
		width:48.3%;
		margin:5px;
	}
	.col-box11-overlay p{
		line-height:35px;
	}
} */
.ser-li {
    margin-top: 20px;
}

.ser-ul-li li {
    display: inline;
    font-size: 16px;
    line-height: 42px;
    position: relative;
    padding-left: 20px;
    padding-right: 13px;
}
.ser-ul-li li::before {
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    background: #fd6a02;
    left: 0;
    top: 5px;
}
.work-banner {
    background: #000;
}
.work-img-bnr {
    position: relative;
}
.work-page-banner {
    background: url(../images/background/employee.jpg) no-repeat center 0px#000;
    background-size: cover;
    position: relative;
    padding-top: 130px;
    padding-bottom: 80px;
    color: #fff;
}
.work-bnr-overlay {
    position: absolute;
    top: 0;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 5;
}
.work-page-banner h2 {
    font-size: 48px;
    z-index: 15;
    position: relative;
}
.work-page-banner p {
    font-size: 25px;
    z-index: 15;
    position: relative;
}
.work-page-banner h2 span,
.work-page-banner p span {
    color: #fd6a02;
}
.ban-logo {
    z-index: 15;
    float: right;
    position: relative;
}

.work-page {
    padding-bottom: 50px;
}
.work-page h2 {
    font-size: 50px;
}
.work-page h2 span,
.work-page p span {
    color: #fd6a02;
}
.work-page p {
    font-size: 22px;
}
.work-page-details {
    padding-top: 30px;
    width: 70%;
}
.more-casestudy {
    width: 28%;
    float: left;
    border: 1px solid #e6e3e3;
    padding: 17px;
    margin-left: 2%;
}
.work-page-details h2 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.work-page-details p {
    font-size: 17px;
    line-height: 30px;
}
.more-casestudy img {
    max-width: 100%;
}
.case-study-content-head {
    font-size: 38px;
    letter-spacing: -0.8px;
    line-height: 45px;
    margin-bottom: 40px;
}
.case-study-content-head span,
.case-study-content-subhead span {
    color: #ff6b00;
}
.case-study-content-subhead {
    font-size: 22px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 5px;
    line-height: 35px;
}

.other-casestudy-head {
    font-size: 20px;
}
.more-casestudy-content {
    margin-top: 28px;
}
.more-casestudy-subhead {
    display: block;
    font-size: 15px;
    color: #000;
    line-height: 22px;
    font-weight: 600;
    margin-top: 10px;
}
.more-casestudy-subhead:hover {
    color: #ff6b00;
}
.more-casestudy-read {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #ff6b00;
    font-weight: 600;
}
.more-casestudy-read:hover {
    color: #000;
}

.work-ul-li li {
    font-size: 18px;
    line-height: 42px;
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
}
.work-ul-li li::before {
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    background: #fd6a02;
    left: 0;
    top: 15px;
}
.work-img-colm-main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
}
.work-img-colm {
    width: 50%;
    padding: 15px;
    float: left;
    position: relative;
}
.work-img-colm-overlay1 {
    position: absolute;
    background: rgba(255, 107, 0, 0.7);
    top: 15px;
    left: 15px;
    bottom: 100%;
    right: 100%;
    transition: 0.5s;
}
.work-img-colm:hover .work-img-colm-overlay1 {
    bottom: 50%;
    right: 50%;
}

.work-img-colm-overlay2 {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 15px;
    left: 100%;
    bottom: 100%;
    right: 15px;
    transition: 0.5s;
}
.work-img-colm:hover .work-img-colm-overlay2 {
    bottom: 50%;
    left: 50%;
}

.work-img-colm-overlay3 {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 100%;
    left: 15px;
    bottom: 17px;
    right: 100%;
    transition: 0.5s;
}
.work-img-colm:hover .work-img-colm-overlay3 {
    top: 50%;
    right: 50%;
}

.work-img-colm-overlay4 {
    position: absolute;
    background: rgba(255, 107, 0, 0.7);
    top: 100%;
    left: 100%;
    bottom: 17px;
    right: 15px;
    transition: 0.5s;
}
.work-img-colm:hover .work-img-colm-overlay4 {
    top: 50%;
    left: 50%;
}

.work-img-colm-overlay-txt {
    position: absolute;
    top: 15px;
    bottom: 15px;
    text-align: center;
    left: 15px;
    right: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 27%;
}

.work-img-colm-overlay-txt h2 {
    color: #fff;
    font-size: 0px;
    margin-bottom: 20px;
    transition: 0.1s;
}
.work-img-colm-overlay-txt p {
    color: #fff;
    font-size: 0px;
    line-height: 30px;
    transition: 0.1s;
}
.work-img-colm:hover .work-img-colm-overlay-txt h2 {
    font-size: 26px;
}
.work-img-colm:hover .work-img-colm-overlay-txt p {
    font-size: 17px;
}
.about-box-main {
    padding-top: 30px;
    padding-bottom: 30px;
}
.about-box-lft {
    width: 50%;
    float: left;
    padding-right: 32px;
}
.about-box-rgt {
    width: 50%;
    float: left;
}
.abt-h2 {
    font-size: 42px;
    margin-bottom: 20px;
}
.aboutus-lft-p {
    font-size: 25px;
    line-height: 39px;
}
.aboutus-p {
    font-size: 19px;
    margin-top: 20px;
    line-height: 33px;
    padding-top: 50px;
    padding-left: 20px;
}

.abt-exp-col-main {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 50px;
}
.abt-txt-col1 {
    width: 30%;
    padding: 20px;
}
.abt-txt-col2 {
    width: 40%;
    padding: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.abt-txt-col1 h2 {
    font-size: 55px;
    margin-top: 17px;
}
.abt-col-hd1{
	font-size: 55px;
    margin-top: 17px;
	font-weight:700;
}
.abt-txt-col1 h3 {
    font-size: 24px;
    margin-top: -10px;
}
.abt-col-hd2 {
    font-size: 24px;
    margin-top: -10px;
	font-weight:700;
}
.abt-txt-col1 p {
    font-size: 17px;
    line-height: 25px;
}
.abt-txt-col2 h3 {
    font-size: 24px;
    margin-top: 24px;
    margin-bottom: 30px;
}
.abt-col1-row {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.abt-col1-row:last-child {
    border-bottom: none;
}
.abt-txt-col2 img {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.work-pg-bsnes-nd {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 20px;
}
.work-pg-bsnes-nd h2 {
    font-size: 46px;
    margin-bottom: 20px;
}
.work-pg-bsnes-nd p {
    font-size: 25px;
    line-height: 36px;
}
.fetrs-bnft {
    background-image: url("../images/background/work1bg2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: cover;
    position: relative;
}
.fetrs-bnft-cntr {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.fetrs-bnft-ovrly {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10;
}

.fetrs-bnft-col {
    width: 50%;
    padding: 20px;
    color: #fff;
    z-index: 15;
    position: relative;
    float: left;
}
.fetrs-bnft-col h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.work1-rslt {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #2d2f30;
    color: #fff;
}
.work1-rslt-main {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
.work1-rslt h2 {
    font-size: 50px;
    margin-bottom: 20px;
}
.work1-rslt p {
    font-size: 35px;
    line-height: 45px;
}
.work-page-tech {
    padding-bottom: 10px;
}

.work-page-tech-p {
    max-width: 800px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
}
.work-page-tech-p h2 {
    font-size: 46px;
    margin-bottom: 20px;
}
.work-page-tech-p p {
    font-size: 20px;
    line-height: 35px;
    padding-bottom: 30px;
    margin-top: 30px;
}
.people-main {
    margin-top: 50px;
}

.people-main-row {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
}
.people-col {
    width: 32.33%;
    margin-bottom: 20px;
    padding: 20px;
}
.people-img {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.people-img img {
    transition: 0.6s ease;
    display: block;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
/* .people-img:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
} */
.people-col h2 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 5px;
    color: #000;
}
.people-col p {
    font-size: 16px;
    line-height: 25px;
    color: #000;
}
.client-main {
    padding-top: 50px;
}
.clnt p {
    font-size: 18px;
    line-height: 25px;
}

.clnt-col-main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    margin-left: -20px;
	margin-right: -20px;
}
.clnt-col {
    width: 32.33%;
    margin-bottom: 10px;
    padding: 0 20px;
}
.clnt-col h2 {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 20px;
}
.clnt-col-li li {
    font-size: 16px;
    line-height: 29px;
}
.meet-people-main {
    padding-bottom: 50px;
}
.meet-pple-col-row {
    display: flex;
    flex-wrap: wrap;
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #ccc;
}
.meet-pple-col-row:last-child {
    border-bottom: none;
}
.meet-pple-col1 {
    width: 40%;
    padding-top: 10px;
}
.meet-pple-col1 img {
    min-width: 300px;
}
.meet-pple-col2 {
    width: 60%;
    padding: 0 40px 0 40px;
}
.meet-pple-col2 h2 {
    font-size: 30px;
    margin-bottom: 6px;
}
.meet-pple-col2 h3 {
    font-size: 18px;
    margin-bottom: 20px;
}
.meet-pple-col2 p {
    font-size: 18px;
    line-height: 33px;
}
.logo-work {
    margin-top: 15px;
    margin-bottom: 10px;
}
.nav-work {
    margin-top: 30px;
}

@media (max-width: 960px) {
    .col-box11-overlay p {
        line-height: 25px;
        font-size: 14px;
        margin-top: 10px;
    }
    .col-box11-overlay h3 {
        margin-top: 10px;
    }
    .about-box-lft,
    .about-box-rgt {
        width: 100%;
        float: none;
        padding-right: 0px;
    }
    .aboutus-p {
        padding-top: 20px;
        padding-left: 0;
    }
}
@media screen and (max-width: 991px) {
    .col-box1 {
        width: 49%;
    }
    .col-box1:nth-of-type(3n + 1) {
        margin-right: 0.5%;
        margin-left: 0.5%;
    }
    .col-box1:nth-of-type(3n) {
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .tec-li-clmn .tech-list-p,
    .tec-li-clmn .tech-list li {
        font-size: 16px;
        line-height: 27px;
    }
    .tec-li-clmn h2 {
        font-size: 25px;
    }
}
@media screen and (max-width: 648px) {
    .col-box1 {
        width: 100%;
    }
    .col-box1:nth-of-type(3n + 1) {
        margin-right: 0.5%;
        margin-left: 0.5%;
    }
    .col-box1:nth-of-type(3n) {
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .g-aps-box1 {
        width: 100%;
    }
    .g-aps-box1:nth-of-type(2n + 1) {
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .g-aps-box1:nth-of-type(2n) {
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .work-page-tech h2,
    .work1-rslt h2,
    .work-pg-bsnes-nd h2,
    .work1-rslt h2 {
        font-size: 26px;
    }
    .work-pg-bsnes-nd p {
        font-size: 20px;
        line-height: 32px;
    }
    .work-page-tech-p p {
        font-size: 18px;
    }
    .work1-rslt p {
        font-size: 20px;
        line-height: 40px;
    }
}
@media screen and (max-width: 815px) {
    .social-col {
        width: 50%;
    }
    .fetrs-bnft-col {
        width: 100%;
    }
    .people-col {
        width: 50%;
    }
    .clnt-col {
        width: 50%;
    }
}

@media (max-width: 850px) {
    .abt-txt-col1,
    .abt-txt-col2 {
        width: 100%;
    }
    .abt-txt-col2 {
        border-top: 1px solid #ccc;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #ccc;
        margin-right: 20px;
        margin-left: 20px;
    }
    .abt-txt-col2 h3 {
        margin-left: -20px;
    }
    .contact-main {
        display: block;
    }
    .contact-lft {
        display: none;
    }
    .contact-rgt {
        width: 100%;
    }
    .frm-clmn {
        width: 100%;
        float: none;
    }

    .inpt-txt {
        width: 100%;
    }
    .inpt-txt1,
    .txt-ara {
        width: 100%;
    }
    .seo-myths-left {
        width: 100%;
        text-align: center;
        float: none;
        padding-right: 0px;
    }
    .seo-myths-rght {
        width: 100%;
        text-align: center;
        float: none;
        padding-left: 0px;
    }
    .seo-myths-left .seo-dubai-myths li::after,
    .seo-myths-rght .seo-dubai-myths li::before {
        display: none;
    }
}

@media (max-width: 778px) {
    .meet-pple-col1,
    .meet-pple-col2 {
        width: 100%;
    }
    .meet-pple-col2 {
        padding: 20px 0;
    }
    .meet-pple-col1 img {
        max-width: 400px;
    }
    .cust-sot-hd-li span {
        font-size: 22px;
		line-height: 36px;
    }
    .cust-sot-hd-p,
    .ser-p {
        font-size: 15px;
    }
    .work-page-details {
        width: 100%;
    }
    .work-img-colm-overlay-txt {
        padding-top: 25%;
    }
    .work-img-colm:hover .work-img-colm-overlay-txt h2 {
        font-size: 20px;
    }
    .work-page-tech-p {
        font-size: 30px;
    }

    .work-img-colm {
        width: 100%;
        float: none;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }
    .col-box1 {
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
	.col-box1-vps {
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .abt-txt h2 {
        font-size: 38px;
    }
    .abt-txt p {
        font-size: 16px;
        line-height: 28px;
    }
    .abt-icn img {
        width: 65px;
    }
    .strt-proj-rgt a {
        padding: 10px 15px;
        font-size: 15px;
        line-height: 20px;
    }
    .strt-proj-lft h2,
    .strt-proj-lft h3 {
        font-size: 35px;
        line-height: 37px;
    }
    .strt-proj-lft p {
        font-size: 20px;
        line-height: 37px;
    }
    .sft-ftr-lft {
        width: 100%;
        float: none;
    }
    .sft-ftr-rgt {
        width: 100%;
        float: none;
    }
    .col-box-main h2,
    .col-box-main h3 {
        font-size: 30px;
    }
    .sw-dev3-icons-col {
        width: 50%;
    }
    .dev-skil-h3 {
        font-size: 30px;
    }
    .tec-li-clmn {
        width: 100%;
        float: none;
        margin: 0.5%;
    }
}
@media screen and (max-width: 555px) {
    .social-col {
        width: 100%;
    }
    .abt-txt-col {
        width: 100%;
    }
    .clnt-col {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .strt-proj-lft h2,
    .strt-proj-lft h3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 480px) {
    .sw-dev3-icons-col {
        width: 100%;
    }
    .people-col {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .col-box11-overlay p {
        margin-top: 5px;
        font-size: 13px;
        line-height: 20px;
    }
    .col-box11-overlay h3 {
        margin-top: 5px;
        font-size: 14px;
    }
}
/*Leadership*/

.leader-box-row {
    margin-top: 50px;
    margin-left: -15px;
    margin-right: -15px;
}
.leader-intro {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 22px;
    color: #000;
    line-height: 40px;
}
.leader-box {
    position: relative;
    display: inline-block;
    width: 32.333%;
    padding: 0 15px;
    margin-bottom: 40px;
    text-align: center;
}

.leadership-over {
    opacity: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fd6a02;
    border-radius: 50%;
    top: 0;
    left: 0;
    top: 100px;
    left: 170px;
    font-size: 39px;
    color: #fff;
    z-index: 2;
}
.leader-box:hover .leadership-over {
    opacity: 1;
}
.leader-img:hover {
    opacity: 0.4;
}
.leader-img img {
    display: block;
    max-width: 249px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.leader-name {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    transition: color 300ms linear 0s;
}
.leader-name:hover {
    color: #aa331b;
}
.leader-pos {
    margin-top: 5px;
    font-size: 18px;
    color: #000;
}
.leader-pos span {
    color: #aa331b;
}
.Leadership-highlight {
    margin-top: 100px;
    margin-bottom: 70px;
}
.Leadership-highlight-text {
    width: 70%;
    float: left;
}
.Leadership-highlight-text h4 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: -0.8px;
}
.Leadership-highlight-text h5 {
    font-size: 20px;
    margin-top: 10px;
}
.Leadership-highlight-text p {
    font-size: 20px;
    margin-top: 30px;
    line-height: 36px;
    padding-right: 100px;
}
.Leadership-highlight-pic {
    width: 30%;
    float: left;
}
.Leadership-highlight-pic img {
    max-width: 100%;
}
.Leadership-seperator {
    width: 100%;
    height: 2px;
    background-color: #eaeaea;
    margin-bottom: 50px;
}

.g-aps-h3 {
    z-index: 50 !important;
    position: relative;
    line-height: 20px;
    margin-top: 0px !important;
    font-size: 22px !important;
    margin-bottom: 0 !important;
    text-transform: uppercase !important;
}
.g-aps-h2 {
    z-index: 50 !important;
    position: relative;
    margin-top: 0px !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
}
.w-host-mrtp {
    margin-top: 70px;
}

@media screen and (max-width: 990px) {
    .leader-box {
        width: 49%;
    }
    .leader-box-row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .Leadership-highlight {
        margin-bottom: 40px;
    }
    .Leadership-highlight-text {
        width: 100%;
        float: none;
    }
    .Leadership-highlight-text p {
        padding-right: 0;
    }
    .Leadership-highlight-pic {
        width: 100%;
        float: none;
        margin-top: 25px;
    }
}
@media screen and (max-width: 600px) {
    .leader-box {
        width: 100%;
    }
}

.web-hosting-section {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 50px;
	margin-left:-5px;
}
.web-hosting-listing-item {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 36px;
    margin-top: 25px;
}
.web-hosting-listing-item li {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    padding-right: 15px;
}
.web-hosting-listing-item li:before {
    content: "»";
    position: absolute;
    font-size: 20px;
    left: 0;
    top: -2px;
    color: #aa331b;
}
.web-hosting-uae {
    text-align: center;
    margin-top: 50px;
}
.web-hosting-uae li {
    display: inline-block;
    list-style: none;
    width: 18.75%;
    margin-left: 1%;
    vertical-align: top;
}
.web-hosting_sub {
    width: 100%;
    background-color: #131313;
    margin-left: 1%;
    margin-top: 0px;
    border: 1px solid #efefef;
    text-align: center;
    min-height: 340px;
}
.web-hosting_sub1 {
    min-height: 245px;
    padding-top: 20px;
}
.host_pic {
    padding-top: 22px;
}
.web-hosting_head {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    display: block;
    color: #fff;
    text-transform: uppercase;
}
.web-hosting_head span {
    color: #fd6a02;
}
.web-hosting_sub p {
    font-size: 16px;
    padding: 20px;
    color: #989898;
    line-height: 25px;
}
.web-hosting-uae-button {
    margin-top: 5px;
    background-color: #fd6a02;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 0.3px;
}
.web-hosting-uae-button:hover {
    background: #e0792b;
}
@media screen and (max-width: 1173px) {
    .web-hosting_sub {
        margin-bottom: 0px;
        margin-top: 12px;
    }
    .web-hosting-uae > li {
        width: 40%;
        margin-bottom: 0px;
    }
}
@media screen and (max-width: 510px) {
    .web-hosting-uae > li {
        width: 100%;
        margin-left: 0;
    }
    .web-hosting_sub {
        margin-left: 0;
    }
}
.plan_list1 {
    padding-top: 15px;
    text-align: left;
    padding-bottom: 25px;
    text-align: center;
}
.plan_list1 ul {
    color: #fff;
    list-style: none;
    display: block;
    font-size: 13px;
    letter-spacing: 0.3px;
}
.plan_list1 ul li {
    padding-top: 12px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-left: 0;
    color: #989898;
}
.plan-list-head {
    background-color: #292929;
    margin-top: 0 !important;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px !important;
    text-align: center;
}
.col-box-mar {
    margin-bottom: 7px;
}
.pt-0 {
    padding-top: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.mt-0 {
    margin-top: 0;
}
.mt-100 {
    margin-top: 100px;
}
.text-center {
    text-align: center;
}
.hosting-sub-head {
    font-size: 45px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: left;
}
.sw-dev3-icons-col {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    min-height: 230px;
}
.offshore-sub-item {
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px !important;
    line-height: 22px;
}
.web-hosting-share {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    margin-top: 50px;
	
}
.web-hosting-share-box {
    position:relative;
    background-color: #131313;
    width: 49%;
    margin-top: 1%;
    margin-left: 1%;
    padding-left: 0.5%;
    padding-right: 0.5%;
}
.web-hosting-inner {
    padding: 20px;
    text-align: left;
	position:relative;
	z-index:11;
}
.web-hosting-share-head {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    position: relative;
    color: #fff;
}
.web-hosting-inner ul {
    margin-top: 20px;
    left: 50px;
}
.web-hosting-inner ul li {
    font-size: 14px;
    line-height: 32px;
    position: relative;
    padding-left: 20px;
    color: #f9f9f9;
    letter-spacing: 0.3px;
}
.web-hosting-inner ul li::after {
    content: "";
    position: absolute;
    left: 0px;
    font-size: 16px;
    top: 11px;
    width: 10px;
    height: 10px;
    background: rgb(253, 139, 53);
}
@media screen and (max-width: 768px) {
    .sw-dev3-icons-col {
        width: 50%;
    }
    .web-hosting-share-box {
        width: 100%;
        margin-top: 1%;
        margin-left: 0px;
    }
    .office-hd-main::after,
    .work-hd-main::after,
    .exprt-hd-main::after,
    .our-work-main::after {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .sw-dev3-icons-col {
        width: 100%;
    }
}
.cloud-hosting-box li {
    width: 23.75%;
}
.cloud-hosting-content {
    font-size: 16px;
    margin-top: 20px;
    display: block;
    line-height: 30px;
    color: #fff;
}
@media screen and (max-width: 1173px) {
    .web-hosting-uae > li {
        width: 40%;
        margin-bottom: 0px;
    }
    .web-hosting_sub {
        margin-bottom: 0px;
        margin-top: 12px;
    }
}
@media screen and (max-width: 510px) {
    .web-hosting-uae > li {
        width: 100%;
        margin-left: 3px;
    }
}

.sw-dev-pgrms-col {
    width: 49.5%;
    margin: 0.5%;
    text-align: left;
    padding: 50px;
    line-height: 30px;
    color: #fff;
    position: relative;
}
.se-mark2 {
    background: url("../images/web-hosting/se-mark2.jpg") no-repeat center center;
	background-size: cover;
}
.box-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.6;
    z-index: 10 !important;
}
.sw-dev-pgrms-contnt {
    z-index: 50 !important;
    position: relative;
}
.cust-sw-dev-pgrms-main h2 {
    text-transform: uppercase;
    margin-bottom: 16px;
    line-height: 20px;
    margin-top: 10px;
}
.cust-sw-dev-pgrms-main p {
    font-size: 16px;
    line-height: 35px;
}
.sw-dev-pgrms-col a {
    margin-top: 18px;
    background-color: #ff6b00;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 5px 20px 5px 20px;
    letter-spacing: 0.3px;
    display: inline-block;
}
.sw-dev-pgrms-col:nth-of-type(2n + 1) {
    margin-left: 0;
}
.cust-sw-dev-pgrms-main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
}
.se-mark3 {
    background: url("../images/web-hosting/se-mark3.jpg") no-repeat center center;
	background-size: cover;
}
.sw-dev-pgrms-col:nth-of-type(2n) {
    margin-right: 0;
}
@media screen and (max-width: 798px) {
    .sw-dev-pgrms-col {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/*----------submenu new----------*/
.popmenu-button {
    position: fixed;
    bottom: 6px;
    right: 6px;
    z-index: 1000;
    padding: 12px;
    border: none;
    color: #fff;
    background: #ff6b00;
    cursor: pointer;
    width: 140px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 0.5px;
    transition: 0.5s;
}

.popmenu-button:focus {
    outline: none;
}

.popup-close {
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: 11px;
}
.popup-close img {
    width: 15px;
}
.hd-clse {
    margin-bottom: 12px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding: 8px 8px 0 15px;
    color: #000;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.popmenu-button:hover {
    background: #000;
}

/* Menu */
.popmenu-wrap {
    position: fixed;
    z-index: 1001;
    /* background: url("../images/background/pop-over.jpg") no-repeat center 0px; */
    background: #fff;
    -webkit-transition: width 0.3s, height 0.3s;
    transition: width 0.3s, height 0.3s;
    width: 0;
    height: 0;
    font-size: 1.5em;
    bottom: 6px;
    right: 6px;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08),
        0 1px 3px 1px rgba(60, 64, 67, 0.16);
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.link-list a {
    display: block;
    color: #000;
    font-size: 13px;
    line-height: 30px;
}
.link-list a:hover {
    text-decoration: underline;
}

.link-list-li li {
    font-size: 16px;
    line-height: 42px;
    position: relative;
}
.pd-bbtm0 {
    padding-bottom: 0;
}

@media screen and (max-width: 50em) {
    .popmenu-button {
        margin: 0.25em;
    }
    .popmenu-wrap {
        bottom: 0;
        right: 0;
    }
}

.popmenu {
    height: 100%;
    opacity: 0;
    font-size: 0.65em;
    color: #64697d;
    padding: 20px;
}
.popmenu h2 {
    margin-bottom: 11px;
    padding-left: 5px;
    color: #000;
}
/* Shown menu */
.show-popmenu .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.show-popmenu .popmenu-wrap {
    width: 283px;
    height: 240px;
    -webkit-animation: anim-jelly 0.8s linear forwards;
    animation: anim-jelly 0.8s linear forwards;
}
.show-popmenu .popmenu-wrap-w-host {
    width: 283px;
    height: 320px;
    -webkit-animation: anim-jelly 0.8s linear forwards;
    animation: anim-jelly 0.8s linear forwards;
}
.show-popmenu .popmenu-wrap-tech {
    width: 283px;
    height: 280px;
    -webkit-animation: anim-jelly 0.8s linear forwards;
    animation: anim-jelly 0.8s linear forwards;
}
.show-popmenu .popmenu {
    opacity: 1;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}
/* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */
@keyframes anim-jelly {
    0% {
        -webkit-transform: matrix3d(
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    3.333333% {
        -webkit-transform: matrix3d(
            0.32778,
            0,
            0,
            0,
            0,
            0.32778,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.32778,
            0,
            0,
            0,
            0,
            0.32778,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    6.666667% {
        -webkit-transform: matrix3d(
            0.69875,
            0,
            0,
            0,
            0,
            0.69875,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.69875,
            0,
            0,
            0,
            0,
            0.69875,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    10% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    13.333333% {
        -webkit-transform: matrix3d(
            1.1815,
            0,
            0,
            0,
            0,
            1.1815,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.1815,
            0,
            0,
            0,
            0,
            1.1815,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    16.666667% {
        -webkit-transform: matrix3d(
            1.24402,
            0,
            0,
            0,
            0,
            1.24402,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.24402,
            0,
            0,
            0,
            0,
            1.24402,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    20% {
        -webkit-transform: matrix3d(
            1.21871,
            0,
            0,
            0,
            0,
            1.21871,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.21871,
            0,
            0,
            0,
            0,
            1.21871,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    23.333333% {
        -webkit-transform: matrix3d(
            1.14702,
            0,
            0,
            0,
            0,
            1.14702,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.14702,
            0,
            0,
            0,
            0,
            1.14702,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    26.666667% {
        -webkit-transform: matrix3d(
            1.06589,
            0,
            0,
            0,
            0,
            1.06589,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.06589,
            0,
            0,
            0,
            0,
            1.06589,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    30% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    33.333333% {
        -webkit-transform: matrix3d(
            0.9603,
            0,
            0,
            0,
            0,
            0.9603,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.9603,
            0,
            0,
            0,
            0,
            0.9603,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    36.666667% {
        -webkit-transform: matrix3d(
            0.94663,
            0,
            0,
            0,
            0,
            0.94663,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.94663,
            0,
            0,
            0,
            0,
            0.94663,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    40% {
        -webkit-transform: matrix3d(
            0.95217,
            0,
            0,
            0,
            0,
            0.95217,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.95217,
            0,
            0,
            0,
            0,
            0.95217,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    43.333333% {
        -webkit-transform: matrix3d(
            0.96784,
            0,
            0,
            0,
            0,
            0.96784,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.96784,
            0,
            0,
            0,
            0,
            0.96784,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    46.666667% {
        -webkit-transform: matrix3d(
            0.98559,
            0,
            0,
            0,
            0,
            0.98559,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.98559,
            0,
            0,
            0,
            0,
            0.98559,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    50% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    53.333333% {
        -webkit-transform: matrix3d(
            1.00868,
            0,
            0,
            0,
            0,
            1.00868,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00868,
            0,
            0,
            0,
            0,
            1.00868,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    56.666667% {
        -webkit-transform: matrix3d(
            1.01167,
            0,
            0,
            0,
            0,
            1.01167,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.01167,
            0,
            0,
            0,
            0,
            1.01167,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    60% {
        -webkit-transform: matrix3d(
            1.01046,
            0,
            0,
            0,
            0,
            1.01046,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.01046,
            0,
            0,
            0,
            0,
            1.01046,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    63.333333% {
        -webkit-transform: matrix3d(
            1.00703,
            0,
            0,
            0,
            0,
            1.00703,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00703,
            0,
            0,
            0,
            0,
            1.00703,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    66.666667% {
        -webkit-transform: matrix3d(
            1.00315,
            0,
            0,
            0,
            0,
            1.00315,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00315,
            0,
            0,
            0,
            0,
            1.00315,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    70% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    73.333333% {
        -webkit-transform: matrix3d(
            0.9981,
            0,
            0,
            0,
            0,
            0.9981,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.9981,
            0,
            0,
            0,
            0,
            0.9981,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    76.666667% {
        -webkit-transform: matrix3d(
            0.99745,
            0,
            0,
            0,
            0,
            0.99745,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99745,
            0,
            0,
            0,
            0,
            0.99745,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    80% {
        -webkit-transform: matrix3d(
            0.99771,
            0,
            0,
            0,
            0,
            0.99771,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99771,
            0,
            0,
            0,
            0,
            0.99771,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    83.333333% {
        -webkit-transform: matrix3d(
            0.99846,
            0,
            0,
            0,
            0,
            0.99846,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99846,
            0,
            0,
            0,
            0,
            0.99846,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    86.666667% {
        -webkit-transform: matrix3d(
            0.99931,
            0,
            0,
            0,
            0,
            0.99931,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.99931,
            0,
            0,
            0,
            0,
            0.99931,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    90% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    93.333333% {
        -webkit-transform: matrix3d(
            1.00042,
            0,
            0,
            0,
            0,
            1.00042,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00042,
            0,
            0,
            0,
            0,
            1.00042,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    96.666667% {
        -webkit-transform: matrix3d(
            1.00056,
            0,
            0,
            0,
            0,
            1.00056,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            1.00056,
            0,
            0,
            0,
            0,
            1.00056,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    100% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}
.flex-center {
    justify-content: center;
}
.bullc-col {
    padding-left: 50px;
    padding-right: 50px;
}
.ser-ul-li.block li {
    display: block;
}
.ser-ul-li.block li::before {
    top: 15px;
}
@media (max-width: 782px) {
    .bullc-col {
        width: 91%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.mt-0 {
    margin-top: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.work-box-new:nth-child(odd) {
    padding-right: 5px;
}
.work-box-new:nth-child(even) {
    padding-left: 5px;
}
.work-box-new {
    height: 300px;
    margin-bottom: 10px;
    overflow: hidden;
}
.work-box-new.a {
    flex: 0 0 40%;
    max-width: 40%;
}
.work-box-new.b {
    flex: 0 0 60%;
    max-width: 60%;
}
.work-box-img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.work-box-img::before {
    opacity: 0.65;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.7) 100%
    );
    transition: opacity 300ms ease-in-out;
}
.work-box-new:hover .work-box-img::before {
    opacity: 1;
}
.img-fluid {
    display: block;
    max-width: 100%;
    height: auto;
}
.work-box-new .work-box-txt {
    opacity: 1;
    position: absolute;
    left: 20px;
    bottom: 0;
    transition: opacity 300ms ease-in-out;
}
.work-box-new:hover .work-box-txt {
    opacity: 1;
}
.work-box-new .work-box-txt,
.work-box-new .work-box-txt h2 {
    color: #fff;
}
.work-box-new .work-logo {
    right: auto;
    left: 20px;
}
@media (max-width: 767px) {
    .work-box-new.a,
    .work-box-new.b {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .work-box-new:nth-child(odd) {
        padding-right: 15px;
    }
    .work-box-new:nth-child(even) {
        padding-left: 15px;
    }
    .responsive-skillset{
        height: 100% !important;
    }
}
.sft-ftr-li.bt-marg li {
    margin-bottom: 10px;
    line-height: 26px;
}
.sft-ftr-li.bt-marg li::before {
    top: 10px;
}
.sft-cmn-ftr.bg {
    position: relative;
    padding-top: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.sft-cmn-ftr.bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.serv-li-col {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    text-align: left;
}
.serv-li-col.full {
    flex: 0 0 100%;
    max-width: 100%;
}
@media (max-width: 991px) {
    .serv-li-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 767px) {
    .serv-li-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.serv-li-col .ser-ul-li li {
    display: block;
    line-height: 22px;
    margin-bottom: 12px;
}
.serv-li-col .ser-ul-li li::before {
    top: 5px;
}
.text-left {
    text-align: left !important;
}
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: auto;
    background-color: #f4f4f4;
}
.loader-overlay-fader {
    height: 0;
    opacity: 0;
    transition: opacity 300ms ease-in-out, height 0ms linear 300ms;
}
.loader-icon {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.os-head {
    text-align: left !important;
    font-size: 30px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.os-list {
    font-size: 16px;
    text-align: left !important;
    margin-left: -20px;
}
.os-list li {
    display: block;
    margin-bottom: 10px;
    position: relative;
    margin-left: 20px;
    padding-left: 15px;
}
.os-list li::before {
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    background: #fd6a02;
    left: 0;
    top: 5px;
}

/*---PopUp-Menu-New--*/

.more-lnk-btn-new {
    position: fixed;
    top: 52%;
    right: 0px;
    z-index: 99;
    padding: 12px;
    border: none;
    color: #fff;
    background: #ff6b00;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.morelnk-menu-main {
    padding: 24px;
    background: #232323;
    position: fixed;
    z-index: 1002;
    right: -350px;
    top: 50%;
    transition: right 0.9s ease 0s;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 6px solid #ff6b00;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08),
        0 1px 3px 1px rgba(60, 64, 67, 0.16);
    min-width: 230px;
}
.hd-clse-new {
    margin-bottom: 12px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding: 9px 8px 6px 15px;
    color: #fff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.hd-clse-new h2 {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}
.hd-clse-new h3 {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}
.link-list.new a {
    color: #fff;
}
.morelnk-menu-main.active {
    right: 0px;
}
.popup-close1 {
    position: absolute;
    right: 5px;
    top: 10px;
	cursor:pointer;
	display:none;
}
@media (max-width: 900px) {
    .li-blk-mob li {
        display: block;
    }
    .li-blk-mob li::before {
        top: 16px;
    }
}

.expr-box-hd {
    position: relative;
    z-index: 20;
    color: #ffffff;
    padding: 15px 0 0 18px;
    font-size: 20px;
    text-transform: uppercase;
}
.expr-box-p {
    font-size: 16px !important;
    margin-top: 2px;
    margin-bottom: 20px;
    padding-right: 10px;
    line-height: 25px;
}
@media (max-width: 1024px) {
    .hide-menu-mob {
        display: none;
    }
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-10 {
    margin-top: 10px !important;
}

.fetrs-bnft-col-new {
    padding: 20px 20px 0px 0px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mt-50 {
    margin-top: 50px;
}
@media (min-width: 992px) {
    .msoft-btxt-br {
        display: block;
    }
}
.skill-box-list-v2{
	position:relative;
	z-index: 20;
	padding:20px;
}
.expr-box-hd-v2{
	font-size:26px!important;
}

.loc-map{
	position:relative;
	z-index:20;
	margin-bottom:20px;
	margin-left:40px;
	display:inline-block;
}
@media (min-width: 768px){
    .logo-col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width: 767px){
    .logo-col {
        display: block;
        width: 100%;
    }
}
.cb-box {
    display: flex;
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #000;
    height: 120px;
    align-items: center;
    justify-content: center;
}
.cb-box.bb-none {
	border-bottom-color: transparent;
}
.cb-box img {
    max-width: 100%;
    max-height: 65px;
}
.cb-box::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    width: 1px;
    height: 70%;
    background-color: #000;
    transform: translateY(-50%);
}
.cb-col:nth-child(4n + 1) .cb-box::before {
    display: none;
}
@media (max-width: 767px) {
    .cb-box::before {
        display: none;
    }
    .cb-box {
        justify-content: flex-start;
    }
	.cb-box.bb-none {
		border-bottom-color: #000;
	}
	.cb-col:last-child .cb-box {
		border-bottom-color: transparent;
	}
}
.fancybox-close {
    top: -10px !important;
    right: -10px !important;
	width: 20px !important;
	height: 20px !important;
}
.sw-box-flx{
	display: flex;
    flex-wrap: wrap;
}

.sw-dev-box-main{
	min-height:280px;
}
.sw-box-hd{
	font-size: 13px;
    text-transform: uppercase;
}
.sw-dev-box1, .sw-dev-box2, .sw-dev-box3, .sw-dev-box4, .seo-box1, .seo-box2, .seo-box3, .seo-box4{
	padding:20px;
	color:#FFF;
	min-height:100%;
	display:block;
}
.sw-dev-box1{
	background-image: url("../images/background/sw-dev-box1.jpg");
	background-repeat:no-repeat;
	background-position:center;
}
.sw-dev-box2{
	background-image: url("../images/background/sw-dev-box2.jpg");
	background-repeat:no-repeat;
	background-position:center top;
}
.sw-dev-box3{
	background-image: url("../images/background/sw-dev-box3.jpg");
	background-repeat:no-repeat;
	background-position:center;
}
.sw-dev-box4{
	background-image: url("../images/background/sw-dev-box4.jpg");
	background-repeat:no-repeat;
	background-position:center center;
}
.sw-box-p{
	opacity:0;
	transition: all 0.5s ease-in;
	padding-right: 6px;
}
.sw-dev-box-hr:hover .sw-box-p{
	opacity:1;
}
.seo-box1{
	background-image: url("../images/background/seo-box1.jpg");
	background-repeat:no-repeat;
	background-position:center;
}
.seo-box2{
	background-image: url("../images/background/seo-box2.jpg");
	background-repeat:no-repeat;
	background-position:center;
}
.seo-box3{
	background-image: url("../images/background/seo-box3.jpg");
	background-repeat:no-repeat;
	background-position:center;
}
.seo-box4{
	background-image: url("../images/background/seo-box4.jpg");
	background-repeat:no-repeat;
	background-position:center;
}



.int-mrkt-box1 {
    background: url("../images/background/int-mrkt1.jpg") no-repeat center center;
	background-size: cover;
}
.int-mrkt-box2 {
    background: url("../images/background/int-mrkt2.jpg") no-repeat center center;
	background-size: cover;
}
.int-mrkt-box3 {
    background: url("../images/background/int-mrkt3.jpg") no-repeat center center;
	background-size: cover;
}
.int-mrkt-box4 {
    background: url("../images/background/int-mrkt4.jpg") no-repeat center center;
	background-size: cover;
}
.int-mrkt-box5 {
    background: url("../images/background/int-mrkt5.jpg") no-repeat center center;
	background-size: cover;
}
.int-mrkt-box6 {
    background: url("../images/background/int-mrkt6.jpg") no-repeat center center;
	background-size: cover;
}
.int-mrkt-box7 {
    background: url("../images/background/int-mrkt7.jpg") no-repeat center center;
	background-size: cover;
}
.int-mrkt-box8 {
    background: url("../images/background/int-mrkt8.jpg") no-repeat center center;
	background-size: cover;
}
.int-mrkt-box9 {
    background: url("../images/background/int-mrkt9.jpg") no-repeat center center;
	background-size: cover;
}


.seo-bg1 {
    background: url("../images/background/seo-box-bg1.jpg") no-repeat center center;
	background-size: cover;
}
.seo-bg2 {
    background: url("../images/background/seo-box-bg2.jpg") no-repeat center center;
	background-size: cover;
}
.seo-bg3 {
    background: url("../images/background/seo-box-bg3.jpg") no-repeat center center;
	background-size: cover;
}
.seo-bg4 {
    background: url("../images/background/seo-box-bg4.jpg") no-repeat center center;
	background-size: cover;
}
.seo-bg5 {
    background: url("../images/background/seo-box-bg5.jpg") no-repeat center center;
	background-size: cover;
}
.seo-bg6 {
    background: url("../images/background/seo-box-bg6.jpg") no-repeat center center;
	background-size: cover;
}

.dedi-box-ovrly{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,.7);
	z-index:10;
}
.sw-blk{
	font-size:20px;
	text-align:center;
}


.cust-sw-box-bg1 {
    background: url("../images/background/cust-sw-dev1.jpg") no-repeat center center;
	background-size: cover;
}
.cust-sw-box-bg2 {
    background: url("../images/background/cust-sw-dev2.jpg") no-repeat center center;
	background-size: cover;
}
.cust-sw-box-bg3 {
    background: url("../images/background/cust-sw-dev3.jpg") no-repeat center center;
	background-size: cover;
}
.cust-sw-box-bg4 {
    background: url("../images/background/cust-sw-dev4.jpg") no-repeat center center;
	background-size: cover;
}
.cust-sw-box-bg5 {
    background: url("../images/background/cust-sw-dev5.jpg") no-repeat center center;
	background-size: cover;
}
.cust-sw-box-bg6 {
    background: url("../images/background/cust-sw-dev6.jpg") no-repeat center center;
	background-size: cover;
}
.wh-box-bg7 {
        background-image: url("../images/web-hosting/vps-box1.jpg");
		background-position: center center;
		background-size: cover;
}
.wh-box-bg8 {
	background-image: url("../images/web-hosting/vps-box2.jpg");
	background-position: center center;
	background-size: cover;
}
.wh-box-bg9 {
	background-image: url("../images/web-hosting/vps-box3.jpg");
	background-position: center center;
	background-size: cover;
}
.vps-box-4 {
	background-image: url("../images/web-hosting/vps-box4.jpg");
	background-position: center center;
	background-size: cover;
}
.vps-box-5 {
	background-image: url("../images/web-hosting/vps-box5.jpg");
	background-position: center center;
	background-size: cover;
}
.vps-box-6 {
	background-image: url("../images/web-hosting/vps-box6.jpg");
	background-position: center center;
	background-size: cover;
}
.vps-box-7 {
	background-image: url("../images/web-hosting/vps-box7.jpg");
	background-position: center center;
	background-size: cover;
}

.side-tech-col-new {
    width: 33.33%;
}
@media(max-width:800px)
{
	.side-tech-col-new {
		width: 50%;
	}
}
@media(max-width:650px)
{
	.side-tech-col-new {
		width: 100%;
	}
}
.item-row.custom {
    margin-left: -6px;
    margin-right: -6px;
}
.item-col.custom {
    padding-left: 6px;
    padding-right: 6px;
}
.custom-bottom + .custom-bottom {
    margin-top: 0px;
}
.side-tech-col.custom-bottom2{
    margin-bottom: 12px;
}
.office-col{
    width: 50%;
    margin-bottom: 12px;

}
@media (max-width: 680px) {
    .office-col {
        width: 100%;
    }
}
.ecom-box-bg1{
	background: url("../images/background/ecom1.jpg") no-repeat center center;
	background-size: cover;
}
.ecom-box-bg2{
	background: url("../images/background/ecom2.jpg") no-repeat center center;
	background-size: cover;
}
.ecom-box-bg3{
	background: url("../images/background/ecom3.jpg") no-repeat center center;
	background-size: cover;
}
.ecom-box-bg4{
	background: url("../images/background/ecom4.jpg") no-repeat center center;
	background-size: cover;
}
.ecom-box-bg5{
	background: url("../images/background/ecom5.jpg") no-repeat center center;
	background-size: cover;
}
.ecom-box-bg6{
	background: url("../images/background/ecom6.jpg") no-repeat center center;
	background-size: cover;
}
.cb-box-host{
	height:auto;
}
.cb-box-host img{
	max-height:90px;
}
.cld-box-ovrly{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.7);
}
.cld-host-box1{
	background: url("../images/background/cld-bg1.jpg") no-repeat center center;
	background-size: cover;
}
.cld-host-box2{
	background: url("../images/background/cld-bg2.jpg") no-repeat center center;
	background-size: cover;
}
.cld-host-box3{
	background: url("../images/background/cld-bg3.jpg") no-repeat center center;
	background-size: cover;
}
.cld-host-box4{
	background: url("../images/background/cld-bg4.jpg") no-repeat center center;
	background-size: cover;
}
.cld-host-box5{
	background: url("../images/background/cld-bg5.jpg") no-repeat center center;
	background-size: cover;
}
.cld-host-box6{
	background: url("../images/background/cld-bg6.jpg") no-repeat center center;
	background-size: cover;
}
.dom-reg-bg1{
	background: url("../images/background/dom-bg1.jpg") no-repeat center center;
	background-size: cover;
}
.dom-reg-bg2{
	background: url("../images/background/dom-bg2.jpg") no-repeat center center;
	background-size: cover;
}
.dom-reg-bg3{
	background: url("../images/background/dom-bg3.jpg") no-repeat center center;
	background-size: cover;
}
.dom-reg-bg4{
	background: url("../images/background/dom-bg4.jpg") no-repeat center center;
	background-size: cover;
}	


.eml-box-bg1{
	background: url("../images/background/eml-bg1.jpg") no-repeat center center;
	background-size: cover;
}	
.eml-box-bg2{
	background: url("../images/background/eml-bg2.jpg") no-repeat center center;
	background-size: cover;
}	
.eml-box-bg3{
	background: url("../images/background/eml-bg3.jpg") no-repeat center center;
	background-size: cover;
}	
.eml-box-bg4{
	background: url("../images/background/eml-bg4.jpg") no-repeat center center;
	background-size: cover;
}

.wind-box-bg1{
	background: url("../images/background/wind-bg1.jpg") no-repeat center center;
	background-size: cover;
}	
.wind-box-bg2{
	background: url("../images/background/wind-bg2.jpg") no-repeat center center;
	background-size: cover;
}	

.wind-box-bg3{
	background: url("../images/background/wind-bg3.jpg") no-repeat center center;
	background-size: cover;
}	

.wind-box-bg4{
	background: url("../images/background/wind-bg4.jpg") no-repeat center center;
	background-size: cover;
}	

.wind-box-bg5{
	background: url("../images/background/wind-bg5.jpg") no-repeat center center;
	background-size: cover;
}	

.wind-box-bg6{
	background: url("../images/background/wind-bg6.jpg") no-repeat center center;
	background-size: cover;
}	


.word-box-bg1{
	background: url("../images/background/word-bg1.jpg") no-repeat center center;
	background-size: cover;
}	
.word-box-bg2{
	background: url("../images/background/word-bg2.jpg") no-repeat center center;
	background-size: cover;
}
.word-box-bg3{
	background: url("../images/background/word-bg3.jpg") no-repeat center center;
	background-size: cover;
}

.word-box-bg4{
	background: url("../images/background/word-bg4.jpg") no-repeat center center;
	background-size: cover;
}	
.word-box-bg5{
	background: url("../images/background/word-bg5.jpg") no-repeat center center;
	background-size: cover;
}
.word-box-bg6{
	background: url("../images/background/word-bg6.jpg") no-repeat center center;
	background-size: cover;
}
.word-box-bg7{
	background: url("../images/background/word-bg7.jpg") no-repeat center center;
	background-size: cover;
}
.ml-10{
	margin-left:10px;
}
.coo{
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	background:#000;
	padding:20px;
	z-index:1000;
	text-align:center;
}
.coo-p{
	font-size:20px;
	margin-bottom:20px;
	margin-top:20px;
	color:#FFF;
}
.coo-p span{
	color: #fd6a02;
}
.coo-btn{
	background: none;
    border: 2px solid #FFF;
    border-radius: 42px;
    color: #FFF;
    padding: 14px 24px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 3px;
	cursor:pointer;
}
.coo-btn:focus{
	outline:none;
}


.home-workbox{
    padding-top: 100px;
    padding-bottom: 100px;
}

.logo-mobile, .menu-toggle-mob {
    display: none;
}
.casestudy-banner {
	padding-top: 140px;
    color: #fff;
}
.casestudy-banner h2 {
    font-size: 48px;
    z-index: 15;
    position: relative;
}
.casestudy-banner h2 span, .casestudy-banner p span {
    color: #fd6a02;
}
.casestudy-banner h1 {
    font-size: 48px;
    z-index: 15;
    position: relative;
}
.casestudy-banner h1 span, .casestudy-banner p span {
    color: #fd6a02;
}
.casestudy-banner p {
    font-size: 25px;
    z-index: 15;
    position: relative;
}
@media (max-width: 740px) {
	.logo-desktop, .nav ul li:last-child, .home-video, .banner::after, .banner .head-new{
        display: none;
    }
	.menu-toggle-mob {
        display: block;
        position: absolute;
        right: 20px;
        top: 16px;
    }
    .menu-toggle-mob span{ 
        height: 2px;
    }
    .logo-mobile{
        display: inline-block;
        width: 60px;
    }
    .nav ul li:not(:last-child) {
        display: inline-block;
    }
    .banner {
        background: none;
        background-color: #ffffff;
    }
    .nav ul li a:not(.mail-icon) {
        color: #000;
        font-weight: 400;
        font-size: 15px;
    }
    .home-workbox{
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .banner{
        padding-bottom: 10px;
    }
    .logo {
        float: none;
        margin-top: 20px;
            text-align: center;
    }
    .logo a{
        display: inline-block;
    }
    .nav {
        float: none;
        margin-top: 20px;
        text-align: center;
    }
	.sub-banner{
        padding-bottom: 30px;
    }
    .sub-banner-txt {
        color: #000000;
    }
    .sub-banner-head {
        margin-top: 21px;
        padding-top: 19px;
        border-top: 1px solid #ececec;
    }
	.exprt-msn {
        min-height: 470px;
    }
    .sticky-wrapper.is-sticky .header {
        background-color: #fff;
    }
    .work-banner {
        background: none;
    }
    .casestudy-banner{
        margin-top: 20px;
    }  
    .sticky-wrapper.is-sticky .menu-toggle-mob{
        top: 25px;
    }
    .sub-banner .menu-toggle-mob{
        top: 30px;
    }
	 .sticky-wrapper{
            background-color: rgb(255, 255, 255);
    }
    .sub-banner-head {
        border-top: none;
    }
    .sub-banner-txt {
        color: #ffffff;
    }
    .header{
        padding-bottom: 20px;
    }
	.tech-list-p {
		font-size: 15px;
		line-height: 28px;
	}
}
@media (max-width: 480px) {
    .foot-add-row, .foot-part-logos, .foot-soc-head, .work-box-txt p{
        display: none;
    }
    .footer-sub {
        padding-top: 0px; 
        border-top: none; 
    }
    .social-media {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
    .footer {
        padding: 10px 0 20px 0;
        border-top: 1px solid #636363;
    }
    .work-box-new .work-box-txt {
        opacity: 1;
    }
    .work-box-new {
        height: 235px;
    }
    .work-box-new .work-box-txt h2 {
        margin-bottom: 20px;
		font-size: 18px;
    }
    
    .sft-ftr-rgt {
        padding: 20px 0px;
    }
    .our-office-box-txt{
        min-height: auto;
    }
    .exprt-hd-main h1 {
        padding-top: 0px;
        padding-left: 0;
    }
    
    .meet-pple-col-row {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .soft-dev-side-intro {
        margin-bottom: 40px;
    }
	
    


}


.frm-agree{
	padding:20px 20px 30px 20px;
}
.frm-chk{
	float:left;
}
.frm-term {
    font-size: 15px;
    margin-left: 22px;
    margin-top: -7px;
    line-height: 25px;
}
.privacy-lnk{
	color:red;
}
.priv-ploi-lnk{
	color:#fd6a02;
}
.thnk-hd{
	font-size: 60px;
    color: #fd6a02;
    margin-bottom: 25px;

}
.thnk-left{
	width:40%;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	border-right:1px solid #000;
	margin-top: 45px;
    margin-bottom: 45px;
}
.thnk-left p{
	font-size:22px;
	line-height: 35px;
}
.thnk-right{
	width:60%;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	padding-left: 30px;
}
.thnk-right h2{
	font-size: 27px;
    padding-bottom: 27px;
    padding-top: 100px;
}
.thnk-right p{
	font-size:22px;
	line-height: 35px;
}
.hr-border{
	border-bottom:1px solid #fd6a02;
}
.hr-border1{
	border-bottom:1px solid #fd6a02;
	margin-top: 34px;
}
.thnk-btn{
    display: inline-block;
    background: #fd6a02;
    color: #000;
    padding: 10px 25px;
    font-size: 19px;
    line-height: 47px;
    text-transform: uppercase;
    font-weight: 700;
}
.cstdy-li-sub-hd{
	font-size: 21px;
    line-height: 35px;
}
@media(max-width:900px)
{
	.thnk-right,.thnk-left{
		width:100%;
		float:none;
		padding-left: 10px;
		padding-right:10px;
	}
	.thnk-hd{
		font-size: 40px;
	}
	.thnk-right{
		padding-top:0px;
	}
	.thnk-left{
		padding-bottom:20px;
		border-bottom:1px solid #000;
		border-right:none;
	}
	.thnk-right h2{
		padding-top: 0px;
	}
	
}
@media(max-width:740px)
{
	.hosting-sub-head {
		font-size: 32px;
		line-height: 35px;
	}
	.work-hd-main h1 {
		font-size: 45px;
		padding-top: 46px;
	}
	.exprt-hd-main h1 {
		font-size: 32px;
		padding-top: 30px;
	}
	.expr-box-hd {
		font-size: 17px;
	}
	.expr-box-hd-v2 {
		font-size: 20px!important;
	}
	.col-box-main h3 {
		font-size: 18px;
	}
	.sft-ftr-li li{
		line-height: 32px;
		font-size: 15px;
	}
	.sft-ftr-rgt p {
		line-height: 32px;
	}
	.cust-sot-hd-p{
		line-height: 28px;
	}
	.ser-ul-li li {
		line-height: 33px;
		font-size: 15px;
	}
	.li-blk-mob li::before {
		top: 13px;
	}
	.col-box-main h2{
		font-size:22px;
	}
	.casestudy-banner h2{
		font-size:30px;
		line-height: 33px;
	}
	.casestudy-banner h1{
		font-size:30px;
		line-height: 33px;
	}
	.casestudy-banner p{
		font-size:16px;
		line-height: 23px;
	}
	.casestudy-banner {
		padding-top: 25px;
	}
	
	.foot-add-row,.foot-soc-head,.foot-add-row, .foot-part-logos, .foot-soc-head{
		display:none;
	}
	.footer-sub {
        padding-top: 0px; 
        border-top: none; 
    }
    .social-media {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
    .footer {
        padding: 10px 0 20px 0;
        border-top: 1px solid #636363;
    }
	.foot-part-logos, .social-media, .social-icon {
		float: none;
	}
	.foot-part-logos, .social-media {
		text-align: center;
	}
	.work-ul-li li {
		font-size: 15px;
		line-height: 32px;
	}
	.cstdy-li-sub-hd{
		font-size: 17px;
		line-height: 27px;
	}
}
.st-map-lnk li a{
	font-size:15px;
	color:#000;
	transition:0.5s;
}
.st-map-lnk li a:hover{
	color:#fd6a02;
}
.mndtry{
	color:red;
}
.cpy-rght{
	color: #9f9e9e;
	text-align:center;
	padding-top:20px;
}
.cpy-rght p{
	line-height:27px;
}

.prvcy-lnks li{
	display:inline;
	line-height:30px;
}
.prvcy-lnks li span{
	margin-left:15px;
	margin-right:15px;
}
.prvcy-lnks li a{
	color: #9f9e9e;
	transition:.5s;
}
.prvcy-lnks li a:hover{
	color: #fd6a02;
}
.hm-hdng{
	font-size:65px;
	padding-bottom:20px;
}
.hm-hdng span{
	color: #fd6a02;
}
.pt-30{
	padding-top:30px;
}
@media(max-width:768px){
	
	.sub-banner{
		min-height: 400px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		
	}
}
@media(max-width:480px){
	
	
	.sub-banner-head {
		margin-top: 0px;
		font-size: 28px;
	}
	.sub-banner-txt {
		font-size: 15px;
	}
	.ban-logo {
		
		padding-top: 10px;
		float: left;
		max-width: 200px;
	}
	.work-box-txt .expr-box-p{
		display:block;
	}
	.work-box-new .work-box-txt{
		right:10px;
	}
	.sw-box-p{
		opacity:1;
	}
	.ml-10{
		margin-left:0;
	}
	.skill-box-list span{
		font-size: 13px;
	}
	.casestudy-banner p span{
		display:none;
	}
	.sft-ftr-lft h2{
		font-size: 24px;
	}
	.abt-h2 {
		font-size: 28px;
	}
	.aboutus-lft-p {
		font-size: 20px;
		line-height: 35px;
	}
	.abt-txt-col1 h2 {
		font-size: 32px;
	}
	.abt-col-hd1 {
		font-size: 32px;
	}
	.abt-txt-col1 h3 {
		font-size: 20px;
		margin-top: 0px;
	}
	.abt-col-hd2 {
		font-size: 20px;
		margin-top: 0px;
	}
	.aboutus-p {
		font-size: 16px;
	}
	.abt-exp-col-main{
		padding-top:0;
	}
	.abt-txt-col1 p {
		font-size: 16px;
	}
	.our-work h1 {
		font-size: 28px;
		padding: 10px 0;
	}
	.wrk-hdng {
		font-size: 28px;
		padding: 10px 0;
	}
	.frm-clmn label, .frm-clmn1 label {
		font-size: 17px;
	}
	.frm-clmn{
		padding:0 15px;
	}
	.inpt-txt{
		font-size:16px;
	}
	.g-aps-h3 {
		line-height: 14px;
		font-size: 19px !important;
	}
	.side-tech-txt {
		font-size: 16px;
		line-height: 27px;
	}
	.col-box2 p {
		line-height: 32px;
	}
	.social-icon-new img{
		max-width:65px;
	}
	.os-head {
		font-size: 22px !important;
	}
	.os-list li{
		font-size:14px;
	}
	.ser-p {
		line-height: 29px;
	}
	
	.work-ul-li li::before{
		top:11px;
	}
	.menu-right .right-top-menu li a {
		font-size: 15px;
		font-weight: 700!important;
		line-height: 14px;
	}
	.menu-right .right-bottom-menu li a {
		font-size: 15px;
		line-height: 14px;
		font-weight: 700;
	}
	.prcy-mob-hide{
		display:none !important;
	}
    .cpy-rght{
        display: flex;
        flex-direction: column-reverse; 
    }
}

.home-icon{
    position: absolute;
    top: 9px;
    left: 50px;
	display:none;
}
@media(max-width:1024px){
	.home-icon{
		display:block;
	}
	.popup-close1 {
		display:block;
	}
	.st-map-col h2{
		font-size:20px;
	}
}
@media(max-width:680px){
	.home-icon{
		left: 28px;
	}
}

.st-map-lft{
	width:30%;
	float:left;
}
.st-map-rgt{
	width:70%;
	float:left;
}
.st-map-col{
	width:50%;
}
.sub-bnr-txt-new{
	width:48%;
}

@media(max-width:720px){
	.st-map-lft,.st-map-rgt{
		width:100%;
		float:none;
	}
	.hm-hdng{
		font-size:28px;
	}
	.sub-bnr-txt-new{
		width:100%;
	}
	
}
@media(max-width:555px){
	.st-map-col{
		width:100%;
	}
	.br-li{
		display:none;
	}
}

.off-lnk{
	color:#FFF;
	transition:0.5s;
}
.off-lnk:hover{
	color: #fd6a02
}
.lnch-sn{
	font-size:40px;
}
.lnch-main{
	padding-top:60px;
	padding-bottom:300px;
	text-align:center;
}
@media(max-width:720px){
	.lnch-sn{
		font-size:25px;
	}
	.lnch-main{
		padding-top:50px;
		padding-bottom:200px;
	}
}
.carr-new-posi{
	background-image: url('../images/background/new-posi-bg.jpg'); 
	background-position:center left;
}
.carr-cv{
	background-image: url('../images/background/smt-cv-bg.jpg'); 
	background-position:center left;
}

.posi-row{
	border-top:1px solid #d7d7d7;
}
.posi-col1{
	width:74%;
	float:left;
	padding:33px 93px 40px 0;
	
}
.crr-posi-main{
	font-size: 22px;
    font-weight: 700;
	color:#000;
	transition:0.5s;
}
.crr-posi-main:hover{
	color:#fd6a02;
}
.posi-col2{
	width:26%;
	float:left;
	padding:37px 20px 33px 0;
}
.crr-place{
	font-size: 20px;
    padding-bottom: 7px;
	font-weight:700;
}
.crr-posi-sub{
	font-size:20px;
	color:#898888;
}
.carr-aply-p{
    line-height: 38px;
    padding-right: 0px;
	font-weight: 700;
    font-size: 22px!important;
}
.carr-aply-hd{
	margin-top:30px;
	margin-bottom:10px;
	font-size:30px;
}
.posi-apply-row{
	border-bottom:1px solid #CCC;
}
.crr-app-row{
	width:75%;
	padding: 40px 0;
}
.aply-nw-hd{
	font-size:45px;
	margin-bottom:30px;
}
.apl-nw-frm label{
	font-size:20px;
	margin-top: 25px;
    display: block;
}
.apl-nw-frm label span{
	color:#fd6a02;
}
.apl-nw-inpt-txt{
	width:100%;
	border-bottom:2px solid #ccc;
	border-top:none;
	border-left:none;
	border-right:none;
	font-size:16px;
	padding:25px 0 10px 0;
	transition:0.5s;
	font-family: "Montserrat", Arial;
}
.apl-nw-inpt-txt:focus{
	outline:none;
	border-bottom: 2px solid #fb8a28;
}

.apl-nw-btn {
    background: #fd6a02;
    border: none;
    padding: 25px 50px;
    color: #000;
    text-transform: uppercase;
    font-family: "Montserrat", Arial;
    font-size: 19px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 25px;
}
.apl-nw-btn:focus {
	outline:none;
}
.inpt-txt-cv {
    width: 100%;
    border: none;
    padding: 10px 0;
    transition: 0.5s;
    font-family: "Montserrat", Arial;
	background:none;
	font-size:17px;
	color:#000;
}
.inpt-txt-cv:focus{
	outline:none;
}
.apply-row{
	padding-top:40px;
	padding-bottom:50px;
}
.thnk-cnt{
	text-align:center;
	padding-top:100px;
	padding-bottom:100px;
}
@media(max-width:720px){
	.posi-col1,.posi-col2{
		width:100%;
		float:none;
	}
	.posi-col1{
		padding:22px 20px 15px 0;
	}
	.posi-col2 {
		padding: 0px 20px 25px 0;
	}
	.crr-posi-main{
		font-size: 18px;
	}
	.crr-place,.crr-posi-sub{
		font-size: 16px;
	}
	.thnk-cnt{
		padding-top:50px;
		padding-bottom:50px;
	}
}
@media(max-width:740px){
	.apl-nw-frm label{
		font-size:17px;
	}
	.crr-app-row{
		width:100%;
	}
}
.posi-apply-row h4 {
	line-height: 38px;
    padding-right: 0px;
    font-weight: 700;
    font-size: 22px!important;
}
.posi-apply-row h2 {
	margin-top: 30px;
    margin-bottom: 10px;
    font-size: 30px;
}
.posi-apply-row ul li {
	font-size: 18px;
    line-height: 42px;
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
}
.posi-apply-row ul li::before {
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    background: #fd6a02;
    left: 0;
    top: 15px;
}
.fhtxt {
	font-size: 14px !important;
    color: #828282;
}
.frm-clmn.alt {
	min-height: 0;
	float: none;
	padding: 0;
}
.disc-alert {
	position: fixed;
    bottom: 20px;
    right: -100%;
    z-index: 999;
	font-size: 14px;
	color: #FFF;
    background-color: #fd6a02;
	padding: .75rem 1.25rem;
	padding-right: 45px;
	border: 1px solid #c75402;
	transition: right 1s linear 0s;
}
.disc-alert.active {
	right: 20px;
}
.disc-alert a {
	color: #000;
}
.disc-close {
	position: absolute;
    top: 0;
    right: 0;
    padding: 6px 10px;
	background-color: transparent;
    border: none;
	font-size: 25px;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
	cursor: pointer;
}
.disc-close:focus {
	outline: none;
}
.menu-head a {
    color: #000 !important;
}